/* CSS Document */

* { margin:0; padding:0 }

body { background:#666; font:.8em "Trebuchet MS", Arial }

img { border:none }

a { color:#000 }

textarea { overflow:auto }

#pagina { width:940px; margin:0 auto; background: url(../img/fondo.gif)}

/********************************************************************************************************/
.campo, .campocupon, #flogin_email, #flogin_password, .required, .campobusquedaprecio,.campobusquedatexto { border:1px solid #048ED2; background:#fff; padding:2px; font:.8em "Trebuchet MS", Arial }
.campocupon { width:150px }
.boton_carro, .botoncupon, #boton_login_ajax input, .campobusquedaboton,.aceptar { color:#fff; font:10px "Trebuchet MS"; text-decoration:none; display:block; height:16px; border:none; cursor:pointer; margin-bottom:4px; text-align:center; background:#4b9a16 ; text-transform:uppercase; width:105px }
.boton_carro { background:#1b6589 }
/********************************************************************************************************/

#encabezado { height:207px; background:url(../img/encabezado.jpg); position:relative }

#logo a { width:230px;padding-top:208px; height:0; display:block; overflow:hidden; opacity:.5 }

#idioma { background:url(../img/item.gif) no-repeat 5px 5px; list-style:none; position: absolute; top:10px; left:255px; padding:0 5px 5px 20px }

#idioma li { float:left; margin-right:10px }

.formcomboidiomas { position:absolute; top:30px; left:240px }

#menu { position:absolute; top:70px; right:0;  list-style:none }
#menu li { float:left; width:122px; text-align:center }
#menu a, .menu2 a   { text-decoration:none; color:#fff;font-size:11px }
#menu a:hover, .menu2 a:hover { text-decoration: underline }

.menu2 { position:absolute; top:140px; left:259px; list-style:none }
.menu2 li { float:left; margin-right:14px }
.menu2 a { background:url(../img/item.gif) 0 4px no-repeat; padding-left:14px; }

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

#encabezado .formbusqueda { position:absolute; bottom:50px; right:34px;color:#fff;font-size:11px}
			 
.cuadrobusqueda { color:#fff;font-size:11px;padding:3px 2px; width:153px;background:#484848;border:none }

.buscar {
	width:30px;
	height:19px;
	border:none;
	background:url(../img/buscar.gif);
	cursor:pointer;
	position:relative;
	top:1px;*top:0px
}
.buscarhover {
	width:30px;
	height:19px;
	border:none;
	background:url(../img/buscarhover.gif);
	cursor:pointer;
	position:relative;
	top:1px;*top:0px
}

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

#lateral-izquierda { width:230px; float:left }

#lateral-izquierda ul { list-style:none; margin:7px 0 7px 24px }
#lateral-izquierda ul a { color:#fff; padding:5px; text-decoration: none; font-size:.85em }
#lateral-izquierda ul a:hover { color:#2896cc }

#listas { background:url(../img/fondo2.gif); padding:14px 0 }

.subfamilias { margin-left:20px }


.oferta { width:169px; background:#fff; padding: 10px; margin:10px auto 0 auto; font-size:.9em }

.oferta img { border:1px solid #1c6689 }

.azul {color:#048ED2; font-weight:bold }

.detalles, .comprar { color:#fff; font:10px "Trebuchet MS"; text-decoration:none; display:block; height:16px; margin-bottom:4px; text-align:center }
.detalles { background:#1b6589 }
.comprar { background:#4b9a16 }
.detalles:hover { background:#3f82a3 }
.comprar:hover { background:#7eb957 }

#Enviar {*margin-top:4px }
/********************************************************************************************************/

#contenido { float:left; width:612px; padding:0 49px 40px }

#promociones,#bienvenidos { width:612px; padding-top:29px; height:0; display:block; overflow:hidden }



#contenido .oferta { float:left; border:1px solid #ccc; margin:0 19px 0 0 } 

.listaproductos { border:1px solid #ccc }

.listaproductos a { color:#1c6689;text-decoration:none;font-weight:bold }

.precioproducto { font-weight:bold }
/********************************************************************************************************/

.portada { width:641px; height:606px;  margin:0 auto; list-style:none; position:relative }

#directorio,#oficina,#operativo,#silleria { width:297px; padding-top:223px; height:0;  display:block; overflow:hidden;  position:absolute; background: url(../img/transparente.gif) }

#directorio { top:9px;left:24px }
#oficina { top:9px;right:22px }
#operativo {bottom:150px;left:24px }
#silleria { bottom:150px;right:22px }
#complementos { width:612px; padding-top:141px; height:0; display:block; overflow:hidden; position:absolute; bottom:0px;left:15px }

/********************************************************************************************************/
/*FAMILIAS*/
.linea_indice_subfamilias, .linea_indice_subfamilias a { color:#21658c }

/*subFAMILIAS*/
.paginacion, .paginacion a { color:#21658c }
/********************************************************************************************************/
/*FICHA*/

.titulo,.titulo1 { background:#114159 url(../img/titulo.gif) repeat-y; color:#fff; padding:6px 11px; font:bold 15px Verdana; width:590px ; margin:0 auto }
.titulo1 {  font:bold 12px Verdana; margin: 10px auto }

.titleMain { background:#000; color:#fff; padding:6px 11px; font-weight:bold; text-transform:uppercase;font-size:10px }
.titleMain a { color:#fff; font-weight:bold; text-decoration:none }
.titleMain a:hover { text-decoration: underline }

.contenidotabla b { color:#048ed2; font:bold 11px Verdana }
.fondo { background: url(../img/sombra.gif) bottom no-repeat; min-height:200px; _height:200px ; width:612px; padding:0 26px;  margin:0 auto; }

.campotextoinformacion,.campotituloinformacion,.campotitulocomentario,.campotextocomentario, .campocaptchacomentario { border:1px solid #048ed2; padding:2px; font:12px "Trebuchet MS"; width:300px }
.campocaptchacomentario { width:166px }
.campotextoinformacion,.campotextocomentario { overflow:hidden }
/********************************************************************************************************/
#pie { height:65px; clear:both;   background:black; width:940px; margin:0 auto; color:#fff; font-size:0.9em; padding-top:4px; }
#pie p { margin-left:260px;text-align:center }
#pie a { color:#fff }




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



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