/* 
	SPHE 2007 CSS 
	© 2007 IntelyGenZ - www.intelygenz.com 
  version 0.87 [05.08.2009]
*/

* { font-family: Arial, Helvetica, Sans-Serif; }

BODY { 
	font-size: 11px; color: #666; 
	background: #FFF; margin: 0; padding: 0; /*margin: 0 0 30px 0*/
	margin-top: -12px !important;
	text-align: center; 
}

FORM, DIV, SPAN, TD, P, FONT, UL, LI { font-size: 11px; color: #666; }


A:link,  A:visited { color: #003366; text-decoration: underline; }
A:hover, A:active  { color: #003366; text-decoration: none; }

A.enlace2:link,  A.enlace2:visited { color: #666; text-decoration: none; }
A.enlace2:hover, A.enlace2:active  { color: #006699; text-decoration: underline; }



FORM { display: block; }

INPUT, TEXTAREA, SELECT {
	font-size: 11px; padding: 0 2px 0 2px; 
	color: #666; background: #F8F8F8; 
	border: 1px solid #000; 
}
TEXTAREA { overflow: auto; }


INPUT.button { 
	border: 1px solid #AEAEAE; 
	background: #C1D4D6 url(../pix/2007/boton_bg.jpg) top left repeat-x; 
	color: #196085; text-align: center; font-weight: bold;
}

INPUT.button2 { 
	border: 1px solid #444; background: #C1C1C1; 
	text-align: center; width: 80px;
	text-decoration: none; font-weight: normal;
}


.radio    { border: none; background: transparent; }
.readonly { border: none; background: transparent; }
.cOblig   { font-weight: bold; } 


.clear {  clear: both; }




/* Classes Genéricas, alineaciones y formatos de letra */

.alignL { text-align: left; }
.alignC { text-align: center; }
.alignR { text-align: right;}
.alignJ { text-align: justify; }

.valignT { vertical-align: top; }
.valignM { vertical-align: middle; }
.valignB { vertical-align: bottom; }

.flotarL { float: left; }
.flotarR { float: right; }


.formatoB { font-weight: bold; }
.formatoI { font-style: italic; }
.formatoU { text-decoration: underline; }
.formatoN { text-decoration: none; font-weight: normal; }
.formatoM { text-transform: uppercase; }
.formatoL { text-transform: lowercase; }


.fontS   { font-size: 10px; }
.fontM   { font-size: 11px; }
.fontL   { font-size: 12px; }
.fontXL  { font-size: 14px; }





/* Tamaños de Inputs */
	
.cajaXS { width: 30px; }  	/* Para Números */
.cajaS  { width: 75px; }  	/* Para Fechas */
.cajaM  { width: 150px; }
.cajaL  { width: 225px; }
.cajaXL { width: 300px; }



/* Estilos Definidos para el Web */

	/* Estructura */
	
#estructura { 
	width: 880px; margin: 7px auto 35px auto; 
	padding: 0; text-align: left; background: #FFF;
}

#bloqueSup { 
	margin: 0 !important; margin: 0 0 0 -3px; 
	padding: 0; height: 94px; text-align: left; 
}

#destacadoSup { 
	margin: 0 !important; margin: -3px 0 0 0; 
	padding: 0 10px; height: 275px; 
}

#contenido { 
	width: 880px; padding: 2px 0 0 2px; margin: 0; 
	display: block; overflow: hidden; 
}


	/* Bloque Superior con Cajas y Menú */


#bsLogo { margin: 0; padding: 0; width: 66px; height: 94px; float: left; }
#bsLogo IMG { width: 66px; height: 94px; border: none; } 
#bsOpciones { margin: 0; padding: 0; height: 94px; }
#bsCajas { display: block; margin: 0; padding: 0; height: 66px; }
#bscBusqueda { 
	display: inline; float: right; margin: 30px 0 0 0; padding: 5px 15px 0 78px; 
	height: 30px !important; height: 37px; 
	color: #FFF; overflow: hidden;
	background: transparent url(../pix/2007/busqueda_caja.png) top right no-repeat; 
}

