/* CSS Document */
* {
	margin:0;
	padding:0
}
body {
	font:0.75em Arial;
	background:#e4e4e4 url(../img/fondo1.png) repeat-x
}
img {
	border:none
}
.center {
	text-align:center
}
select {
	font-size:9px
}
textarea {
	overflow:auto
}
a, .color {
	color:#0093c6
}
h3.color {
	font-size:12px;
	margin-top:10px
}
a:hover {
	color:#58b4e2
}
/**********************************************************************************************/

#pagina {
	width:1083px;
	margin:0 auto
}
/**********************************************************************************************/
#encabezado {
	height:210px;
	position:relative;
	background:url(../img/encabezado.jpg)
}
#logo a {
	display:block;
	height:0;
	left:6px;
	overflow:hidden;
	padding-top:117px;
	position:absolute;
	top:22px;
	width:265px;
}
a.inicio, a.info {
	position:absolute;
	top:159px;
	color:#fff;
	text-decoration:none;
	font-size:.8em;
	text-align:center;
	height:18px;
	padding:5px 36px 0;
	display:block
}
a.inicio {
	left:28px
}
a.info {
	left:771px
}
.top {
	list-style:none;
	position:absolute;
	top:159px;
	left:131px;
	height:49px
}
.top a {
	color:#fff;
	text-decoration:none;
	font-size:.8em;
	float:left;
	text-transform:uppercase;
	text-align:center;
	height:18px;
	padding:5px 23px 0;
	display:block
}
.top a.info {
	position:absolute;
	right:194px
}
.top a:hover, a.inicio:hover {
	background:url(../img/fondo2.png)
}
.top a.info:hover {
	background:none
}
.banner {
	position:absolute;
	top:0;
	left:323px
}
.menu2, .menu3, .menu4 {
	list-style:none;
	position:absolute;
	left:820px;
	font:.8em Verdana
}
.menu2, .menu3 {
	top:60px
}
.menu4 {
	top:100px
}
.menu2 li, .menu3 li {
	margin-bottom:2px
}
.menu2 a, .menu3 a, .menu4 a {
	color:#fff;
	text-decoration:none
}
.menu2 a:hover, .menu3 a:hover, .menu4 a:hover {
	text-decoration:underline
}
.grafico {
	position:absolute;
	top:210px;
	left:966px;
	background:url(../img/fondo1.jpg);
	width:122px;
	height:198px
}
/**********************************************************************************************/

