/*CSS para seccion movil*/
/*portada*/
#terminales{
width:670px;
height:100px;
background-image:url(../imagenes/fondo-terminales.jpg);
background-repeat:no-repeat;
margin:10px 10px 30px 0px;
}
#terminalesizq a{
padding-left:20px;
text-decoration:none;
color:#000000;
background-image:url(../imagenes/OKflecha.gif);
background-repeat:no-repeat;
background-position:0px 2px;
}
#terminalesizq a:hover{
color:#FF6600;
}
#terminalesizq{
width:330px;
float:left;
}

#ofertaframe{
width:700px;
margin: 20px 0px;
}
#ofertaframe span{
display:block;
width:300px;
height:150px;
}
#ofertaframe span .derdiv{
float:right;
width:110px;
margin:75px 5px 0px 0px;
}
#ofertaframe span .izqdiv{
width:70px;
height:11px;
float:right;
margin:120px 30px;
}
#ofertaframe span .izqdiv a, #ofertaframe span .izqdiv a:hover{
text-decoration:none;
/* Antes el color estaba en negro */
color:#ff6000;
}

#ofertaframemovil{
width:700px;
margin: 20px 0px;
}
#ofertaframemovil span{
	background-color:white;
}

#img1{
background-image:url(../imagenes/portada/ficha01.jpg);
background-repeat:no-repeat;
}
#img2{
background-image:url(../imagenes/portada/ficha02.jpg);
background-repeat:no-repeat;
}
#img3{
background-image:url(../imagenes/portada/ficha03.jpg);
background-repeat:no-repeat;
}
#img4{
background-image:url(../imagenes/portada/ficha04.jpg);
background-repeat:no-repeat;
}
#img5{
background-image:url(../imagenes/portada/ficha05.jpg);
background-repeat:no-repeat;
}
#img6{
background-image:url(../imagenes/portada/ficha06.jpg);
background-repeat:no-repeat;
}
#img7{
background-image:url(../imagenes/portada/ficha07.jpg);
background-repeat:no-repeat;
}
#img8{
background-image:url(../imagenes/portada/ficha08.jpg);
background-repeat:no-repeat;
}
#img9{
background-image:url(../imagenes/portada/ficha09.jpg);
background-repeat:no-repeat;
}
#img10{
background-image:url(../imagenes/portada/ficha10.jpg);
background-repeat:no-repeat;
}
#img11{
background-image:url(../imagenes/portada/ficha11.jpg);
background-repeat:no-repeat;
}
#img12{
background-image:url(../imagenes/portada/ficha12.jpg);
background-repeat:no-repeat;
}
.ofertalarga{
clear:both;
width:700px;
margin-bottom:20px;
}
.ofertasizq{
height:150px;
width:300px;
float:left;
margin-bottom:30px;
}
.ofertasder{
height:150px;
width:300px;
float:right;
margin-bottom:30px;
}
/*ayuda*/
#ayuda{
display:none;
background-color:#FFFFFF;
border:1px solid #FF6600;
width:580px;
height:460px;
position:fixed; 
top: 50%; 
margin-left:auto; 
margin-right:auto;
left: 50%;
margin-left: -290px;
margin-top: -230px;
z-index:150;
}
*html #ayuda{
position:absolute;
top: expression(f_scrollTop()+290+'px');
width:600px;
}
#ayudaimg{
margin:10px 0px 10px 14px;
float:left;
}
#ayudaframe{
clear:both;
}
#ayudaframe p{
margin:10px 30px;
}
#ayudaframe h1{
margin:10px 30px;
}
/*resultados.php*/
#resultadobusqueda{
margin-top:0px;
width:100%;
}

#resultadobusqueda h2{
font-size:18px;
padding:0px;
margin-bottom:0px;
margin-top:0px;
letter-spacing:-1px;
font-weight:normal;
}
#resultadobusqueda h3, #comparador h3{
font-size:14px;
margin-top:0px;
padding:0px;
letter-spacing:-1px;
font-weight:normal;
}

