/* Hoja de estilos compraTuOrange */

/*CSS para elementos generales*/

body{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:10px 5px 0px 5px;
text-align:left;
background-color:#FFFFFF;
margin-top:0px;
margin-bottom:0px;
}

#all{
width:100%;
}

#todo{
padding:0px 0px 0px 0px;
margin:auto;
width:900px;
}

#izquierda, #derecha{
padding:0px 0px 0px 0px;
margin:0px auto;
height:auto;
width:180px;
float:left;
/*border:1px solid #000000;*/
}

.naranja{color:#ff6600;}

a.naranja{
	color:#ff6600;
	text-decoration:none;
}


#centro
{
padding:0px 0px 0px 0px;
margin:0px 7px;
height:auto;
width:500px;
float:left;
/*border:1px solid #000000;*/
}


#compraorange{
width:369px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}


#micompra{
color:#FF6600;
width:188px;
height:66px;
padding:0px 0px 0px 10px;
margin:0px auto 0px auto;
float:right;
background-image:url(../images/zonacompra.jpg);
background-repeat:no-repeat;
font-size:11px;
}

#micompra td{
width:50%;
font-size:11px;
color:#FF6600;
}

#micompra a
{
text-decoration:none;
color:#FF6600;
font-weight:bold;
}

.compra
{
text-align:center;
/*padding-left:45px;*/
}

#globalTabs{
  	font-weight:bold;
	clear: both;
	padding:6px 0px 0px 0px;
}

#globalTabs img{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border:none;
}

#globalTabs ul {
  clear: both;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 0px 0px;
}

#globalTabs li {
border-top:1px solid #CCCCCC;
  height:27px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#globalTabs a {
  color:#000000;
  display: block;
  line-height: 1.7em;
  text-decoration: none;
  padding:2px 17px 0px;
  font-size:11px;
}

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

#globalTabs .tabon {
  padding: 0px 0px 0px 0px;
  background-image:none;
  background-color:#FFFFFF;
}

#globalTabs .taboff {
  padding: 0px 0px 0px 0px;
  background-image:url(../gif/menuFondo.gif);
  background-repeat:repeat-x;
  color:#000000;
}

#globalTabs .tabon2 {
background-image:none;
background-color:#FFFFFF;
}

#globalTabs .tabon2 a{
color:#FF6600
}

#globalTabs .taboff2 {
  padding: 0px 0px 0px 0px;
  background-image:url(../gif/menuFondo3.gif);
  background-repeat:repeat-x;
}

#globalTabs .taboff2 a{
color:#FFFFFF;
}

#globalTabs .taboff2 a:hover{
color:#FFFFFF;
}

#globalTabs .endtabon {
background-image:none;
background-color:#FFFFFF;
}

#globalTabs .endtabon a{
color:#FF6600
}

#globalTabs .endtaboff {
  padding: 0px 0px 0px 0px;
  background-image:url(../gif/menuFondo2.gif);
  background-repeat:repeat-x;
}

#globalTabs .endtaboff a{
color:#FFFFFF;
}

#globalTabs .endtaboff a:hover{
color:#FFFFFF;
}

.seperador{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:3px;
height:27px;
}

#tabLinks {
  	clear: both;
	padding: 0px 0px 0px 0px;
	margin:0;
	width:auto;
}

#tabLinks ul {
  	margin: 0px 0px 0px 0px;  
  	padding: 0px 0px 0px 0px;
  	text-align: left;
}

#tabLinks li {
	border-top:none;
	text-align:left;
	background-image:url(../images/dot.gif);
	background-position:left 10px;
	background-repeat:no-repeat;
  	margin: 0px 0px 0px 10px;	
  	padding: 0px 0px 0px 0px;
	height: auto;
}

#tabLinks #On {
  font-weight:bold;
}

#tabLinks #firstFolder {
  border: none;
  float:right;
}

#tabLinks #firstFolderOn {
  border: none;
  font-weight: bold;
}

#tabLinks li a:link, #tabLinks li a:visited {
font-size:11px;
font-weight:normal;
padding-left:8px; padding-right:0px; padding-top:2px; padding-bottom:0px;
color:#000000;
}

#tabLinks li a:hover {
text-decoration:underline;
font-size:11px;
font-weight:normal;
padding-left:8px; padding-right:0px; padding-top:2px; padding-bottom:0px;
color: #000000;
}

#contenido{
margin-top:10px;
margin-bottom:10px;
clear:both;
text-align:left;
/*padding-top:20px;*/
padding-top:1px;
color:#444444;
/*Hack para min-height*/
min-height:400px;
height:auto !important;
height:400px;
/*Hack para min-height*/
}

