body{
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
margin:0 0 0 20px;
padding:0;
}
form{
margin:0;
padding:0;
}
#container{
width:780px;
}
.mih1{
background:transparent url(http://www.pepephone.com/img/logo_pepephone.gif) repeat scroll 0 0;
height:33px;
left:20px;
margin:0;
padding:0;
position:absolute;
top:18px;
width:206px;
}
.mih2{
background:transparent url(http://www.pepephone.com/img/claim_pepephone.gif) repeat scroll 0 0;
height:21px;
left:240px;
margin:0;
padding:0;
position:absolute;
top:26px;
width:167px;
}
.nover{
display:none;
visibility:hidden;
}
.menulnk{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:right;
margin:20px 0 0;
padding:0 40px 0 0;
}
.grislnk:active,.grislnk:link,.grislnk:visited{
color:#666666;
font-size:11px;
font-weight:bold;
}
.grislnk:hover{
color:#000000;
}
.first{
background:transparent url(http://www.pepephone.com/img/sep_li.gif) no-repeat scroll right center;
margin-right:5px;
padding-right:6px;
float:left;
}
.nofirst{
float:left;
}
ul.nav{
clear:both;
padding:35px 0 0 35px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
ul.nav li{
float:left;
margin:0;
padding:0;
}
.promo_act{
background:transparent url(http://backoffice.pepephone.com/img/microsites/promo.gif) no-repeat scroll 0 0;
height:39px;
width:70px;
}
#contenido{
clear:both;
width:730px;
padding:0;
}
#contenido .titulo{
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
font-weight:800;
color:#cc0000;
font-size:20px;
}
#contenido h2{
font-family:Arial,Helvetica,sans-serif;
font-weight:bolder;
color:#cc0000;
font-size:16px;
margin:0;
padding:0;
}
#zonaSup p{
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
}
#contenido h3{
color:#cc0000;
font-weight:normal;
margin:0;
padding:0;
}
#logo{
float:right;
}
#zonMed h3{
color:#cc0000;
}
#zonMed ul{
margin:0 0 0 20px;
padding:0 0 0 5px;
list-style-image: url();
list-style-type: disc;
list-style-position:outside;
}
.listaImg{
margin:0 0 0 25px;
padding:0 0 0 25px;
list-style-image: url(http://backoffice.pepephone.com/img/microsites/list1_1.gif);
list-style-type: circle;
list-style-position:inside;
}
.listaImgout{
margin:0 0 0 25px;
list-style-image: url(http://backoffice.pepephone.com/img/microsites/list1_1.gif);
list-style-type: circle;
list-style-position:outside;

}
.listaImgout a{
vertical-align:top;
margin-left:10px;
}
.listaImgout div{
padding:5px 0 10px 0;
}
.li_standart{
margin:0;
padding:0 0 0 15px;
list-style-image: url();
list-style-type: disc;
list-style-position:outside;
}
.columna3-1{
float:left;
width:240px;
margin:0;
}
.columna3{
float:left;
width:235px;
padding:0 0 0 10px;
}
#zonPie{
padding:10px 0 0 0;
clear:both;
font-size:9px;
font-weight:bold;
}
#zonCom{
width:390px;
float:left;
}
#zonBtn{
width:340px;
float:right;
}
.clearfix{
clear:both;
font-size:8px;
}
.btn{
float:right;
border:none;
padding:0 0 0 30px;
}
.btn{
border:none;
cursor:pointer;
}
.input260px{
width:260px;
border:1px solid #cccccc;
height:20px;
}
#zonEti{
margin:20px 0 0 0 ;
}
#zonInp{
margin:20px 0 0 0 ;
}
#zonInf{
clear:both;
padding:10px 0 0 0 ;
}
.lnkfaq:link,.lnkfaq:active,.lnkfaq:visited{
text-decoration:none;
font-weight:bold;
color:#000000;
}
.lnkfaq:hover{
color:#cc0000;
}
.resFaq{
display:none;
}
#lopd{
padding:20px;
}