#resultadobusqueda input.boton{
border:1px solid #666666;
color:#FFFFFF;
background-color:#666666;
font-size:9px;
padding:3px 15px;
cursor:pointer;
}

#resultadobusqueda table
{
margin:0px;
margin-top:15px;
border-collapse:collapse;
padding:0px;
border:0px;
width:98%;
text-align:center;
}

#resultadobusqueda table tr.movil{
//width:100%;
}

#resultadobusqueda table td{
width:20%;
margin:0px;
border:0px;
border-bottom:1px solid #000000;
padding:10px 0px;
font-size:12px;
}

#resultadobusqueda table td.preciomovil{
font-weight:bold;
}

#resultadobusqueda table td.derecha{
border:0px;
padding:3px 0px;
padding-right:10px;
border-bottom:1px solid #000000;
font-weight:bold;
}

#resultadobusqueda  span.vercomparador{
padding-right:20px;
float:right;
font-size:11px;
letter-spacing:0px;
margin-top:-20px;
margin-right:20px;
}
#resultadobusqueda  span.vercomparador a{
text-decoration:none;
color:#444444;
}

#resultadobusqueda table td.movilimg img{
width:53px;
height:100px;
}

#resultadobusqueda table td.verficha a{
background-color:#666666;
text-decoration:none;
color:#FFFFFF;
padding:3px 16px;
font-size:11px;
}

#resultadobusqueda .naranja{
color:#FF6600;
}

#resultadobusqueda td.navegacion a{
text-decoration:none;
color:#000000;
}

#resultadobusqueda td.navegacion a:hover{
text-decoration:underline;
}

#resultadobusqueda td.navegacion {
text-align:center;
/*float:right;
width:99%;
clear:both;*/
color:#666666;
padding:4px 5px;
/*padding-right:10px;
margin-top:5px;
margin-bottom:15px;*/
border:none;
font-size:11px;
}

#resultadobusqueda #mensaje{
width:50%;
padding:10%;
margin:50px auto;
text-align:center;
}

#comparador #mensaje{
width:50%;
padding:10%;
margin:50px auto;
text-align:left;
}

/*ver.php*/
#movil{
width:700px;
margin:10px auto 20px auto;
}

#movil div{
float:left;
}

#movil #recomendar{
position:absolute;
z-index:100;
left:400px;
top:150px;
float:left;
clear:both;
background-color:#FFFFFF;
width:350px;
border:1px solid #DDDDDD;
display:none;
}

#movil #recomendar form{
margin:0px;
padding:0px;
}

#movil  #recomendar table{
margin:6px;
font-weight:bold;
}

#movil  #recomendar td.campo{
text-align:right;
}

#movil  #recomendar textarea{
width:275px;
height:150px;
} 

#movil  #recomendar td.mensaje{
vertical-align:top;
}

#movil #fotomovil{
width:280px;
}
#movil #fotomovil div{
margin:30px 70px;
}
#movil #fotomovil img{
margin-left:10px;
}
#movil #datosmovil{
width:400px;
}

#movil #datosmovil div{
margin-bottom:10px;
clear:left;
width:100%;
}

#movil #datosmovil #descripcion{
clear:left;
float:left;
width:98%;
text-align:justify;
}

#movil #datosmovil #nombremovil{
font-size:20px;
width:100%;
float:left;
clear:none;
margin-top:5px;
}

#movil  #comparador{
margin-top:5px;
text-align:center;
margin-bottom:20px;
width:98%;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
padding:4px;
}

#movil #comparador span{
margin:4px 4px;
}

#movil #comparador a{
text-decoration:none;
cursor:pointer;
color:#666666;
}


#movil #datosmovil #iconos ul{
list-style:none;
display:block;
margin:0px;
padding:0px;
width:100%;
}

