@font-face{  font-family: 'WorkSansBlack'; src: url('../fonts/WorkSans-Black.ttf') format('truetype'); }
@font-face{  font-family: 'WorkSansBlack'; src: url('../fonts/WorkSans-Black.ttf') format('truetype'); }
@font-face{  font-family: 'WorkSansExtraBold'; src: url('../fonts/WorkSans-ExtraBold.ttf') format('truetype'); }
@font-face{  font-family: 'WorkSansExtraLight'; src: url('../fonts/WorkSans-ExtraLight.ttf') format('truetype'); }
@font-face{  font-family: 'WorkSansLight'; src: url('../fonts/WorkSans-Light.ttf') format('truetype'); }
@font-face{  font-family: 'WorkSansMedium'; src: url('../fonts/WorkSans-Medium.ttf') format('truetype'); }
@font-face{  font-family: 'WorkSansRegular'; src: url('../fonts/WorkSans-Regular.ttf') format('truetype'); }
@font-face{  font-family: 'WorkSansSemiBold'; src: url('../fonts/WorkSans-SemiBold.ttf') format('truetype'); }
@font-face{  font-family: 'WorkSansThin'; src: url('../fonts/WorkSans-Thin.ttf') format('truetype'); }




/* DIALOGOS PEQUEÑOS */
.headerForm{
	color: #FFFFFF;
	height: 80px;
	padding-top: 30px;
	text-align: center;
	background: -moz-radial-gradient(center right, ellipse cover, #80BDF2 0%, #0685E5 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center right, ellipse cover, #80BDF2  0%,#0685E5 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center right, #80BDF2 0%,#0685E5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80BDF2', endColorstr='#0685E5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.elementSmallDialog{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

/* FUENTES */
.WorkSansBlack{ font-family: 'WorkSansBlack', sans-serif; }
.WorkSansBlack{ font-family: 'WorkSansBlack', sans-serif }
.WorkSansExtraBold{ font-family: 'WorkSansExtraBold', sans-serif }
.WorkSansExtraLight{ font-family: 'WorkSansExtraLight', sans-serif }
.WorkSansLight{ font-family: 'WorkSansLight', sans-serif }
.WorkSansMedium{ font-family: 'WorkSansMedium', sans-serif; }
.WorkSansRegular{ font-family: 'WorkSansRegular', sans-serif; }
.WorkSansSemiBold{ font-family: 'WorkSansSemiBold', sans-serif; }
.WorkSansThin{ font-family: 'WorkSansThin', sans-serif; }

/* MOSTRAR ELEMENTOS */
.noShow{ display: none; }
.siShow{ display: block; }
.clear{ clear: both; }
.cursorManita{cursor: pointer;}

/* LOGIN */
.logElement{
	position: absolute;
	background-color: #000000;
	opacity: 0.85;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.contentLogin{
	position: absolute;
	height: 420px;
	z-index: 1032;
	background: rgba(230,230,230,1);
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 8%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(8%, rgba(230,230,230,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 8%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(230,230,230,1) 8%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(230,230,230,1) 8%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(230,230,230,1) 8%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
}




.cabeceraLogin{
	color: #FFFFFF;
	height: 110px;
	padding-top: 30px;
	text-align: center;
	font-size: 24px;
	padding-top: 40px;
	background: -moz-radial-gradient(center right, ellipse cover, #80BDF2 0%, #0685E5 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center right, ellipse cover, #80BDF2  0%,#0685E5 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center right, #80BDF2 0%,#0685E5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80BDF2', endColorstr='#0685E5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.btnVerde{
	background-color: #83D97F;
	border-color: #83D97F;
    color: #fff;
    font-size: 14px;
    width: 100%;
}

.btnVerde:hover{
	background-color: #63a85f;
	border-color: #63a85f;
	color:#FFF;
}

.elementsForm{
	margin-left: auto;
	margin-right: auto;
	width: 352px;
}

.menusMouse{
	cursor: pointer;
}

.circleBlue{
	height: 66px;
	width: 66px;
	border-radius: 33px 33px 33px 33px;
    -moz-border-radius: 33px 33px 33px 33px;
    -webkit-border-radius: 33px 33px 33px 33px;
    margin: 0px auto;
    padding-top: 16px;
    background: rgba(69,119,170,1);
 	background: -webkit-radial-gradient(right 17px, #85B5E8, #003366);
  	background: -o-radial-gradient(#85B5E8, #003366);
 	background: -moz-radial-gradient(#85B5E8, #003366);;
	background: -ms-linear-gradient(top, rgba(133,181,232,1) 0%, rgba(0,51,102,1) 100%);
	background: radial-gradient(at right 17px,#85B5E8,#003366);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85B5E8', endColorstr='#003366', GradientType=0 );
}


.controlBanner{
	bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: 1;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 15%;
}

.controlBanner.right{
	left: auto;
	right: 0px;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {


	#sectionInfo .content{ width: 100%; }

	.headerCliente{ height: 191px; }

	.headerCliente .titleCli{ font-size: 18px; }

	.headerCliente .datosCli .contentText{ width: 50%; }

	.headerCliente .logoCli{ padding-top: 10px; font-size: 15px; }
	.headerCliente .logoCli img{ height: 50px;  margin-left: auto; margin-right: auto; padding-top: 0px;}

	.headerCliente .datosCli{ font-size: 9px; margin-top: 10px; line-height: 10px; padding-top: 0px;}
	.headerCliente .datosCli .contentImg img{ height: 36px; margin-left: 15px; }

	.menuLeftCliSmall{display: block;}
	.menuLeftCli{display: none;}

	.contentPrincipalCLi{ padding-left:0px; }

	.contentPrincipalCLi .elementContent{ margin-top: 72px; }

	.titleSection{ font-size: 15px; }
	.mailEstilo{ font-size: 12px; }
	.mailEstilo{ font-size: 12px; }
	.miembroDesde{ font-size: 16px; }
	.nameElemet{ font-size: 18px; }

	.titlePlanLineas{ font-size: 16px; }

	.titleNumbersLineas{ font-size: 18px; color: #00a3d8;}

	.contentLogin{ width: 100%; top: 0%; margin-top: 100px; left: 0%; margin-left: 0px;}

	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

	#sectionInfo .content{ width: 100%; }	

	.headerCliente{ height: 210px; }

	.headerCliente .titleCli{ font-size: 28px; }

	.headerCliente .datosCli .contentText{ width: 70%; }

	.headerCliente .logoCli{ padding-top: 10px; }
	.headerCliente .logoCli img{ height: 50px; margin-left: auto; margin-right: auto; padding-top: 0px;}

	.headerCliente .datosCli{ font-size: 12px; line-height: 10px; padding-top: 0px;}
	.headerCliente .datosCli .contentImg img{ height: 28px; margin-left: 15px; left: 50%;}

	.menuLeftCliSmall{display: block;}
	.menuLeftCli{display: none;}

	.contentPrincipalCLi{ padding-left:0px; }

	.contentPrincipalCLi .elementContent{ margin-top: 72px; }

	.titleSection{ font-size: 15px; }
	.mailEstilo{ font-size: 12px; }
	.mailEstilo{ font-size: 12px; }
	.miembroDesde{ font-size: 16px; }
	.nameElemet{ font-size: 18px; }

	.titlePlanLineas{ font-size: 16px; }

	.titleNumbersLineas{ font-size: 18px; color: #00a3d8;}

	.contentLogin{ width: 486px; top: 50%; margin-top: -210px; left: 50%; margin-left: -243px;}
}

/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {

	#sectionInfo .content{ width: 70%; }

	.headerCliente{ height: 120px; }

	.headerCliente .logoCli{ padding-top: 30px; }
	.headerCliente .logoCli img{ height: 98px; }

	.headerCliente .datosCli .contentText{ width: 70%; }

	.headerCliente .datosCli{ font-size: 12px; line-height: 13px; padding-top: 50px;}
	.headerCliente .datosCli .contentImg img{ height: 62px; margin-left: 15px;}

	.headerCliente .titleCli{ font-size: 28px; }

	.menuLeftCliSmall{display: block;}
	.menuLeftCli{display: none;}

	.contentPrincipalCLi{ padding-left:0px; }

	.contentPrincipalCLi .elementContent{ margin-top: 72px; }

	.titleSection{ font-size: 15px; }
	.mailEstilo{ font-size: 12px; }
	.mailEstilo{ font-size: 12px; }
	.miembroDesde{ font-size: 16px; }
	.nameElemet{ font-size: 18px; }

	.titlePlanLineas{ font-size: 20px; }

	.titleNumbersLineas{ font-size: 22px; color: #00a3d8;}

	.contentLogin{ width: 486px; top: 50%; margin-top: -210px; left: 50%; margin-left: -243px;}

}

/* large desktops and up ----------- */
@media (min-width: 1200px) and (max-width: 1919px) {

	#sectionInfo .content{ width: 70%; }

	.headerCliente{ height: 158px; }

	.headerCliente .logoCli{ padding-top: 30px; padding-left: 110px;}
	.headerCliente .logoCli img{ height: 98px; }

	.headerCliente .datosCli .contentText{ width: 70%; }

	.headerCliente .datosCli{ font-size: 14px; line-height: 16px; padding-top: 50px;}

	.headerCliente .datosCli .contentImg img{ height: 62px; margin-left: 15px;}
	

	.headerCliente .titleCli{ font-size: 50px; }

	.menuLeftCliSmall{display: none;}
	.menuLeftCli{display: block;}	

	.contentPrincipalCLi{ padding-left:331px; }

	.contentPrincipalCLi .elementContent{ margin-top: 0px; }

	.titleSection{ font-size: 31px; }
	.mailEstilo{ font-size: 16px; }
	.mailEstilo{ font-size: 16px; }
	.miembroDesde{ font-size: 24px; }

	.nameElemet{ font-size: 50px; }

	.titlePlanLineas{ font-size: 20px; }

	.titleNumbersLineas{ font-size: 22px; color: #00a3d8;}

	.contentLogin{ width: 486px; top: 50%; margin-top: -210px; left: 50%; margin-left: -243px;}

}

/* large desktops and up ----------- */
@media screen and (min-width: 1920px) {

	#sectionInfo .content{ width: 70%; }

	.headerCliente{ height: 158px; }

	.headerCliente .logoCli{ padding-top: 30px; padding-left: 105px;}
	.headerCliente .logoCli img{ height: 98px;}

	.headerCliente .datosCli .contentText{ width: 70%; }

	.headerCliente .datosCli{ font-size: 14px; line-height: 16px; padding-top: 50px;}
	.headerCliente .datosCli .contentImg img{ height: 62px; margin-left: 15px;}

	.headerCliente .titleCli{ font-size: 63px; }

	.menuLeftCliSmall{display: none;}
	.menuLeftCli{display: block;}

	.contentPrincipalCLi{ padding-left:331px; }

	.contentPrincipalCLi .elementContent{ margin-top: 0px; }

	.titleSection{ font-size: 31px; }
	.mailEstilo{ font-size: 16px; }
	.mailEstilo{ font-size: 16px; }
	.miembroDesde{ font-size: 24px; }
	.nameElemet{ font-size: 50px; }

	.titlePlanLineas{ font-size: 20px; }

	.titleNumbersLineas{ font-size: 22px; color: #00a3d8;}

	.contentLogin{ width: 486px; top: 50%; margin-top: -210px; left: 50%; margin-left: -243px;}
	
}


/* BARRA DE NAVEGACION ************************************************************************************************/
#barraNav{
	margin-bottom: 0px;
}

/* BANNER TELEFONOS **************************************************************************************************/

#sextionBanner{
	background-color: #FFFFFF;
}

#sectionBanner .elemntIndicator{
	background-color: #EEEEEE;
    border: 1px solid #222222;
}

#sectionBanner .elemntIndicator.active{
	background-color: #00A3D9;
	border: 3px solid #FFFFFF;
}


/* INFORMES **********************************************************************************************************/
/* /* #sectionInfo{
	background-color: #EEEEEE;
	text-align: center;
	padding-bottom: 26px;
	padding-top: 57px;
}

#sectionInfo .titulo{
	text-align: center;
	padding-bottom: 78px;
	font-weight: bold;
	font-size: 42px;
}


#sectionInfo .content{	
	margin: 0 auto;
}


#sectionInfo .contentInfo{
	width: 100%;
	margin-bottom: 25px;
}
#sectionInfo .icon{
	height: 100px;
	width: 20%;
	float: left;
}

#sectionInfo .iconInfo{

}

#sectionInfo .iconInfo.info1{
	height: 32px;
	width: 19px;
	margin-left: auto;
	margin-right: auto; 
	background: url("../images/icon_index_1.png");
}

#sectionInfo .iconInfo.info2{
	height: 32px;
	width: 43px;
	margin-left: auto;
	margin-right: auto; 
	background: url("../images/icon_index_2.png");
}

#sectionInfo .iconInfo.info3{
	height: 32px;
	width: 35px;
	margin-left: auto;
	margin-right: auto; 
	background: url("../images/icon_index_3.png");
}

#sectionInfo .textInfo{
	width: 80%;
	float: left;
	text-align: justify;
}
#sectionInfo .titleInfo{
	width: 100%;
	font-weight: bold;
	font-size: 19px;
}
#sectionInfo .bodyInfo{
	width: 100%;
	font-size: 15px;
} */





/* BANNER VENTA ******************************************************************************************************/
/* #sectBannerVentE{
	height: 484px;
	background-color: #FFFFFF;
}


#sectBannerVentE .elemntIndicator{
	background-color: #DDDDDD;
}

#sectBannerVentE .elemntIndicator.active{
	background-color: #00A3D9;
}


#sectBannerVentE .titulo{
	text-align: center;
	padding-bottom: 40px;
	font-weight: bold;
	font-size: 24px;
	margin-top: 57px;
} */


/* DETALLE  **********************************************************************************************************/
#sectionDetalle{
	background-color: #FFF;
	margin-top: 99px;
}


#sectionDetalle .contentDetalle{
	margin-top: 95px;
	margin-bottom: 95px;
}






#sectionDetalle .segunTitulo{
	font-size: 31px;
	color: #FFA64D;
	line-height: 1px;
}

#sectionDetalle .prinTitulo{
	font-size: 50px;
	margin-bottom: 30px;
	color: #00A3D8;
}

#sectionDetalle .cuerpoDetalle{
	margin-bottom: 37px;
}

#sectionDetalle .contentPrecios{
	margin-bottom: 37px;
}

#sectionDetalle .contPre{
	float: left;
	width: 40%;
}

#sectionDetalle .textPrecio{ 
	font-size: 46px;
	color: #000000;
}

#sectionDetalle .textPreSecun{ 
	font-size: 16px;
	color: #00A3D8;
}


#sectionDetalle .separatorH{
	height: 83px;
	width: 1px;
	background-color: #CCC;
	float: left;
	margin-right: 27px;
	margin-left: 27px;
}


#sectionDetalle .contLoQuiero{
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
	background-color: #ffb973;
    color: #fff;
    float: left;
    height: 40px;
    padding-top: 10px;
    width: 115px;
    cursor: pointer;
}

#sectionDetalle .contLoQuiero:hover{
	background-color: #ffa54c;
}

