/* CSS Document */
* {
	margin:0;
	padding:0
}
img {
	border:none
}
.center {
	text-align:center
}
select {
	font-size:10px;
	font-family:Tahoma
}
textarea {
	overflow:auto
}
.accesibilidad {
	display:none
}
body {
	font:11px Tahoma;
	background:#cccccc url(../img/fondo.jpg) repeat-x;
	color:#000
}
#pagina {
	width:1009px;
	margin:0 auto
}
#encabezado {
	height:79px;
	position:relative;
	background:url(../img/encabezado.jpg)
}
#logo a {
	width:220px;
	height:0;
	padding-top:42px;
	position:absolute;
	top:0;
	left:184px;
	display:block;
	overflow:hidden
}
#menu {
	list-style:none;
	position:absolute;
	top:45px;
	left:188px;
	font-size:12px;
}/*left:225px;*/
#menu li {
	float:left
}
#menu a {
	width:136px;
	color:#000;
	text-align:center;
	padding:4px 0;
	display:block;
	text-decoration:none
}
#menu a:hover {
	color:#fff;
	background:url(../img/menuh.jpg)
}
#idioma {
	width:75px;
	height:19px;
	position:absolute;
	top:13px;
	left:69px;
	list-style:none;
	background:url(../img/idiomah.jpg)
}
.bannerfamilia img{
	border:1px solid #444;margin-left:12px;
}
#idioma li {
	float:left
}
#idioma a {
	display:block;
	overflow:hidden;
	padding-top:19px;
	height:0;
	width:20px
}
#idioma a:hover {
	background:url(../img/idiomah.jpg)
}
#idioma #eng {
	margin:0 9px 0 1px
}
#idioma #esp {
	margin-right:5px
}
#idioma #otro {
}
#idioma #eng:hover {
	background-position:0 0
}
#idioma #esp:hover {
	background-position:-29px 0
}
#idioma #otro:hover {
	background-position:-54px 0
}
#menu2 {
	position:absolute;
	top:50px;
	right:60px;
	list-style:none;
	font-size:10px;
	font-family:Verdana;
	background:url(../img/login.gif) no-repeat 0 2px;
	padding-left:15px
}
/*#menu2 li { margin-bottom:9px}*/
#menu2 a {
	color:#000;
	text-decoration:none;
	display:block
}
#menu2 a:hover {
	text-decoration:underline
}
.mipanel {
	position:absolute;
	top:0;
	right:113px;
	width:60px
}
#menu2 .mipanel a {
	background:url(../img/mipanel.png) no-repeat 0 2px;
	padding-left:13px
}
#tu-carro {
	position:absolute;
	right:40px;
	top:0;
	color:#fff
}
#tu-carro img {
	float:left
}
#tu-carro ul {
	margin:14px 0 0 50px;
	font-family:Verdana;
	font-size:10px;
	list-style:none
}
#tu-carro .menu-carro {
	margin:14px 0 0 50px
}
#tu-carro .menu-carro a {
	color:#fff;
	text-decoration:none;
	background:url(../img/flecha2.png) no-repeat 0 5px;
	padding-left:8px;
	margin-right:4px
}
#tu-carro .menu-carro a:hover {
	text-decoration:underline
}
/**********************************************************************************************/

