@charset "iso-8859-1";
/* CSS Document */

/* estilos genéricos */
/*clase clearfix*/
   .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

* {
	padding:0px;
	margin:0px;
}

body{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0px;
	background-color:#990000;
	color: #666666;
	font-size: 12px;
	text-align: center;
}
    h1 {
	color:#003366;
	background:transparent;
	padding : 0px;
	margin:0px;
	line-height: 110%;
	font-weight: normal; 
	font-size: 20px;
}

hr{border:#CCCCCC dotted thin; margin-top:5px; clear:both; }

a{color: #666666; text-decoration: none; }
a:hover{ color:#CC0000 text-decoration:underline;}

#separador{clear:both; height:20px;}

/* cuerpo centarl */
#cuerpo{ background-color:#FFFFFF; padding: auto; margin: 0 auto; margin-top:5px; text-align: center; width: 1000px; border:#333333 solid 1px; }

/*CABECERA*/
#cabecera{width: 1000px; height:186px; padding:0 auto; margin: 0 auto; border-bottom:#CCCCCC solid 0px; border-top:#CCCCCC solid 1px; background-image:url(../../imagenes/pestana_cab.gif); background-position: top right; background-repeat:no-repeat; font-size:10px; margin-bottom:5px;}

/*contenedor*/
/*contenedor principa*/
#contenedor1{width:1000px;  border:0px solid #333333; overflow: hidden; } 

/*contenedor de la derecha*/
/*lateral derecha*/
#derecha{width:300px; background-color:#F0F0F0;  float:right; padding-bottom: 32768px;	/* esto es ser bien exagerado */
		margin-bottom: -32768px;}
		
		
		
/*contenedor izquierda*/
#izquierda{width:686px; float:left; border:#333333 0px solid;   background-image:url(../../imagenes/barra_lateral.gif); background-repeat:repeat-y; background-position:left;  }

#zonaizq{
float:left;
width:680px;
margin:5px;
border:#003366 0px solid;
text-align:left;

}

#notizq{
float:left;
text-align:left;
width:390px;
border-right:#CCCCCC solid 1px;
padding-right:5px;

}

#notder{
float:right;
text-align:left;
width:273px;
border:#990000 solid 0px;
}

/*estilo pra fotonoticia*/
#fotonoticia{ float:right; width:263px; text-align:center; border: 1px solid #CCCCCC; background-color:#f6f6f6; padding:5px;}
#not1izimagen3{float:left; width:253px; margin: 0px 0px 0px 0px ; border:#CCCCCC solid 1px;}
#not4{
float:left;
text-align:left;
width:263px;
margin-bottom:10px;
}

#fotonot{
float:left;
text-align:left;
width:253px;
margin-bottom:10px;
}
/*estilo para noticia princippa*/
#not1iz{
float:left;
text-align:left;
width:390px;
margin-bottom:10px;
}

