/* CSS Document */

/* GENERALES */
HTML{		
margin: 0px;
padding: 0px;
}
 
BODY {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 70%;
	color: #000;
	background-color:#333333;
	margin: 0px;
	padding: 0px;
}

p{
	margin:0px;
}

#paginafantastique {
	width:959px;
	position:absolute;
	background-color:#FFFFFF;
	border:3px solid #000;
	border-top-width: 0px;
	left: 38%;
	margin-left: -364px;
	float: left;
	display: block;
}

.pagina {
	width:959px;
	position:absolute;
	background-color:#FFFFFF;
	border:3px solid #000;
	border-top-width: 0px;
	left: 38%;
	margin-left: -364px;
	float: left;
	display: block;
}

.pagina_ancha {
	width:965px;
	position:absolute;
	background-color:#FFFFFF;
	border:3px solid #000;
	border-top-width: 0px;
	left: 38%;
	margin-left: -364px;
	float: left;
	display: block;
}

/*CABECERA*/
.cabecera {
	float:left;
	position:relative;
	clear:both;
	height:90px;
	width: 100%;
	background-color:#000000;
	background-image:url(../images/fondocab.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 15px;
	margin-right: 0px;
}


.espacio_bruja{
        float: left;
        padding: 0px 0px 0px 0px;
        position:relative;
        width:66px;
        height:90px;
}

.logos_cabecera{
	background-color:#000000;
	float: left;
	padding: 0px 0px 0px 0px;
	position:relative;
	height:25px;
	width:661px;
}

.espacio_fecha{
        float: left;
        background-color:#003366;
        position:relative;
        height:90px;
        width:228px;
        text-align:left;
        color: #ffffff;
        font-size: 100%;
}

.espacio_fecha form {
        margin-top: 0px;
        margin-bottom: 0px;
}

.espacio_fecha p{
	padding: 25px 0px 0px 0px;
	text-align:left;
	font-size: 90%;
}

.espacio_fecha a {
	font-size: 100%;
    text-align:left;
	color: #ffffff;
}

.espacio_fecha input {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin-right: 5px;
	vertical-align: middle;
}

/*CABECERA*/

/*MENU HORIZONTAL*/
.menu{
	padding: -1px 0px 0px 0px;
	text-align:center;
	width: 665px;
	margin-left:0px;
	margin-top:-14px;
	background-color:#000000;
}

.menu ul{
	border: 0;
	margin-top: 0px;
	margin-left: 8px;
	padding: 0;
	background-color:#000000;
	list-style-type: none;
	text-align: center;
}

.menu ul li{
	display: block;
	float: left;
	background-color:#000000;
	text-align: center;
	padding: 0;
	margin: 0;
}

.menu ul li a{
	background-color: #000000;
	width: 79px;
	height: 21px;
	padding: 0px 0px 0px 2px;
	margin: 0px;
	margin-left: 1px;
	color: #CCCCCC;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
}


.menu ul li a:hover{
	color: #669999;
	background-color: #000000;
}

.menu .seleccionado{
        color: #cc0000;
}

.menu .seleccionado:hover{
        color: #cc0000;
}
/*MENU HORIZONTAL*/

/*NOTICIAS COLUMNA*/
.enlacecolabora {
        margin-left:0px;
        margin-right:5px;
        margin-top:10px;        
        background-color:#DADDD9;  
        width: 100%;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        position:relative;
	    clear:both;
	    border-top: solid #FFFFFF;
	    border-top-width: 2px;
	    border-bottom: solid #FFFFFF;
	    border-bottom-width: 2px;
}

.enlacetodas {
        margin-left:0px;
        margin-right:5px;
        margin-top:10px;
        background-color:#DADDD9;  
        width: 100%;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        position:relative;
	    clear:both;
}

.copenlacetodas {
        margin-left:0px;
        margin-right:5px;
        margin-top:10px;        
        background-color:#DADDD9;  
        width: 100%;
        font-weight: bold;
        position:relative;
	    clear:both;
	    border-top: solid #FFFFFF;
	    border-top-width: 2px;
	    border-bottom: solid #FFFFFF;
	    border-bottom-width: 2px;
}
/*NOTICIAS COLUMNA*/


/*PORTADA*/
.monografico {
        margin-right:2px;
        margin-left:5px;
        margin-bottom:10px;
        width:34%;
        float: left;
        position:relative;
}

.estrenos {
        margin-right:2px;
        margin-left:5px;
        margin-bottom:10px;
        width:31%;
        float: left;
        position:relative;
}

.portadaDestacado {
        margin-right:1px;
        margin-left:5px;
        margin-bottom:10px;
        width:15%;
        float: left;
        position:relative;
}

/*PORTADA*/


/* SUSCRIPCIONES */

.PAGsucripciones {
	margin-left: 25px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 100%;
}

.PAGsucripciones H1 {
	font-size: 110%;
}

.suscripcionRSS {
	margin-bottom: 40px;
}

.suscripcionMAIL {
	margin-right: 60px;
	margin-bottom: 300px;
}

.sucripcion_mensaje {
        margin-bottom: 10px;
}

.sucripcion_formulario {
	text-align: center;
}	

/* SUSCRIPCIONES */


/*ARTICULOS*/
/*ARTICULOS BUSCADOR */
.buscadorrapido {
        padding: 10px 0px 0px 10px;
		text-align: center;
		margin: 10px 50px 10px 50px;
		font-family: Arial, Verdana, Geneva, sans-serif;
		font-size: 100%;
}

.buscadorrapido input {
		font-family: Arial, Verdana, Geneva, sans-serif;
		font-size: 10px;
		margin-right: 15px;
}

.enlace_avanzada {
		text-align: right;
		width: 50%;
}
/*ARTICULOS BUSCADOR */

/*ARTICULOS LISTAS LO MAS */
.zona_lomas {
		margin: 20px 50px 10px 50px;
		padding: 10px 0px 0px 20px;
		height: 200px;
}

.lista_loultimo {
        float: left;
        position:relative;
		width: 40%;
}

.lista_loultimo ol {
		margin-top: 7px;
}

.lista_loultimo li {
		margin-left: 7px;
		font-family: Arial, Verdana, Geneva, sans-serif;
		font-size: 100%;
}

.lista_lomasvisto {
        float: right;
        position:relative;
		width: 50%;
}

.lista_lomasvisto ol {
		margin-top: 7px;
}

.lista_lomasvisto li {
		margin-left: 7px;
		font-family: Arial, Verdana, Geneva, sans-serif;
		font-size: 100%;
}

.lista_lomas_titulo_general {
		color:#000099;
		font-size: 140%;
		font-weight: bold;
		font-family: Arial, Verdana, Geneva, sans-serif;
		margin-bottom: 10px;
}

.lista_lomas_titulo {
		color: #003366;
		font-size: 120%;
		font-weight: bold;
		font-family: Arial, Verdana, Geneva, sans-serif;
}
/*ARTICULOS LISTAS LO MAS */

/*ARTICULOS HEMEROTECA */
.hemeroteca {
		margin: 20px 50px 10px 50px;
		padding: 10px 0px 0px 20px;
		background-color:#ffffff;
}

.hemeroteca_ordenarpor {
		text-align: right;
		width: 95%;
}

.hemeroteca_ordenarpor select {
		font-family: Arial, Verdana, Geneva, sans-serif;
		font-size: 10px;
}

.siguiente_anterior {
		text-align: center;
}

/*ARTICULOS HEMEROTECA */
/*ARTICULOS*/

/*FORO*/
.detallesforo {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 80%;
}

.Titdetallesforo {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 80%;
	font-weight: bold;
}

.thCornerL {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 80%;
	background-color:#003366;
	color: #ffffff;
	font-weight: bold;
}

.cuadrogris {
	background-color:#999999;
	color: #ffffff;
}

.catLeft {
	font-family: Arial, Verdana, Geneva, sans-serif;
	background-color:#999999;
	font-size: 90%;
	color: #ffffff;
	font-weight: bold;
}
/*FORO*/



.buscador {
        margin-left: 80px;
        margin-top: 27px;
}

.buscador input {
        font-size: 80%;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;     
        height: 22px;
}

.campo {
	width: 554px;
	height: 30px;
        margin-bottom: 0px;
        padding: 0px 0px 0px 3px;
        border: 1px outset #003366;
        font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
}


/*PORTADA - DATOS DE PELÍCULAS*/
.novedades {
        background-color:#FFFFFF;
        display: block;
}

.destacado {
        float: left;
        position:relative;
        margin-left:2px;
        margin-right:2px;
        margin-top:3px;
        margin-bottom:25px;
        background-color:#FFFFFF;  
        width:100%;
        vertical-align: top;
}


.noticias {
        float: right;
        position:relative;
        margin-left:0px;
        margin-right:5px;
        margin-top:3px;
        background-color:#DADDD9;  
        width:28%;
        font-size: 98%;
}

.izquierda {
        margin-right:2px;
        margin-left:5px;
        margin-bottom:10px;
        width:30%;
        float: left;
        position:relative;
}

.notizquierda {
        margin-right:2px;
        margin-left:5px;
        margin-bottom:10px;
        width:22%;
        float: left;
        position:relative;
        text-align: right;
}

.firmanoticia {
        text-align: right;
        font-size: 85%;
        margin-top: 30px;
}

.notcentro {
        margin-right:2px;
        margin-left:5px;
        margin-bottom:10px;
        width:425px;
        float: left;
        position:relative;
}

.notcentro p{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 100%;
	text-align: justify;	
	margin-right:0px;
}

.notcentro ul{
        text-align: justify;
}


.centro {
        margin-right:2px;
        margin-left:5px;
        margin-bottom:10px;
        width:30%;
        float: left;
        position:relative;
}


.centro p{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 100%;
	text-align: justify;	
	margin-right:0px;
}


.derecha {
        float: right;
        position:relative;
        margin-left:0px;
        margin-right:5px;
        margin-top:10px;
        background-color:#DADDD9;  
        width: 28%;
        height: inherit;
        font-weight: bold;
        padding: 10px 0px 33px 0px;
}

.derecha p{
        margin-left:5px;
        margin-right:5px;
        margin-top:10px;
        margin-bottom:15px; 
        font-size: 120%;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: normal;
}

.titulo {
        background-color:#DADDD9;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 110%;
        font-style: normal;
        padding: 5px;
}


.titulo a {
        font-weight: bold;
}


.cartel {
        background-color:#FFFFFF;     
        text-align: justify;
        padding: 1px;
        font-weight: normal;
        font-style: normal;
}

.cartel img {
        border: 0;
        padding: 0px 5px 10px 0px;
}

.cortina {
        border: 0;
        position:relative;
        float: left;
        padding : 0px 0px 0px 0px;
}

.imgpeque {
        float: left;
        width: 119px;
}

.imgGran {
        float: left;
}

.ocupatodo {
        width: 90%;
        float: left;
}


.leerentero {
        color: red;
}

/* ARTICULOS */

DIV.art_titulo {
        display: block;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-left:10px;
        margin-top: 25px;
	color: #000;
	vertical-align: bottom;
	text-valign: bottom;
}

DIV.art_tituloespanol {
        font-size: 170%;
        font-weight: bold;
        float:left;
        vertical-align: baseline;
        text-valign: bottom;
        color: #000066;
        
        display: block;
        position: relative;
        float: left;
}

DIV.normal {
        font-size: 100%;
        float:left;
        vertical-align: baseline;
        text-valign: bottom;
                
        display: block;
        position: relative;
        float: left;
        margin-top: 6px;
        margin-left: 5px;
}

.art_cuerpo {
        margin-right:4px;
        margin-left:15px;
        margin-bottom:10px;
        margin-top:30px;
        padding: 20px 0px 0px 0px;
        width:66%;
        float: right;
        position:relative;
}

.art_izquierda {
        margin-right:12px;
        margin-left:0px;
        margin-bottom:10px;
        padding: 0px 10px 0px 0px;
        width:30%;
        float: left;
        position:relative;
        text-align: justify;
        color: #000000;
}


#art_caja_poster {
        text-align:center;
        width:30%;
}

