@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'HelveticaBold';
  src: url("/bibliotecatelco/static/css/fonts/HelvNeue75.eot?#iefix") format("embedded-opentype"),
  url("/bibliotecatelco/static/css/fonts/HelvNeue75.woff") format("woff"),
  url("/bibliotecatelco/static/css/fonts/HelvNeue75.ttf") format("truetype"),
  url("/bibliotecatelco/static/css/fonts/HelvNeue75.svg#svgFontName") format("svg");
}
#header_gral { float: left; display: inline; margin: 0; padding: 0;width:100%!important; min-height: 63px; background-color: #fff;border-bottom: 1px solid #B1B1B1;color: #000;font-family: HelveticaNeueBold, HelveticaNeueLight2, xHelvetica, Arial;font-weight: normal; font-size:1.6em;}

#header_gral.headerFix { position: fixed; top:0; z-index:99999}
#header_gral .izda {float: left; display:inline; margin:12px 0 0 0; padding:0; width:63%; height:auto;}
#header_gral .izda .bot_volver {float: left; display: inline; margin: 2px 0 0; padding:0 5px; width: auto; height: auto;}
#header_gral .izda .bot_volver a img {float: left;display: inline;margin: 0;padding:0;width: 24px;height: auto;}
#header_gral .izda .tit {float: left;display: inline;margin: 0;padding:0;width: 65%;height: auto;font-family: HelveticaNeueBold,HelveticaNeue_Light,HelveticaNeue_Light2,xHelvetica,Arial }
#header_gral .izda .tit a {float: left;display: inline;margin: 0;padding:0;width: 99%;height: auto; color:#666; text-decoration:none }
#header_gral .izda .tit a p {font-size:14px; margin: 0;padding:0;color:#000; font-weight:700; }
#header_gral .izda .tit a h1 {font-size:17px; font-weight:lighter; margin: 0;padding:0;color:#000;font-weight:700;}

#header_gral .dcha {float: right; display: inline; margin: 0 2% 0 0; padding: 0; width: 35%; height: auto; position:relative }
#header_gral .dcha ul { float: left; display: inline; margin:0; padding: 0; width: 100%; height: auto; list-style-type:none;}
#header_gral .dcha ul li { float: right; display: inline; margin: 0; padding: 0; width:50px; font-size:0.7em; text-align: center; height:60px}
#header_gral .dcha ul li a { float: left; display: inline; margin: 0; padding: 0; width: 100%; height:100%; color:#000; text-decoration:none; position:relative }
#header_gral .dcha ul li a span.topo { position:absolute; top:6px; right:6px; background:red; border-radius:8px; font-size:1em; font-weight:bold; margin: 0; padding-top:2px!important; width:16px!important; height:14px; color:#fff; text-align:center}
#header_gral .dcha ul li a.active {background:#fff url(/bibliotecatelco/php/canguro/static/img/customer/sprite_icos.png) 22px 58px no-repeat!important; box-shadow: inset 0 0 5px #ccc; }
#header_gral .dcha ul li a img { margin: 12px 0 0 0; padding: 0; width: 26px; height: auto; } 


/*menu canguro*/
#header_gral .dcha ul.menuHeader { display:none; position: absolute; top: 60px;right: 2px;	margin: 0; padding: 0; width: 280px; background: #fff;border: 2px solid #000; z-index:5}
#header_gral .dcha ul.menuHeader:before { content: url(/bibliotecatelco/php/canguro/static/img/customer/flecha_menu.png); height: 14px; width: 25px; position: absolute; right:10px; top: -8px;}
#header_gral .dcha ul.menuHeader li {float: left; display: inline; margin: 0; padding: 0; width: 100%; height: auto;text-align: left; font-size: 14px;	border-bottom: 1px solid #fff}
#header_gral .dcha ul.menuHeader li p.seccion {	float: left; display: inline; margin:0; padding:4% 2.5% 4% 2%; width:96%; height:auto; text-align:left; font-size:14px; color:#FFF; background:#000;}
#header_gral .dcha ul.menuHeader ul.subcategoria  { float:left; display:inline; margin:0; padding:0 0 0 0%; font-size:1.2em; width:100%;  }
#header_gral .dcha ul.menuHeader ul.subcategoria li  {border-bottom: none; width:49.8%}
/*#header_gral .dcha ul.menuHeader ul.subcategoria li a { font-size:13px; padding: 9% 0.5% 9% 4%; width: 96%; background: #fff url(/bibliotecatelco/php/canguro/static/img/customer/flecha2_mv.png) right center no-repeat;}
#header_gral .dcha ul.menuHeader ul.subcategoria li a:hover {
	background: #eee url(/bibliotecatelco/php/canguro/static/img/customer/flecha2_mv.png) right center no-repeat;
}*/
#header_gral .dcha ul.menuHeader ul.subcategoria li a { font-size:13px; padding: 9% 3% 9% 2%; width: 95%; background: #fff url(/bibliotecatelco/php/canguro/static/img/customer/flecha2_mv.png) 102% center no-repeat; letter-spacing:-0.05em;}
#header_gral .dcha ul.menuHeader ul.subcategoria li a:hover {
	background: #eee url(/bibliotecatelco/php/canguro/static/img/customer/flecha2_mv.png) 102% center no-repeat;
}