a.noti:{color: #666666; text-decoration: none; }
a.noti:hover{ color:#CC0000; text-decoration:none;}

#not1izimagen{float:left; width:192px; margin: 0px 7px 0px 0px ; border:#CCCCCC solid 1px;}
#not1izimagen2{float:left; width:121px; margin: 0px 7px 0px 0px ; border:#CCCCCC solid 1px;}


.antetitulo{color:#FF0000; text-transform:uppercase;}


/*ESTILOS PARA NOTICIA DESARROLLADA*/
#articulo{
float:left;
text-align:left;
width:670px;
padding-right:0px;
height:auto;
padding-left:10px;

}
#herramientas{width:670px; float:left; height:35px;}
#articulo p{margin-bottom:20px;} 
 
#articuloimagen{float:right; width:253px; padding:2px; margin: 0px 7px 0px 0px ; border:#F0F0F0 solid 1px ; background-color:#F0F0F0; text-align:center;}
#piedefoto{width:253px; float:left; text-align:left; color:#6D6D6D; font-size:11px;}
.entradillaarticulo{ color:#003366; font-size:14px; }

.firma{font-size:10px; text-transform:uppercase; color:#003366; margin-top:10px; display:block;}


#navgacion{width:945px; border-bottom:solid 1px #CCCCCC; float:left; text-align:left; clear:both; padding:5px; margin:3px;}
#navi2{width:400px; float:left; text-align:left; height:12px;}
#navi2 a{font-weight:bold;}
#fechaportada{width:300px; float:right; text-align:right; font-weight:bold; color:#990000; height:12px;}


/*destacados*/
#destacado{width:298px; border: 1px #CCCCCC solid; height:auto; background-color:#FFFFFF; float:left; text-align:left; margin-top:5px; margin-bottom:10px;}
.dest_titulo{display: block; width:296px; height:34px; background-image:url(../imagenes/fondo_destacado.gif); border-bottom:#CCCCCC solid 1px; padding: 0px; }
#destacado h1 {
	color: #BA0100;
	background:transparent;
	padding-top : 10px;
	padding-left:2px;
	margin:0px;
	line-height: 120%;
	font-weight: normal; 
	font-size: 18px;
}
#destacado img{float:right; margin:3px;}
#destacado p{ margin:5px;}
.gris{color:#666666;}

/*pie*/
#pie{ width:1000px; background-image:url(../imagenes/barra_pie.gif); background-repeat:repeat-x; background-position:bottom; font-family:Arial, Helvetica, sans-serif; font-size:11px;  border-top:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; text-align:center; margin-top:2px; height:50px;}
#logohoy{height:50px; border-right:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; float:left;}
   #logohoy img{padding-top: 20px; padding-left:8px; padding-right:5px;} 
		
		
#rotpubli{width:300px; height:18px; background-image:url(../imagenes/rot_publi.gif); background-position:left bottom; background-repeat:no-repeat; float:right; }
#robapaginas{ float:right; margin-top:0px; width:300px; height:250px; background-color:#F5F5F4; }

#publi{width:1003px; border:#333333 solid 0px; padding: auto; margin: 0 auto; height:auto; background-image:url(../imagenes/publi2.gif); background-position:left ; background-repeat:no-repeat; background-color:#D4D0C8;}
#jumbo{ text-align:center; width:768px; float:left; background-image:url(../imagenes/publi2.gif); background-position:right; background-repeat:no-repeat;}
#modcab{width:234px; float:right; }






/*	estilos para votacion*/
#rating2{ width:30px; margin-top:2px; margin-left:0px; float:left; border:#000000 0px solid;  }
#rating{ width:200px; margin-top:2px; margin-left:0px; float:left; border:#000000 0px solid;  }
	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
	    padding-top:2px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		overflow:hidden;
		background: url(../imagenes/alt_star.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		line-height:25px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(../imagenes/alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(../imagenes/alt_star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}	
	
	
	
	#destacado{width:298px; border: 1px #CCCCCC solid; height:auto; background-color:#FFFFFF; float:left; text-align:left; margin-top:5px; margin-bottom:10px;}
.dest_titulo{display: block; width:296px; height:34px; background-image:url(../imagenes/fondo_destacado.gif); border-bottom:#CCCCCC solid 1px; padding: 0px; }
#destacado h1 {
	color: #BA0100;
	background:transparent;
	padding-top : 10px;
	padding-left:2px;
	margin:0px;
	line-height: 120%;
	font-weight: normal; 
	font-size: 18px;
}
#destacado img{float:left; margin:3px;}
#destacado p{ margin:5px;}
.gris{color:#666666;}
.red{color:#FF0000;}

#subnav{width:995px; background-color:#FFFFFF;  border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; text-align:left; padding-top:5px; padding-left:5px; }
#subnav a{ display:inline; color:#333333; text-decoration: none;  }
#subnav a:hover{ color:#666666; }

#modulomas{ float:left; width:295px; height:270px; border-bottom:solid 1px #dddddd; border-left:solid 1px #dddddd; text-align:left; background-color:#FFFFFF; background-image:url(../imagenes/fondolomas.jpg); background-position:bottom; background-repeat:repeat-x;}
#menumas{width:290px; height:18px; float:left; border-bottom:solid 1px #dddddd; margin-bottom:5px;}
#menumas a{   padding:4px; border-right:solid 1px #dddddd; border-top:solid 1px #dddddd; }
#menumas a:hover{ color:#006699;   padding:4px; border-right:solid 1px #dddddd; border-top:solid 1px #dddddd; }
#lomas{float:left; width:290px; margin-left:4px; }
#lomas p{margin-bottom:5px;}
#lomas img{margin-right:3px;}
#lomas h1{ color:#FF6600;}
#lomas a{color:#3399FF;}
#lomas a:hover{color:#666666};
.p{margin-bottom:10px;}