@charset "utf-8";

*{margin:0; padding:0; outline:none}

body {
	background-color:#000;
	font-family:"Arial Narrow", Impact, Arial, Helvetica, sans-serif;
	color:#eee;
	font-weight:bold;
}

.container {
	position:relative;
	width:980px;
	margin:0 auto
}

em {
	color:#1d9aee;
	font-style:normal
}

/* Top */

#top {
	height:409px;
	background:url(../img/top.jpg) top center no-repeat
}

#top h1{
	position:absolute;
	top:10px;
	left:6px;
	width:150px;
	height:90px;
	font-size:22px
}

#top h2{
	position:absolute;
	top:20px;
	left:220px;
	width:720px;
	height:40px;
	font-size:18px
}

#top .display{
	position:absolute;
	top:108px;
	left:592px;
	width:346px;
	height:195px;
}

#top #ventajas {
	position:absolute;
	top:130px;
	left:30px;
	width:490px;
	height:40px;
	font-size:26px
}

#top #ventajas h2{
	position:absolute;
	top:0;
	left:0;
	width:490px;
	font-size:24px;
}

#top #ventajas ul{
	position:absolute;
	top:70px;
	left:0;
	width:480px;
	font-size:18px;
	list-style-type:none
}

#top #ventajas li {
	padding-left:14px;
	background:url(../img/bullet_1.png) 0 8px no-repeat
}

#top #ventajas p {
	position:absolute;
	top:195px;
	left:0;
	width:450px;
	height:40px;
	font-size:12px
}

#top .volver {
	position:absolute;
	top:360px;
	left:30px;
	display:block;
	width:186px;
	height:31px;
	background:url(../img/btn_volver.png) 0 0 no-repeat;
	text-indent:-999px;
}

#top .volver:hover {
	background-position:0 -31px
}

/* Fin de Top */

/* Decodificador */

#decodificador {
	height:203px;
	background:url(../img/decodificador.jpg) top center no-repeat
}

#decodificador h2 {
	position:absolute;
	top:14px;
	left:115px;
	width:360px;
	font-size:21px;
	text-align:center
}

#decodificador ul{
	position:absolute;
	top:10px;
	left:560px;
	width:360px;
	font-size:14px;
	list-style-type:none
}

#decodificador ul h3{
	color:#1d9aee;
	font-size:18px;
}

#decodificador li {
	margin-bottom:8px;
}

/* Fin de Decodificador */

/* Call to Action */

#call-to-action {
	height:143px;
	background:url(../img/call-to-action.jpg) top center no-repeat
}

#call-to-action .container {
	padding:10px;
}

#call-to-action h2, #call-to-action-bottom h2 {
	width:560px;
	margin:0 auto;
	font-size:24px
}

#call-to-action p{
	width:100%;
	margin:0 auto;
	text-align:center
}

.botonera {
	width:430px;/* 274pxcambiar cuando agreguen chat*/
	margin:10px auto 5px;
	overflow:auto
}

.botonera a {
	float:left;
	display:inline;
	margin-right:16px;
	width:129px;
	height:36px;
	text-indent:-9999px;
}

.botonera a.suscribete{
	background:url(../img/suscribete.png) 0 0 no-repeat
}

.botonera a.chat{
	background:url(../img/chat.png) 0 0 no-repeat
}

.botonera a.telefono{
	background:url(../img/telefono.png) 0 0 no-repeat;
	margin-right:0
}

.botonera a:hover{
	background-position:0 -36px
}

/* Fin de Call to Action */

/* Clientes */

#clientes {
	height:290px;
	background:url(../img/clientes.jpg) top center no-repeat
}

#clientes h3 {
	position:absolute;
	top:42px;
	left:91px;
	width:320px;
	font-size:16px
}

#clientes ul{
	position:absolute;
	top:103px;
	left:62px;
	width:380px;
	font-size:18px;
	list-style-type:none;
}

#clientes li {
	margin-bottom:16px;
	padding-left:14px;
	background:url(../img/bullet.png) 0 8px no-repeat;
	line-height:110%;
}