#coberturalink{
float:right;
margin-right:20px;
width:500px;
}

#coberturalink h2{
font-size:18px;
}

#coberturalink h2:hover{
text-decoration:underline;
}

.coberturatext{
color:#000000;
font-size:24px;
text-decoration:none;
}

#coberturalink a{
font-size:12px;
color:#000000;
text-decoration:none;
}

#coberturalink a:hover{
text-decoration:none;
font-size:12px;
color:#000000;
}

#coberturalink .rightorange{
font-size:12px;
color:#FF6600;
float:right;
}

#coberturalink .rightorange:hover{
text-decoration:underline
}

.areacontenedor{
clear:both;
padding:0px 0px 0px 0px;
margin:30px 45px 0px 45px;
}

#compideal
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:590px;
border:1px solid #FF6600;
}

#compideal img{
height:68px;
width:80px;
padding:0px 0px 0px 0px;
margin:0px 7px 0px 7px;
display:inline;
}

.area{
width:590px;
height:100px;
border:1px solid #FF6600;
}

.area img{
margin:0px 0px 0px 0px;
}

#promo{
width:590px;
padding:0px 0px 0px 0px;
margin:30px 45px 0px 45px;
}

#subpromo
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:100%;
height:105px;
}

.promoimg{
width:140px;
height:100px;	
padding:0px 0px 0px 0px;
margin: 5px 6px 5px 0px;
}

.promolast{
width:140px;
height:100px;
padding:0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
}

.blindlink{
}

.titulo{
margin-top:50px;
color:#FF6600;
border:none;
font-size:24px;
}

#contenedorlogin{ 
padding:2px 0px 5px 0px;
background-image:url(../images/zonausuario.jpg);
background-repeat:no-repeat;
width:188px;
height:66px;
}

#subscribeform table.cuenta, #subscribeform h2.cuenta{
width:70%;
margin:auto;
margin-top:4px;
}

#subscribeform table.cliente, #subscribeform h2.cliente{
width:85%;
margin:auto;
margin-top:4px;
}

#subscribeform h2.cliente{
margin-left:0px;
}

#loginform{
padding:0px 0px 0px 0px;
text-align:center;
font-size:11px;
}

#logform{
margin:0px; 
padding:0px;
}

#logform tr{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#logform td{
padding:0;
margin:0;
height:10px;
line-height:10px;
font-size:11px;
}

#logform table{
border-collapse:collapse;
border:none;
padding:0px 0px 0px 0px;
margin:1px 10px 0px auto;
}

#logform td{
text-align:right;
margin:0px 0px 0px 0px;
padding:0px 2px 0px 0px;
}

#loginform a{
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:10px;
font-family: Arial, Helvetica;
color:#000000;
cursor:pointer;
}

#loginform .txtbox{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:#FF6600 1px solid;
width:118px;
font-size:10px;
}

#semaforo{
display:none;
}

html>body #loginform .txtbox{
margin-top:1px;
}

#loginform .txtsubmit{
padding:0px 0px 0px 0px;
background-color:#FFFFFF;
color:#000000;
border-style:none;
width:50px;
font-size:11px;
cursor:pointer;
}

#bienvenido{
text-align:center;
font-size:12px;
font-weight:bold;
line-height:20px;
}

#bienvenido a{
color:#FF6600;
text-decoration:underline;
}

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

#boletin{
padding:0px;
margin:0px 0px 5px 0px;
/*background-image:url(../images/boletin.jpg);
background-repeat:no-repeat;*/
width:100%;
}

#boletin input
{
font-size:11px;
border:1px solid #000000;
width:180px;
color:#666666;
vertical-align:text-bottom;
}

#boletin img{
cursor:pointer;
}

#lista{
width:190px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#lista ul{
width:188px;
list-style:none;
margin:0px 0px 0px 0px;
padding:60px 0px 0px 0px;
font-size:13px;
}

#lista li{
padding:0px 0px 0px 10px;
}

#lista a{
text-decoration:none;
color:#000000;
}

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

#modseleccionado{
margin:15px 0px 0px 5px;
padding:0px 0px 0px 0px;
text-align:center;
font-weight:bold;
color:#FF6600;
float:left;
width:110px;
}

#vista{
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
width:50px;
text-align:right;
}

#vista img{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:100px;
width:50px;
}

#intranet{
margin-top:12px;
font-size:14px;
cursor:pointer;
}

#intranet a{
color:#000000;
text-decoration:none;
}

#intranet A:hover{
text-decoration:underline;
}

#mapa{
margin-top:12px;
font-size:14px;
cursor:pointer;
}