/*DAVID TEJEDOR PARA MENU 04032009
ul.micrositenav{
 padding: 0;
 padding-top: 35px;
 clear: both;
 }
 
ul.micrositenav span, ul.nav strong{
 visibility:hidden;
 display: none;
 }

ul.micrositenav li a, ul.micrositenav li{float: left;margin: 0; padding: 0;}
ul.micrositenav li.contratacion a{ background: url(/img/mcr/menu_contratacion_off.gif) no-repeat; width: 103px; height: 40px;} 
ul.micrositenav li.contratacion_act a{ background: url(/img/mcr/menu_contratacion_on.gif) no-repeat; width: 103px; height: 40px;}
ul.micrositenav li.info a{ background: url(/img/mcr/menu_info_off.gif) no-repeat; width: 559px; height: 40px;}
ul.micrositenav li.info_act a{ background: url(/img/mcr/menu_info_on.gif) no-repeat; width: 559px; height: 40px;}
ul.micrositenav li.portada a{ background: url(/img/mcr/menu_portada_off.gif) no-repeat; width: 68px; height: 40px;}
ul.micrositenav li.portada_act a{ background: url(/img/mcr/menu_portada_on.gif) no-repeat; width: 68px; height: 40px;}  */
/*david tejedor 12/03/2009*/
/* MICROSITES DINAMICOS */
ul.login1 {
float:right;
margin:0;
padding:0 40px 0 0;
}

ul.micronav{
 padding: 0;
padding-top: 35px;
 clear: both;
 }
 
ul.micronav li a,ul.micronav li{float: left;margin: 0; padding: 0;}
ul.micronav li.microinicio a{ background: url(/img/mcr/boton_inicio_off.gif) no-repeat; width: 67px; height: 52px;} 
ul.micronav li.microinicio_act a{
	background: url(/img/mcr/boton_inicio_on.gif) no-repeat;
	width: 67px;
	height: 52px;}

ul.micronav li.microcontratacion a{ background: url(/img/mcr/boton_contratacion_off.gif) no-repeat; width: 104px; height: 52px;}
ul.micronav li.microcontratacion_act a{ background: url(/img/mcr/boton_contratacion_on.gif) no-repeat; width: 102px; height: 52px;}

ul.micronav li.micromasinfo a{ background: url(/img/mcr/boton_informacion_off.gif) no-repeat; width: 94px; height: 52px;}
ul.micronav li.micromasinfo_act a{ background: url(/img/mcr/boton_informacion_on.gif) no-repeat; width: 94px; height: 52px;}

ul.micronav li.microfaqs a{ background: url(/img/mcr/boton_faqs_off.gif) no-repeat; width: 55px; height: 52px;}
ul.micronav li.microfaqs_act a{ background: url(/img/mcr/boton_faqs_on.gif) no-repeat; width: 54px; height: 52px;}

ul.micronav li.restomicronav a{ background: url(/img/mcr/resto_barra_derecha.gif) no-repeat; width: 411px; height: 52px;
cursor:default}
ul.micronav li span {
display:none;
visibility:hidden;
}

/*para poner dinamicamente los botones en el menu de microsites */
ul.micronav li.microcontratacion_no{ background: url(/img/mcr/contratacion_vacio.gif) no-repeat; width: 102px; height: 50px;}
ul.micronav li.micromasinfo_no{ background: url(/img/mcr/informacion_vacio.gif) no-repeat; width: 94px; height: 50px;}
ul.micronav li.microfaqs_no{ background: url(/img/mcr/faqs_vacio.gif) no-repeat; width: 54px; height: 50px;}
/*FIN para poner dinamicamente los botones en el menu de microsites */

/* END MICROSITES DINAMICOS */
.top_marco_rojo_730 {
background:transparent url(../img/top_marco_rojo_730.gif) no-repeat scroll 0 0;
clear:both;
float:left;
margin:0;
padding:0;
width:730px;
}
.btm_marco_rojo_730 {
background:transparent url(../img/btm_marco_rojo_730.gif) no-repeat scroll 0 0;
clear:both;
float:left;
margin:0;
padding:0;
width:730px;
}
.faq{
clear:both;
}
.imagenlista{
width:40px;
float:left;
}
.pregunta{
width:690px;
float:left;
margin:4px 0 0 0; 
}