#bscLoginClientes { 
	display: inline; float: right; margin: 8px 0 0 0; padding: 0 0 0 63px;
	/*padding: 23px 0 0 63px; */
	width: 340px !important; width: 403px; height: 59px; 
	background: #FFF url(../pix/2007/login_caja.png) top left no-repeat; 
} 
#bscLoginClientes SPAN { color: #EFE; display: block; margin: 0 0 1px 125px; padding: 4px; }
#bscLoginClientes A { color: #AFF; font-weight: bold; }
#bscLoginClientes UL { list-style-type: none; margin: 0; padding: 0; }
#bscLoginClientes LI { display: inline; margin: 0; padding: 0; }
#bscLoginClientes LI.sep1 { padding-right: 75px;  }

#bscBusqueda INPUT, #bscLoginClientes INPUT { 
	background: #fff; 
	opacity: 0.8; filter: alpha(opacity=80);
	color: #000; width: 112px; height: 18px; 
}
#bscBusqueda IMG, #bscLoginClientes IMG { margin: 3px; border: none; }

#bsMenuSup {
	display: block; padding: 0; height: 28px; color: #FFF;
	margin: 0 0 0 65px !important; margin: 0; background: transparent;
	/*width: 818px !important; width: 812px;*/
	/*background: url(../pix/2007/menusup_caja.png) top right no-repeat;*/
}


	/* Búsqueda Avanzada */
	
#busquedaAvanzada {
	display: block; clear: both;
	margin: 0 0 5px 0; padding: 0 0 10px 0; 
	width: 878px !important; width: 874px; height: 130px; 
	border: 1px solid #D1D1D1;
	background: #E1E2E8 url(../pix/2007/home/noticias_bg.jpg) top left;
}
.busqAvTitulo { 
	margin: 0; padding: 0; height: 25px; border-bottom: 1px solid #AEAEAE;
	background: #D3D7DD url(../pix/2007/busqueda_av_tit.png) top left no-repeat; 
}
.busqAvContenido { 
	overflow: auto; padding: 0; margin: 15px; 
	background: transparent; color: #196085; text-align: center;
}	
.busqAvContenido TD.bacTexto { padding: 0 15px 0 20px; }


	/* Resultados Búsqueda */

#busquedaResultados {
	display: block; clear: both;
	margin: 0 0 5px 0; padding: 0 0 10px 0; 
	width: 878px !important; width: 874px; height: 130px; 
	border: 1px solid #D1D1D1;
	background: #EFEFEF url(../pix/2007/ficha/pelis_interes_bg.jpg) top left;
}
.busqResTitulo { 
	margin: 0; padding: 0; height: 25px; border-bottom: 1px solid #AEAEAE;
	background: #D3D7DD url(../pix/2007/resultados_tit.png) top left no-repeat; 
}
.busqResContenido { 
	overflow: auto; padding: 0; margin: 15px; 
	background: transparent; color: #196085; text-align: center;
}	


	/* Trailers */

.trailers {
	display: block; clear: both; width: 95% !important; width: 100%;  
	margin: 0 5px 5px 5px; padding: 0; border: 1px solid #D1D1D1;
	background: #D9D9E1 url(../pix/2007/trailers_bg.jpg) top left;
}
.trailersTit { 
	margin: 0; padding: 0; height: 25px; border-bottom: 1px solid #AEAEAE;
	background: #C5CAD2 url(../pix/2007/trailers_tit_bg.jpg) top left repeat-x; 
}
.trailersTitMain {
	padding: 2px 0 0 10px;
	font-family: Arial Narrow, Arial, Helvetica, Sans-Serif; 
	text-align: left; font-size: 14px; font-weight: bold; color: #196085;
	background: url(../pix/2007/trailers_tit.png) top right no-repeat; 
}

.trailersMain { 
	padding: 0; margin: 15px; 
	background: transparent; color: #196085; text-align: center;
}	

.trailersText {
	display: block; clear: both; width: 95% !important; width: 100%;  
	margin: 0 5px 5px 5px; padding: 0; border: 1px solid #D1D1D1;
	background: #EAEAEA url(../pix/2007/trailers_text_bg.jpg) top left;
}
.trailersTextMain { 
	overflow: auto; padding: 0; margin: 15px; 
	background: transparent; color: #196085; text-align: center;
}	


.icoBD  { background: transparent url(../pix/2007/ico_bd.gif) top right no-repeat; }
.icoDVD { background: transparent url(../pix/2007/ico_dvd.gif) top right no-repeat; }
.icoUMD { background: transparent url(../pix/2007/ico_umd.gif) top right no-repeat; }



	/* Footer Copyright */
	
