/* Diseņo: GLIFOS, diseņo y comunicacion - Web: Luis Garcia Gil
Paginas 3 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;
}

* 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 30%;
}
#noticia{
	border:1px solid #00aaff;
	background-color:#fffbe5;
	width:85%;
}					
#complementos{
	float:left;
	margin-left:-28.86%;
	width:28.86%;
}
#cse{
	width:90%;
	margin:8% 10% 0% 6%;
}
#contador{
	width:60%;
	margin:8% 10% 0% 6%;
}
#extras{
	float:left;
	margin-left:-100%;
	width:30%;
}
#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.13em 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:1% 11.76% 6% 1%;
	}
		#contenido img.marcadeagua{
			border:0px;
  		  	float:left;
		   margin:0.98% 11.76% 0 0.98%;
		}
	#contenido p{
		font:0.88em Verdana, Helvetica, sans-serif;
		line-height:1.5em;
		margin:10% 11.76% 0.98% 1%;
		color:#005580;
		padding:0 6% 0 3%;
	}
		#contenido p.pie{
			color:#0077b3;
			border:0;
			font:italic 0.69em Verdana, Helvetica, sans-serif;
			margin-top:0;
		}
	#noticia p{
		font:0.88em Verdana, Helvetica, sans-serif;
		line-height:1.5em;
		margin:1% 4% 2% 4%;
		color:#005580;
		padding:0 1% 0 0;
		border:0;
	}
	#noticia p.fecha{
		font:0.88em Verdana, Helvetica, sans-serif;
		line-height:1.5em;
		margin:1% 4% 2% 1%;
		color:#00aaff;
		padding:0 1%;
		border:0;
	}
	
	#contenido .dropcap {
  		float: left;
  		font: italic 4em  Georgia, serif;
  		padding:0 2% 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;
		}
	
/* EXTRAS ------------------------------------------------------------ */
	#extras h1{
		color: #005580;
		font: bold 0.875em Georgia, serif;
		margin:2% 8%;
	}
	#extras h2{
		color: #005580;
		font: bold 0.875em Georgia, serif;
		margin:2% 8%;
	}
	#extras hr{
		color: #005580;
		border:1px dotted #00aaff;
		margin:6% 10% 6% 9%;
	}
	#extras img{
		margin:1% 4% 4% 9%;
		float:left;
		padding:2px;
		border:1px solid #00aaff;
	}
	#extras p{
		font:0.69em Verdana, Helvetica, sans-serif;
		line-height:1.3em;
		margin:2% 10% 0% 9%;
		color:#005580;
	}
		
/* COMPLEMENTOS ------------------------------------------------------*/
	#complementos h1{
		color: #0077b3;
		font:bold 0.88em Georgia, serif;
		margin:3.57% 8.92% 3.57% 12.50%;
		padding-top:1.78%;
	}
	#complementos h2{
		color: #0077b3;
		font:bold 0.75em Georgia, serif;
		margin:3.57% 8.92% 1.5% 8.92%;
		padding-top:1.78%;
	}
	#complementos h3{
		color: #0077b3;
		font:bold 0.69em Georgia, serif;
		margin:3.57% 8.92% 3.57% 12.50%;
		padding-top:1.78%;
	}
	#complementos img{
		margin:4% -1.78% 0% 8.92%;
	}
		#complementos img.contador{
		margin:4% -1.78% 0% 10%;
	}
	#complementos a img{
	border: 2px solid #b30000;
	}
	#complementos a:hover img{
	border: 2px solid #ff5500;
	}
	#complementos img.separador{
		margin:20px 100px 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:10px 40px 0px 320px;
		color:#005580;
	}