.titlat {
        text-align: justify;
      	/* font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; */
	color: #000000;
        padding: 20px 12px 20px 12px;
}


art_cartel {
        position:relative;
        text-align:center;
        width: 100%;
}

art_cartel img {
        display: block; 
        margin: auto; 

        border: 0px;
        height: 240px;
        max-height: 240px
        width: 163px;
        text-align: center;
}


/* AGENDA */

.cuadro_estreno {
        display: block;
        position: relative;

}

.renglon_dvd {
        margin-top: 10px;
        margin-left: 2px;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: normal;
}

.renglon_dvd_titulo {
        margin-top: 10px;
        margin-left: 2px;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
}


.contacto {
	clear: both;
	margin-top: 1px;
	margin-bottom: 15px;
	margin-left:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

.contacto a {
	color: #003366;
	font-weight: bold;
}

.pregunta {
	font-weight: bold;
	margin-top: 15px;
	margin-left: 20px;
}

.respuesta {
	margin-left: 20px;
	margin-right: 8px;
	text-align: justify;
}

.colaboradores {
	clear: both;
	margin-top: 1px;
	margin-bottom: 15px;
	margin-left:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

.director {
 	margin-bottom: 10px;
}

.derechos {
	clear: both;
	margin-top: 1px;
	margin-bottom: 15px;
	margin-left:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		
}

.TituloFAQ {
        background-color:#DADDD9;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 110%;
        font-weight: bold;
        padding: 5px;
        width: 900px;
        margin-left:20px;
        margin-top: 30px;
}

/* BUSCADOR DE ARTICULOS */

.filtro {
        display: block;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-left:10px;
        margin-top: 25px;
	color: #000;
	vertical-align: bottom;
	text-valign: bottom;
	clear: both;
	font-size: 120%;
}

.especifiltro {
      font-style: italic;  
}

#cuadro_filtros {
        display: block;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-left:100px;
        margin-top: 25px;
	color: #000;
	font-size: 100%;
}



/* NOTICIAS */


.titular {
        display: block;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-left:10px;
        margin-top: 25px;
	color: #000;
	vertical-align: bottom;
	text-valign: bottom;
}

.titular h1 {
        font-size: 170%;
        font-weight: bold;
        position: relative;
        float:left;
        vertical-align: bottom;
        text-valign: bottom;
}

.resumen {
        font-size: 140%;
        font-style: italic;
        clear:both;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-left:10px;
        margin-top: 5px;
        margin-bottom: 10px;
	color: #000;
	vertical-align: bottom;
}


.imgTop {
 	display: block;
 	text-align: right;
 	right: 3px;
 	float: right;
 	width: 80%;
 	margin-bottom:30px;
 	border: 0;
}

.areafotos {
        clear: both;
        display: block;
        margin-top: 25px;
	width=100%
}

.fotos {
        width: 90%;
        margin-bottom:3px;
        border: 0;
}


.notportadacartel {
        text-align: center;
        padding: 1px;
        font-weight: normal;
}

.notportadacartel img {
       border: 0;
       padding: 10px;
       width: 70%;
}

.notcartel {     
        text-align: center;
        padding: 1px;
        font-weight: normal;
}

.notcartel img {
        border: 0;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 70%;
}

.notresumen {
        text-align: justify;
}

.notpeqcartel {     
        width: 30%;
        text-align: justify;
        padding: 1px;
        font-weight: normal;
        background-color:#DADDD9;
        position:relative;
        float: left;
}

.notpeqcartel img {
        border: 0;
        padding: 10px;
        width: 75px;
        position:relative;
        float: left;
}


.enlacetodas {
        margin-left:0px;
        margin-right:5px;
        margin-top:10px;
        background-color:#DADDD9;  
        width: 100%;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        position:relative;
	clear:both;
}

.copenlacetodas {
        margin-left:0px;
        margin-right:5px;
        margin-top:10px;        
        background-color:#DADDD9;  
        width: 100%;
        font-weight: bold;
        position:relative;
	clear:both;
	border-top: solid #FFFFFF;
	border-top-width: 2px;
	border-bottom: solid #FFFFFF;
	border-bottom-width: 2px;
}

.anticinoticia {
        margin-bottom: 15px;
        background-color: #DADDD9;
        display: block;
        width: 100%;
}

.notanticititulo {
        width: 70%;
        margin-top:10px;
        position:relative;
        float: left;
}

.cajagris {
        background-color:#DADDD9;
        width: 100%;
        clear: both;
        display: block;
        position:relative;
}

.cajabreve {
        background-color:#DADDD9;
        display: block;
        border: solid #DADDD9;
        border-width: 3px;
        clear: both;
}

.cajalistado {
        width: 65%;
        position: relative;
        float: left;
        margin-left: 5px;
}

.columnafoto {
        width: 30%; 
        position:relative;
        float: left;
        background-color:#DADDD9;
}

.columnafoto img {
        width: 75px;
        padding: 10px;
        border: solid #DADDD9;
}

.columnaportadafoto {
        width: 37%; 
        position:relative;
        float: left;
        background-color:#DADDD9;
}

.columnaportadafoto img {
        width: 75px;
        padding: 10px;
        border: solid #DADDD9;
}


.columtitulo {
        margin-top: 15px;
        width: 68%;
        position:relative;
        float: left;
        background-color:#DADDD9;
        border: solid #DADDD9;
}

.columportadatitulo {
        width: 63%; 
        margin-top: 15px;
        position:relative;
        float: left;
}

/* REMATE DE PORTADA: PARTE DE ABAJO */

.titotracriticas {
        clear: both;
        position:relative;
        float: left;
        padding: 0px 0px 0px 4px;
        width:955px;
        background-color: #003366;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 100%;
	color: #FFFFFF;
	font-style: normal;
}

.ultimosenlaces {
        clear: both;
        width:955px;
        padding: 0px 0px 0px 4px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 100%;
	font-style: normal;
}


.piefirma {
        position: relative;
        float: left;
        width:955px;
        padding: 0px 0px 0px 4px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 75%;
        color: #FFFFFF; 
        background-color: #000;
        font-style: italic;
}

.titulocartelera {
        float: left;
        position:relative;
        clear: none;
        margin-left:10px;
        margin-right:5px;
        margin-top:10px;
        margin-bottom:15px;
        background-color:#FFFFFF;  
        width:600px;
        vertical-align: top;
        font-weight: bold;
        font-size: 120%;
}

.titulocartelera2 {
        float: left;
        clear: none;
        width: 600px;
        font-weight: bold;
        font-size: 120%;
        margin-left: 5px;
}

.titulocartelera3 {
        float: left;
        clear: none;
        width: 600px;
        font-weight: bold;
        font-size: 120%;
        margin-left: 0px;
        margin-top: 10px;
}

.proximosestrenos {
        float: left;
        clear: none;
        width: 600px;
        margin-left: 0px;
        margin-top: 10px;
}

.tituloestreno {
        background-color:#DADDD9;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 110%;
        font-style: normal;
        padding: 5px;
        width: 600px;
}

.rojo {
	color: #000000; 
	font-weight: bold;
	float: left;
	position: relative;
}

/*FIN MENU HORIZONTAL*/


/*FECHAS Y BUSCADOR*/
.cabecera3 {
	background-color:#00CC33;
	padding-bottom: 5px;
	position:relative;
	clear:both;
	width: 100%;
	background-color:#FFFFFF;
	padding: 3px 0px 3px 0px;
	font-size: 100%;
}

.cabecera3_fecha{
	float:left;
	position:relative;
	width:350px;
	padding-left:10px;
}

.cabecera3_buscador{
	float:right;
	position:relative;
	width:350px;
	padding-right:10px;
	text-align: right;
	
}

.cabecera3_caja_buscar {
	border: 1px solid #333;
	height:12px;
	font-size: 85%;
}

/*FIN FECHAS Y BUSCADOR*/



/*MENU VERTICAL*/

.contenedor_1 { 
	width:109px;
	float:left;
	position:relative;
	margin: 0px;
	font-size: 90%;
	background-image:url(../images/fondo_contenedor_izquierda.jpg);
	background-repeat:repeat-y;
	border-top: 1px solid #eee;
	
}

.contenedor_1 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}