.footer { clear: both; border-top: 1px solid #D4D4D4; margin: 10px 3px 0 3px; height: 18px; }
.footerAviso { float: left; padding: 3px 0 0 3px; }
.footerAviso A { text-decoration: none; }
.footerAviso A:hover, .footerAviso A:active { text-decoration: underline; }
.footerCopyright { float: right; padding: 3px 0; }




/* Bloques Especiales */


	/* i_tabla */

.ITABLA { border: none; width: 98%; margin-bottom: 10px; }
.ITABLA tr.Ttitulos { color: #FFF; font-weight: bold; }
.ITABLA tr.Ttitulos td { background: #8A8B8D url(../pix/2007/tablas_bg.jpg); color: #FFF; padding: 3px; text-align: center; border: 1px solid #AEAEAE; border-width: 1px 0; }
.ITABLA tr.Ttitulos td img { vertical-align: middle; border: none; width: 11px; height: 11px; margin: 0 0 0 5px; }
.ITABLA tr.Ttitulos td a:link,  .ITABLA tr.Ttitulos td a:visited { color: #FFF; text-decoration: none;  }
.ITABLA tr.Ttitulos td a:hover, .ITABLA tr.Ttitulos td a:active  { color: #FFF; text-decoration: underline;  }	

.ITABLA tr { background: #E0E0E0; }  
.ITABLA tr td.Tpadre { background: #E0E0E0;  }  /* Esta linea es para TR desplegables. */
.ITABLA tr td.Tpadre a:link,  .ITABLA tr td.Tpadre a:visited { text-decoration: underline; color: #F00; } /* Estilos para los enlaces por defecto, para este módulo de Datos. */
.ITABLA tr td.Tpadre a:hover, .ITABLA tr td.Tpadre a:active  { width: 100%; background: #6D6E71; text-decoration: none; color: #F00; }


.ITABLA tr.Datos0 { background: #EEF0F2; }
.ITABLA tr.Datos1 { background: #FFF; }
.ITABLA tr.Activo { background: #D4DFE9; border: 1px solid #000;}
.ITABLA tr.Mark { background: #a0c0a0; }
.ITABLA tr.Datos0 td, .ITABLA tr.Datos1 td, .ITABLA tr.Activo td, .ITABLA tr.Mark td { color: #0D3D56; padding: 4px 15px; } /* Se pueden separar si queremos estilos diferentes, segun la clase. */

.ITABLA a:link,  .ITABLA a:visited { text-decoration: underline; color: #0D3D56; padding: 0 2px 0 2px; } 
.ITABLA a:hover, .ITABLA a:active  { text-decoration: none; color: #0D3D56; padding: 0 2px 0 2px; }


.ITABLA tr.Tpaginacion { background: #8A8B8D url(../pix/2007/tablas_bg.jpg); }
.ITABLA tr.Tpaginacion td { color: #FFF; border: 1px solid #AEAEAE; border-width: 1px 0; }
.ITABLA tr.Tpaginacion td table { width: 100%; border: none; }
.ITABLA tr.Tpaginacion td table tr { background: #8A8B8D url(../pix/2007/tablas_bg.jpg); }
.ITABLA tr.Tpaginacion td table tr td { padding: 2px; border: none; }
.ITABLA tr.Tpaginacion td table tr td.Tpaginas { width: 100%; padding-left: 3px; border: none;}
.ITABLA tr.Tpaginacion a:link,  .ITABLA tr.Tpaginacion a:visited { color: #FFF; text-decoration: underline;  }
.ITABLA tr.Tpaginacion a:hover, .ITABLA tr.Tpaginacion a:active  { color: #FFF; text-decoration: none;  }


.ITABLA tr.Tfijo { background: transparent; }
.ITABLA tr.Tfijo td { color: #000; text-align: center; padding-top: 3px; }


	/* Estilos para Mensajes XBD */

.msgError   { font-size: 12px; color: #FFF; background: #BF0000; padding: 4px 10px 4px 10px; white-space: nowrap; cursor: pointer; }  /* Rojo */
.msgOk      { font-size: 12px; color: #FFF; background: #00C92C; padding: 4px 10px 4px 10px; }  /* Verde */
.msgAviso   { font-size: 12px; color: #000; background: #FFE800; padding: 4px 10px 4px 10px; }  /* Amarillo */
.msgMensaje { font-size: 12px; color: #FFF; background: #1752C4; padding: 4px 10px 4px 10px; }  /* Azul */
.msgIco     { padding: 0; margin: 0; background: none; width: 32px; height: 32px; min-width: 32px; }