#contenedor {
	background:url(../img/fondo3.png) repeat-y;
	margin:0 0 0 8px
}
#columna-izquierda, #contenido, #columna-derecha {
	float:left
}
#columna-izquierda {
	width: 178px;
	margin-top:-20px;
	position:relative
}
#columna-derecha {
	width: 178px;
	margin-top:-15px;
	position:relative;
	padding-bottom:10px
}
#contenido {
	width:528px;
	padding:0 37px 15px;
	position:relative
}
/**********************************************************************************************************/
.lista, .lista2 {
	margin:10px 0;
	font:.85em Verdana
}
.lista ul, .lista2 ul, .lista3 ul, .lista-carro ul {
	list-style:none
}
.lista a, .lista2 a {
	/*color:#5b6061;*/
	color:#fff;
	text-decoration: none;
	display:block;
	_height:14px
}
.lista a {
	padding:4px 0 3px 28px;
*padding:2px 0 2px 28px
}
.lista a:hover {
	color:#fff;
	background:#333
}
.lista li.subfamilias a {
	padding-left: 47px
}
.lista2 {
	background:url(../img/fondo4.png) no-repeat 0 4px;
	height:106px;
	margin-left:25px
}
.lista2 li {
	margin-bottom:9px
}
.lista2 a {
	padding:4px 0 3px 30px
}
.lista2 a:hover {
	color:#fff
}
.solicitar-info {
	margin:10px 0 10px 28px;
	font: 11px Arial;
	color:#5B6061
}
.campotextoinformacion {
	border: 1px solid #666;
	font: 11px Arial;
	padding: 2px 4px;
	background: #050C0E;
	color:#5B6061;
	height:120px;
	width:112px;
}
.campotituloinformacion {
	border: 1px solid #666;
	font: 11px Arial;
	padding: 2px 4px;
	background: #050C0E;
	color:#5B6061;
	width:112px;
}
.campotextoinformacion:hover, .campotituloinformacion:hover {
	border: 1px solid #51abec;
	background: #202C2F
}
.cuadrobusqueda {
	border: 1px solid #42a0dc;
	font: 11px Arial;
	padding: 2px 4px;
	background: #1a769c;
	color:#adcfe4;
	width:112px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.cuadrobusqueda:hover {
	border: 1px solid #64cceb;
	background: #357296;
	color:#daf1ff
}
.enviar2 {
	background:url(../img/fondo11.png);
	color:#fff;
	font-weight:bold;
	border:none;
	cursor:pointer;
	padding:2px 4px;
 *padding:2px 4px 0;
	font-size:11px;
	margin:10px 0 0 72px;
 *margin:10px 0 0 62px
}
.form {
	position:absolute;
	top:6px;
	left:804px
}
.imagesearch {
	display:none
}
.imagenlistado {
	margin:10px
}
/**********************************************************************************************************/

.videos {
	margin-left:14px
}
.hr {
	background: url(../img/hr.png) repeat-x;
	height:1px;
	margin:5px
}
hr {
	display: none;
}
/**********************************************************************************************************
(H3)*/

.categorias, .topventas, .informacion, .solicitarinfo {
	padding-top: 20px;
	height:0;
	overflow:hidden;
	display:block
}
.categorias {
	background-image:url(../img/categorias.png)
}
.topventas {
	background-image:url(../img/topventas.png)
}
.informacion {
	background-image:url(../img/informacion.png)
}
.solicitarinfo {
	background-image:url(../img/solicitarinfo.png)
}
.carro, .sobre-nosotros {
	padding-top: 30px;
	height:0;
	overflow:hidden;
	display:block;
	background-position:12px 12px;
	background-repeat:no-repeat
}
.carro {
	background-image:url(../img/tu-carro.png)
}
.sobre-nosotros {
	background-image:url(../img/sobre-nosotros.png);
}
/**********************************************************************************************************/

.aleatorio, .chollazo {
	background:#464646;
	color:#fff;
	font:.9em Verdana
}
.aleatorio h5, .banners h5, .relacionados h5, .chollazo h5 {
	padding-top: 24px;
	height:0;
	overflow:hidden;
	display:block
}
.aleatorio h5 {
	background:#666 url(../img/productoaleatorio.png) no-repeat center 4px
}
.chollazo h5 {
	background:#666 url(../img/chollo.png) no-repeat center 4px
}
.relacionados h5 {
	background:#666 url(../img/relacionados.png) no-repeat center 4px
}
.aleatorio img {
	border:1px solid #999;
	margin:10px auto;
	display:block
}
.chollazo img {
	border:1px solid #999;
	margin:10px auto;
	display:block
}
.aleatorio p {
	padding:4px 12px
}
.chollazo p {
	padding:4px 12px
}
.aleatorio .precio1 {
	font-weight:bold;
	background:#303030
}
.aleatorio .precio1 strong {
	font-size:1.4em;
	font-family: Arial
}
.chollazo .precio1 {
	font-weight:bold;
	background:#303030
}
.chollazo .precio1 strong {
	font-size:1.4em;
	font-family: Arial
}
.relacionados div {
	text-align: center;
	background:#464646;
	padding:10px 0;
	color:#fff
}
.relacionados a {
	color:#fff
}
.relacionados div.fila1 {
	background:#303030
}
/**********************************************************************************************************/

.banners h5 {
	background:#666 url(../img/oferta.png) no-repeat center 4px
}
.banners {
	text-align:center
}
.banners img {
	margin-bottom:5px
}
/**/

/**********************************************************************************************************
(H1)*/
.destacados, .novedades, .carro1 {
	height:0;
	padding-top: 16px;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	background-position:20px 0;
	margin-bottom:12px
}
.destacados {
	background-image:url(../img/destacados.png)
}
.novedades {
	background-image:url(../img/novedades.png)
}
.carro1 {
	background-image:url(../img/carro1.png)
}
/**********************************************************************************************************/
.listaofertas{background-color:#FFF4FF; width:85px; margin-top:5px; min-height:110px; margin-left:10px; border:1px solid #999; text-align:center;}
.listaofertas1{width:50%;}
.descuentos{text-align:center; background-color:#0093c6; color:#FFF; padding:3px; vertical-align:bottom; width:100%;}
.descuentosrojo{text-align:center; background-color:#900; color:#FFF; padding:3px;}


.listaproductos, .listaproductos1, .listaproductos3 {
	position:relative;
	border:1px solid #ccc;
	margin:15px 0
}
.listaproductos1 {
	padding:10px
}
.listaproductos2 {
	border: 1px solid #ccc;
	margin:15px 0;
	padding:10px 10px 0
}
.listaproductos3 {
	padding: 10px 10px 0;
*padding: 10px
}
.listaproductos1 ul {
	margin:15px 0 15px 30px
}
.listaproductos table, .listaproductos5 table {
	width:100%
}
.listaproductos4 {
	border:1px solid #ccc;
	margin:15px 0;
	height:204px;
*height:208px
}
.listaproductos5 {
	margin:15px 0
}
.listaproductos5 strong {
	font-size:11px
}
#coment table {
	background:#eee;
	margin-bottom:10px
}
.precio {
	background:url(../img/fprecio.png) no-repeat;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	padding-left:25px;
	width:88px
}
.tituloproducto a {
	background:#666;
	display:block;
	text-decoration:none;
	font:bold .9em Verdana;
	color:#fff;
	padding:3px 10px;
	margin:10px 10px 0 0
}
.tituloproducto-ficha {
	background:#0090c3 url(../img/fondo7.png) repeat-x;
	display:block;
	font:bold .9em Verdana;
	color:#fff;
	padding:3px 10px;
	margin:10px 10px 0 0
}
.precioproducto {
	padding:5px 15px 0 0;
	width:121px;
	height:25px;
	display:block;
	background:url(../img/fondo6.png);
	color:white;
	font-size:17px;
	font-weight:bold
}
#Enviar {
	float:left
}
/**********************************************************************************************************/


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

.titleMain {
	color:#050C0E;
	font-size:10px;
	position:relative;
	top:-20px;
	margin-bottom:-10px
}
.titleMain a {
	color:#050C0E;
	text-decoration:none
}
.titleMain a:hover {
	text-decoration: underline
}
.titulo, .titulo1 {
	font-weight:bold;
	font-size: 1.1em;
	height:20px;
	color:#fff;
	background:url(../img/fondo5.png) no-repeat;
	padding:4px 0 0 23px;
	margin-top:15px
}
.titulo1 {
	background:url(../img/fondo5.1.png) no-repeat;
	padding:4px 0 0 54px;
	position: relative
}
.titulo1 strong {
	position:absolute;
	right:28px
}
/**********************************************************************************************************/
.recomiendalo {
	list-style:none;
	width:478px;
	height:24px;
	background:url(../img/fondo12.png) no-repeat;
	margin:20px auto
}
.recomiendalo li {
	float:left;
	width:239px
}
.recomiendalo a {
	font-size:10px;
	font-family:Verdana;
	font-weight:bold;
	padding-top:4px;
	color:#fff;
	text-decoration:none;
	display:block;
	height:20px
}
.recomiendalo a.rec {
	text-align:left;
	padding-left:40px
}
.recomiendalo a.avi {
	text-align:right;
	padding-right:40px
}
.recomiendalo a.rec:hover {
	background:url(../img/fondo12.png) no-repeat 0 -24px;
}
.recomiendalo a.avi:hover {
	background:url(../img/fondo12.png) no-repeat -239px -24px;
}
.listanovedades {
	margin:15px 0;
	position:relative;
	border:1px solid #e6e6e6;
	min-height:165px;
	_height:165px;
	_width:496px;
	padding:10px;
}
.listanovedades div {
	width:23%;
	float:left;
	margin:5px 5px 0;
	text-align:center;
	padding-bottom:10px
}
.listanovedades img {
	border:1px solid #ccc
}
.listanovedades a {
	font-size:12px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	display:block;
	margin:1px 0
}
.listanovedades p {
	display:inline;
	padding:0 0px
}
.listanovedades strong {
	color:#bcbcbc
}
.margen10 {
	margin:10px 20px
}
.campotitulocomentario, .campotextocomentario, .campocaptchacomentario, .campobusquedaprecio, .campobusquedatexto, .campocupon, .formregistro input, .formregistro textarea, .formregistro select, .formcarrocompra input, .formcarrocompra textarea, #flogin_email, #flogin_password {
	padding:2px;
	border:1px solid #ccc;
	font-size:11px;
	font-family: Arial;
	margin-bottom:5px
}
#campo_cupon {
	width:277px;
*width:258px
}
.campotitulocomentario, .campotextocomentario {
	width:300px
}
.campocaptchacomentario {
	width:167px
}
.campotextocomentario {
	height:75px
}
.campotitulocomentario:hover, .campotextocomentario:hover, .campocaptchacomentario:hover, .campocupon:hover, .campobusquedaprecio:hover, .campobusquedatexto:hover, .formregistro input:hover, .formregistro textarea:hover, .formregistro select:hover, #flogin_email:hover, #flogin_password:hover, .formcarrocompra input:hover, .formcarrocompra textarea:hover {
	border:1px solid #51abec
}
.enviar1 {
	margin-left:160px
}
.formcarrocompra .iniciar-sesion, .boton_carro, .campobusquedaboton, .botoncupon {
	background-image: url(../img/fondo11.png);
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 10px;
*padding: 2px 5px
}
.formcarrocompra .botoncupon, .formcarrocompra .boton_carro {
	border:none;
	padding: 2px 10px;
*padding: 2px 5px
}
.formcarrocompra .boton_carro:hover, .formcarrocompra .botoncupon:hover, .formcarrocompra .iniciar-sesion:hover {
	border:none
}
.formcompra .stock img {
	float:none
}
/*************************************************************************/
.complementos, .descripcion, .descripcion-e, .similares, .comentarios, .comentarios1 {
	display:block;
	overflow:hidden;
	padding-top:23px;
	height:0;
	background-color:#999;
	background-repeat:no-repeat;
	background-position:15px 6px;
	margin-bottom:10px
}
.complementos {
	background-image: url(../img/complementos.png)
}
.descripcion {
	background-image: url(../img/descripcion.png)
}
.descripcion-e {
	background-image: url(../img/descripcion-e.png)
}
.similares {
	background-image: url(../img/similares.png)
}
.comentarios {
	background-image: url(../img/comentarios.png);
	margin:10px
}
.comentarios1 {
	background-image: url(../img/comentarios1.png)
}
/*************************************************************************/