#mapa a{
color:#ff6600;
text-decoration:none;
}

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

#conocenosmejor{
margin-top:12px;
font-size:11px;
text-align:justify;
}

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

#busqterminales{
width:168px;
height:200px;
padding:0px 0px 0px 12px;
margin:0px 12px 0px 0px;
text-align:left;
background-image:url(../images/fondobuscador.jpg);
background-repeat:no-repeat;
}

#busqterminales h2{
padding:5px 0px 4px 0px;
color:#FFFFFF;
font-family: Arial, Helvetica;
font-weight:bold;
font-size:16px;
margin-left:0px;
margin-top:-5px;
margin-bottom:0px;
}

html>body #busqterminales{
padding-top:2px;
}

#busqterminales h3{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
font-family: Arial, Helvetica;
font-weight:bold;
font-size:12px;
}

#busqterminales .drop{
width:152px;
font-size:11px;
}

#busqterminales img{
margin-right:20px;
margin-top:10px;
cursor:pointer;
}

#siguenos
{
margin-top:12px;
color:#FF6600;
font-size:13px;	
}

#concurso
{
margin-top:12px;
}

#busqueda{
background-color:#FF6600;
position:relative;
top:145px;
left:110px;
}

#reviewsbanner{
margin: 10px 0px;
width:190px;
}

#reviewsbanner img{
border:0px;
}

#histcont{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:190px;
height:400px;
border:1px solid #FF6600;
}

#histcont h3{
margin:0px 0px 0px 10px;
padding:10px 0px 0px 0px;
color:#FF6600;
font-size:16px;
letter-spacing:-1px;
}

#historia{
height:350px;
margin:10px 0px 0px 5px;
padding:0px 0px 0px 0px;
float:left;
width:30%;
}

#historia ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style:none;
}

#historia li{
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#historia img{
border:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:100px;
width:52px;
}

#historia a:link, #historia a:visited, #historia a:hover{
text-decoration:none;
}

#datoshistoria{
height:350px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
width:60%;
}

#datoshistoria ul{
height:100%;
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#datoshistoria li{

border: 1px solid #FFFFFF;

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;

height:32%;

width:98%;

}

#datostitulo{

margin:25px 0px 0px 0px;

height:30px;

}

#datosprecio{

font-weight:bold;

font-size:14px;

}

#pie{

color:#999999;

width:900px;

border-top:#999999 solid 1px;

margin:0px 0px 0px 0px;

clear: both;

padding:0px 0px 15px 0px;

}

#pie a{

padding:0px 5px 0px 5px;

color:#999999;

text-decoration:none;

}

#pie a:hover{

color:#999999;

text-decoration:underline;

}



#pie table td{

font-size:11px;

}





.distribuidor

{

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

.logo{

float:right;

padding: 10px 0px 0px 10px;

}

.tituloimg{

text-align:left;

font-family: Arial, Helvetica;

font-size:16px;

}

.indeximg{

text-align:right;

}

.orangetext{

color:#FF6600;

}

.error{

border: 1px solid #FF6600;

font-size:11px;

}



.ok{

border: 1px solid #DDDDDD;

font-size:11px;

}

.nota{

font-size:10px;

}



h2{

font-size:18px;

letter-spacing:-1px;

font-weight:normal;

color:#FF6600;

margin:0px 0px 4px 0px;

}







div.continuar{

padding:10px;

text-align:right;

}



div.continuar a, a.continuar{

cursor:pointer;

}

#imageviewer{

margin:auto 5px auto 5px;

float:right;

width:500px;

}



.tdimg{

margin:0px 0px 0px 0px;

vertical-align:top;

}

.tituloimagenes{

padding:0px 0px 0px 0px;

margin:auto;

text-align:left;

font-weight:bold;

font-size:12px;

color:#FF6600;

}

.tituloimagenes a{

padding:4px 5px 2px 10px;

background-image:url(../images/flecha.gif);

background-position:0px 7px;

background-repeat:no-repeat;

color:#000000;

text-decoration:none;

}

.tituloimagenes a:hover{

padding:4px 5px 2px 10px;

background-image:url(../images/flecha.gif);

background-position:0px 7px;

background-repeat:no-repeat;

color:#FF6600;

text-decoration:none;

}

.control{

padding:0px 0px 0px 0px;

margin:auto;

text-align:right;

}

.control a{

padding:0px 5px 0px 5px;

text-decoration:none;

text-align:right;

font-size:12px;

color:#000000;

}

.control a:hover{

font-size:12px;

color:#FF6600;

}

.viewer{

padding:0px 0px 0px 0px;

margin:auto;

}

