﻿@charset "utf-8";
/*Ensanche de Pagina*/
#container #main-content {
    padding: 0 !important;
    background-color: white;
    float: none;
    width: 980px !important;
    color: #333;
    line-height: 1.7em;
    margin: 0 auto !important;
}
div#content {
    border: 0;
    width: 980px;
}
#page-header {
    width: 980px;
    height: 400px;
    position: relative;
}
.main-intro {
	padding-bottom: 13px;
}
div.funciones-diferenciales div.trio-dif div > span {
	display: block;
	font: bold 14px "Trebuchet MS";
	margin-bottom: 5px;
}
/*Ensanche de Pagina*/

/*Targeters*/
div.targeters{
	text-align:center;
	padding:18px 13px 10px 13px;
	overflow:hidden;
}

div.targeters img{
	margin-bottom:15px;
}

div.targeters h3{
	font-size:16px;
	text-align:left;
	margin-left:10px;
}

div.targeters p{
	text-align:left;
	float:left;
	padding-left:0!important;
	margin-bottom:15px!important;
}

div.targeters a{
	padding:0!important;
	position:relative;
	overflow:hidden;
	width:110px;
	height:20px;
	display:block;
	background:url(/img/minisitios/midirectv/registrate-ahora-tar.jpg);
	margin:0 auto;
}
/*Targeters*/

/* *uMenu */
div#content ul#page-tabs li:hover span,
body#intro div#content ul#page-tabs li.intro span, /* change ids/classes accordingly */
body#compra-recarga div#content ul#page-tabs li.compra-recarga span, /* change ids/classes accordingly */
body#instalacion div#content ul#page-tabs li.instalacion span
{
	background-position:0 -30px;
}
div#content ul#page-tabs li:hover a,
body#intro div#content ul#page-tabs li.intro a, /* change ids/classes accordingly */
body#compra-recarga div#content ul#page-tabs li.compra-recarga a, /* change ids/classes accordingly */
body#instalacion div#content ul#page-tabs li.instalacion a
{
	background-position:0 -30px;
	color:#333;
	text-decoration:none;
}
/* *uMenu */

/* INTRODUCCION */
body#intro #page-header, body#instalacion #page-header{
	background:url(/img/minisitios/midirectv/page_header.jpg) top center no-repeat;
	position:relative;
}

#page-header h1.header-desc{
	display:block;
	line-height:25px;
	margin:9px 0 0;	
}

/*body#intro div#content .main-intro {
padding-bottom:31px;
}*/

#page-header p.presenta, #page-Iheader p.presenta{
	color:#fff;
	line-height:15px;
}

.titular{
	top:28px;
	left: 15px;
}

div#content #page-content {background:none}

/*CALL TO ACTION PROVISORIO*/
div#content .call-to-action-wrapper {
	margin-top:9px !important;
}
div#content #call-to-action{
	background:url(/img/minisitios/midirectv/bg_calltoaction.png) top center no-repeat;
	width:202px;
	height:110px;
	float:right;
	margin:215px 30px 0 0;
	text-align:center;
	padding:0 6px;
	position:relative;
}

.calltoaction-question{
	text-align:left
	}

div#content #call-to-action p {
	margin:0 0 4px 14px;
	font-size:12px
}

div#content #call-to-action p.question, div#content .call-to-action-wrapper .big-call-to-action p.question{
	font-size:12px;
	font-weight:bold;
	height:18px;
	line-height:26px;
	margin-left:14px;
	color:#009fcc;
}

div#content #call-to-action a.calltoaction_btn, div#content .main .call-to-action-wrapper .big-call-to-action a.calltoaction_btn{
	float:right;
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	width:192px;
	height:22px;
	margin:9px 5px 0 0;
	background:url(/img/minisitios/midirectv/btn_CTA.png) 0 0 no-repeat;
	display:inline;
}

div#content .main .call-to-action-wrapper .big-call-to-action a.calltoaction_btn {margin:4px 6px 0 0}

div#content #call-to-action .title{
	margin:0 0 4px 0;
	}


div#content #call-to-action p{
	line-height:18px;
	}

div#content #call-to-action p.btn-calltoaction, div#content .main .call-to-action-wrapper p.btn-calltoaction{
	background:url(/img/minisitios/midirectv/btn_btn_wider.png) center 0 no-repeat;
	bottom:15px;
	height:17px;
	left:11px;
	position:absolute;
	width:192px;
	text-align:center;
}

div#content #call-to-action p.btn-calltoaction a, div#content .main .call-to-action-wrapper p.btn-calltoaction a{
	color:#fff;
	font-size:11px;
	display:block;
	text-decoration:none;
}
	
img.promo-box{
	position:absolute;
	top:20px;
	right:30px;
	}

div#content ul.intro-list{
	margin-top:44px;
	}
		
div#content ul.intro-list li {
	background:transparent url(/img/bullet_arrow.gif) no-repeat scroll left center;
	font-size:14px;
	margin-bottom:5px;
	padding-left:25px;
}

div#content .main-intro p.img-pad {
	padding-right:80px;
}

.funciones-diferenciales {
	margin-top:30px;
	margin-bottom:0px;
	/*width:682px;*/
	
}
.funciones-diferenciales .top_funcion{ 
	background:url(../img/bgn_vid_top.png) no-repeat; 
	height:22px;
} 
.funciones-diferenciales .cuatro-dif{ 
	background:url(../img/bgn_vid_cont.png) repeat-x #E9E9E9 ; 
	width:678px;
	min-height:231px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
.funciones-diferenciales .bot_funcion{ 
	background:url(../img/bgn_vid_botom.png) no-repeat; 
	width:682px; 
	height:20px;
}
div#content .call-to-action-wrapper h3 {
	margin-bottom:10px;
}