#movil #datosmovil #iconos li{
float:left;
margin:4px;
padding-top:9px;
text-align:center;
color:#FF6600;
line-height:99%;
}

#movil #datosmovil #iconos li img{
padding-bottom:3px;
}

#movil #valoracion{
clear:both;
width:100%;
text-align:center;
}

#movil #valoracion div{
width:100%;
margin-top:4px;
}

#valoracion select{
font-size:11px;
}

#valoracion #valorar a{
cursor:pointer;
color:#FF6600;
}

/*formulario.php*/
#opciones #contacto{
width:330px;
margin:auto;
}
#opciones #duda{
width:75%;
margin:30px 60px;
float:left;
}
#opciones #dudaform{
width:100%;
margin:auto;
text-align:center;
float:left;
}

#opciones #dudaform table{
margin:auto;
width:75%;
}

#opciones #dudaform table td{
border:0px;
}

#opciones #dudaformulario{
margin:auto;
}

#opciones dudaformulario td{
border:0px;
}

#opciones #dudaform td{
text-align:left;
padding:4px;
}
#opciones #dudaform img{
margin-left:365px;
border:none;
cursor:pointer;
}
#opciones #dudaform .etiqueta{
font-weight:bold;
text-align:right;
}
#opciones .orangeemail{
color:#FF6600;
font-size:17px;
}
#opciones .orange{
color:#FF6600;
}
#cuotini{
color:#FF6600;
margin-left:10px;
font-size:14px;
}

/*compra.php*/
#compra{
clear:both;
width:700px;
margin:40px auto;
text-align:left;
}
#compra img{
margin-left:50px;
}
#opciones table td, #tarifas table td, #accesorios table td, #opiniones table td, #caracteristicas table td{
font-size:11px;
}

#compratabs ul{
clear:both;
margin:0px;
padding:0px;
width:99%;
display:block;
}

#compratabs li{
list-style:none;
margin:0px;
margin-right:2px;
width:110px;
/*width:130px;*/
text-align:center;
padding-top:4px;
height:19px;
float:left;
}

#compratabs li.on{
color:#FFFFFF;
background-image:url(../images/pestanaon.gif);
}

#compratabs li.off{
background-image:url(../images/pestanaoff.gif);
cursor:pointer;
}

#opciones, #tarifas, #accesorios, #opiniones, #caracteristicas{
width:99%;
float:left;
border-top:1px solid #DDDDDD;
margin-top:0px;
padding-top:0px;
}

#opciones table td.conborde{
border:0px;
padding:1px;
border-bottom:1px solid #DDDDDD;
}

div.tarifasdiv, div.modalidadesdiv{
display:none;
}

.visible{
display:block;
}
.oculto{
display:none;
}

#opciones table, #accesorios table{
width:100%;
border:0px;
border-collapse:collapse;
padding:0px;
margin-top:20px;
}

#opciones table td{
padding:6px;
/*border-bottom:1px solid #DDDDDD;*/
font-size:11px;
}

#opciones table td.gris{
background-color:#DDDDDD;
padding:6px;
font-weight:bold;
}

#opciones table td table{
margin-top:0px;
margin-bottom:12px;
}

#opciones table td table td div{
padding:15px 0px;
}

#opciones table td table td div{
margin:15px 0px;
width:95%;
float:right;
/*border:1px solid #FF6600;*/
background-color:#FFD7BC;
}

#opciones table td table td table th{
text-align:center;
border:0px;
}

#opciones table td table td table td.elegir{
width:65px;
}

#opciones table td table td{
/*border-bottom:1px solid #DDDDDD;*/
}

#opciones table td table td table td{
border:0px;
color:#111111;
text-align:center;
}

#opciones table td.opcion{
width:52%;
color:#666666;
}

#opciones table td.opcion img{
vertical-align:super;
cursor:pointer;
}

#opciones table td.opcion span.naranja{
/*background-image:url(../images/orangebullet.gif);
background-repeat:no-repeat;
background-position:left center;*/
color:#FF6600;
font-weight:bold;
/*padding-left:0px;*/
}

