body, html{ width:100%; height:100%; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:14px; overflow:hidden}
/************************************************************/
/*********************** ESTRUCTURA *************************/
/************************************************************/
/************************ cabecera ******************************/
#contenedor_arriba /* contenedor de las capas de arriba */{ height:50px; width:99%; margin:15px auto 10px}
#contenedor_arriba #logo /* logo */{ float:left; padding-left:18px}
#contenedor_arriba #buscador /* buscador */{ float:left; padding:12px 0 0 15px}
#contenedor_arriba #mensaje /* mensaje del buscador */{ float:left; background-color:#f0f8ff; margin:-5px 0 0 15px !important; padding:4px 6px; margin:0 0 0 15px}
#contenedor_arriba #buscador #search /* caja de input */{ font-weight:bold; border:1px solid #000; height:17px; margin-bottom:1px}
#contenedor_arriba #buscador #boton_buscar /* boton */{ font-weight:bold}
#contenedor_arriba #logo_opuesto /* al otro lado del logo por si quiero poner algo de momento vacio */{ float:right; text-align:left; padding:0 10px}
/************************ cuerpo ******************************/
#contenedor /* contenedor de la parte central */{ position:relative; width:99%; margin:0 auto; }
#contenedor #contenedor_lateral /* contenedor lateral izquierda */{ position:absolute; width:20%; height:400px; overflow:auto; left:0; top:0}
#contenedor #contenedor_lateral2 /* contenedor lateral derecha */{ position:absolute; width:20.8%; height:400px; overflow:auto; top:0; right:0 !important; right:2px}
#contenedor #contendor_mapa /* contenedor del mapa para centrarlo */{ width:auto; height:400px; margin:0 20.8% 0 20.5%}
#contenedor #contendor_mapa #mapa /* mapa */{ width:auto; height:365px; border:2px solid #c7dcfe}
#contenedor #contendor_mapa #zoom /* contenedor de las flechas y zoom */{ position:absolute; width:78px; height:140px; z-index:10000; right:21.3%; bottom:85px}
#contenedor #contendor_mapa #contenedor_dias /* contenedor de la lista de la semana */{ width:100.5%; /* FIXME:No ocupa todo al 100%,mirar */ height:24px; text-align:center}
#contenedor #contenedor_lateral #lateral_arriba, #contenedor #contenedor_lateral2 #lateral2_arriba /* latereales arriba distinto id para js*/{ float:left; width:100%; height:auto; overflow:auto}
#contenedor #contenedor_lateral #lateral, #contenedor #contenedor_lateral2 #lateral2 /* larterales abajo */{float:left; position:relative; width:100%; height:350px; overflow:auto; padding:0}
#contenedor .capa_cerrar /* boton de cerrar elemento azul*/{ position:absolute; width:24px; height:24px; z-index:1; top:1px; right:1px; text-align:right}
#contenedor .div_4px /* separador entre las zonas azules de titulo y detalle */{height:4px; border:0; line-height:4px}
/************************ pie ******************************/
#abajo /* contenedor de las capas de abajo */{ position:relative; height:10px; width:98%; margin:0 auto; padding:0; }
#abajo #abajo1 /* abajo izquierda */{ position:absolute; width:48%; height:auto; top:0; left:0; padding-left:10px}
#abajo #centro /* abajo centro */{ min-width:58.2%; width:100%; margin:0 auto; height:auto; top:0; text-align:center}
#abajo #abajo2 /* abajo derecha */{position:absolute; width:30%; height:auto; top:0; right:0; text-align:right; padding-right:10px}
#abajo a /* links de pie */{ text-decoration:none; color:#000}
/************************************************************/
/********************* CAJAS MAPA ****************************/
/************************************************************/
.contenedor_caja /* contenedor caja con texto y "rabo"*/{ height:auto; width:auto}
.contenedor_caja .caja /* caja de texto */{ position:absolute; height:35px; width:auto; line-height:17px; border:2px solid #87a5ff; padding:1px 3px 0; white-space:pre; cursor:pointer; background-color:#FFF; font-weight:bold; color:#515151}
.contenedor_caja .caja .parte1 /*donde esta el horario menos el trozo de arriba*/{ position:absolute; height:35px; line-height:20px; border:2px solid #87a5ff; padding:1px 3px 0; cursor:pointer; font-weight:bold}
.contenedor_caja .caja .parte2 /*donde esta el trozo de arriba del horario */{ position:absolute; top:1px; right:3px; height:auto; width:auto; border:0; z-index:1110; cursor:pointer}
.contenedor_caja .caja .rabo_0 /* rabo derecha */{ position:absolute; left:4px; top:36px; z-index:1000}
.contenedor_caja .caja .rabo_1 /* rabo izquierda*/{ position:absolute; right:4px; top:36px; z-index:1000}
.contenedor_caja .caja .rabo_2 /* rabo arriba derecha */{ position:absolute; left:4px; top:-34px}
.contenedor_caja .caja .rabo_3 /* rabo arriba izquierda*/{ position:absolute; right:4px; top:-34px}
.contenedor_caja .caja .falso_link /* falso link */{ font-weight:bold; color:#5b5bff}
/************************ sinopsis ******************************/
#contenedor #sinopsis1 /* donde se pone la sinopsis */{position:absolute; margin-left:20.5% !important; margin-left:20.4%; width:56.7%; padding:0 1% 5px; text-align:justify; top:0; left:0; z-index:10; background-color:white; visibility:hidden; border-style:solid; border-width:2px 0; border-color:#FFF #FFF #c7dcfe}
#contenedor #sinopsis1 .cabecera /* fuente grande de la sinopsis*/{ font-size:17px; font-weight:bold; color:#000; line-height:14px}
#contenedor #sinopsis1 a /* links texto "quiza quiso decir"*/{ color:#0f0fff; text-decoration:none}
#contenedor #sinopsis1 a:hover{ text-decoration:underline}
@media screen and (-webkit-min-device-pixel-ratio:0) /* para webkit */{#contenedor #sinopsis1{ width:57%}
}
/************************************************************/
/************************** LISTAS****************************/
/************************************************************/
/************************ laterales ******************************/
#contenedor .lista_2 /* listas de los laterales */{ width:100%; margin:0; color:#434343; padding:0; #width:91%}
#contenedor .lista_2 li /* elemento de lista normal */{ position:relative; list-style:none; margin:0; display:block; border:0; font-size:14px; font-weight:bold; line-height:20px; padding:3px 0 4px 18px; padding-bottom:3px !important; #min-height:20px}
#contenedor .lista_2 li.ancha /* donde se ponen los titulos en azul del cine y la peli */{ color:#000}
#contenedor .lista_2 li.azul /* lista encendida en azul*/{ color:#000; text-decoration:underline; background-color:#c7dcfe}
#contenedor .lista_2 li.falso_link /* simula un link en la lista general*/{ color:#0f0fff}
#contenedor .lista_2 li.ancha2 /* lista de los detalles para los espacios en blanco en navegadores*/{ white-space:pre-wrap; _white-space:pre}
#contenedor .lista_2 li.cabecera /* texto grande de los detalles*/{ font-size:17px; font-weight:bold; color:#000; overflow:hidden}
#contenedor .lista_2 li a /* links de los detalles */{ color:#0f0fff; text-decoration:none}
#contenedor .lista_2 li a:hover{ text-decoration:underline}
/************************ dias semana ******************************/
#contenedor #contendor_mapa #contenedor_dias #lista_semana /* lista con los dias de la semana */{ font-weight:bold; list-style-type:none; padding:0; text-align:center; margin:0 auto; border:0; line-height:24px}
#contenedor #contendor_mapa #contenedor_dias #lista_semana li /* dia de la semana */{ float:left; background-color:#FFF; text-align:center; width:14.2%; height:24px}
#contenedor #contendor_mapa #contenedor_dias #lista_semana li a /* link dia */{ color:#0f0fFF; text-decoration:none}
#contenedor #contendor_mapa #contenedor_dias #lista_semana li a:hover{ text-decoration:underline}
/************************************************************/
/************************** varios ****************************/
/************************************************************/
.tooltip /* tooltip de los puntos del mapa*/{ border:1px solid #87a5ff; background-color:#FFF; padding:1px 3px; white-space:nowrap}
.oculto /* para el preload de las imagenes */{ display:none}
#msgbox /* mensaje si el mapa esta desactualizado */{ position:absolute; left:50%; top:32%; margin-left:-115px; width:230px; height:118px; padding:12px; text-align:center; font-weight:bold; display:none; background-color:white; z-index:100000; line-height:20px; filter:alpha( opacity = 70); /* transparencia */ -moz-opacity:0.7; opacity:0.7; border: 2px solid #4574fe}
/************************************************************/
/***************** pagina de condiciones de uso *******************/
/************************************************************/
#exterior{ height:98%; #height:100%; width:100%}
#exterior #separador_azul /* Linea azul */{ height:20px; width:96.5%; margin:0 auto; padding:0; z-index:1; background-color:#f0f8ff; border-bottom:solid; border-bottom-color:#c7dcfe; border-bottom-width:2px}
#exterior #separador_azul2 /* linea azul abajo al reves */{position:absolute; height:20px; width:96.5%; padding:0; z-index:1; background-color:#f0f8ff; border-bottom:solid; border-bottom-color:#c7dcfe; border-bottom-width:2px; bottom:43px; right:1.5%}
#exterior #contenedor #contendor_condiciones /* texto condiciones */{ width:auto; height:90%; margin-right:20.8%; margin-left:20.5%; line-height:20px}
#exterior #abajo_condiciones /* contenedor de las capas de abajo */{position:absolute; height:10px; width:98%; margin:0 auto; padding:0; bottom:23px; right:8px}
#exterior #abajo_condiciones #abajo1 /* abajo izquierda */{ position:absolute; width:48%; height:auto; top:0; left:0; padding-left:10px}
#exterior #abajo #abajo1 a /* abajo izquierda */{ color:#000}
#exterior #abajo_condiciones #centro /* abajo centro */{min-width:58.2%; width:100%;margin-left:auto; margin-right:auto;top:0;text-align:center;padding:0px;}
#exterior #abajo_condiciones #centro img {vertical-align:bottom;}
#exterior #abajo_condiciones #abajo2 /* abajo derecha */{ position:absolute; width:30%; height:auto; top:0; right:0; text-align:right; padding-right:10px; text-decoration:none}