/************************************************************************************
//Fichero: valsolar.css
//Descripción: Maquetación CSS
//Autor: Manolo Bittacora
//Última actualización: 08/05/09
//Último actualizador: Manolo Bittacora
//************************************************************************************/


/****************************************
/* ESTILOS GENERALES
*****************************************/
* {
	margin: 0;
	padding: 0;	
	z-index: 1;
}

html {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height:100%;
}

img {
	border: none;
	text-decoration: none;
}

.texto_normal {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #333;
	text-align: justify;
	line-height: 15px;
}

.texto_negrita {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	text-align: justify;
}

h1 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #5FBF1A;
	text-align: left;
}

h2 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #5FBF1A;
	text-align: left;
}

h3 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #999999;
	text-align: left;
}

 a{
/*	color: #00008b;*/
	text-decoration: none;
}

a:hover{
/*	color: #00B394;*/
	text-decoration: underline;
}

ul {
	margin-left: 40px;
}

ol {
	margin-left: 20px;
}

.texto_normal ol li{
	margin-left: 60px;
}

hr {
	background-color: #CCCCCC;
	color: #CCCCCC;
	height: 1px;
	width: 100%;
	margin-top: 5px;
	_margin-top: 0;	
}

.escuende{
	display: none;
}

/*.dcha {
	float: right;
}*/

/****************************************
/*BODY
*****************************************/

body {
	height: 100%;
	width: 100%;
	margin:0; 
	padding:0; 	
}

html, body {
	height: 100%;
	width: 100%;
	margin:0; 
	padding:0; 
	text-align:left;
	background-color: #FFF;
}

.separador_vacio {
	clear: both;
}

.separador {
	clear: both;
	height: 4px;
}

.separador_grande {
	clear: both;
	height: 10px;
}


/****************************************
/* CONTENEDOR
*****************************************/

#contenedor {
	width: 1000px;
	padding: 10px;
/*	height: 100%;*/
	margin: auto;	
}

/****************************************
/* CABECERA
*****************************************/

#cabecera {
	width: 980px;
	height: 166px;
	float: left;
/*	margin: 10px 0;*/
}

#subcabecera {
	width: 980px;
	height: 43px;
	float: left;
	background-image: url(../img/bg_submenu.jpg);
	vertical-align: middle;
/*	margin: 0 0 10px 0;*/
}

#subcabecera p{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #333;
	text-align: justify;
	line-height: 16px;
	padding-left: 10px;
	padding-top: 10px;
}

	
/****************************************
/* ZONA
*****************************************/

#zona {
	width: 980px;
/*	height: 100%;*/
	background-color: #fff;
	float: left;
/*	margin-left: 10px;
	margin-right: 10px;*/
	display: block;
	min-height: 500px;
/*	.height: 500px;  trampa */
	margin: 10px auto;
}

#zona .zona-izq {
	width: 188px;
	height: 100%;
	float: left;
	margin-right: 10px;
}


#zona .zona-izq-portada {
	width: 188px;
	height: 100%;
	float: left;
	margin-right: 10px;
	_margin-right: 0;
}

#el_menu {
	width: 188px;
	height: 355px;
}

#localizador {
	width: 188px;
	height: 184px;	
	float: left;
}

#zona .zona-der {
	width: 782px;
	height: 100%;
	background-color: #fff;
	float: left;
/*	margin-left: 10px;	*/
}

#zona .zona-der p{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	text-align: justify;
	line-height: 15px;
}


#zona .zona-der-portada {
	width: 782px;
	height: 550px;
/*	background-image: url(../img/lodelmedio.jpg);*/
	float: left;
/*	margin-left: 10px;*/
}

/****************************************
/*NOTICIAS
*****************************************/
#zona .zona-titular-noticias{
	width: 782px;
	float: left;
	border:3px;
}

#zona .zona-listado-noticias{
	width: 250px;
	height: 100%;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right:10px;
	
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	text-align: justify;
	line-height: 15px;
}

#zona .zona-listado-noticias ul { margin-left: 0px; padding-left: 0px; }
#zona .zona-listado-noticias ul li 
{ margin-left: 0px; padding-left: 0px; margin-bottom: 20px; list-style-type: circle; }
#zona .zona-listado-noticias ul 
{ border-top: 1px dashed #5FBF1A; font-weight: normal; padding: 0px; margin: 0px; }
#zona .zona-listado-noticias ul li 
{ border: none; padding: 0px; margin: 0px; font-weight: normal; list-style-type: none; display: block; }
#zona .zona-listado-noticias ul li a:link, #zona .zona-listado-noticias  ul li a:visited 
{ display: block; padding: 5px 0px 5px 10px; margin: 0px; background-color: #ffffff; color: #663333; 
border-bottom: 1px dashed #5FBF1A; text-decoration: none; }
#zona .zona-listado-noticias ul li a:hover { background-color: #EFEFEF; color: #663333; }

#zona .zona-contenido-noticias{
	width: 500px;
	height: 100%;
	float: left;
	border-left:8px #5FBF1A solid;
}

#zona .zona-contenido-noticias .zona-contenido-noticias-imagen{
	width: 88px;
	height: 88px;
	border: 1px solid #5FBF1A;
	margin-left:10px;
	float:left;
}

