/* Diseņo: GLIFOS, diseņo y comunicacion - Web: Luis Garcia Gil
Paginas 2 columnas: Hoja de estilo CSS 090701 */

html,body{margin:0;padding:0}
body{
	background:#cde5ed url("lgg_imgs/body_fondo.jpg") repeat;
	font:normal 100% Verdana, Helvetica, sans-serif;
}
* a{
	color:#b30000;
	font-weight:bold;
	text-decoration:none;
}
* a:hover{
	color:#ff5500;
}
.actual{
	color:#005580;
}
* cite{
	color:#0077b3;
}
* em{
	font:bold 100% Verdana, Helvetica, sans-serif;
}

/* DIVs ----------------------------------------------------------- */
#pagina{
	margin:0 auto;
	text-align:left;
	width:60.62em;
	background-color: #f2fbff;
	background-image: url(lgg_imgs/pag_fondo.jpg);
	background-repeat: repeat;
}
#cabecera{
	float:left;
   width:100%;
   background:#00aaff url("lgg_imgs/cabecera.jpg") no-repeat;
   font-size:93%;
   line-height:normal;
	height:212px;
}
#contenedor{
	float:left;
	width:100%;
}
#contenido{
	margin:0 28.86% 0 7%;
}					
#complementos{
	float:left;
	margin-left:-28.86%;
	width:28.86%;
}
#cse{
	width:90%;
	margin:8% 10% 0% 6%;
}
#pie{
	clear:left;
	width:100%;
}

/*Cabecera-navegacion-------------------------------*/
#cabecera ul{
padding: 3px 0;
margin-left: 25px;
margin-top: 167px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
}
#cabecera li{
display: inline;
margin: 0;
}
#cabecera li a{
	text-decoration: none;
	padding: 7px 7px 10px 7px;
	margin-right: 3px;
	background-image: url(lgg_imgs/nav_item_normal.gif);
	background-repeat: repeat-x;
}
#cabecera li a:hover{
}
#cabecera  li.actual{
position: relative;
top: 1px;
}
#cabecera  li.actual a{
	padding: 7px 7px 10px 7px;
	background-image: url(lgg_imgs/nav_item_actual.gif);
	color: #005580;
}
#cabecera li.selected a:hover{
text-decoration: none;
}
/* CONTENIDO ---------------------------------------------- */
	#contenido br{
		clear:both;
	}
	#contenido h1{
		color: #005580;
		font:bold 1.5em Georgia, serif;
		margin:1.96% 11.76% 2.94% 0.98%;
	}
	#contenido h2{
		color: #005580;
		font:bold 1.38em Georgia, serif;
		margin:1.96% 11.76% 2.94% 0.98%;
	}
	#contenido h3{
		color: #00aaff;
		font:bold 1.13em Georgia, serif;
		margin:1.96% 11.76% 2.94% 0.98%;
	}
	#contenido h4{
		color: #00aaff;
		font:bold 1em Georgia, serif;
		margin:1.96% 11.76% 2.94% 0.98%;
	}
	#contenido iframe{
		border: 6px solid #dddddd;
  		float:left;
  		margin:1.96%;
	}
	#contenido img{
		padding:2px;
		border:1px solid #00aaff;
  		float:left;
		margin:3.92% 1.96% 0% 0.98%;
	}
		#contenido img.marcadeagua{
			border:0px;
  		  	float:left;
		   margin:0.98% 11.76% 0 22%;
		}
	#contenido p{
		font:0.88em Verdana, Helvetica, sans-serif;
		line-height:1.5em;
		margin:3.92% 11.76% 0.98% 0.98%;
		color:#005580;
	}
	#contenido .dropcap {
  		float: left;
  		font: bold 4em  Georgia, serif;
  		padding:0 0.58% 0.39% 0;
		line-height:0.70em;
		color:#0077b2;
}
	#contenido ol{
		list-style-position:outside;
		margin:0;
	}
		#contenido ol li{
			font:0.88em Verdana, Helvetica, sans-serif;
			margin-bottom:0.98%;
			color:#005580;
		}
	#contenido ul{
		list-style-image: url("lgg_imgs/boliche.gif");
		list-style-type:square;
		list-style-position:outside;
		margin:0;
	}
		#contenido ul li{
			font:0.88em Verdana, Helvetica, sans-serif;
			margin-bottom:0.98%;
			color:#005580;
		}

	#contenido table {
			width:95%;
	}
	#contenido td {
			vertical-align:bottom;
	}
	#contenido td.piedefoto {
			width:30%;	
	}
	#contenido table p {
			text-align:right;
			font:italic 0.69em Verdana, Helvetica, sans-serif; 
			line-height:1.3em;
			color:#005580;
			border-bottom:1px dotted #0077b3;
			padding-bottom:2%;
			padding-right:3%;
	}
