body { 
	color: white; 
	background: #990000;
	font-size: 12px; 
	line-height: 14px;
	font-family: Arial,"Times New Roman",times; 
	text-align: justify;
    margin: 0 auto; 
	padding: 0;
	width: 1000px;
}

h1{
	color: black;
	background: transparent;
	font-size: medium;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: justify;
	/*text-transform: uppercase;*/
	margin-left: 3em;
	line-height: 1.2em;
}

h2{
	color: #003366;
	font-size: medium;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: justify;
	margin: 0.5em 0 0.5em 0.5em; 
	padding: 0px;
} 

h3 {
	color: #990000;
	font-size: small;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: justify;
	margin: 1em 0 0 0; 
	padding: 0 0 0 1em;
}

img {
	border: none;
}

p {
	color:black;
	font-size: small; 
	font-family: Arial,"Times New Roman",times; 
	text-align: justify; 
	margin: 0; 
	padding: 0.25em 0px 0.1em 5px;
}

table{
	width: 95%;
	margin: 1em 0;
	text-align: center;
	table-layout: fixed; //por tabla de planes en pay_refund_account
}

tbody tr td{
	color: black;
	background: inherit;
	text-align: center;
}

tbody th.subq{
	text-indent: 2em;
}

tbody tr.par{
	color: black;
	background: #F2F2F2;
}

dt{
	color: #990000;
	font-size: medium;
	font-family: Arial,"Times New Roman",times; 
	text-align: justify;
	margin: 1em 0 0.5em 0; 
	padding: 0 0 0 1em;
}


/* ------ Generic -------- */
#contenedor { 
	width:90%;
	position: relative;
	background: #FFFFFF url(/images/azul.jpg) repeat-x top left;
	margin: 0 auto;
	padding: 0 0 0.2em 0;
}

ul#menuTop{
	color: black;
	text-align:right;
	margin: 0;
	padding: 0.8em 1em 2.2em 0;
	background: inherit;
}

ul#menuTop strong{
	color: #990000;
	background: inherit;
}

ul#menuTop li{
	display: inline;
	padding: 0 0 0 0.3em;
	border-left: 1px solid black;
}

ul#menuTop li:first-child{
	border: none;
}

ul#menuTop a{
	color:  #101010;
	background: inherit;
}

.rojo{
	color: #990000;
	font-weight: bold;
}

dt em{
	color: #009900;
	background: white;
	font-style: normal;
}

#menuB{
	color: white;
	background: #011B3E;
	margin: 0;
	padding: 1.2em 1em 1em 0;
	text-align:right;
}

#menuB img{
	float: left;
	margin-top: -60px;
	margin-left: 20px;
}

ul#menuBlue{
	color: white;
	text-align:right;
	margin: 0;
	padding: 0;
	background: inherit;
}

ul#menuBlue li{
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid white;
}

ul#menuBlue li:first-child{
	border: none;
}

ul#menuBlue a{
	color: #EEEEEE;
	background: inherit;
}

#footer {
	color: white;
	background: #990000;
	text-align: left;
	clear: both;
	padding: 1em;
}

/*pertenecen a footer*/
ul#legal{
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #EEEEEE;
	background: inherit;
}

ul#legal li{
	display: inline;
}

ul#legal li:before{
	content: "| ";
}

ul#legal li:first-child:before{
	content: "";
}

ul#legal a{
	color: #EEEEEE;
	background: inherit;
}

p.copy{
	font-size: 80%;
}

/* ---------End Generic---------- */


/* Secciones */

h1#how{
	color: white;
	background: transparent url(/images/como.jpg) no-repeat top left;
	font-size: large;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: left;
	margin: 1em 0 1em 0;
	line-height: 1.2em;
	padding: 0.3em 0 0.2em 0.2em;
}

h1#catalogo{
	color: white;
	background: transparent url(/images/catalogo.jpg) no-repeat top left;
	font-size: large;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: left;
	margin: 1em 0 1em -12px;
	line-height: 1.2em;
	padding: 0.3em 0 0.2em 0.2em;
}

h1#elige{
	color: white;
	background: transparent url(/images/elige.jpg) no-repeat top left;
	font-size: large;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: left;
	margin: 1em 0 1em -11px;
	line-height: 1.2em;
	padding: 0.3em 0 0.2em 0.2em;
}

h1#plan{
	color: white;
	background: transparent url(/images/elige.jpg) no-repeat top left;
	font-size: large;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: left;
	margin: 1em 0 1em 0px;
	line-height: 1.2em;
	padding: 0.3em 0 0.2em 0.2em;
}

