/* CSS Document */
* { margin:0; padding:0 }

body { font-size:11px; font-family:Tahoma }

ul { list-style:none } 

img { border:none }

input { border:1px solid #ccc; background:#fff }

#pagina { width:940px; margin:0 auto; padding:0 30px }

#encabezado { height:139px; position:relative }

#logo a { display:block; overflow:hidden; width:210px; height:0; padding-top:35px; position:absolute; left:30px; top:44px } 

#encabezado .formbusqueda { position:absolute; left:379px; top:55px ;*top:56px }

#encabezado .cuadrobusqueda { border:none; background:#fff; font-size:11px ; height:16px; font-family:Tahoma ; width:148px; padding:0 3px }

#encabezado .imagesearch { border:none; background: none; width:20px; cursor:pointer; margin-top:1px  }

#menu2, #menu3  { position:absolute;  font-size:10px; text-transform:uppercase }
#menu2 { left:231px; top:5px }

#menu2 li { float:left; margin-right:20px; width:136px; text-align:center }

#menu2 a, #menu3 a  { text-decoration: none }

#menu3 { left:550px; top:5px }

#menu3 li { width:114px; text-align:center }



#top { position:absolute; left:209px; top:113px }

#top a { color:#1D4E8B; padding:7px 20px; text-decoration:none; font-size:10px; text-transform:uppercase ;display:block ; float:left } 

.campotextocomentario{width:380px; height:80px;}
.campotitulocomentario{width:380px; font-size:11px;}
.comboatributos{width:450px; font-size:11px; background-color:#FFC;} 


#idioma { position:absolute; left:818px; top:7px }

#idioma h4 { font-weight:normal; position:absolute; font-size:10px; color:#fff;  }


#idioma ul { position:absolute; left:39px; background:url(../img/idioma.png); width:45px; height:11px }
#idioma ul li { float:left }
#esp, #eng { width:16px; height:0;padding-top:11px; display:block; overflow:hidden }

#esp { margin-right:13px } 

/**********************************************************************************************************/

#columna-izquierda a { color:#fff ;  font-size:11px; text-decoration:none; padding:7px 18px 7px; display:block }

#columna-izquierda, #columna-derecha { width:198px; float:left }

#columna-izquierda h3, #columna-derecha h3 {font-size:10px; font-weight:normal; color:#fff; text-transform:uppercase;padding:5px 18px 5px;  }

#columna-izquierda .lista ul li { }

#columna-izquierda .lista ul li a {  background: url(../img/fondo-li.png)  }
#columna-izquierda .lista ul li.subfamilias a { background:#535353; padding:7px 18px 7px 36px; }


#columna-izquierda .lista ul li a:hover { color:#333 ; background:url(../img/fondo-li-h.png) }

#columna-izquierda .publicidad h3 { background:url(../img/fondo-li-h.png) 0 -3px; color:#333 }



#columna-izquierda #informacion ul { background:url(../img/informacion.png) no-repeat 15px 13px; padding:5px 0 }

#columna-izquierda #informacion a { padding:5px 18px 5px 42px }



#columna-izquierda .publicidad ul { text-align:center; margin-top:15px }

#columna-izquierda .publicidad a { padding:0 }




.solicitar-info { width:150px; margin:10px auto; color:#fff }

.solicitar-info input, .solicitar-info textarea { border:1px solid #fff; color:#fff; padding:2px ; width: 93px; background:#000 }

.solicitar-info textarea { height:50px; overflow:auto }

.solicitar-info .enviar { width:46px; height:19px ; border:none }

/**********************************************************************************************************/
#contenido { width:494px; padding:21px 25px; float:left }

#contenido a { color:#000 }

#contenido div, #contenido h2, #contenido p { margin-bottom:10px }

#contenido h2 { padding-left:34px; font-size:12px }

#contenido .producto { padding:7px; width:140px; border:1px solid #ccc; float:left; margin-right:8px; color:#1D4F8B; min-height:370px; text-align:center }
#contenido .producto a { color:#1D4F8B }

#contenido .productoindex1 { padding:7px; width:140px; border:1px solid #ccc; float:left; margin-right:8px; color:#1D4F8B; min-height:225px; text-align:center }
#contenido .productoindex1 a { color:#1D4F8B }

#contenido publicidad { clear:both }

#contenido div.separador { margin-bottom:20px; height:40px }
.producto .precio { color:#4392d1; font-size:16px; font-weight:bold }

.producto .comprar  { width:144px; height:15px; background:url(../img/preview.jpg) no-repeat; margin:0 auto }

.producto .preview { width:44px; height:0; background:url(../img/0.png); padding-top:15px; display:block; overflow:hidden;float:left; }

.producto .stock { float:left }
/**********************************************************************************************************/
#columna-derecha a { color:#fff; }
#columna-derecha #tu-carro { color:#fff }
#columna-derecha #tu-carro div { padding:15px 18px 15px }
#columna-derecha #tu-carro div div { padding:0 }

#columna-derecha #tu-carro ul,#columna-derecha #tu-carro img { margin-bottom:10px }

#ver-carro, #vaciar-carro { display:block; overflow:hidden; width:162px; height:0; padding-top:15px }
#ver-carro { margin-bottom:7px }


#columna-derecha #los-mas-vendidos ul { margin:5px 0 }
#columna-derecha #los-mas-vendidos a {  text-decoration:none; padding:3px 18px 3px 26px; display:block; background:url(../img/item.png) no-repeat 18px 8px }
/**********************************************************************************************************/

#columna-derecha #novedades img { border:#d8d8d8 solid 1px; float:left ; margin-right:10px }
#columna-derecha #novedades ul { margin-top:15px; color:#fff }
#columna-derecha #novedades li { clear:both; margin-bottom:15px; min-height:50px; padding:0 18px 12px }
#columna-derecha #novedades .precio { color:#FFF; font-weight:bold; font-size:16px; text-align:right; margin-top:5px }

#columna-derecha #articulos a { padding:5px 18px; display:block; text-decoration:none }

.productoindex{padding:7px; width:140px; border:1px solid #ccc; float:left; margin-right:8px; color:#1D4F8B; text-align:center; min-height:210px;}
.cajaproductos{width:492px;}


/**********************************************************************************************************/
.tituloproducto a { font-size:14px; font-family:Tahoma;font-weight:bold; text-decoration:none }
.precioproducto .formcompra { margin-top:5px }

input { font-family:Tahoma; font-size:11px; padding:0 3px }
.formcomentario input.boton1, .campobusquedaboton, .boton_carro, .botoncupon { cursor:pointer; background:url(../img/boton_enviar.gif); color:#fff; font-weight:bold; border:none;  padding:0 15px; *padding:0 7px } 

/**********************************************************************************************************/
input#Enviar { border:none; background:none; padding:0 }
#contenido .breadcrumb { margin-bottom:20px }

.contenedor1 { height:166px }

#contenido .contenedor1 a, #contenido .listaproductos a { color:#fff }

.comentario { border:1px solid #ccc; margin-bottom:10px }

.listaproductos { background:#000 ; color:#fff; margin-bottom:10px }







.filagris { background:#000; color:#fff; padding:2px }



/**********************************************************************************************************/
#pie { font-size:10px }
#pie p { text-align:center; padding:4px 0 10px } 
#pie a { text-decoration:none }

/**********************************************************************************************************/
* html .clearfix {height: 1%}
.clearfix {*display: inline-block}
html[xmlns] .clearfix {display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}