/* CSS Document */

/*
	colores
	rojo: #c00000
*/

*{margin: 0; padding: 0;}
img{border: none;}
body{text-align: center; background: #fff url(../images/fondo.jpg) repeat-x left top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}

#contenedor{margin: 0 auto; width: 900px; min-height: 650px; _height: 650px; padding: 0 0 20px 0; overflow: hidden; _overflow: none;}
h1{float: left; font-color: #000; font-size: 20px; border-bottom: 1px solid #c00000; padding: 0 0 2px 0; clear: both; text-align: left; margin: 20px 0 15px 0; width: 100%;}
h1.index{font-color: #000; font-size: 20px; padding: 0 0 2px 0; clear: both; text-align: left; margin: 20px 0 15px 0; width: 100%; border: none;}
h2{text-align: left; font-size: 13px; color: #c00000; margin: 0 0 15px 0;}
h2.promociones{text-align: center; font-size: 18px; color: #c00000; font-weight: bold; background: url(../images/fondopromociones.gif) no-repeat left top; margin: 0 2px 0 7px; padding: 10px 0 14px 0;}
h2.promociones span{color: #666;}
h3.promociones{color: #c0000; font-variant:small-caps; text-align: center; font-size: 12px; background: none; width: 214px; margin: 0; padding: 0;}
h4.promociones{color: #000; text-align: center; font-size: 11px; margin: 0 5px 5px 5px; padding: 0;}

label, input, select, textarea{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}

div.clear{clear: both;}

#menusup{float: left; width: 900px; text-align: right;}
#menusup ul{float: right; width: 230px; display: inline; list-style: none; border-right: 3px solid #c00000; border-left: 3px solid #c00000; height: 24px;}
#menusup ul li{float: left; color: #fff; display: inline; list-style: none; margin: 5px 0 0 15px;}
#menusup ul li a{color: #fff; text-decoration: none; padding: 0 0 0 19px;}
#menusup ul li a:hover{color: #c00000; text-decoration: none;}
#menusup ul li.inicio{background: url(../images/inicio.gif) no-repeat left 2px;}
#menusup ul li.frances{background: url(../images/frances.gif) no-repeat left 3px;}
#menusup ul li.ingles{background: url(../images/ingles.gif) no-repeat left 3px;}
#menusup ul li.castellano{background: url(../images/castellano.gif) no-repeat left 3px;}


#menu{float: left; width: 900px; text-align: left; height: 101px;}
#menu img.logo{float: left; margin: 6px 40px 0 0;}
#menu ul{float: left; display: inline; list-style: none; height: 53px; _height: 51px; margin: 48px 0 0 0;}
#menu ul li{position:relative; float: left; font-variant:small-caps;display: inline; list-style: none; width: 96px; text-align: center;}
/*#menu ul li a{float: left; color: #000; text-decoration: none; padding: 22px 0 14px 0; _padding: 22px 0 13px 0; width: 96px;}
#menu ul li a:hover{color: #000; text-decoration: none; background: url(../images/lenguetas.jpg) no-repeat left bottom; border-bottom: 2px solid #c00000;}*/

#menu ul ul{position: absolute; float: none; background-color: #333; margin: 1px 0 0 0; display: none; top: 53px; _top: 50px; *top: 54px !important; left: 0; z-index: 200; height: auto; width:150px;}
#menu ul a{display: block; height: auto !important; height: 1%;color: #000; text-decoration: none; padding: 22px 0 14px 0; _padding: 22px 0 13px 0;}
#menu ul a:hover{color: #000; text-decoration: none; background: url(../images/lenguetas.jpg) no-repeat left bottom; border-bottom: 2px solid #c00000;}
#menu ul ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
#menu ul ul li{float: left; display: block; /*For IE*/ border-bottom: 1px dotted #666; height: auto; text-align: left; width: 100%;}

/* 2nd Menu */
#menu ul li:hover li a,
#menu ul li.iehover li a {
  float: none;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  text-align: left;  
  padding: 3px 4px; 
  border: none;
  display: block;
}

/* 2nd Menu Hover Persistence */
#menu ul li:hover li a:hover,
#menu ul li:hover li:hover a,
#menu ul li.iehover li a:hover,
#menu ul li.iehover li.iehover a {
  border: none;
  color: #c70000;
  background: none;
  width: auto;
}



/*#menu ul ul ul,
#menu ul ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}*/

/* Do Not Move - Must Come Before display:block for Gecko */
#menu ul li:hover ul ul,
#menu ul li:hover ul ul ul,
#menu ul li.iehover ul ul,
#menu ul li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
  margin-top:0px;
  z-index:200;
}



#buscador{float: right; background: url(../images/fondobuscador.jpg) repeat-x left top; width: 230px; margin: 0 3px 0 0; _margin: 0 1px 0 0; height: 101px; _height: 90px; padding: 18px 0 0 0; *padding: 13px 0 0 0 !important; _padding: 11px 0 0 0;}
#buscador label{font-variant:small-caps; font-size: 11px; float: left; color: #fff; margin: 0 0 10px 10px; *margin: 0 0 0 10px !important; _margin: 0 0 3px 10px;}
#buscador input{float: left; width: 205px; border: 1px solid #ccc;}
#buscador input.bt_buscar{float: right; background: url(../images/buscar.jpg) no-repeat left top; border: none; color: #c00000; font-weight: bold; margin: 0 10px 0 0; *margin: 0 10px 0 0 !important; _margin: 0 10px 0 0; width: 80px; text-align: right; padding: 5px 0 6px 0; cursor: pointer;}
div.infbuscador{float: left; text-align: right; width: 100%; clear: both; height: 14px;}
div.infbuscador img{margin: 0 2px 0 0;}

#centroindex{float: left; width: 660px;  margin: 10px 0 0 0; text-align: left;}
#derecha{float: right; width: 230px; margin: 0 5px 0 0; _margin: 0 0 0 0; min-height: 535px; _height: 535px;}
#centro{float: right; width: 613px; padding: 0 0 10px 0; text-align: left;}
#izquierda{float: left;width: 272px; text-align: left;}
#centromapa{float: left;}


span.direccion{color: #c00000;}

p.texto{float: left; width: 330px;}

div.fotosmov{float: right; width: 250px; height: 250px; overflow: hidden;}
#izquierda p{float: left;}

table.cuadroproducto{float: left; margin: 0 5px 10px 5px; width: 640px; _width: 620px; text-align: center;}
table.cuadroproducto h1{text-align: left; font-size: 17px; color: #c00000; border-bottom: none; margin: 0 0 5px 0; padding: 0;}
table.cuadroproducto td{padding: 5px 5px; vertical-align: top; width: 160px;}
table.cuadroproducto td.producto{background: url(../images/fondoproducto.jpg) repeat-x left bottom; border-bottom: 1px solid #ccc;}
table.cuadroproducto p{color: #666; text-align: left; margin: 0 0 5px 0; text-align:left;}
table.cuadroproducto p a{color: #c00000; decoration: underline; text-align: left;}
table.cuadroproducto p a:hover{color: #666; decoration: none;}


#promociones{border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 6px 0 7px;}
#promociones img{margin: 5px 0; filter:alpha(opacity=80); opacity:0.8;}
#promociones a img{filter:alpha(opacity=80); opacity:0.8;}
#promociones a:hover img {filter:alpha(opacity=100); opacity:1;}
p.masinfo{border-top: 1px dotted #ccc; margin: 0 6px 10px 6px; text-align: right;}
p.masinfo a{color: #666; text-decoration: none;}
p.masinfo a:hover{color: #333; text-decoration: none;}
p.masinfo img{vertical-align: text-bottom;}

#menuizq{float: left; width: 282px; text-align: left;}
#menuizq ul.menu_lateral{float: left; list-style: none; display: block; text-align: left; width: 230px; font-size: 12px;}

#menuizq ul.menu_lateral li{list-style: none; display: block; background: url(../images/bullet.gif) no-repeat left 7px; font-variant:small-caps; padding: 2px 0 2px 8px; border-bottom: 1px dotted #ccc; text-transform:lowercase;}
#menuizq ul.menu_lateral li a{color: #666; text-decoration: none;}
#menuizq ul.menu_lateral li a:hover{color: #333; text-decoration: underline;}


#menuizq ul.menu_lateral li ul li{list-style: none; display: block; background: url(../images/bullet2.gif) no-repeat left 4px; padding: 2px 0 2px 8px; margin: 0 0 0 8px;}
#menuizq ul.menu_lateral li ul li a{color: #c00000; text-decoration: none;}
#menuizq ul.menu_lateral li ul li a:hover{color: #333; text-decoration: underline;}




#menuizq ul.menu_lateral li{list-style: none; display: block; background: url(../images/bullet.gif) no-repeat left 7px; font-variant:small-caps; padding: 2px 0 2px 8px; border-bottom: 1px dotted #ccc;}
#menuizq ul.menu_lateral li a{color: #666; text-decoration: none;}
#menuizq ul.menu_lateral li a:hover{color: #333; text-decoration: underline;}


#menuizq ul.menu_lateral li.sub2{list-style: none; display: block; background: url(../images/bullet2.gif) no-repeat left 4px; padding: 2px 0 2px 8px; margin: 0 0 0 8px;}
#menuizq ul.menu_lateral li.sub2 a{color: #c00000; text-decoration: none;}
#menuizq ul.menu_lateral li.sub2 a:hover{color: #333; text-decoration: underline;}
#menuizq ul.menu_lateral li.sub2on{list-style: none; display: block; background: url(../images/bullet2.gif) no-repeat left 4px; padding: 2px 0 2px 8px; margin: 0 0 0 8px;}
#menuizq ul.menu_lateral li.sub2on a{color: #c00000; text-decoration: none;}
#menuizq ul.menu_lateral li.sub2on a:hover{color: #333; text-decoration: underline;}




#menuizq ul.menu_lateral li.sub3{list-style: none; display: block; background: url(../images/bullet3.gif) no-repeat left 4px; padding: 2px 0 2px 8px; margin: 0 0 0 16px;}
#menuizq ul.menu_lateral li.sub3 a{color: #710000; text-decoration: none;}
#menuizq ul.menu_lateral li.sub3 a:hover{color: #666; text-decoration: underline;}
#menuizq ul.menu_lateral li.sub3on{list-style: none; display: block; background: url(../images/bullet3.gif) no-repeat left 4px; padding: 2px 0 2px 8px; margin: 0 0 0 16px;}
#menuizq ul.menu_lateral li.sub3on a{color: #710000; text-decoration: none;}
#menuizq ul.menu_lateral li.sub3on a:hover{color: #666; text-decoration: underline;}


#ficha{float: right; width: 613px; border: 1px solid #ccc; padding: 0 0 10px 0;}
#ficha h2{color: #fff; background-color: #c00000; padding: 2px 5px; font-size: 16px; text-align: left;}
#ficha h2.accesorios{color: #fff; background-color: #333; padding: 2px 5px; font-size: 16px; text-align: left;}


#ficha.sin_borde{float: right; width: 613px; padding: 0 0 10px 0; border:none}


#ficha_eleccion{float: right; width: 613px; border: 1px solid #ccc; padding: 0 0 10px 0;}
#ficha_eleccion h2{color: #fff; background-color: #c00000; padding: 2px 5px; font-size: 16px; text-align: left;}
#ficha_eleccion h2.accesorios{color: #fff; background-color: #333; padding: 2px 5px; font-size: 16px; text-align: left;}
#ficha_eleccion h3.eleccion{ margin:0 0 5px 0;}

div.fotogrande{text-align: center; width: 596px; overflow: hidden; padding: 10px 0 5px 15px; margin: 0 0 10px 0;}
div.miniatura{float: left; width: 193px; height: 175px; overflow: hidden; border: 1px solid #ccc; margin: 0 2px 4px 4px;}
div.miniatura2{float: left; width: 114px; _width: 110px; border: 1px solid #ccc; margin: 0 2px 4px 4px; text-align: center;}
div.miniatura2 div.miniatua2foto{width: 93px; _width: 89px; height: 75px; overflow: hidden; margin: 0 auto 5px auto;}
div.pixeltrans{position: absolute;}
div.miniatura2 h4{background-color: #ccc; color: #000; font-weight: bold; text-align: center; padding: 2px; margin: 0 0 5px 0; font-size: 11px; height: 45px;}
div.miniatura2 h4 a{color: #000; text-decoration: none;}
div.miniatura2 h4 a:hover{color: #c00000; text-decoration: none;}
div.miniatura2 p{padding: 3px; text-aling: left;}
p.pdf{background: #eee url(../images/pdf.gif) no-repeat left 2px; text-align: left; padding: 3px 0 3px 20px; margin: 10px 0 10px 0;}
p.pdf a{color: #333; text-decoration: none;}
p.pdf a:hover{color: #c00000; text-decoration: underline;}

p.volver{text-align: left; font-weight: bold; color: #c00000; margin: 0 0 5px 0;}
p.volver a{color: #c00000; text-decoration: none;}
p.volver a:hover{color: #333; text-decoration: underline;}

h3{float: left; background: url(../images/fondotitulos.jpg) repeat-x left top; padding: 3px 2px 3px 2px; width: 609px; margin:10px 0; text-align: left; color: #c00000; font-size: 13px;}
h3 img{vertical-align: middle;}

p.textoiconos{text-align: left; margin: 5px; color: #000; font-weight: bold;}
div.iconos{float: left; width: 230px; text-align: left; margin: 0 5px 0 0;}
div.iconos img{margin: 0 0 2px 4px;}

div.txtcaract{float: left; width: 370px; text-align: left; margin: 0 0 0 5px;}

table.precios{float: left; width: 100%; border-collapse: collapse; text-align: center; margin: 5px 0;}
table.precios th{background-color: #ccc; color: #000; font-weight: bold; padding: 2px;}
table.precios th.precio{background-color: #c00000; color: #fff;}
table.precios td.precio{background-color: #c00000; color: #fff;}
table.precios td{padding: 2px;}
table.precios tr.fila1{background-color: #eee;}



div.productos{float: left;}
div.productos ul{float: left; list-style: none; display: block; text-align: left; width: 345px;}
div.productos ul li{float: left; list-style: none; display: inline; font-variant:small-caps; font-size: 11px; border: 1px solid #ccc; width: 70px; text-align: center; margin: 0 5px 5px 0; background-color: #eee;}
div.productos ul li a{color: #666; text-decoration: none; display: block; padding: 5px;}
div.productos ul li a:hover{color: #333; text-decoration: underline; background-color: #fff;}

div.fotoproducto{float: left; width: 250px; height: 150px; overflow: hidden; margin: 0 10px 0 0;}

div#qTip {padding: 3px; border: 1px solid #fff; display: none; background: #c00000; color: #fff; position: absolute;}

#iconos_imprimir{width: 99%; _width: 98%; padding: 4px 4px; clear: both; text-align: right;}
#iconos_imprimir a{color: #666; text-decoration: none;}
#iconos_imprimir a:hover{color: #c00000; text-decoration: underline;}
#iconos_imprimir img{vertical-align: baseline;}

/*------------------------------------------FICHA PROMOCIÓN-------------------------------------------------------*/

#contenedorpromocion{width: 600px; background-color:#FFFFFF;}
h1.promocion2{float: left; font-color: #000; font-size: 20px; border-bottom: 1px solid #c00000; padding: 0 0 2px 0; clear: both; text-align: left; margin: 20px 0 15px 0; width: 100%;}
div.fotopromocion{float: left; width: 300px; overflow: hidden; margin: 0 10px 10px 0;}
#contenedorpromocion p{text-align: left;}
#contenedorpromocion p strong{text-align: left; color: #c00000;}

/*------------------------------------------/FICHA PROMOCIÓN-------------------------------------------------------*/


#map{float: left; width: 600px; height: 350px;}

div.zoom{float: left; text-align: left; background: url(../images/zoom.gif) no-repeat 3px top; color: #c00000; margin: 0 0 10px 0; padding: 0 0 5px 23px; border-bottom: 1px dotted #ccc; width: 97%; _width: 96%;}
div.zoom a{color: #c00000; text-decoration: none;}
div.zoom a:hover{color: #333; text-decoration: none;}

div.formulario{float: left;}
div.formulario fieldset{width: 90%; border: 1px dotted #ccc; padding: 10px 5px; margin: 10px 0;}
div.formulario  label{color: #c00000; text-align: left; float: left; margin: 0 5px 5px 0; width: 50px;}
div.formulario input{float: left; width: 180px; margin: 0 0 5px 0; border: 1px solid #ccc;}
div.formulario textarea{float: left; width: 180px; height: 50px; border: 1px solid #ccc;}
div.formulario input.enviar{float: left; margin: 5px 0 0 55px; border: 1px solid #ccc; text-align: center; padding: 2px 10px; background-color: #c00000; cursor: pointer; width: 100px; color: #fff;}

#pie{background-color: #ccc; padding: 20px 0 0 0; margin: 15px 0 0 0;}
#pie p{text-align: center; color: #fff; background: url(../images/fondopie.gif) repeat left top; padding: 15px 0;}




/*------------------------------------------RESULTADOS BUSCADOR-------------------------------------------------------*/
#centro_buscador{float: left; width: 890px;  margin: 10px 0 0 0; text-align: left;}
#centro_buscador ul{float: left; display: block; width: 100%;}
#centro_buscador ul li{text-align:left; list-style: none; display: block; background: url(../images/ico-buscador.gif) no-repeat left 0; padding: 2px 5px 2px 20px; margin: 0 0 3px 8px; border-bottom:1px dotted #ccc;}
#centro_buscador ul li a{color: #333333; text-decoration: none;}
#centro_buscador ul li a:hover{color: #333; text-decoration: underline;}

/*------------------------------------------/RESULTADOS BUSCADOR-------------------------------------------------------*/

div.numeracion{float: left; margin: 5px 0 0 10px; color: #c00000}
div.numeracion a{color: #333; text-decoration: underline;}
div.numeracion a:hover{color: #c00000; text-decoration: none;}


dl.mapaweb{float: left; text-align: left; margin: 0 40px 10px 0;}
dl.mapaweb dt{border-left: 2px solid #c00000; padding: 0 0 0 3px; margin: 0 0 3px 0; color: #000;}
dl.mapaweb dt a{color: #c00000; text-decoration: none;}
dl.mapaweb dt a:hover{color: #333; text-decoration: none;}
dl.mapaweb dd{border-left: 1px solid #666; margin: 0 0 0 5px; padding: 1px 0 1px 3px;} 
dl.mapaweb dd a{color: #000; text-decoration: none;}
dl.mapaweb dd a:hover{color: #666; text-decoration: underline;}
dl.mapaweb dd.sub1{margin: 0 0 0 10px; border-left: none; background: url(../images/bullet2.gif) no-repeat left 2px; padding: 1px 0 1px 8px;}
dl.mapaweb dd.sub1 a{color: #333;}
dl.mapaweb dd.sub2{margin: 0 0 0 20px; border-left: none; background: url(../images/bullet3.gif) no-repeat left 2px; padding: 1px 0 1px 8px;}
dl.mapaweb dd.sub2 a{color: #666;}
dl.mapaweb dd.sub3{margin: 0 0 0 40px; border-left: none; background: url(../images/bullet3.gif) no-repeat left 2px; padding: 1px 0 1px 8px;}
dl.mapaweb dd.sub3 a{color: #666;}
dl.mapaweb dd.sub4{margin: 0 0 0 60px; border-left: none; background: url(../images/bullet3.gif) no-repeat left 2px; padding: 1px 0 1px 8px;}
dl.mapaweb dd.sub4 a{color: #666;}