.listapanel {
	background:url(../img/fondo13.png);
	height:90px;
	margin:10px 0;
	list-style:none;
	padding:8px;
	width:513px;
	font-size:10px;
	font-family:Verdana
}
.listapanel li {
	height:30px
}
.listapanel a {
	color:#1d2321;
	font-weight:bold;
	display:block;
	padding:9px 0 0 72px;
	text-decoration:none
}
.listapanel a:hover {
	color:#fff;
	background-color:#0093c6;
	background-image: url(../img/fondo14.png);
	background-repeat: no-repeat
}
.modifica a, .adicionales a {
	height:20px;
	border-bottom:1px solid #303030
}
.seguimiento a {
	height:21px
}
.adicionales a:hover {
	background-position:0 -30px
}
.seguimiento a:hover {
	background-position:0 -60px
}
.filagris {
	background:#303030;
	color:#fff;
	padding:6px;
	text-align:center
}
.borde td {
	border-bottom:1px solid #ccc;
	padding:6px;
	border-left:1px solid #eee
}
.borde1 {
	border-right:1px solid #eee
}
.crear {
	text-align:center
}
.crear a {
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#303030
}
/*************************************************************************/

#pie {
	font-size:.8em;
	background:url(../img/pie.png) no-repeat 8px 0;
	padding:0 6px 30px;
	color:#89AEBC;
	clear:both;
	margin-top:-15px;
*margin-top:0
}
#pie p {
	padding-top:7px;
	margin-left:210px
}
#pie a {
	text-decoration:none;
	color:#89AEBC
}
/**********************************************************************************************************/

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