#contenedor {
	background:url(../img/contenido.png);
	width:987px
}
#columna-izquierda, #contenido {
	float:left
}
#columna-izquierda {
	width: 175px
}
#columna-izquierda {
	margin:-10px 13px 0 0;
	position:relative
}
#contenido {
	width:799px;
	padding:12px 0
}
.pagina-interior #contenido {
	width:775px;
	padding:12px
}
#columna-izquierda h3 {
	font-size:12px;
	padding:0 12px 10px
}
#columna-izquierda .novedades {
	background:url(../img/fondo.gif);
	color:#fff;
	text-align:center;
	padding:5px 0;
	margin:0 12px 15px
}
#columna-izquierda #listas {
	margin-bottom:20px
}
#columna-izquierda #listas ul {
	font-size:12px;
	list-style:none
}
#columna-izquierda #listas a {
	background:url(../img/menu.jpg);
	padding:5px 12px;
	display:block;
	color:#000;
	text-decoration:none
}
#columna-izquierda #listas a:hover {
	color:#fff;
	background:url(../img/menuh.jpg)
}
#columna-izquierda #listas .subfamilias a {
	color:#fff;
	background:#585858;
	padding:3px 25px;
	font-size:11px;
}
#columna-izquierda #listas .subfamilias a:hover {
	background:url(../img/fondo2.gif);
	font-size:11px;
}
#columna-izquierda div.busqueda {
	height:50px
}
#columna-izquierda .formbusqueda {
	margin: 0 12px;
}
#columna-izquierda .formbusqueda input {
	border:1px solid #ccc;
	font-family:Verdana;
	font-size:10px;
	padding:0 2px;
	width:97px;
	float:left
}
#columna-izquierda .formbusqueda input.imagesearch {
	background:url(../img/fondo1.gif);
	color:#fff;
	width:48px;
	border:none;
	cursor:pointer;
	letter-spacing:-1px
}
#muestra_search_ajax {
	position:relative;
	float:left
}
#informacion {
	list-style:none;
	margin:20px 12px;
	border:1px solid #ccc
}
#informacion a {
	text-decoration:none;
	font-size:11px;
	color:#000;
	padding:5px 0;
	display:block;
	text-align:center;
	border-bottom:1px solid #e2e2e2
}
#informacion .ultimo a {
	border:none
}
#informacion a:hover {
	background:#f2f2f2
}
.banner {
	margin:10px auto;
	display:block;
	clear:both
}
.telefonos {
	margin-left:3px
}
#mas-vendidos, #novedades {
	list-style:none;
	margin:10px 20px
}
#mas-vendidos a {
	font-size:11px;
	text-decoration:none;
	color:#333;
	padding:5px 5px 5px 10px;
	display:block;
	background:url(../img/link.gif) no-repeat 0 9px
}
#mas-vendidos a:hover {
	text-decoration:underline
}
#novedades li {
	clear:left
}
#novedades img {
	float:left;
	border:1px solid #ccc;
	margin:0 10px 12px 0
}
#novedades .precio {
	color:#207DC3;
	font-size:12px;
	font-weight:bold;
	text-align:right
}
#contenido h3 {
	font-size:16px;
	font-family: Lucida Grande, Lucida Sans-Serif;
	letter-spacing:1px
}
.familias #contenido h3 {
	margin-left:0;
	margin-bottom:0
}
#contenido h3, #contenido p {
	margin-bottom:13px
}
#contenido .portada {
	border:1px solid #000;
	margin-left:12px
}
#contenido .producto {
	width:250px;
	min-height:175px;
	border:1px solid #000;
	float:left;
	margin:10px 10px 0 0
}
#contenido .producto h4 a {
	color:#000;
	font-size:12px;
	border-bottom:1px solid #efefef;
	padding:5px;
	text-align:center;
	text-decoration:none;
	display:block
}
#contenido .productos {
	margin-left:12px
}
#contenido .producto .imagenlistado {
	float:left;
	margin:10px 0 0 5px
}
#contenido .producto .precio {
	float:right;
	font-size:16px;
	font-weight:bold;
	margin:50px 15px 0
}
.izquierda {
	width:350px;
	margin-right:30px;
	float:left;
	padding-top:12px
}
.derecha {
	width:419px;
	float:left;
	padding-top:12px
}
#contenido .derecha h3 {
	width:407px;
	padding:0 12px 10px 0;
	margin-left:0
}
#contenido .izquierda h3 {
	margin-left:0;
	width:100%
}
.izquierda h3 {
	border-bottom:1px solid #efefef;
	padding:0 0 10px 12px
}
.izquierda table {
	margin-left:12px
}
.derecha table {
	margin-bottom:20px
}
.relacionados {
	list-style:none;
	margin-left:12px;
	width:100%;
}
.relacionados li {
	width:80px;
	float:left;
	margin-right:6px;
	padding-left:6px
}
.relacionados a {
	display:block;
	text-decoration:none
}
.relacionados a h6 {
	font-size:11px;
	color:#000;
}
.comboatributos{
	font-size:11px; 
	width:270px;
}
.relacionados a.imagenlistado {
	border:1px solid #ccc;
	width:80px;
	overflow:hidden;
	margin:0 0 6px -6px
}
.relacionados .precio {
	margin-top:6px;
	font-size:14px;
	font-weight:bold
}
.contenedor1 {
	min-height:165px;
	font-size:11px;
	position:relative;
	background:#e7b629 url(../img/fondo4.jpg) repeat-x;
	color:#fff;
	margin-bottom:13px
}
.imagenlistado2 {
	display:block;
	border:1px solid #000;
	margin:0 0 7px 12px
}
.imagen-ficha {
	width:156px;
	text-align:center;
	padding-top:10px
}
.thumbs { margin:0 0 22px 12px }
.thumbs img {
	border:1px solid #000;
	padding:1px
}
.thumbs img:hover {
	padding:0;
	border:2px solid #000
}

