body {
background:#171516 url(../imagenes/bg_body.jpg) repeat-x top;
margin:0;
font-family: Tahoma, Arial;
font-size:14px;
color:#C3C3C3;
}
fieldset{
border:none;
}
img{
margin:0;
}
h2{
font-size:30px;
color:#FFFFFF;
margin:0
}
ul{
list-style:none;
padding:0;
margin:0;
}
a img{
border:none
}
#cuerpo{
width:859px;
height:100%;
margin:0 auto 0 auto;
}
div#header{
width:100%;
height:97px;
background:url(../imagenes/bg_header.jpg) bottom no-repeat;
}
div#header .logo{
margin:28px 0 0 16px;
float:left;
}
div#header p{
float:left;
color:#6F7474;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:42px 0 0 20px;
}
div#header .acceder{
padding:30px 0 0 40px
}
div#header .acceder a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6F7474;
text-decoration:none;
}
div#header .acceder a:hover{
text-decoration:underline;
}
div#header .form1{
width:119px;
border:#FFAD00 1px solid;
color:#FFAD00;
font-family: Tahoma, Arial;
font-size:14px;
font-weight:bolder;
margin:10px 5px 0 0;
padding:0 0 0 5px;
float:left;
}
div#header .enviar{
margin:8px 0 5px 3px;
float:left
}
div#menu{
height:60px;
background:none;
}
div#menu ul{
margin:38px 0 30px 0;
padding:0;
}
div#menu li{
display:inline;
padding:10px 17px 12px 15px;
}
div#menu a{
font:18px;
font-weight:bolder;
text-decoration:none;
color:#FFFFFF;
padding:10px 17px 12px 15px;
}
.boton1select, .boton2select, .boton3select, .boton4select, .boton5select{
font:18px;
font-weight:bolder;
text-decoration:none;
color:#FFFFFF;
padding:10px 17px 12px 15px;
}
.boton1select{
background:url(../imagenes/boton1.gif) no-repeat
}
.boton2select{
background:url(../imagenes/boton2.gif) no-repeat
}
.boton3select{
background:url(../imagenes/boton3.gif) no-repeat
}
.boton4select{
background:url(../imagenes/boton2.gif) no-repeat
}
.boton5select{
background:url(../imagenes/boton1.gif) no-repeat
}
.boton1 a:hover{
padding:10px 17px 12px 15px;
color:#FF9900;
background:url(../imagenes/boton1.gif) no-repeat
}
.boton2 a:hover{
padding:10px 17px 12px 15px;
color:#FF9900;
background:url(../imagenes/boton2.gif) no-repeat
}
.boton3 a:hover{
padding:10px 17px 12px 15px;
color:#FF9900;
background:url(../imagenes/boton3.gif) no-repeat
}
.boton4 a:hover{
padding:10px 17px 12px 15px;
color:#FF9900;
background:url(../imagenes/boton2.gif) no-repeat
}
.boton5 a:hover{
padding:10px 17px 12px 15px;
color:#FF9900;
background:url(../imagenes/boton1.gif) no-repeat
}
div#subheader{
background:url(../imagenes/sub-header.jpg) no-repeat;
height:315px;
}
div#subheader .bot1{
background:url(../imagenes/boton-grande1.jpg);
width:142px;
height:148px;
float:left;
margin:160px 0 0 15px;
}
div#subheader .bot1 a{
display:block;
text-decoration:none;
font-weight:bolder;
padding:55px 0 0 10px;
}
div#subheader .bot1 p{
margin:0 0 -3px 0;
padding:0;
}
.text20{
font-size:18px;
color:#FFF7BF;
}
.text14{
font-size:13px;
color:#FFF7BF;
}
.text29{
font-size:27px;
color:#FFF7BF;
}
.text30{
font-size:28px;
color:#FFF7BF;
}
.text36{
font-size:34px;
color:#FFF7BF;
}
.text18{
font-size:16px;
color:#FFF7BF;
}
div#subheader .bot2{
background:url(../imagenes/boton-grande2.jpg);
width:142px;
height:148px;
float:left;
margin:160px 0 0 50px;
}
div#subheader .bot2 a{
display:block;
text-decoration:none;
font-weight:bolder;
padding:55px 0 10px 10px;
}
div#subheader .bot2 p{
margin:0 0 -6px 0;
padding:0;
}
div#subheader .subparrafo{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin:263px 0 0 10px
}
div#contenido {
background:url(../imagenes/bg_contenido.jpg) no-repeat;
height:570px;
overflow:hidden
}
div.izquierda, div.derecha {
width:429px;
float:left
}
div.box1 {
margin:10px 0 0 20px
}
div.box1 ul{
margin:5px 0 30px 0
}
div.box1 li{
background:url(../imagenes/li1.gif) no-repeat left bottom;
padding:13px 0 3px 22px;
font-weight:bolder
}
a.pruebalolink, a.altalink{
text-transform:uppercase;
font-weight:bolder;
padding:7px 0 7px 28px;
margin:0 0 0 40px;
text-decoration:none;
}
a.pruebalolink{
color:#7F00C3;
background:url(../imagenes/cuadrado1.gif) no-repeat left
}
a.altalink{
color:#D91788;
background:url(../imagenes/cuadrado2.gif) no-repeat left
}
div.box1 a:hover{
text-decoration:underline
}
div.box2{
margin:50px 0 0 20px
}
div.box2 img{
float:left;
padding:10px 0 0 15px
}
div.box2 p{
float:left;
padding:5px 0 0 15px;
}
div.box2 a{
color:#C3C3C3;
text-decoration:none;
font-weight:bolder
}
div.box2 a:hover{
color:#FFAD00
}
div.box3{
margin:-20px 10px 0 75px
}
div.box3 h3{
font-size:14px;
padding:0;
margin:30px 0 0 0;
}
div.box3 h3 a{
color:#FFAD00;
text-decoration:none
}
div.box3 p{
margin:0;
padding:0;
font-weight:bolder
}
.navegadores{
color:#FFAD00;
margin:65px 0 0 80px;
font-size:14px
}
div.box4 {
margin:120px 20px 0 0;
}
div.box4 a{
color:#FFAD00;
text-decoration:none
}
div.box4 img{
float:left;
margin:15px 15px 0 10px
}
div.box5{
float:left;
background:url(../imagenes/bg_box5.gif) repeat-y left;
width:100%;
margin:5px 0 0 0;
}
div.box5 img{
float:left;
}
div.box5a{
float:left;
width:412px;
height:100%;
background:url(../imagenes/bg_box5a.gif) top no-repeat;
}
div.box5a p{
margin:0;
padding:0;
text-align:center;
color:#FFAD00;
font-weight:bolder
}
div.box5 h2{
padding:15px 0 0 25px
}
div.box5 ul{
float:left;
padding:0 5px 0 50px
}
div.box5 li{
padding:15px 0 0 0
}
div.box5 a{
color:#C3C3C3;
font-weight:bolder;
text-decoration:none
}
div.box5 a:hover{
color:#FFAD00
}
div.box5b{
float:left;
width:447px;
height:100%;
background:url(../imagenes/bg_box5b.gif) top no-repeat
}
div.nuevo{
float:left;
padding:0 0 30px 0
}
div.nuevo h2{
padding:40px 0 10px 120px
}
div.nuevo li{
padding:0 0 10px 75px
}
div.nuevo a{
color:#FFAD00;
text-decoration:none;
font-weight:bolder
}
/* para clientes */
div#contentcliente{
background:url(../imagenes/bg_contentcliente.jpg) no-repeat top;
height:473px;
padding:0 0 40px 0;
margin:10px 0 0 0
}
.pruebalo{
text-transform:uppercase;
padding:28px 0 5px 39px
}
.gratis{
text-transform:uppercase;
font-size:24px;
color:#FFAD00;
font-weight:bolder;
padding:0 0 0 65px
}
div.ayudadatos{
width:420px;
float:left;
font-size:14px;
font-weight:bolder;
padding:53px 0 0 0
}
div.ayudadatos h2{
padding:0 0 9px 44px
}
div.ayudadatos p{
margin:0;
}
.llamar{
color:#FFAD00;
padding:0 0 0 76px
}
.atencion{
padding:13px 0 9px 52px
}
.proteccion{
color:#FFAD00;
font-size:18px;
padding:51px 0 5px 16px
}
.durante{
padding:0 30px 0 16px
}
.durante a{
color:#C3C3C3
}
.formulariocliente{
float:left;
width:410px;
padding:45px 0 0 0
}
.rellenar{
float:right;
width:222px;
height:21px;
border:#3A3B3B 1px solid;
}
.formulariocliente label{
float:right;
font-weight:bolder;
padding:5px 5px 0 0
}
.entreforms{
height:15px; 
margin:24px 0 0 0;
}
.enviar2{
float:right;
}
.enviar3{
margin:10px 0 0 233px
}
.enviar4{
margin:10px 0 0 258px
}
.obligatorios{
float:right;
padding:0 30px 0 0;
color:#FFAD00;
font-weight:bolder
}
/* para clientes */
div#footer{
font-size:12px;
color:#C3C3C3;
padding:10px 0 20px 10px;
clear:both
}
div#footer li{
display:inline
}
div#footer li a{
color:#C3C3C3
}
div#footer li a:hover{
color:#FFAD00
}
div#footer p{
margin:0;
padding:5px 0 0 0;
}
.gray{
color:#4E4D4D
}
/* comparativas tabla inicio */
.arribacol15{
margin:0 0 -3px 167px;
}
.dalta{
margin:-1px 0 -30px 739px;
border:none
}
#comparativa {
border-spacing:inherit;
margin:0 0 0 -30px;
width: 957px;
border-bottom:#FFFFFF solid 1px
}
#comparativa {
background:#99CCFF none repeat scroll 0 0;
}
#comparativa a span {
left:-9999px;
position:absolute;
width:900px;
}
#comparativa a:hover, .col2 a:focus, .col2 a:active {
position:relative;
}
#comparativa a:hover span, .col2 a:focus span, .col2 a:active span {
background:#FFFFF6;
border:1px solid #666666;
color:#000000;
font-size:11px;
left:20px;
line-height:1;
padding:5px 0 5px 0;
text-decoration:none;
font-weight:normal;
text-align:center;
top:20px;
width:100px;
}
#comparativa td {
padding-right: 5px;
text-align: right;
height: 52px;
text-align: center;
}
#comparativa th {
font-weight:normal;
text-align: center;
color:#FFFFFF
}
#comparativa .title1{
background:#DCD2E6;
border-top:#FFFFFF solid 1px;
border-bottom:#FFFFFF solid 2px;
border-left:none;
border-right:#FFFFFF solid 1px;
color:#D8298D;
text-transform:uppercase;
font-weight:bolder
}
#comparativa .title2{
background:#979797;
border:#FFFFFF solid 1px;
border-bottom:#FFFFFF solid 2px;
border-left:none;
}
#comparativa .title3{
background:#AAAAAA;
border:#FFFFFF solid 1px;
border-bottom:#FFFFFF solid 2px;
border-left:none;
}
#comparativa .title4{
background:#BDBDBD;
border:#FFFFFF solid 1px;
border-bottom:#FFFFFF solid 2px;
border-left:none;
}
#comparativa .title5{
background:#F57D38;
border-bottom:#FFFFFF solid 2px;
border-left:none;
}
#comparativa .title5a{
background:#CF6DFF;
border-bottom:#FFFFFF solid 2px;
border-left:none;
}
#comparativa .title5b{
background:#FF61B8;
border-bottom:#FFFFFF solid 2px;
border-left:none;
}
#comparativa .title5c{
background:#FA8416;
border-bottom:#FFFFFF solid 2px;
border-left:none;
}
#comparativa .col1 {
width:197px;
text-align:left;
background:url(../imagenes/tabla.jpg) repeat-x top;
border-right:#FFFFFF solid 1px;
color:#D8298D;
font-weight:bolder;
font-size:12px;
padding:0 0 0 10px
}
#comparativa .col1 a{
margin:-7px 10px 0 10px;
position:relative;
float:right;
text-decoration:none;
}
#comparativa .col2 {
width: 188px;
background:url(../imagenes/col2.jpg) repeat-x top;
border-right:#FFFFFF solid 1px;
}
#comparativa .col3 {
width: 188px;
background:url(../imagenes/col3.jpg) repeat-x top;
border-right:#FFFFFF solid 1px
}
#comparativa .col4 {
width: 188px;
background:url(../imagenes/col4.jpg) repeat-x top;
border-right:#FFFFFF solid 1px
}
#comparativa .col5 {
width: 188px;
background:url(../imagenes/col5.jpg) repeat-x top
}
#comparativa .col5a {
width: 188px;
background:url(../imagenes/col5a.jpg) repeat-x top
}
#comparativa .col5b {
width: 188px;
background:url(../imagenes/col5b.jpg) repeat-x top
}
#comparativa .col5c {
width: 188px;
background:url(../imagenes/col5c.jpg) repeat-x top
}
/* comparativas tabla final */
.linkstablas a{
padding:0;
margin:0 10px 0 10px;
font-size:14px;
text-decoration:none;
border-bottom:#8B8B8B solid 1px;
color:#FFFFFF
}
div#contacto{
width:859px;
height:480px;
background:url(../imagenes/bg_contacto.jpg) no-repeat top
}
div.solicitarllamada{
width:375px;
height:345px;
float:left;
padding:0 35px 0 0
}
div.solicitarllamada h2{
padding:19px 0 0 44px
}
div.solicitarllamada p{
margin:0;
padding:9px 0 0 75px;
font-weight:bolder;
color:#FFAD00
}
.mejormomento{
float:right;
width:222px;
height:55px;
border:#3A3B3B 1px solid;
}
.solicitarllamada label{
float:right;
font-weight:bolder;
padding:5px 5px 0 0;
text-align:right
}
div.formulariocontacto{
width:400px;
height:345px;
padding:0 49px 0 0;
float:left;
}
div.formulariocontacto h2{
padding:15px 0 0 44px
}
.formulariocontacto form{
margin:-10px 0 0 0;
}
.formulariocontacto label{
float:right;
font-weight:bolder;
padding:5px 5px 0 0;
text-align:right
}
.formulariocontacto select{
color:#FFAD00;
font-weight:bolder;
float:right;
width:224px;
height:21px;
border:#3A3B3B 1px solid;
}
.consulta{
float:right;
width:222px;
height:100px;
border:#3A3B3B 1px solid;
}
div.numerostel{
width:410px;
float:left
}
div.numerostel h2{
padding:16px 0 4px 33px;
}
div.numerostel p{
font-weight:bolder;
font-size:24px;
color:#FFAD00;
margin:0;
padding:0 0 0 120px;
}
div.extrascont{
float:left;
width:449px;
padding:33px 0 0 0
}
div.extrascont p{
font-weight:bolder;
font-size:18px;
color:#FFAD00;
margin:0;
padding:0 0 15px 95px;
}
.pre-footerp{
clear:both;
margin:0 0 30px 30px;
color:#FFFFFF;
font-weight:bolder
}