/*
	=======================
	Generales
	=======================
 */ 
 
	body {
	 /*background:#A6D853 ;*/
	 margin:0;
	 padding:0;
	 font:1em Georgia;
	 background:#FFFFFF;
	 color:#FFFFFF;
	}

a {color: #0000FF;}
a img {border: 1px solid #0000CC;}
a:visited {opacity: 0.7;}
a:hover {opacity: 1;text-decoration: underline;}

img.logo {position: absolute;top: 8px;left: 56em;}

img {
border:0px;
margin:0 auto 0;
}

.hide {
position:absolute;
left:-2000px;
width:999px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

h1,h2,h3,h4 {
	margin: 0;
}

h1 {
	font-size: 200%;
	letter-spacing: 0.1em;
	margin-top: 50px;
	font-weight: normal;
	margin-bottom: 23px;
}

h3 {
	font-size: 120%;
}

ul.juegos {
list-style-type: none;
}

ul.juegos li {
display:inline;
margin: 0 7px 0 0;vertical-align:middle;
}

ul.juegos li img {
padding:1px;
border:none;
}

ul.juegos li a {
text-decoration:none;
background:#FF0000;
padding:2px;
}
ul.juegos li a:hover {
background:#CC0000;
}


/*
	=======================
	Menú principal
	=======================
 */ 

ul.menuPrincipal {
	width: 215px;
	height: 597px;
	margin: 0;
	padding: 0;
	padding-top: 50px;
	list-style-type: none;
	background: #FFFFFF;
	/*background:#b8de01;*/
}

ul.menuPrincipal li {
	margin: 0;
	padding: 0;
}

ul.menuPrincipal a {
	margin: 0;
	padding: 0;
	padding-left:2em;
	line-height: 190%;
	display: block;
	font-size: 130%;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0.2em;
	text-align: left;
}

/*
	=======================
	Contenido
	=======================
 */ 

div.contenido {
	position: absolute;
	top: 50px;
	left: 215px;
	margin-left: 23em;
	padding-top:4em;
	width: 20em;
	color: #161027;
}

div.contenido a {
	color: #6374AB;
}

div.contenido p img, div.columnaMedio p img {
text-align:center;
}

/*
	=======================
	Columna del medio
	=======================
 */ 

div.columnaMedio {
	position: absolute;
	left: 215px;
	top: 0;
	z-index: 1;
	width: 20em;
	height: 900px;
	padding:1em;
	color: #000000;
	background-color: #FFFFFF;
}

div.columnaMedio h4 {
	clear: left;
}

div.columnaMedio a {
	text-decoration: none;
	font-weight: bold;
}

/*
	=======================
	Otros contenidos
	=======================
 */ 
 
 div.columnaMedioOff {
	position:absolute;
	left:215px;
	top:0;
	z-index:1;
	width:0.3em;
	height:645px;
	padding:0;
	margin:0;
	background-color: #000000;
}
 
 div.contenido-1 {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 19em;
	padding-top:4em;
	width: 30em;
	color: #161027;
}
 
 div.contenido-1 img {
 border:3px groove #FF6600;
 }
 
 div.contenido-1 table td {
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:70%;
 color:#FFFFFF;
 padding:0.1em;
 }
 
 div.contenido-1 table tr.odd {
 background:#B6E34A;
 }
 
 div.contenido-1 table td p {
 font-weight:lighter;
 color:#000000;
 }
 
 div#volver {
	position: relative;
	margin-left: 13em;
}
 
 

/*
	=======================
	Proyectos
	=======================
 */ 


ul.proyectos {
	position: relative;
	width:64em;
	margin:0;
	padding:0.8em;
	height:150px;
	list-style-type:circle;
	margin-top:1em;
	z-index:2;
	top:30em;
	color:#000000;
}

ul.proyectos li {
	float: left;
	width: 18em;
	margin:0;
	list-style-type: square;
}

ul.proyectos li:first-child {
	width: 120px;
}

ul.proyectos li#uno {
	width: 120px;
}

ul.proyectos li h4 {
	margin: 0;
	font-weight:700;
	font-size: 100%;
}

ul.proyectos li a {
	color: #000000;
}
ul.proyectos li a:hover {
	font-weight:900;
}

ul.proyectos li.colInvertidos {
	color: #ffffff;
}

ul.proyectos li.colInvertidos a {
	color: #B67300;
}

/*
	=======================
	Pie de página
	=======================
 */ 

div#footer {
	position: relative;
	bottom: 0;
	left: 1em;
	height: 120px;
	width: 100%;
	top:13em;
}

div#footer ul {
	position: absolute;
	left: 36em;
	bottom: 20px;
	margin: 0;
	padding: 0;
	margin-left: 63px;
	width: 21em;
}

div#footer li {
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 0.6em;
	list-style-type: none;
}

div#footer a {
	font-family: Helvetica, "Helvetica", Trebuchet, "Trebuchet MS", Trebuchet MS, arial, verdana, sans-serif;
	color: #333333;
	text-decoration: none;
}