#clientes li div {
	float:right;
	width:100px;
	font-size:20px;
	text-align:center
}

#clientes li span {
	color:#1d9aee;
}

#clientes ul.no-cliente {
	left:533px
}

.conozca-mas {
	display:block;
	position:absolute;
	top:210px;
	left:600px;
	width:246px;
	height:30px;
	background:url(../img/conozca_mas.png) 0 0 no-repeat;
	text-indent:-9999px
}

.conozca-mas:hover {
	background-position:0 -30px;
}

/* Fin de Clientes */

/* Paquetes */

div.paquete{
	float:left;
	display:inline;
	position:relative;
	margin-top:20px;
	margin-right:8px;
	width:486px;
	height:195px;
	background:url(../img/paquetes_bg.jpg) 0 0 no-repeat;
	font-size:14px
}

div.paquete div.contenido {
	position:absolute;
	top:20px;
	left:20px;
	width:447px
}

.paquete img.logo-canal {
	float:left;
	margin:0 15px 15px 0;
}

.paquete h3 {
	font-size:32px
}

.paquete p {
	margin-right:15px
}

.paquete p span {
	display:block;
	font-size:20px;
	color:#1d9aee
}

.paquete p.descripcion {
	width:450px;
	line-height:100%
}

.paquete img.separador {
	clear:left;
	margin:6px auto
}

/* Fin de Paquetes */

/* Call to action bottom */

#call-to-action-bottom {
	background:none
}

#call-to-action-bottom .container{
	clear:both;
	padding:40px;
	text-align:center
}

/* Fin Call to action bottom */

/* Formulario */

#formulario h2 {
	text-align:center;
	font-size:28px;
	color:#1d9aee;
}

#formulario div.container {
	display:block;
	padding:15px 0;
	font-size:15px;
	font-weight:normal
}

form {
	width:720px;
	margin:20px auto;
	padding:10px 30px 20px 10px;
	background:url(../img/form_bg.jpg) bottom center no-repeat
}

form .campos {
	width:320px;
	margin-left:150px
}

label {
	float:left;
	clear:left;
	display:inline;
	width:110px;
	margin:0 5px 8px 0;
	padding-top:2px;
	text-align:right
}

input, select {
	padding:2px;
	margin-bottom:8px;
	width:192px;
	font-family:"Arial Narrow", Impact, Arial, Helvetica, sans-serif;
	border:#20323e 1px solid;
	color:#113d5a;
	font-size:15px;
}

select {
	width:196px;
}

input.checkbox {
	margin-top:5px;
	width:20px;
	height:10px;
	border:none;
}

.label-check {
	width:200px;
	margin-bottom:25px;
}

.label-check:hover {
	color:#1d9aee;
}

input.enviar {
	display:block;
	margin:0 auto;
	clear:both;
	width:136px;
	height:31px;
	overflow:hidden;
	background:url(../img/btn_enviar.png) 0 0 no-repeat;
	border:none;
	text-indent:-999px
}

input.enviar:hover {
	background-position: 0 -31px;
}

.aviso {
	float:right;
	display:inline;
	width:250px;
	font-size:14px
}

/* Fin de Formulario */

/* Envío de formulario */

#gracias {
	text-align:center;
}

#gracias .container {
	padding:100px 0;
	background:url(../img/form_bg.jpg) center center no-repeat
}

#gracias h2{
	width:400px;
	margin:0 auto 20px;;
	color:#1d9aee;;
	font-size:18px
}

#gracias a {
	display:block;
	width:86px;
	height:32px;
	margin:0 auto;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/btn_volver_form.png)
}

#gracias a:hover {
	background-position:0 -32px
}

/* Fin de Envío de formulario */

/* Legal */

#legal {
	background:url(../img/separador_bottom.png) top center no-repeat
}

#legal div.container {
	width:600px;
	padding:25px;
	color:#51687b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center
}

/* Fin de Legal */