.contenedor_1 li {
	margin: 0px;
	padding: 0px;
}

.contenedor_1 ul li a {
	display: block;
	margin:0px;
	padding:1px 0px 1px 10px;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	width: 99px;

}

.contenedor_1 ul li a:hover {
	background-color: #eeeeee;
	color:#CC0000;
}

#verde a{
	color:#CCCC00;
}

#verde a:hover{
	color:#CC0000;
}


#azul a{
	color:#0066CC;
}


#azul a:hover{
	color:#CC0000;
}

#naranja .tit{
	color:#ff6600;
	font-weight: bold;
	margin-left: -5px;
	font-size: 120%;

}

#naranja a{
	color:#ff6600;
}


#naranja a:hover{
	color:#CC0000;
}


#naranja_claro .tit{
	color:#999900;
	font-weight: bold;
	margin-left: -5px;
	font-size: 120%;
}

#naranja_claro a{
	color:#999900;
}

#naranja_claro a:hover{
	color:#CC0000;
}

.contenedor img{
	margin:2px 0px 2px 0px;
}



/*FIN ZONA PRINCIPAL*/


.oculto {
	display: none;
}

.v_align_middle{
	vertical-align:middle;
}

.float_left{
	float:left;
}

.clear_both{
	clear:both;
}

.clear_right{
	clear:right;
}

.margin_bottom_10{
	margin-bottom:10px;
}

.color_granate{
	color: #CC0000;
}