#opciones table td.precio{
width:10%;
text-align:center;
font-weight:bold;
}

#opciones table td.regalos{
width:30%;
color:#FF6600;
font-size:10px;
}

#opciones table td.regalos strong{
font-size:11px;
}

#opciones table td.elegir{
width:13%;
}

#opciones table td.elegir img{
cursor:pointer;
}


#opciones table th{
border-bottom:1px solid #DDDDDD;
padding:6px 0px;
}

#opciones table th.precio{
width:10%;
text-align:center;
font-weight:bold;
}

#opciones table th.regalos{
width:25%;
color:#FF6600;
font-size:10px;
}

#opciones table th.regalos strong{
font-size:11px;
}

#opciones table th.elegir{
width:13%;
}

#opciones table th.elegir img{
cursor:pointer;
}

#tarifas table{
margin:30px 0px 0px 0px;
width:100%;
border:0px;
border-collapse:collapse;
border-top:1px solid #DDDDDD;
padding:0px;
text-align:center;
clear:left;
}

#tarifas table td{
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
font-weight:bold;
color:#666666;
padding:6px;
}

#tarifas table th{
font-size:9px;
color:#000000;
}

#tarifas .naranja{
color:#FF6600;
}
 
#tarifas td.tarifa{
width:12%;
}

#tarifas td.resumen{
width:220px;
text-align:left;
}


#tarifas td.coste, #tarifas td.cuota, #tarifas td.consumo{
font-weight:normal;
}

#tarifas td.elegir{
width:10%;
}

#tarifas td.elegir img{
cursor:pointer;
}

#tarifas #info, #accesorios #info{
padding:20px 10px 20px 10px;
}

#tarifas #info a{
text-decoration:none;
color:#FF6600;
}

#tarifas #info a:hover{
text-decoration:underline;
}

#tarifas #info p{
width:75%;
float:left;
}

#tarifas #continuar{
float:right;
vertical-align:middle;
padding:10px;
cursor:pointer;
}

#accesorios table{
margin-bottom:10px;
}

#accesorios table td{
width:20%;
padding:2px;
text-align:center;
border-bottom:1px solid #DDDDDD;
}

#accesorios table tr.cabecera{
background-color:#DDDDDD;
}

#accesorios table tr.cabecera td{
padding:8px;
}

#accesorios table td.foto img{
width:98px;
height:88px;
}

#accesorios table td a{
cursor:pointer;
text-decoration:none;
color:#444444;
}

#accesorios table td a:hover{
text-decoration:underline;
}

#agregar{
width:97%;
padding:8px 1%;
text-align:right;
margin:0px;
}

#agregar img{
vertical-align:middle;
}

#agregar a{
font-weight:bold;
color:#666666;
padding-top:1px;
cursor:pointer;
font-size:14px;
}

#aviso{
text-align:center;
padding: 0px 15%;
color:#FF6600;
}

#comparador tr{
vertical-align:text-bottom;
}

#comparador table{
border:0px;
border-collapse:collapse;
margin:30px auto 0px auto;
font-size:11px;
}

#comparador td{
border-bottom:1px solid #999999;
vertical-align:text-bottom;
text-align:center;
width:75px;
padding:5px;
}

#comparador td.foto{
border-bottom:1px solid #FFFFFF;
}

#comparador td.icono{
text-align:left;
color:#FF6600;
width:100px;
}
#comparador td.ficha{
background-color:#DDDDDD;
}

#comparador td.foto img{
width:53px;
height:100px;
}
#comparador td.eliminar{
border:none;
color:#FF6600;
}

#comparador a{
cursor:pointer;
color:#444444;
}

#comparador a:hover{
text-decoration:underline;
}

#comparador td.ficha{
vertical-align:middle;
color:#FF6600;
}

#comparador td.ficha a{
text-decoration:none;
}