/*CALL TO ACTION PROVISORIO*/
div#content .big-call-to-action {
	background:url(/img/minisitios/midirectv/bg_CTA_bottom.png) 0 0 no-repeat;
	width:575px;
	position:relative;
	height:30px;
	padding:10px;
}
	
div#content .main .call-to-action-wrapper .big-call-to-action p{
	font-size:12px;
	margin-left:10px;
	float:left;
	line-height:28px;
	display:inline;
}

div#content .call-to-action-wrapper .big-call-to-action p.question {margin-left:0}

.planes{
	width:194px;
	height:31px;
	line-height:31px;
	background:url(/img/minisitios/midirectv/bg_paquetes_prepago.png) 0 0 no-repeat;
	color:#fff;
	font-size:19px;/*26px*/
	font-weight:bold;
	text-align:center;
	padding-top:34px;
	margin-bottom:10px;
}

.basico{
	background-position:-194px 0;
}

.planes span{
	font-size:13px;
	position:relative;
	bottom:10px;
}

div#content div.lateralDynamic div.lDChild{
	padding:8px 10px;
	}
	
div#content div.lateralDynamic p{
	padding:0 7px;
	margin-bottom:3px;
}
/* FIN INTRODUCCION */

/* INSTALACION */
body#instalacion #page-header{
	background:url(/img/minisitios/midirectv/page_header_instalacion.jpg) top center no-repeat;
	height:118px;
}

body#instalacion .titular{
	top:10px;
}

body#instalacion div#content #call-to-action{
	margin:0 0 30px;
	position:relative;
	display:block;
	float:none;
	clear:none;
}

#video-wrapper, .activar-prepago{
	margin-bottom:32px;
	}
	
.activar-prepago{
	overflow:hidden;
}

.prepago-steps{
	float:left;
	width:222px;
	}
	
div#content .prepago-steps p{
	margin-bottom:0	
	}
	
div#content .prepago-steps p.title{
	color:#999;
	font-size:16px;
	font-family:"trebuchet MS";
	text-transform:uppercase;
	background:url(/img/minisitios/midirectv/prepago_steps.png) 0 0 no-repeat;
	line-height:42px;
	height:42px;
	padding-left:45px;
	font-weight:bold;
}

div#content .prepago-steps p.second{
	background-position:0 -42px;
}

div#content .prepago-steps p.third{
	background-position:0 -84px;
}

div#content div.lateralDynamic div.lDChild h3.dwn_icon {
	height:43px;
	line-height:21px;
	font-size:15px;
}

div#content div.lateralDynamic div.lDChild ul.down-box li{
	margin:0;
}

/*CALL TO ACTION PROVISORIO*/
body#instalacion div#content #call-to-action{
	background:transparent url(/img/minisitios/midirectv/bg_calltoaction_prov_instalacion.png) no-repeat center top;
	height:230px;
	}

body#instalacion div#content #call-to-action .clientes{
	text-align:left;
	font-size:11px;
	line-height:30px;
	}
	
body#instalacion div#content #call-to-action .title{
	margin-bottom:12px;
	}
	
body#instalacion div#content #call-to-action .calltoaction-question{
	margin-top:3px;
	}
/*FIN CALL TO ACTION PROVISORIO*/
/* FIN INSTALACION */

div#content .main p.disclaimer {
	font-size:10px;
	margin:10px 0 0;
	float:right;
}
/*nuevos estilos para minisitio*/
.funciones-diferenciales p{
	font-size:12px !important;
	line-height:18px !important;
}
.funciones-diferenciales .register-24{
	/*height: 64px;*/
    width:682px!important;
	text-align:center;
}
.funciones-diferenciales .register-24 p{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px!important;
	font-weight:bold!important;
	margin: 6px 0px 5px 0px!important;
}
.funciones-diferenciales .cuatro-dif .line { 
	background:url(../img/line_bgn.png) no-repeat;
	background-position:right top;
	padding:0px 11px;
}
.funciones-diferenciales .cuatro-dif .primer .line p{ width:138px; }
.funciones-diferenciales .cuatro-dif .line p{ width:138px; text-align:left;}
.funciones-diferenciales .cuatro-dif .primer { 
	padding:0px 9px 0px 11px;
	background:url(../img/line_bgn.png) no-repeat;
	background-position:right top;
}
.funciones-diferenciales .cuatro-dif .primer p{ text-align:left;}
.funciones-diferenciales .cuatro-dif .utlima{ padding:0px 10px;}
.funciones-diferenciales .cuatro-dif .utlima p{ text-align:left; width:139px;}
.funciones-diferenciales div.cuatro-dif div {
    float: left;
    width: 148px;
	text-align: center;
}

.funciones-diferenciales div.cuatro-dif div a {
	display:block;
	height:76px;
	margin-bottom: 9px;
	width:139px;
}

.cuatro-dif .titulo-destacado{
	display: block;
    font-family: "Trebuchet MS",sans-serif,Helvetica,Arial,Verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
	color:#000;
	width:139px;
	text-align:left;
	margin-bottom:5px;
}
div#content #page-content {
    padding: 0px 15px 50px;
}
.uno{ background:url(../img/vineta_uno.jpg) no-repeat!important;} 
.dos{ background:url(../img/vineta_dos.jpg) no-repeat!important;}
.tres{ background:url(../img/vineta_tres.jpg) no-repeat!important;}
.cuatro{ background:url(../img/vineta_cuatro.jpg) no-repeat!important;}

div#content h1.h1-line{
	background:url(/img/line.gif) bottom left no-repeat;
	color: #333;
	font-family:"Trebuchet MS", sans-serif, Helvetica, Arial, Verdana;
	font-size:19px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 13px;
	padding-bottom:6px;
}