BODY {
	SCROLLBAR-FACE-COLOR: #FF8301;
	SCROLLBAR-HIGHLIGHT-COLOR: #F6F6F6;
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-BASE-COLOR: #000000;
	scrollbar-dark-shadow-color: black;
	scrollbar-3d-light-color: #C1B29B;
	background-color: #FFFFFF;
	margin: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
DIV.top
{
	position: relative;
	width: 700px;
	height: 93px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
}
DIV.topswf
{
	position: absolute;
	width: 252px;
	height: 92px;
}
DIV.topfondo
{
	position: absolute;
	left: 252px;
	width: 448px;
	height: 93px;
	background-image: url(../img/top/fondo_top.jpg);
	font-size: 8pt;
}
IMG.topimg1
{
	position: absolute;
	top: 1px;
	left: 252px;
	width: 180px;
	height: 71px;
}
DIV.topimg2
{
	position: absolute;
	left: 430px;
	width: 190px;
	height: 71px;
	top: 1px;
	background-image: url(../img/top/img_top_2.jpg);
	font-size: 8pt;
}
IMG.topimg3
{
	position: absolute;
	top: 1px;
	left: 619px;
	width: 81px;
	height: 71px;
}
.linkTop
{
	display: block;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: white;
}
.linkTop:hover
{
	text-decoration: underline;
}
#linkTop1
{
	top: 30px;
	left: 490px;
}
#linkTop2
{
	top: 50px;
	left: 490px;
}
A.topBoton
{
	display: block;
	font-family: Arial;
	font-size: 9pt;
	color: #CCCCCC;
	text-decoration: none;
	position: absolute;
	top: 74px;
	border-top: 1pt solid #535353;
	border-left: 1pt solid #999999;
	background-color: #6E6E6E;
	text-align: center;
	height: 17px;		
}
A.topBoton:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
#idBtnHome
{
	left: 363px;
	width: 51px;
}
#idBtnPasos
{
	left: 413px;
	width: 100px;
}
#idBtnCuenta
{
	left: 513px;
	width: 74px;
}
#idBtnLista
{
	left: 587px;
	width: 60px;
}
#idBtnAyuda
{
	left: 647px;
	width: 52px;
}
* html DIV#idBtnAyuda { width: 53px; w\idth: 52px; } /* Tan hack IE5 */



DIV.banner
{
	position: relative;
	width: 700px;
	height: 209px;
	text-align: left;
	background-color: #666666;
	margin-left: auto;
	margin-right: auto;
}
A#bancomo
{
	position: absolute;
	display: block;
	top: 2px; width: 155px; height: 99px;
	border: 0px;
	background-image: url(../img/pasos/bot_comofunciona.gif);
	background-position: 0px 0px;
}
A#bancomo:hover {
	background-position: 0px 99px;
}
DIV.banswf
{
	position: absolute;
	top: 101px;
	width: 155px;
	height: 106px;
}
A#recomenda 
{
	position: absolute;
	display: block;
	top: 2px;
	width: 155px;
	height: 107px;
	border: 0px;
	background-image: url(../img/pasos/recomenda_amigo.gif);
	background-position: 0px 0px;
}
A#recomenda:hover { background-position: 0px 107px; }

A#dejarNota
{
	position: absolute;
	top: 109px;
	width: 155px;
	height: 98px;
	background-image: url(../img/pasos/dejarNota.gif);
	background-position: 0px 0px;	
}

A#dejarNota:hover { background-position: 0px 98px; }

A#otrosAbonos
{
	position: absolute;
	top: 109px;
	width: 155px;
	height: 98px;
	background-image: url(../img/pasos/otros_abonos_off.gif);
}
A#otrosAbonos:hover
{
	background-image: url(../img/pasos/otros_abonos_on.gif);
}

IMG.banpasos
{
	position: absolute;
	top: 2px;
	height: 84px;
	background-color: #CBCBD0;
}
IMG#banip1
{
	left: 155px;
	width: 107px;
}
IMG#banip2
{
	left: 262px;
	width: 110px;
}
IMG#banip3
{
	left: 372px;
	width: 109px;
}
IMG#banip4
{
	left: 481px;
	width: 110px;
}
DIV.banpasos
{
	position: absolute;
	top: 86px;
	height: 121px;
	background-color: #CBCBD0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
	line-height: 17px;
	text-align: center;
}
DIV.banpasos A
{
	text-decoration: none;
	color: #333333;
}
DIV.banpasos A:HOVER
{
	text-decoration: underline;
	color: #333333;
}
DIV#bantp1
{
	left: 155px;
	width: 97px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(../img/pasos/fondo_paso_1.gif);
}
* html DIV#bantp1 { width: 107px; w\idth: 97px; } /* Tan Hack IE 5 */

DIV#bantp2
{
	left: 262px;
	width: 100px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(../img/pasos/fondo_paso_2.gif);
}
* html DIV#bantp2 { width: 110px; w\idth: 100px; } /* Tan Hack IE 5 */

DIV#bantp3
{
	left: 372px;
	width: 99px;
	padding-left: 5px;
	padding-right: 5px;	
	background-image: url(../img/pasos/fondo_paso_3.gif);
}
* html DIV#bantp3 { width: 109px; w\idth: 99px; } /* Tan Hack IE 5 */

DIV#bantp4
{
	left: 481px;
	width: 100px;
	padding-left: 5px;
	padding-right: 5px;		
	background-image: url(../img/pasos/fondo_paso_4.gif);
}
* html DIV#bantp4 { width: 110px; w\idth: 100px; } /* Tan Hack IE 5 */