#contenido .contenedor {
	margin-left:12px
}
#contenido ul {
	margin:0 0 10px 20px
}
.enviar-ficha #Enviar {
	margin-top:20px
}
.comentario {
	background:#ecbf2e;
	color:#fff;
	padding:7px 4px;
	border:1px dotted #666
}
.solicitar-informacion {
	margin:0 12px 20px
}
.solicitar-informacion .solitarinfo-enviar {
	background:transparent url(../img/fondo1.gif) repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	letter-spacing:-1px;
	width:48px;
	float:right;
	margin-top:5px;
	padding:0;
	margin-right:1px
}
.solicitar-informacion input, .solicitar-informacion textarea {
	width:145px
}
/* CARRO */
#contenido h3, #contenido h3.titulo, .formcarrocompra h3, #contenido h3.titulo2, #contenido h3.titulo3 {
	border-bottom:1px solid #efefef;
	margin-left:-12px;
	padding-bottom:10px;
	padding-left:12px;
	width:787px;
}
#contenido h3.titulo2 {
	width:100%
}
#flogin_password, #flogin_email {
	width:170px
}
.lineatotal, .opcion1, .tituloopcion1, .preciototal {
	padding-top:10px
}
/**************************************************************/




/* FAMILIAS / SUBFAMILIAS */

.indice_subfamilias {
	margin-top:12px
}
.familias .indice_subfamilias {
	margin-left:12px
}
.guia {
	margin:0 0 12px -12px
}
.subfamilia-producto {
	padding:1px;
	width:178px;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #000;
	min-height:169px
}
.familias .subfamilia-producto {
	width:195px
}
.subfamilia-producto:hover {
	border:2px solid #000;
	padding:0
}
.subfamilia-producto .imagenlistado {
	display:block;
	margin:10px auto
}
.subfamilia-producto .titulo-producto {
	margin:0 -1px;
	border-top:1px solid #efefef;
	display:block;
	padding:5px 6px;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	line-height:16px
}
.subfamilia-producto:hover .titulo-producto {
	margin:0;
	padding:5px
}
.subfamilia-producto .flecha {
	margin-left:5px
}

.familias .ultimas-noticias { border:1px solid #909192; margin:12px 0 0 12px; padding:0; width:100%; color:#666 }
.familias .ultimas-noticias h4 { 
display:block;
color:#000;
font-size:12px;
padding:6px 12px;
}
.familias .ultimas-noticias h5 {
border-top:1px solid #EFEFEF;
font-size:11px;
padding:6px 12px 0

}
.familias .ultimas-noticias p {
padding:0 12px;
}
.familias .ultimas-noticias p a.leer-mas {
display:block;
float:right;
width:15px;
padding-top:9px;
height:0;
overflow:hidden;
background:url(../img/leer-mas.gif) no-repeat;
*margin-right:12px
}
/*************************************************/
#muestra_search_ajax a {
	color:#000
}
/********************************************************************************************************************/


