@charset "utf-8";
/* CSS Document [chis]
*/


/* generico + body
-------------------------------------------------------------------------------- */
*{margin:0px;padding:0px;border:0px;outline:none;}
.oculto{position:absolute;top:0;left:-5000px;}
.left{float:left;display:block;}

body{background-color:#f5f7f8;color:#024184;-webkit-text-size-adjust:none;font:normal 14px Arial, Helvetica, sans-serif;}
html,body{height:100%;}

#contenedor,
body[orient='portrait'] #contenedor{
display:block;width:320px;}
body[orient='landscape'] #contenedor{
display:block;width:480px;}
/* END.generico
 */

#logotipo{margin-left:1px;}

/* head
-------------------------------------------------------------------------------- */
#head{display:block;position:relative;height:88px;width:auto;}
#head a{color:#024184;text-decoration:none;}
#head > ul{padding:0 0 0 74px;}
#head ul{list-style:none;}
#head ul ul{
display:block;
height:50px;
margin-left:4px;
background:transparent url(../img/bg_head_right.jpg) no-repeat right 0;}

#head ul ul li.normal,#head ul ul li{
float:left;
display:block;
line-height:25px;
margin:8px 0 0 1px;
padding:0px 5px 0 5px;
background-color:transparent;
border:none;}
#head ul ul li a.activado{margin:8px 0 0 -4px;background-color:#ffffff;border:1px solid #b5c7d9;padding:2px;-webkit-border-radius:4px;}


#head.particulares{background:transparent url(../img/bg_head_particulares.jpg) no-repeat left top;}
#head.empresas{background:transparent url(../img/bg_head_empresas.jpg) no-repeat left top;}

#head.particulares #particulares > a{width:110px;display:block;line-height:28px;padding:10px 0 0 15px;}
#head.empresas #particulares > a{width:110px;display:block;line-height:28px;padding:10px 0 0 15px;color:#678eb3;}
#head.particulares #empresas > a{
width:110px;
display:block;
line-height:28px;
padding:10px 0 0 22px;
position:absolute;
top:0;
left:183px;
color:#678eb3;}
#head.empresas #empresas > a{
width:110px;
display:block;
line-height:28px;
padding:10px 0 0 22px;
position:absolute;
top:0;
left:183px;}

#head.particulares #empresas ul,
#head.empresas #particulares ul{display:none;}
/* END.head
*/



/* cuerpo
-------------------------------------------------------------------------------- */
#cuerpo,
#cuerpo_home,
#cuerpo_cc,
#cuerpo_nyp{position:relative;left:0;padding:0 5px;}

.seccion{
display:block;
width:auto;
background-color:#ffffff;
border:1px solid #a6bfd3;
-webkit-border-radius:6px;
clear:both;}
.seccion h2 strong{
position:relative;
top:-14px;
left:12px;
padding:0 5px 0 2px;
background:transparent url(../img/f5f7f8.gif) repeat-x left 50%;
font-size:14px;}
/* END.cuerpo
*/

/* home
-------------------------------------------------------------------------------- */
#canalcliente_home{background:#ffffff url(../img/bg_canalcliente.jpg) no-repeat left bottom;margin-top:15px;height:105px;}
#canalcliente_home a{
display:block;
margin-top:-14px;
padding:10px 20px 0 100px;
height:85px;
background:transparent url(../img/flecha.png) no-repeat right 50%;
color:#024184;
text-decoration:none;
font-size:13px;}
#canalcliente_home a span{color:#94a807;display:block; margin-top:13px;font-size:14px;}
#canalcliente_home a span strong{display:block;}


#novedadesypromociones_home ul{list-style:none;}
#novedadesypromociones_home #slideshow{
position:relative;
z-index:1;
display:block;
margin:-14px 0 3px 0;
width:auto;
height:147px;}
#novedadesypromociones_home #slideshow p{display:block;position:absolute;top:0;left:0;}
#novedadesypromociones_home #slideshow p > a > img{width:298px;height:147px;margin:3px 5px 0 5px;}
#novedadesypromociones_home li.player,
body[orient='portrait'] #novedadesypromociones_home li.player{display:block;width:auto;height:70px;}
#novedadesypromociones_home li.player > #boton_left,
body[orient='portrait'] #novedadesypromociones_home li.player > #boton_left{float:left;margin:10px 15px 0 15px;}
#novedadesypromociones_home li.player > #boton_right,
body[orient='portrait'] #novedadesypromociones_home li.player > #boton_right{float:right;margin:10px 15px 0 15px;}
#novedadesypromociones_home li#nyp_contador,
body[orient='portrait'] #novedadesypromociones_home li#nyp_contador{
display:block;
width:auto;
font-size:22px;
line-height:75px;
height:75px;
text-align:center;
margin-top:-70px;}

body[orient='landscape'] #novedadesypromociones_home li.player{height:auto;position:relative;top:-104px;z-index:2}
body[orient='landscape'] #novedadesypromociones_home li.player > #boton_left{position:absolute; top:0;left:297px;}
body[orient='landscape'] #novedadesypromociones_home li.player > #boton_right{position:absolute; top:0;right:-7px;}
body[orient='landscape'] #novedadesypromociones_home li#nyp_contador{
position:relative;
left:153px;
top:-5px;
display:block;
width:auto;
font-size:22px;
line-height:22px;}
/* END.home
*/