h2#verde{
	color: #336600;
	font-size: small;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: justify;
	margin: 0.5em 0 0.5em 0.5em; 
	padding: 0px;
} 

.movies{
	color: black;
	font-size: medium;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: justify;
	margin: 0.5em 0 0.5em 0.5em; 
	padding: 1em 0 0 0;
}

.moviesIcon{
	text-align: center;
	margin: 1em 0 1em 0;
}

.moviesIcon img{
	margin-top: 0.5em;
	margin-left:0.7em;
	width: 69px;
	height: 100px;
}

.mas{
	color: black;
	font-size: small;
	font-weight: normal;
	font-family: Arial,"Times New Roman",times; 
	text-align: justify;
	margin: 0; 
	padding: 0 0 0 1.5em;
}

ul#steps{
	color: black;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	padding: 1.5em 0 1em 0;
	margin: 0 1em 0 1em;
}

ul#steps li{
	display: inline;
	padding: 0 2.5em 0 1em;
}

ul#steps li.marcado::before{
	content: url(/images/icono.gif);
}

ul#steps li.marcado{
	color: #990000;
	background: white;
}

ul#steps a{
	color: #101010;
	background: inherit;
}

.explicacion{
	color: white;
	font-size: medium;
	line-height: 0px;
	padding: 1em 0 0.7em 0.4em;
	background: /*#346EB4*/#990000;
	margin:0;
	border-bottom: 1px solid gray;
}

#carta{
	margin: 0 1em 0 2em;
	padding: 0.5em;
	text-align:center;
}

#recargo{
	clear:both;
	margin:0 1em 1em 1em;
	padding: 0.5em;
	text-align:center;
}

#texto{
	color: black;
	clear:left;
	float: left;
	margin-top: 1em;
	padding-left:1em;
	width: 65%;
}

.preview{
	color: black;
	text-align: center;
	float: left;
	margin: 0;
	padding:0;
	width: 20%;
}

#sinopsis{
	float: right;
	width: 80%;
}

#opciones{
	float:right;
	margin: 0 1.5em 0 0;
	padding: 1em 0;
	width:30%;
}

#opciones p {
	color:black;
	font-size: small; 
	font-family: Arial,"Times New Roman",times; 
	text-align: justify; 
	margin: 0; 
	padding: 0.25em 0px 0px 2em;
}

#textoPlan{
	padding: 0 2em 0 1em;
}

#planes{
	text-align: center;
	margin: 1em 0 0.5em 0;
}

/*  promocion*/
	
#promo{
	color: black;
	clear:both;
	width:544px;
	height: 270px;
	background: #FFFFFF url(/images/backPromo.jpg) no-repeat top center;
	margin:1em 0 1em 0;
	color:black;
	display:block;
	padding:0;
}

#promo h3{
	color: black;
	background: transparent;
	font-size: x-large;
	font-weight: bold;
	font-family: Arial,"Times New Roman",times; 
	text-align: justify;
	text-indent: -1em;
	margin-left: 3em;
	padding-top: 0.8em;
	line-height: 1.2em;
}

#promo h3 em{
	color: red;
	font-family: Arial,"Times New Roman",times;
	font-style: normal;
}

#promo img{
	float:right;
	padding-top: 3em;
	padding-right: 5em;
}

.derecha{
	text-align:right;
	font-size: medium;
	font-weight: bold;
	padding-right:10em;
}

ul#promesas{
	color: black;
	font-weight: bold;
	text-align: left;
	padding: 1.5em 0 1em 0;
	margin: 0 1em 0 5em;
}

ul#promesas li{
	display: list-item;
	padding: 0 2.5em 0 1em;
	list-style-type: none;
}

ul#promesas li:before{
	content: url(/images/icono.gif);
}

ul#promesas a{
	color: #EEEEEE;
	background: inherit;
}


ul#contacto{
	color: black;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 2.2em;
	margin: 0.5em 0;
}

ul#contacto li{
	display: list-item;
	padding: 0;
	list-style-type: none;
}

ul#contacto li:before{
	content: " ";
}

ul#contacto a{
	color: #EEEEEE;
	background: inherit;
}

/*--------------------------------------------------*/

#forma{
	color: black;
	background: inherit;
	text-align: center;
}

#forma img{
	padding-bottom: 0.5em;
}

#forma form{
	float: left;
	margin-left: 0.3em;
	margin-bottom: 1em;
	width:100%;
}

#forma form label{
	width: 40%;
	text-align: right;
	font-weight: bold;
	float: left;
	clear: left;
}

ol li{
	list-style: decimal outside;
}