/* EXTRAS ----------------------------------------------------------- */
	#extras h1{
		color: #005580;
		font: bold 0.875em Georgia, serif;
		text-align:center;
		margin:5.55% 0 5.55% 0;
	}
	#extras h2{
		color: #00aaff;
		font: bold 0.625 Georgia, serif;
		text-align:center;
		margin:0 0 5.55% 0;
	}
	#extras h3{
		color: #00aaff;
		font: bold 0.687em Georgia, serif;
		text-align:center;
		margin:0 0 5.55% 0;
	}
	#extras img{
		margin:5.55% 2.77% 5.55% 12%;
		padding:2px;
		border:1px solid #00aaff;
	}
		#extras img.portada{
		margin:5.55% 2.77% 0 8.33%;
		padding:0;
		border:0;
		
		}
	#extras p{
		font:0.69em Verdana, Helvetica, sans-serif;
		line-height:1.3em;
		margin:2.77% 5.55% 2.77% 5.55%;
		padding:5.55%;
		color:#005580;
		border-bottom:1px dotted #0077b3;
	}
	#extras ul{
		list-style:none;
		margin:0;
		padding-left:0em;
		text-decoration:none;
		text-indent:0em;
		width: 100%;
	}
		#extras ul li{
			line-height:1em;
			margin:0 5.55% 5.55% 8.33%;

		}
		
/* COMPLEMENTOS  ----------------------------------------------*/
	#complementos h1{
		color: #0077b3;
		font:bold 0.88em Georgia, serif;
		margin:3.57% 8.92% 3.57% 12.50%;
		padding-top:1.78%;
		border-top:1px dotted #619ebc;
		
	}
	#complementos h2{
		color: #0077b3;
		font:bold 0.75em Georgia, serif;
		margin:3.57% 8.92% 1.5% 12.50%;
		padding-top:1.78%;
		border-top:2px dotted #619ebc;
	}
	#complementos h3{
		color: #0077b3;
		font:bold 0.69em Georgia, serif;
		margin:3.57% 8.92% 3.57% 12.50%;
		padding-top:1.78%;
		border-top:2px dotted #619ebc;
	}
	#complementos img{
		margin:4% -1.78% 0% 8.92%;
	}
	#complementos a img{
	border: 2px solid #b30000;
	}
	#complementos a:hover img{
	border: 2px solid #ff5500;
	}
	#complementos img.separador{
		margin:10px 100px;
	}
	#complementos p{
		font:0.69em Verdana, Helvetica, sans-serif;
		margin-left:12.50%;
		color: #005580;
	}
	#complementos ul{
		list-style:none;
		margin:0 0 0 3.57%;
		padding:0;
		width: 100%;
	}
		#complementos ul li{
			font:bold 0.687em Verdana, Helvetica, sans-serif;
			line-height:2em;
		}
		
		 		#complementos ul li a{
					text-decoration:none;
					padding-left:8.92%;
				}
				#complementos ul li a:hover{
					background-image: url(lgg_imgs/bullet_mano.png);
					background-repeat: no-repeat;
				}
				#complementos ul li.actual a{
					color:#005580;
					background-image: url(lgg_imgs/bullet_actual.png);
					background-repeat: no-repeat;
					background-position: 3px 0;
				}
	
	#complementos ul.contacto{
		list-style:none;
		margin:0 5% 0 5%;
		width: 85%;
		border:1px solid #00aaff;
	}
		#complementos ul.contacto li.contact {
			font:bold 0.687em Verdana, Helvetica, sans-serif;
			line-height:2em;
			margin:3%;
			padding-left:8%;
			background:url(lgg_imgs/ic_email.png) bottom left no-repeat;
		}
		#complementos ul.contacto li.bitacora {
			font:bold 0.687em Verdana, Helvetica, sans-serif;
			line-height:2em;
			margin:3%;
			padding-left:8%;
			background:url(lgg_imgs/ic_bitacora.png) bottom left no-repeat;
		}
		#complementos ul.contacto li.facebook {
			font:bold 0.687em Verdana, Helvetica, sans-serif;
			line-height:2em;
			margin:3%;
			padding-left:8%;
			background:url(lgg_imgs/ic_facebook.png) bottom left no-repeat;
		}
		#complementos ul.contacto li.foro {
			font:bold 0.687em Verdana, Helvetica, sans-serif;
			line-height:2em;
			margin:3%;
			padding-left:8%;
			background:url(lgg_imgs/ic_foro.png) bottom left no-repeat;
		}
		#complementos ul.contacto li a{
			text-decoration:none;
		}
		#complementos ul.contacto li a:hover{
			text-decoration:none;
			background: url("");
				}
	#complementos img.icono{
			margin:0 8.92% 0 8.92%;
	}
/* PIE --------------------------------------------------------*/
	#pie p{
		font:0.687em Verdana, Helvetica, sans-serif; 
		line-height:1.5em;
		margin:5% 30%; 
		color:#005580;
	}