/* PIE localizador tiendas */
.cont_footer .listaenlaces { float:left; width:100%; margin:0; padding:0;  background: white; }
.cont_footer .listaenlaces ul {float:left; width:100%; margin:0px;padding:0px; list-style-type:none;list-style-image:none;}
.cont_footer .listaenlaces ul li { float:left; width:100%; height:auto; margin:0; padding:0; position: relative;}
.cont_footer .listaenlaces ul li.llamar a { padding-left:50px}
.cont_footer .listaenlaces ul li a { background: url(/bibliotecatelco/php/canguro/static/img/customer/arrowf.png) no-repeat 100% 50%; text-decoration: none;color:#444;display: block;border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;padding: 15px 16px 15px 10px;font-size: 14px;}
.cont_footer .listaenlaces .enlace_img {width: 26px;height:auto;position: absolute;top: 50%;left: 10px;margin: 0;padding: 0;margin-top: -13px;border: 0px;}

.cont_footer input.llamar {background-color: #6ac899;background-image: url("/bibliotecatelco/php/canguro/static/img/customer/ico_phone3.png"), url("/bibliotecatelco/php/canguro/static/img/customer/arrowf2.png"); background-position: 12px center, right center; background-repeat: no-repeat; border-color: #6ac899;
border-style: solid;border-width: 1px 1px 2px; box-shadow: none; color: #fff; cursor: pointer; font-family: HelveticaBold; font-size: 15px; letter-spacing: 0.5px;
margin: 0; padding: 10px 5px 10px 40px;text-align: left; width: 100%; border-radius: 0;}

.footer_canguro .container_footer .redes_sociales { padding-bottom:10px}


/*mediaQ*/
.container .app_contratacion .formulario .carrito.carritomv { margin:0; padding:0; box-shadow:none; background:none; margin-top:0; width: 98%; }
.container .app_contratacion .formulario .carrito.carritomv span.gancho { display:none}

.container .app_contratacion .formulario .carrito.carritomv span.bg_carrito {display: none; float: left; height: 31px; margin: 0 0 5%; padding: 0; text-align: center; width: 100%;}
.container .app_contratacion .formulario .carrito.carritomv .paquete { border: none; padding:3%; width:94%; margin-bottom:0; border-radius:0; border-bottom:1px dotted #666 }
.container .app_contratacion .formulario .carrito.carritomv .paquete .promodiferencial { display:none }

.container .app_contratacion .formulario .carrito.carritomv .paquete p.cuota { float:right; display:inline; width:87%; padding: 4% 0 0 0; text-align: right; }
.container .app_contratacion .formulario .carrito.carritomv .paquete p.cuota strong { color:#333}
.container .app_contratacion .formulario .carrito.carritomv .paquete img { width:50px; max-width:50px}
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles { width:80%;}
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles li .ivaincl {font-size: 0.95em; margin-bottom: 3px; margin-top: 3px;}
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles li { font-size:1.2em}
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.modificar li { color:#fff}
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.modificar li a {float:right;width:auto; padding: 5px 8px;  border-radius:3px; background:#666;font-size: 1.2em; font-weight:normal;color:#FFF; }/*lunes6*/
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.modificar li a:hover { background:#999; color:#FFF}

.container .app_contratacion .formulario .carrito.carritomv .paquete .detalles_producto a.tarifa {padding: 3%; width: 95%; margin:0 0 5px 0; background-color:#efefef  }
.container .app_contratacion .formulario .carrito.carritomv .paquete #otras_tarifas .detalles_producto a.tarifa h3 { height:25px; }
.container .app_contratacion .formulario .carrito.carritomv .paquete.movil img { max-width: 50px;  margin-top: 5.5%;}
.container .app_contratacion .formulario .carrito.carritomv .paquete.movil h3 { width: 100%;}

.container .app_contratacion .formulario .carrito.carritomv .paquete .canales_adicionales p { float:right; width:90%}
.container .app_contratacion .formulario .carrito.carritomv .paquete i.canal-liga3, .container .app_contratacion .formulario .carrito.carritomv .paquete i.icon-instalador3 {display: block;}
.container .app_contratacion .formulario .carrito.carritomv .paquete .canales_adicionales p span { padding-top: 0px; width: 58%;}
.container .app_contratacion .formulario .carrito.carritomv .paquete .canales_adicionales p span.ivaincl {color:#666}
.carrito.carritomv .paquete .canales_adicionales p span.txt_adicional { width:41%}

.container .app_contratacion .formulario .carrito.carritomv .paquete a.eliminar {float:right; padding: 5px 15px; width:auto; border-radius:3px; background:#666; color:#FFF; font-size: 1.2em; margin-left:50px; margin-top:2%}
.container .app_contratacion .formulario .carrito.carritomv .paquete a.eliminar:hover { background:#999}


.container .app_contratacion .formulario .carrito.carritomv .total_contratacion {  float: left; display: inline; margin:-1px 0 0 0; padding: 3%; width: 94%; background:#ddd;}
.container .app_contratacion .formulario .carrito.carritomv .total_contratacion span#infoadicionalShopCart.infoadicional { padding-bottom:15px; border-bottom:1px dotted #FFF}
/*.container .app_contratacion .formulario .carrito.carritomv span.separador { padding:0; margin-bottom:10px; background:#E2E2E2; height:1px; width:96%; box-shadow: 0 4px 2px -2px #000;}*/

.container .app_contratacion .formulario .carrito.carritomv .total_contratacion p span {width: 44%;}
.container .app_contratacion .formulario .carrito.carritomv .total_contratacion p span.ivaincl {  width: 60%;  font-size: 0.7em;}
.container .app_contratacion .formulario .carrito.carritomv .total_contratacion p span strong { font-size: 1.8em;}
.container .app_contratacion .formulario .carrito.carritomv .total_contratacion p { color:#333}

.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles li.precio_cuota { margin-bottom: 2px;}
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles li.precio_cuota span { font-size: 0.95em;}
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles li.precio_cuota strong { color:#333}


.container .app_contratacion .formulario .carrito.carritomv ul.boton { float:left; display:inline; margin:0; padding:0; width:100%;  }
.container .app_contratacion .formulario .carrito.carritomv ul.boton.uno { float:left; display:inline; margin:0; padding:0; width:100%; }
.container .app_contratacion .formulario .carrito.carritomv ul.boton.uno li { float:left; display:inline; margin: 1%; padding:0; width:98%; height:45px; border-radius:3px; font-size:1.6em; text-align:center; background:#666666; }
.container .app_contratacion .formulario .carrito.carritomv ul.boton.uno li a { float:left; width:100%; height:45px; padding:0; line-height:2.6em; color:#fff; border-radius:3px; text-align:center}
.container .app_contratacion .formulario .carrito.carritomv ul.boton.uno li a i.ico_telf { margin:10px -28px 10px 7px; }


.container .app_contratacion .formulario .carrito.carritomv ul.boton.uno li.comprarmov {  background:#f60;}
.container .app_contratacion .formulario .carrito.carritomv ul.boton.uno li.eliminar { background:#444; height:30px; font-size:1.5em}


.container .app_contratacion .formulario .carrito.carritomv ul.boton.uno li.comprarmov a { float:left; width:100%; height:45px; padding:0; line-height:2.6em; color:#fff; border-radius:3px;}
.container .app_contratacion .formulario .carrito.carritomv ul.boton.uno li a:hover { background: #999; }


.container .app_contratacion .formulario .carrito.carritomv ul.boton.uno li.eliminar a { float:left; width:100%; height:30px; padding:0; color:#fff; border-radius:3px;line-height:2em;}


.container .app_contratacion .formulario .carrito.carritomv ul.boton.dos { float:left; display:inline; margin:0; padding:0; width:100%; }
.container .app_contratacion .formulario .carrito.carritomv ul.boton.dos li {float:left; display:inline; margin: 1%; padding:0%; width:48%;  height:45px; border-radius:3px; font-size:1.6em;  background:#666; letter-spacing:-0.3px }
.container .app_contratacion .formulario .carrito.carritomv ul.boton.dos li a { float:left; width:100%; height:45px; padding:0; color:#fff; border-radius:3px; line-height:2.6em}
.container .app_contratacion .formulario .carrito.carritomv ul.boton.dos li a:hover { background: #999; }

.container .app_contratacion .formulario .carrito.carritomv ul.boton li a i.ico_mail { float:left; display:inline; margin:10px 5px; padding:0; width:23px; height:23px; background: url(/bibliotecatelco/php/canguro/static/img/customer/sprite_movil.png) no-repeat 0 0}
.container .app_contratacion .formulario .carrito.carritomv ul.boton li a i.ico_telf { float:left; display:inline; margin:10px 5px; padding:0; width:23px; height:23px; background: url(/bibliotecatelco/php/canguro/static/img/customer/sprite_movil.png) no-repeat -32px 0px}
.container .app_contratacion .formulario .carrito.carritomv ul.boton li a i.ico_cerrar { float:left; display:inline; margin:3px -30px 0 7px; padding:0; width:23px; height:23px; background: url(/bibliotecatelco/php/canguro/static/img/customer/sprite_movil.png) no-repeat -62px 0px}

/** resumen fin de pedido botones**/
.container .app_contratacion .formulario #botoneraFinResumen ul.boton { float:left; display:inline; margin:0; padding:0; width:99%;  }
.container .app_contratacion .formulario #botoneraFinResumen ul.boton.uno { float:left; display:inline; margin:0; padding:0; width:100%; }
.container .app_contratacion .formulario #botoneraFinResumen ul.boton.uno li { float:left; display:inline; margin: 1%; padding:0; width:98%; height:45px; border-radius:3px; font-size:1.6em; text-align:center; background:#666666; }
.container .app_contratacion .formulario #botoneraFinResumen ul.boton.uno li a { float:left; width:100%; height:45px; padding:0; line-height:2.6em; color:#fff; border-radius:3px; text-align:center}
.container .app_contratacion .formulario #botoneraFinResumen ul.boton.uno li a i.ico_telf { margin:10px -28px 10px 7px; }

.container .app_contratacion .formulario #botoneraFinResumen ul.boton.uno li.comprarmov {  background:#f60;}
.container .app_contratacion .formulario #botoneraFinResumen ul.boton.uno li.eliminar { background:#444; height:30px; font-size:1.5em}

.container .app_contratacion .formulario #botoneraFinResumen ul.boton.uno li.comprarmov a { float:left; width:100%; height:45px; padding:0; line-height:2.6em; color:#fff; border-radius:3px; font-weight:bold}
.container .app_contratacion .formulario #botoneraFinResumen ul.boton.uno li a:hover { background: #999; }

.container .app_contratacion .formulario #botoneraFinResumen ul.boton.uno li.eliminar a { float:left; width:100%; height:30px; padding:0; color:#fff; border-radius:3px;line-height:2em;font-weight:bold}

.container .app_contratacion .formulario #botoneraFinResumen ul.boton.dos { float:left; display:inline; margin:0; padding:0; width:100%; }
.container .app_contratacion .formulario #botoneraFinResumen ul.boton.dos li {float:left; display:inline; margin: 1%; padding:0%; width:48%;  height:45px; border-radius:3px; font-size:1.6em;  background:#666; letter-spacing:-0.3px }
.container .app_contratacion .formulario #botoneraFinResumen ul.boton.dos li a { float:left; width:100%; height:45px; padding:0; color:#fff; border-radius:3px; line-height:2.6em}
.container .app_contratacion .formulario #botoneraFinResumen ul.boton.dos li a:hover { background: #999; }

.container .app_contratacion .formulario #botoneraFinResumen ul.boton li a i.ico_mail { float:left; display:inline; margin:10px 5px; padding:0; width:23px; height:23px; background: url(/bibliotecatelco/php/canguro/static/img/customer/sprite_movil.png) no-repeat 0 0}
.container .app_contratacion .formulario #botoneraFinResumen ul.boton li a i.ico_telf { float:left; display:inline; margin:10px 5px; padding:0; width:23px; height:23px; background: url(/bibliotecatelco/php/canguro/static/img/customer/sprite_movil.png) no-repeat -32px 0px}
.container .app_contratacion .formulario #botoneraFinResumen ul.boton li a i.ico_cerrar { float:left; display:inline; margin:3px -30px 0 7px; padding:0; width:23px; height:23px; background: url(/bibliotecatelco/php/canguro/static/img/customer/sprite_movil.png) no-repeat -62px 0px}


@media only screen and (max-width: 680px){
.container .app_contratacion .formulario .carrito.carritomv .paquete .canales_adicionales p {
    float: left;
    padding: 0 0 1%;
    width: 50%;text-align:left;
}
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles {
    width: 75%;
}
.container .app_contratacion .formulario .carrito.carritomv .paquete p.cuota {
    display: inline;
    float: left;
    padding: 0;
    text-align: right;
    width: 36%;
}
.container .app_contratacion .formulario .carrito.carritomv .paquete p.cuota#SC_cuotaCarrito {
   width: 77%;
}

.container .app_contratacion .formulario .carrito .paquete.movil h3				{width: 100%;}
.container .app_contratacion .formulario .carrito .paquete h3 { width: 77%;float: left;padding: 0 0 0 0;}/*lunes7*/
.container .app_contratacion .formulario .carrito .paquete p.cuota 				{padding: 3% 0 2%;float: right;width: 40%;}

.container .app_contratacion .formulario .carrito .paquete.tv p.cuota 			{float: right; text-align: right; width: 36%;padding: 0;}

.container .app_contratacion .formulario p {
    text-align: left;
}
.container .app_contratacion .formulario .carrito .paquete .canales_adicionales p {margin: 3% 0 0;}

.container .app_contratacion .formulario .carrito .paquete.tv h3 {display: inline;float: left;width: 42%;}
.container .app_contratacion .formulario .carrito .paquete .canales_adicionales span{float: right; width: 100%;}
.container .app_contratacion .formulario .carrito.carritomv .paquete .canales_adicionales p span{float:right;width: 58%;}
.container .app_contratacion .formulario .carrito.carritomv .paquete .canales_adicionales p {float: left; width: 50%;}
.container .app_contratacion .formulario #servadicionales_tranquilidadorange .checks .canales_adicionales .canal label ul li {width: 60%;overflow:hidden;}
.container .app_contratacion .formulario #servadicionales_tranquilidadorange .checks .canales_adicionales .canal label ul li.precio {font-size: 0.9em;width: 38%;
margin-top:4px}
.container .app_contratacion .formulario .carrito.carritomv .total_contratacion p span {width: 38%;}
}

/*lunes6*/
@media only screen and (max-width: 480px){

.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles { width:99%;}

.container .app_contratacion .formulario .carrito.carritomv .paquete ul.modificar li a {float: right; width: auto; padding:0 3px; border-radius: 0; background: none; font-size: 1.1em;font-weight: normal; color: #666; }/*lunes6*/
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.modificar li a:hover { background:none; color:#999}	

.container .app_contratacion .formulario .carrito.carritomv .paquete a.eliminar { float:right; padding:0 3px; width: auto; border-radius: 0px; background: none;color: #666;  font-size: 1.1em; margin-left: 50px; margin-top: 2%;}
.container .app_contratacion .formulario .carrito.carritomv .paquete a.eliminar:hover { background:none; color: #999; }
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.modificar li {
    color: #999;}    

/*lunes7*/
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles li.precio_cuota { text-align:right;}
.container .app_contratacion .formulario .carrito.carritomv .paquete ul.detalles li.precio_cuota span { margin-bottom:5px}
#ServAdicionalesLayer span#tranqorangeLayer,
#ServAdicionalesLayer span#invitayahorraLayer,
#ServAdicionalesLayer span#idllamadasLayer  { border-bottom:1px dotted #ddd; margin-bottom: 15px; }
.container .app_contratacion .formulario .carrito.carritomv .total_contratacion p span strong#totalPriceLayer { float:right; margin-bottom:6px; display:block; margin-left:23px; font-size:1.6em }

/***lunes7*/

}
/**lunes6**/


@media only screen and (max-width: 360px){
	
.container .app_contratacion .formulario .carrito.carritomv .total_contratacion p span {
    width: 30%;
}	
}