#zona .zona-contenido-noticias .zona-contenido-noticias-titular{
	width: 390px;
	padding-left:5px;
	float:left;
}

#zona .zona-contenido-noticias .zona-contenido-noticias-fecha{
	float:right;
}

#zona .zona-contenido-noticias .zona-contenido-noticias-texto{
	width: 490px;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

#zona .zona-contenido-noticias .zona-fotos{
	width: 88px;
	height: 88px;
	border: 1px solid #5FBF1A;
	margin:10px;
	float:left;
}
/****************************************
/*KINBOBUS
*****************************************/

#zona .zona-contenido-kinobus{
	width: 500px;
	height: 100%;
	float: left;
	border-left:8px #5FBF1A solid;
}

#zona .zona-titular-kinobus{
	width: 782px;
	float: left;
	border:3px;
}

#zona .zona-contenido-kinobus .zona-contenido-kinobus-imagen{
	width: 88px;
	height: 88px;
	border: 1px solid #5FBF1A;
	margin-left:10px;
	float:left;
}

#zona .zona-contenido-kinobus .zona-contenido-kinobus-titular{
	width: 390px;
	padding-left:5px;
	float:left;
}

#zona .zona-contenido-kinobus .zona-contenido-kinobus-fecha{
	float:right;
}

#zona .zona-contenido-kinobus .zona-contenido-kinobus-texto{
	width: 490px;
	float:left;
}

#zona .zona-contenido-kinobus .zona-sitio{
	text-align:right;
	color: #5FBF1A;
	width:60%;
	float:left;
	font-size: 13px;
	
}

#zona .zona-contenido-kinobus .zona-fecha{
	text-align:left;
	color: #767676;
	width:40%;
	font-size: 13px;
	float:left;
}
/****************************************
/*CONTENIDO
*****************************************/

#contenido {
	height: 100%;
	width: 890px;
	margin: auto;	
	padding: 10px 0 10px 0;
	background-color: #fff;	
   clear: both;
	display: block;	
	overflow:auto;
	border-width: 5px;
	border-color: #ED6E00; 
	border-style: solid;			
}

	
/****************************************
/*PIE
*****************************************/

#footer-content {
	width: 980px;		
}

#footer-wrap {
	position: relative;
	clear: both;
	padding: 2.5em 0;
	font: normal .95em 'Trebuchet MS', Tahoma, sans-serif;
	text-align: left;	
	background: url(footerbg.jpg) repeat-x 0 0;
	color: #CCC;
	width: 100%;
	float: left;	
	background-color: #000;	
}

#footer-wrap p {
	margin-left: 0;
}
#footer-wrap h2 {
	font: bold 1.2em 'Trebuchet MS', Tahoma, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #5FBF1A;
	margin-left: 5px;
}

#footer-content {	
	margin: 0 auto;		
}

#footer-content a {
	color: #C8935D;
}

#footer-content a:hover {
	color: #FFF;
	text-decoration: none;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;	
	width: 98%;
	font-size: 0.8em;
}
#footer-content ul.columns li {
	border-bottom: 1px dashed #272727;	
}
#footer-content ul.columns li.top {
	border-top: 1px dashed #272727;	
}
#footer-content ul.columns li a {
	display: block;
	line-height: 2em;
	font-weight: normal;
	padding-left: 5px;
	width: 98%;
	color: #BDBDBD;
}
#footer-content ul.columns li a:hover {
	background: #202020;
	color: #FFF;
	text-decoration: none;
}
#footer-content .col {
	width: 270px;
	padding: 0 0 30px 0;			
}
#footer-content .space-sep {
	margin-right: 10px;
}
#footer-content .col2 {
	width: 240px;
	padding: 0 0 30px 0;	
	display: inline;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.orange { color: #F3A251; }

.post-footer {
	font-size: 95%;
	border: 1px solid #EFEFEF; 
	background: #F8F8F8; 
	padding: 3px 10px;
	margin: 20px 15px 10px 15px;	
}
.post-footer .date {
	background: url('clock.gif') no-repeat left center; 
	padding-left: 20px; margin: 0 10px 0 5px;	
}
.post-footer .comments {
	background: url('comment.gif') no-repeat left center; 
	padding-left: 20px; margin: 0 10px 0 5px;	
}
.post-footer .readmore {
	background: url('page.gif') no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;	
}


/****************************************
/* PAGINADOR
*****************************************/	

.paginador { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.paginador { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px;  background-image: url(http://l.yimg.com/g/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ }
.paginador a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginador a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginador .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginador .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginador .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginador .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.paginador .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginador .pagina_actual {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 12px;  color: #00B394; }
/*paginador .pagina_actual { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }*/
.paginador a:hover {color: #fff; background: #82C0DF; border-color: #ddd; text-decoration: none;}
.contiene_paginador div.resultado { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }


/****************************************
/* FIN
*****************************************/