#sectionDetalle .tituPlanes{
	margin-bottom: 27px;
	margin-top: 27px;
	height: 15px;
}

#sectionDetalle .separator{
	height: 1px;
	background-color: #CCC;
}

#sectionDetalle .contentPlanes{
	width: 90%
}

#sectionDetalle .contentPlanesMax{
	border-bottom: 1px solid #00A3D8;
	padding-top: 45px;
	padding-bottom: 45px;
	cursor: pointer;
}

#sectionDetalle .contentPlanesMax:hover{
	background-color: #E1E1E1;
}

#sectionDetalle .txtPrecio{
	font-weight: bold;
    margin-right: 20px;
    margin-top: -40px;
    position: absolute;
    right: 0;
    color: #0685e5;
}






/* REPRODUCTOR ******************************************************************************************************/
#sectionPlayList{
	height: 50px;
	background-color: #EEEEEE;
}

/* FOOTER  **********************************************************************************************************/





/* SECTION CLIENTE DETALLE */
.headerCliente{
	background-color: #212A31;
	color: #FFFFFF;
}



.headerCliente .logoCli{
}


.headerCliente .titleCli{
	height: 100%;
	text-align: center;
	padding-top: 30px;
}
.headerCliente .datosCli{
	text-align: right;
}

.headerCliente .datosCli .contentText{
	float: left;
}