.listaproductos {
	border:1px solid #efefef;
	margin-bottom:20px
}
.tituloproducto a {
	font-family:Century Gothic;
	color:#207DC3;
	font-size:14px;
	text-decoration:none;
	font-weight:bold
}
.precioproducto {
	color:#207DC3;
	font-size:15px;
	font-weight:bold
}
.titleMain {
	padding:0 12px 12px 12px;
	border-bottom:1px solid #efefef
}
.pagina-interior .titleMain {
	margin-left:-12px;
	margin-bottom:12px;
	width:775px
}
.titleMain a {
	color:#000;
	text-decoration:none
}
.titleMain a:hover {
	text-decoration:underline
}
.recuadro {
	border:1px solid #efefef;
	padding:7px;
	margin-bottom:13px
}
.descripcionproducto ul {
	margin:0 0 10px 20px
}
.descripcionproducto a, .atributostabla a {
	color:#333
}
/*************************************/
.campotitulocomentario, .campotextocomentario, .campocaptchacomentario, .campocupon, #contenido .formbusqueda input, .solicitar-informacion input, .solicitar-informacion textarea, #flogin_email, #flogin_password, .formregistro input, .formcarrocompra input {
	border:1px solid #efefef;
	font-size:10px;
	font-family:Verdana;
	padding:2px
}
.solicitar-informacion input.solitarinfo-enviar, .formcarrocompra input.boton_carro, .formcarrocompra input.botoncupon, .formcarrocompra input.iniciar-sesion {
	border:none
}
.campotitulocomentario, .campotextocomentario {
	width:245px
}
#campo_cupon {
	width:97%;
	margin-right:10px
}
.boton_carro, .botoncupon, .campobusquedaboton, .iniciar-sesion {
	background:#3c3c3c url(../img/fondo3.gif);
	font:bold 11px Verdana;
	color:#fff;
	border:none;
	padding:2px 10px;
	cursor:pointer
}
#contenido .formbusqueda input.campobusquedaboton {
	border:none
}
.iniciar-sesion {
	margin-top:7px
}
/*************************************/
#formcarro a {
	color:#333
}
.paginacion {
*margin-top:30px
}
.paginacion a {
	color:#333
}
/*************************************/
.tablaproductos {
	background:url(../img/productos.jpg) no-repeat;
	margin-bottom:13px
}
.tituloproductos {
	border-bottom:1px solid #EEEEEE;
	font-weight:bold;
	padding:6px 0
}
.lineaproductos {
	letter-spacing:1px;
	border-left:1px solid #efefef;
	border-bottom:1px solid #efefef;
	padding:5px
}
.borde {
	border-right:1px solid #efefef
}
.color {
	color:#207DC3
}
/*************************************/
.panel1 {
	font-size:11px;
	background:url(../img/fondo3.jpg);
	border:1px solid #efefef;
	margin-bottom:13px;
}
.panel1 a {
	color:#333
}
.panel1 a:hover {
	text-decoration:none;
	color:#666
}
.nueva-dir a {
	color:#333
}
/*************************************/

#pie {
	height:30px;
	clear:both;
	font-family:Arial;
	font-size:10px;
	color:#818181;
	padding-bottom:10px;
	text-align:center;
	margin:-7px 0 0 0;
*margin:5px 0 0 0
}
#pie a {
	text-decoration:none;
	color:#818181
}
#pie a:hover {
	text-decoration:underline
}
#lazarus a {
	width:452px;
	height:0;
	padding-top:45px;
	margin:10px auto 40px;
	overflow:hidden;
	display:block
}
/**********************************************************************************************************/
* html .clearfix {
	height: 1%
}
.clearfix {
	display: inline-block
}
html[xmlns] .clearfix {
	display: block
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}