DIV#bantp5
{
	top: 2px;
	left: 592px;
	width: 108px;
	height: 205px;
	background-color: #8B8BAB;
	color: #FFFFFF;
	font-size: 11px;
}
* html DIV#bantp5 { width: 108px; w\idth: 108px; } /* Tan Hack IE 5 */

DIV#bantp5 DIV
{
	margin-top: 5px;
	margin-bottom: 10px;
}
DIV#bantp5 A
{
	color: #FFFFFF;
}

DIV#bantp5 B { background-color: white; color: red; display: block; margin: 5px; border: 1px solid black; font-size: 12px; font-weight: bold; } 

DIV.medio
{
	position: relative;
	width: 700px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
}
DIV.menu
{
	float: left;
	width: 175px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
}
DIV.body
{
	float: right;
	text-align: left;
	width: 525px;
}
DIV.footer
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3E3E3E;
	font-weight: bold;
	line-height: 15px;
	clear: both;

}
DIV.footer A
{
	text-decoration: none;
	color: #3E3E3E;
}
DIV.footer A:hover
{
	text-decoration: underline;
}
DIV.footer DIV
{
	background-color: #D9D9D9;
	margin-top: 5px;
}

DIV#buscador {
  position: relative;
  margin-top: 5px;
}
A#buscaBot {
  display: block;
  width: 146px; height: 24px;
  background-image: url(../img/busca/bot_buscador.gif);
  background-position: 0px 0px; 
}
A#buscaBot:HOVER {
  background-position: 0px 24px;
}
INPUT#search {
  position: absolute; display: block;
  top: 28px; left: 40px;
  margin: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  text-decoration: none;
  background-color: #FFFFFF; 
  border: none #FFFFFF; 
}
IMG#busca {
  display: block;
}

H1 
{
	background-color: #D9D9D9;
	margin-top: 10px;
	margin-bottom: 15px;
	border-left: 12px solid #8282B2;
	border-right: 12px solid #8282B2;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #444444;	
	height: 20px;	
	padding-top: 4px;
	padding-left: 8px;
}

H1.rojo 
{
	background-color: #FFDAB3;
	border-left: 12px solid #FF8301;
	border-right: 12px solid #FF8301;
	color: #444444;	
}
H1 A {
	color: #FF8301; 
	text-decoration: none; 
}
H1 A:HOVER {
	text-decoration: underline;
}
H2
{
	background-color: #FF9527;
	margin-top: 10px;
	margin-bottom: 15px;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: black;	
	height: 20px;	
	padding-top: 4px;
	padding-left: 8px;
}

H3 {
	font-size: 11px;
	font-weight: bold;
}

/* menu de botones de la izquierda */
/*
 * 22/3/2005 Se reemplazan por menúes de texto 
 *
#recomendadas {	background-image: url(../img/menu/bot_recomendados.gif); 
				background-position: 0px 0px;}
#recomendadas:hover { background-position: 0px 26px; }

#estrenos {	background-image: url(../img/menu/bot_estreno.gif); 
			background-position: 0px 0px;}
#estrenos:hover { background-position: 0px 26px; }

#buscarav {	background-image: url(../img/menu/bot_busqueda.gif); 
			background-position: 0px 0px;}
#buscarav:hover { background-position: 0px 26px;}
*/

#promodvd { height: 143px; background-image: url(../img/menu/promodvd.gif); background-position: 0px 0px;}
#promodvd:hover { background-position: 0px 143px;}

/* Botón generado con css en lugar de imágenes */
.mnuBoton { margin-top: 4px; border: 2px solid #828282; width: 143px; height: 22px; }
.mnuBoton A { display: block; width: 118px; height: 21px; background-color: #7878A4; 
	color: white; text-decoration: none; font-size: 11pt; font-family: Arial;
	border-left: 15px solid #FFA241; padding-left: 10px; padding-top: 1px; }
.mnuBoton A:HOVER { background-color: #4B4B85; border-left: 15px solid #FF8301; }

#sitios { 
	background-image: url(../img/menu/bot_servicio.gif); 
	background-position: 0px 0px;
	height: 86px;
}
#sitios:hover { background-position: 0px 86px; } 

#misitio { 
	background-image: url(../img/menu/bot_servicio.gif); 
	background-position: 0px 0px;
	height: 86px;
}
#misitio:hover { background-position: 0px 86px; } 

A.menuBoton {
	display: block;
	width: 147px; height: 26px;
	margin-top: 4px;
}

#comboGenero {
	position: relative;
	width: 147px; height: 26px;
	margin-top: 4px;
	background-image: url(../img/menu/bot_fondo.gif);
}
#comboGenero SELECT
{
	position: absolute;
	top: 3px;
	right: 2px;
	font-size: 9px;
	background-color: #7878A4; 
	color: #FFFFFF; 
	width: 120;
}

/* mensajes al usuario en mensaje.jsp */
DIV.mensaje
{
	color: #333333;
}
DIV.mensaje INPUT.boton 
{

}

FORM
{
	margin: 0;
	padding: 0;
}
.fontchico {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 15px;
}

P 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
}

/*
 * input type="text" genérico
 */
INPUT.boton 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #F2F2F2;
	border: 1px solid #8282B2;
}

A.gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	line-height: 15px;
}
A.gris:hover {
	text-decoration: underline;
}


IMG.fondoFormul {
	display: block; 
	position: absolute;
	right: 0px;
}

TABLE.celeste {
	border: 1px solid #CCCCCC;
}
TABLE.celeste td {
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;
  height: 25px;
}
TABLE.celeste th {
  text-align: center;
  color: #333333;
  font-size: 11px;
  padding-left: 15px;
  padding-right: 15px;
}
TABLE.celeste thead {
	background-color: #EFEFEF;
	height: 25px;
}