.headerCliente .datosCli .contentImg{
	width: 30%;
	float: left;
}
 




.contentPrincipalCLi{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

.contentPrincipalCLi .elementContent{
	background-color: #FFFFFF;
}


.lineaContra{
	width: 90%; background-color: #E1E1E1; border-bottom: 1px solid #00a3d8; margin-left: auto; margin-right: auto; margin-bottom: 10px;
}

.elementFull{
	width: 100%;  padding: 15px; text-align: center;
}

.elementFullNormal{
	width: 100%;
}


.elementDos{
	width: 50%;  float: left; padding: 15px;
}

.elementDosEspecial{
	width: 50%;  float: left; padding: 15px; text-align: center;
}




.menuLeftCli{
	position: absolute;
	left: 0px;
	height: 100%;
	background-color: #323E49;
	z-index: 1;

	width: 331px;
}

.menuLeftCli .opElements{
	height: 120px;
	margin-top: 55px;
	cursor: pointer;
}

.menuLeftCli .opElements:hover{
	background-color: rgba(0,0,0,0.4);

}

.menuLeftCli .opElements.active{
	background-color: rgba(0,0,0,0.4);
}

.menuLeftCli .opElements .icon{
	text-align: center;
}

.menuLeftCli .opElements .text{
	text-align: center;	
	color: #FFFFFF;
	font-size: 12px;
}




.menuLeftCliSmall{
	width: 100%;
	background-color: #323e49;
	position: absolute;
	height: 71px;
}


.selectMenu{
	cursor: pointer;
}

.selectMenu:hover{
	background-color: rgba(0,0,0,0.4);
}


.menuLeftCliSmall .selectMenu.active{
	background-color: rgba(0,0,0,0.4);
}


.titleSection{
	padding: 25px;
}


.elementInfo{
	padding: 25px;
}


.nameElemet{
	margin-bottom: 15px;
	color: #00A3D8;
}

.miembroDesde{
	color: #000000;	
}

.mailEstilo{
	
}

.mailEstilo{
		
}

.separatorBlue{
	border-bottom: 1px solid #00A3D8;
	margin-left: 25px;
	margin-right: 25px;
}

.titleSection{
	
	color: #FFA64D;
}