.corto{

border:none;

width:250px;

height:150px;

}

.largo{

border:none;

width:590px;

height:100px;

}

.cortoframe{

width:252px;

height:195px;

}

.largoframe{

margin:auto;

width:592px;

height:145px;

}



#buscadorajuste{

width:510px;

float:right;

margin-right:10px;

}



#buscadoravanzado {

width:98%;

}





#buscador, #comparador #buscador{

width:100%;

margin-top:5px;

float:right;

margin-bottom:12px;

}



#buscador table, #comparador #buscador table{

width:100%; 

padding:0px;

border:1px solid #AAAAAA;

display:none;

border-collapse:collapse;

margin-top:0px;

}



#buscador table td, #comparador #buscador table td{

width:20%;

padding:5px;

border:0px;

font-size:11px;

}





#buscador td.gris, #comparador #buscador td.gris{

background-color:#AAAAAA;

}



#buscador h2{

color:#FFFFFF;

margin:0px;

padding:0px;

font-size:14px;

padding:5px 0px 5px 0px ;

background-color:#AAAAAA;

border:none;

width:100%;

border-right:0px solid #AAAAAA;

}



#buscador form,#comparador #buscador form{

margin:0px;

}



#buscador h2 span{

cursor:pointer;

font-size:12px;

}



#buscador table td div, #comparador #buscador table td div{

float:left;

width:25%;

}



#buscador table select, #comparador #buscador table select{

width:110px;

font-size:11px;

}



#buscador table td.buscar, #comparador #buscador table td.buscar{

text-align:center;

}



#buscador table a, #comparador #buscador table a{

cursor:pointer;

}



#buscador table td.icono, #comparador #buscador table td.icono{

padding:2px 0px;

}



#rectangle{

float:right;

width:510px;

margin:10px 10px 10px 10px;

}



#flecha{

margin-right:0px;

width:250px;

height:75px;

float:right;

background-image:url(../images/botonasesortarifas.jpg);

background-repeat:no-repeat;

}

#rectangle a{

color:#FF6600; 

font-size:12px;

text-decoration:none;

}

#rectangle a:hover{

color:#FF6600; 

font-size:12px;

text-decoration:none;

cursor:pointer;

}

.inf{

color:#000000;

margin:5px 15px 5px 70px;

text-align:right;

}

#trolley{

margin-left:0px;

width:250px;

height:75px;

float:left;

background-image:url(../images/botoncomparador.jpg);

background-repeat:no-repeat;

}

#publicidad{

float:right;

width:auto;

margin:10px 12px 10px 10px;;

}

#scrollbox{

position:relative;

float:right;

width:460px;

height:100px;

overflow:hidden;

text-align:left;

margin:10px 5px 10px 5px;

/*no podemos poner aquí el border porque si no el javascript en IE falla ¿? */

}



#scroller1 a, #scroller2 a{

cursor:pointer;

border:0px #FFFFFF;

}



#filling{

position:absolute;

top:630px;

}

#scroller1 img, scroller2 img{
cursor:pointer;
border:0px #FFFFFF;
}

#procesando{
text-align:center;
position:absolute;
display:none;
width:200px;
padding:12px auto;
top:50%;
left:50%;
margin-left:-100px;
margin-top:-50px;
background-color:#FFFFFF;
}

#procesandomsg{
text-align:center;
position:fixed;
width:100%;
height:100px;
padding:4px auto;
top:50%;
left:0%;
margin-top:-60px;
background-color:#FFFFFF;
border-top:1px solid #FF6600;
border-bottom:1px solid #FF6600;
display:none;
font-size:14px;
letter-spacing:-1px;
}

*html #procesandomsg{
position:absolute;
top: expression((f_clientHeight()/2)+f_scrollTop()+'px');
width:100%;
left:0px;
}

#procesandomsg img{
margin:10px auto 0px auto;
}

#procesandomsg div{
width:200px;
margin:auto auto auto 40%;
}

#procesandomsg h3{
padding:0px;
margin-top:6px;
font-size:13px;
font-weight:normal;
letter-spacing:-1px;
}

.small{
margin-top:0px;
padding-top:0px;
font-size:14px;
color:#FF6600;
min-height:24px;
line-height:24px;
vertical-align:middle;
}

.big{
margin-top:0px;
padding-top:0px;
font-size:20px;
color:#FF6600;
min-height:24px;
line-height:24px;
vertical-align:middle;
}

.medium{
margin-top:0px;
padding-top:0px;
font-size:17px;
color:#FF6600;
min-height:24px;
line-height:24px;
vertical-align:middle;
}
.paddtop3{ padding-top:3px;}

@;/*