/****************************  ESTILOS PARA EL 28 FORO MAYO 2008 ********/

*{
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
}
body {
	background: #000
     }

/*Contenedor principal*/
div#contenedor {
	background: #fff;
	width: 780px;
	margin: 0 auto; 
	
	}

/*Cabeza del documento */
div#cabeza {
	background: #ccc url(../../imagenes/sitio/1a.jpg) no-repeat;  
	height: 63px; 
	}
	
.activado {
	/* color: #F4E4C0;  */
	color: #003333; 
	/* font-weight: bold; */
	font-size: 10px;
	/* padding: 0 0px; */
	}

/* Barra izquierda*/

div#barra-izquierda {
	width: 165px;
	float: left;
	}

/* Barra izquierda llena */

div#barra-izquierda-llena {
        float:left;
        width: 165px;
        }

/*Barra central*/
div#barra-central {
	width: 780px;
	}

div#barra-central-renglon {
	width: 780px;
	float: left;
        background:#FFF;
	}
div#barra-central-izq {
	width: 365px;
	float: left;
	padding-left: 25px;
	padding-right: 12px;
	}
div#barra-central-der {
	width: 340px;
	float: right;
	padding-left: 12px;
	padding-right: 25px;
	}

div#barra-central h1{
	font-size: 17px;
	color:#00569d;
        padding-top: 15px;
	}
	
div#barra-central p{
	font-size: 11px;
	color:#000;
	margin: 8px 0;
	}

div#barra-central p.texto{
	font-size: 11px;
	color:#00569d;
	padding:15px;
	}

div#barra-central a, a:link, a:active, a:visited {
	color: #00569d; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: underline;
}

div#barra-central a:hover {
        color:#00569D;
	text-decoration: none;
        }
	
div#barra-central ul {
	padding: 15px;
	}
	
div#barra-central li {
	font-size: 12px;
	color:#003333;
	}

/* Sala de prensa */
img.imagen-nota-izq {
	width: 95px;
	float: left;
	margin: 3px;
	}

img.imagen-nota-der {
	width: 95px;
	float: right;
	margin: 3px;
	}
img.imagen-ficha {
	width: 343px;
	float: left;
	margin: 3px;
	}
img.imagen-texto-izq {
	float: left;
	margin: 0 15px 5px 0;
	}
img.imagen-texto-der {
	float: right;
	margin: 0 0 5px 15px;
	}
/*cartelera */
div.renglon-cartelera {
	width: 740px;
	float: left; 
        /* margin-bottom: 10px;	 */
}
div.nota-cartelera-izq {
	/* width: 360px; */
	width: 282px;
	font-size: 12px;
	float: left;
	text-align: right;
	padding: 0 10px 8px 80px;
	}

div.nota-cartelera-izq2 {
	width: 282px;
	font-size: 12px;
	float: right;
	padding: 0 8px 8px 0;
}

div.nota-cartelera-izq p{
	font-size: 12px;
        text-decoration: none;
	margin: 0 7px;
        color: #003333;
	}
div.nota-cartelera-izq p strong{
	font-size: 12px;
	color: #003333;
	font-weight: bold;
	}
div.nota-cartelera-izq h4{
	color: #993300;
	}

div.nota-cartelera-der {
	width: 282px;
	font-size: 12px;
	float: left; 
        text-align: left;
	padding: 0 0 8px 8px;
	}

div.nota-cartelera-der2 {
	width: 282px;
	font-size: 12px;
	float: left; 
        text-align: left;
	padding: 0 0 8px 8px;
}

div.nota-cartelera-der p{
	font-size: 12px;
        text-decoration: none;
	margin: 0 7px;
        color: #003333;
	}
div.nota-cartelera-der p strong{
	font-size: 12px;
	color: #003333;
	font-weight: bold;
	}
div.nota-cartelera-der h4{
	color: #993300;
	}

.texto_menu {
	font-size: 12px;
	color:#8c9534;
	font-weight: bold;
	margin: 5px 0;
	border-left: 15px solid #000000;
	padding: 3px;
}

.menuHor {
	font-size: 12px;
	color:#003333;
	font-weight: bold;
	margin-right: 30px;
	border-left: 40px;
	padding: 3px 1px;
}

/* pie */

#pie {  width:780px;
        background:#555;
        }

#pie img { position: relative; top:-45px; float: right; }
#pie div.leyenda { padding: 15px 0 15px 15px; background:#555; color:#fff; font-size:10px;}

#pie p{ float: none;
	color: #fff;
	font-size: 10px;
        }
img {
	border: none;
       
	}

/* Estilos para el Foro */
div#foro-barra-cartelera {
 	width: 580px; 
	float: left; 
	padding: 17px; 
	border-left: 1px #555;
}

div#cartelera-ficha {
	width: 740px;
	float: left; 
	padding: 20px; 
        background: #FFF;
}

img.foro-imagen-nota-izq {
	width: 140px;
	float: right;
	margin: 3px;
	}

img.foro-imagen-nota-der {
	width: 140px;
	float: left;
	margin: 3px;
	}

div.ficha-sinopsis-foro {
	width: 220px;
	float: left;
	margin: 3px;
	font-size: 10px;
	color: #003333;
        text-align: justify;
        /* background-color: #F1D395;  */
}

div.foro-ficha-detalle {
	/* width: 213px;  */
	width: 370px;
	font-size: 11px;
        color: #003333;
        text-align: justify;
	/* background-color: #003333; verde oscuro */
	float: left;
}

div.ficha-sinopsis {
	/* width: 393px; */
	width: 737px;
	font-size: 11px;
        color: #003333;
        text-align: justify;
	float: left;
}

div.foro-ficha-detalle3 {
	/* width: 393px; */
	width: 372px;
	font-size: 11px;
        color: #003333;
        text-align: justify;
	float: left;
}

div.foro-imagen-peque {
	width: 350px;
	float: right;
	padding-left: 17px;
	color: #003333;
}

div.ficha-imagen {
	width: 350px;
	float: right;
	padding-left: 17px;
	color: #003333;
}

img.foro-ficha-imagen {
	width: 180px;
	float: right;
	margin: 3px;
}


a.foro-titulo, a.foro-titulo:link, a.foro-titulo:visited, a.foro-titulo:active {
	font-size: 12px;
	color: #FF9900;
	color: #003333;
        font-weight: bold;
	}

.foro-titulo-salas{
	font-size: 12px;
	color: #003333;
        font-weight: bold;
}

a.foro-titulo:hover {
 	text-decoration: underline;
 	/* background: #e3e3e3; */
	}

div#foro-barra-cartelera h2 {
        font-size: 16px;
        color: #003333;
        margin: 5px 0;
        padding: 5px;
        }

div#foro-barra-cartelera-back h2 {
        font-size: 16px;
        color: #003333;
        margin: 5px 0;
        padding: 0px;
        }
/* Fin Estilos para el Foro */

/* Menu */

div#menu {
        width:770px;
        background: #FFF;
        text-align: left;
        padding: 5px;
        }
div#menu li {
        color: #F00;
        font-weight: bold;
        margin: 22px;
        display: inline;
        }
div#menu li a, a:link, a:visited, a:active {
        color: #F00;
        font-size: 12px;
        text-decoration: none;
        }
div#menu li a:hover {
        color:#00569D;
        }

.activado {
        color:#00569D;
        font-size: 12px;
        padding: 0 4px;
        }