/* pie_iphone
-------------------------------------------------------------------------------- */
#pie_iphone{clear:both;}
#pie_iphone a{display:block;color:#949595;margin-top:9px;}
#pie_iphone a.avisolegal{float:left;padding:0 0 20px 6px;}
#pie_iphone a.protecciondatos{float:right;padding:0 8px 20px 0;}
/* END.pie_iphone
*/

 
/* canalcliente
-------------------------------------------------------------------------------- */
#canalcliente ul{list-style:none;padding:0 14px;clear:both;margin:-14px 0 10px 0;}
#canalcliente ul > li{border-top:1px solid #a6bfd3;clear:both;margin-top:28px;}
#canalcliente ul > li:first-child{border:none;margin-top:0;}

#canalcliente ul > li > p:first-child > strong{position:relative;top:-9px;padding-right:5px;background-color:#ffffff;} /* subtitulares*/
#canalcliente ul > li > p:first-child{margin-bottom:5px;}
#canalcliente ul > li.recarga > p:first-child > strong{background:#ffffff url(../img/bg_recarga.jpg) no-repeat -2px 50%;padding:3px 5px 5px 30px;}
#canalcliente ul > li.programapuntos > p:first-child > strong{background:#ffffff url(../img/bg_programapuntos.jpg) no-repeat -4px 50%;padding:5px 5px 5px 30px;}
#canalcliente ul > li.efactura > p:first-child > strong{background:#ffffff url(../img/bg_efactura.jpg) no-repeat 0 50%;padding:10px 5px 5px 26px;}
#canalcliente ul > li.recarga{margin-top:22px;}


#canalcliente ul > li > p > a{
display:block;
min-height:62px;
padding:0 25px 0 72px;
margin:-4px 0 0 0;
background:transparent url(../img/flecha.png) no-repeat right 50%;
text-decoration:none;
color:#024184;}

#canalcliente ul > li > img.left{border:1px solid #b5c7d9;margin-top:-4px;}

#canalcliente ul > li > a.boton{float:left;margin-top:-4px;}
body[orient='portrait'] #canalcliente ul > li > a.boton{width:auto;}
body[orient='landscape']  #canalcliente ul > li > a.boton{width:44%;}
#canalcliente ul > li > a.right{float:right;}

#canalcliente ul > li br{clear:left;}

#canalcliente ul > li > a.boton_consumo,
#canalcliente ul > li > a.boton_efactura_alta,
#canalcliente ul > li > a.boton_factura{
display:block;
width:auto;
margin-top:10px;
line-height:46px;
padding:0 7px 0 7px;
text-decoration:none;
font-size:13px;
color:#024184;
border-width:0 7px 0 93px;}
#canalcliente ul > li > a.boton_consumo{-webkit-border-image: url(../img/bg_boton_consumo.jpg) 0 7 0 93;margin-top:-4px;}
#canalcliente ul > li > a.boton_efactura_alta{-webkit-border-image: url(../img/bg_boton_efactura_alta.jpg) 0 7 0 93;}
#canalcliente ul > li > a.boton_factura{-webkit-border-image: url(../img/bg_boton_factura.jpg) 0 7 0 93;}
/* END.canalcliente
*/



/* Botones */
a.boton{
display:block;
padding:0 4px;
line-height:46px;
text-align:center;
text-decoration:none;
color:#024184;
border-width:0 7px;
-webkit-border-image: url(../img/bg_boton.jpg) 0 7 0 7;}
/* END.Botones
*/

/* novedadesypromociones
-------------------------------------------------------------------------------- */
#novedadesypromociones ul{list-style:none;padding:0 2px;clear:both;margin-top:-14px;}
#novedadesypromociones ul li{border-top:1px solid #a6bfd3;clear:both;padding:3px 0;}
#novedadesypromociones ul li:first-child{border:none;}

#novedadesypromociones ul li embed{
float:left;
display:block;
height:57px;
width:82px;}

#novedadesypromociones ul li p a,#novedadesypromociones ul li p {
display:block;
min-height:57px;
padding:0 25px 0 87px;
background: url(../img/flecha.png) no-repeat right 50%;
text-decoration:none;
color:#024184;}
#novedadesypromociones ul li p a > strong,#novedadesypromociones ul li p > strong{display:block;color:#93b108;}
/* END.novedadesypromociones
*/
 


 /* promos
-------------------------------------------------------------------------------- */
#promo_iphone{
margin-top:10px;
border:1px solid #000000;
background:#000000 url(../img/promo_iphone.jpg) no-repeat left bottom;}
#promo_iphone > a{
display:block;
height:65px;
padding:40px 0 0 155px;
color:#ffffff;
text-decoration:none;
background:transparent url(../img/flecha_blanca.png) no-repeat right 50%;}

#promo_yavoy{display:block;
width:auto;
margin:10px 5px;
height:105px;
border:1px solid #a9bdd1;
-webkit-border-radius:6px;
background:transparent url(../img/promo-yavoy.jpg) no-repeat left bottom;}
#promo_yavoy > a{
display:block;
margin-right:6px;
padding:30px 0 0 15px;
height:75px;
color:#024184;
text-decoration:none;
font-size:14px;
line-height:14px;
background:transparent url(../img/flecha.png) no-repeat right 50%;}

#promo_terra{display:block;
width:auto;
margin:10px 5px;
height:105px;
border:1px solid #c7c1c1;
-webkit-border-radius:6px;
background:transparent url(../img/promo-terra.jpg) no-repeat left bottom;}
#promo_terra > a{
display:block;
margin-right:6px;
padding:15px 0 0 134px;
height:75px;
color:#62626a;
text-decoration:none;
font-size:13px;
line-height:15px;
background:transparent url(../img/flecha_naranja.png) no-repeat right 50%;}
#promo_terra > a strong{
color:#fe6100;
font:normal 18px "trebuchet MS";
display:block;
margin-bottom:3px;
}
/* promos
 */