#comparador td.ficha a:hover{
text-decoration:underline;
}

#comparador td.ficha a.tachado{
text-decoration:line-through;
}

#asesortarifas div{
display:none;
}

#asesortarifas #asesor{
border:1px solid #888888;
width:75%;
margin:50px auto;
padding:30px;
height:120px;
}

#asesortarifas #siguiente, #asesortarifas #reiniciar{
display:block;
text-align:right;
margin-top:20px;
}

#asesortarifas #reiniciar{
display:none;
}

#asesortarifas #siguiente img, #asesortarifas #reiniciar img{
cursor:pointer;
}

#asesortarifas #tarifa{
display:block;
}

#asesortarifas #tarifa{
margin:20px;
text-align:center;
}

#asesortarifas a{
text-decoration:none;
color:#FF6600;
}

#opiniones{
/*Hack para min-height*/
min-height:200px;
height:auto !important;
height:200px;
/*Hack para min-height*/
}

#opiniones p{
padding:10px 20px;
}

#opiniones table{
width:60%;
margin:10px auto;
border:0px;
font-weight:bold;
}

#opiniones th{
padding:0px 8px;
}

#opiniones td.opinion{
vertical-align:top;
text-align:right;
}

#opiniones td.campo{
text-align:right;
}

#opiniones td.mandar{
text-align:right;
padding-right:50px;
}

#recomendar td.mandar{
text-align:right;
}

#opiniones #formulario{
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
display:none;
margin-bottom:15px;
}

#opiniones td.mandar img, #opiniones a, #recomendar td.mandar img{
cursor:pointer;
color:#FF6600;
} 

#opinionesproducto{
padding:0px 20px;
}

#opinionesproducto div.opinion{
margin-bottom:15px;
padding-bottom:12px;
border-bottom:1px solid #DDDDDD;
}

#opinionesproducto div.datosopinion{
font-size:12px;
margin-bottom:4px;
border:none;
padding:0px;
}

#opiniones form{
font-size:11px;
clear:both;
margin:20px auto;
}

#opiniones textarea{
width:275px;
height:150px;
}

#caracteristicas table{
margin:20px auto;
width:60%;
border-collapse:collapse;
}

#caracteristicas table td{
padding:4px;
border-bottom:1px solid #DDDDDD;
}

#caracteristicas table td.caracteristica{
color:#FF6600;
text-align:right;
width:50%;
vertical-align:top;
}

/*renove.php*/

#renove{
width:98%;
}

#renove fieldset{
border:1px solid #FF6600;
width:50%;
margin:auto;
}

#renove fieldset table{
width:100%;
margin:auto;
font-size:11px;
text-align:left;
}


#renove td.etiqueta{
text-align:right;
font-weight:bold;
}
.contenedor_dcha{
clear:both;
}
/*tarifas*/

.cabecera_interior h1 {
font-size:18px;
}
.cabecera_interior {
float:left;
height:auto;
width:280px;
margin-bottom:20px;
}
.titulo_negrita {
color:#706F6F;
font-weight:bold;
}
.titulo_naranja {
color:#FF5900;
font-weight:bold;
}
.contenedor_dcha table {
border-collapse:separate;
border-spacing:1px;
}
.cabecera_exterior{
padding:3px;
float:right;
width:400px;
background-color:#CCCCCC;
margin-bottom:20px;
}
.cabecera_exterior h1 {
font-size:18px;
}
.ext_izq{
float:left;
}
.ext_der{
float:right;
}
.ext_der img{
margin-top:17px;
display:inline;
}
.cuerpo{
width:700px;
margin:10px auto;
clear:both;
}
.precio{
color:#000000;
font-size:24px;
}
.ancho{
padding:3px;
width:100%;
height:80px;
background-color:#CCCCCC;
margin-bottom:20px;
}
.ancho{
font-size:18px;
}

.validez {
float:auto;
width:auto !important;
height:0px !important;
color:black;
font-size:9px;
}
