/* CSS Document */
* {
	margin:0;
	padding:0
}
body {
	font:12px Arial
}
img {
	border:none
}
.color {
	color:#f00078;
	font-weight:bold
}
a {
	color:#000
}
textarea {
	overflow:auto
}
input, textarea {
	font:11px Arial, Helvetica, sans-serif
}
#pagina {
	width:1000px;
	margin:0px auto
}
#encabezado {
	height: 201px;
	background:url(../img/encabezado.jpg);
	position:relative
}
#logo a {
	width:407px;
	height:0;
	padding-top:95px;
	opacity:.5;
	display:block;
	overflow:hidden;
	position:absolute;
	top:29px;
	left:106px
}
#panel {
    width:168px;
    height:80px;
    background:url(../img/panel.jpg);
    overflow:hidden;
    position: absolute;
    right:18px;
    top:33px
}
#panel li {
    list-style:none
}
#panel a {
    display:block;
    height:0;
    overflow:hidden
}
#panel a:hover {
    background:transparent url(../img/panelhover.jpg) no-repeat 168px 94px
}
a#iniciar-sesion {
    padding-top:24px;
    width:165px;
    position:relative;
    top:4px;
    left:3px
}
a#iniciar-sesion:hover {
    background-position: -3px -4px;
    z-index:50
}
a#registrar, a#fav, a#ver-carro {
    padding-top:13px;
    width:128px;
    position: relative;
    top:10px; *margin-top:-2px; 
    left:40px
}

a#registrar:hover {
    background-position: -40px -34px
}
a#fav:hover {
    background-position: -40px -47px
}
a#ver-carro:hover {
    background-position: -40px -60px
}
#panel2 {
    width:167px;
    height:68px;
    background:url(../img/panel2.jpg);
    overflow:hidden;
    position: absolute;
    right:18px;
    top:33px
}
#panel2 li {
    list-style:none
}
#panel2 a {
    display:block;
    height:0;
    overflow:hidden
}
#panel2 a:hover {
    background:transparent url(../img/panel2hover.jpg) no-repeat 167px 80px
}
a#mi-cuenta {
    padding-top:24px;
    width:165px;
    position: relative;
    top:4px;
    left:3px
}
a#mi-cuenta:hover {
    background-position: -3px -4px
}
a#cerrar-sesion, a#ver-carro2 {
    padding-top:13px;
    width:128px;
    position: relative;
    top:10px;
    *margin-top:-2px;
    left:40px
}
a#cerrar-sesion:hover {
    background-position: -40px -34px
}
a#ver-carro2:hover {
    background-position: -40px -47px
}
a#inicio1 { position:relative;top:-4px;display:block;overflow:hidden; height:0; padding-top:25px; width:52px; background:url(../img/inicio.gif) }
a#inicio1:hover {  background:url(../img/iniciohover.gif) }

#menu {
	width:329px;
	height:35px;
	overflow:hidden;
	position: absolute;
	left:189px;
	top:134px
}
#menu li {
	list-style:none;
	float:left
}
#menu a {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:35px;
}
#menu a:hover {
	background:transparent url(../img/menuhover.gif) no-repeat 329px 35px
}
#quienes {
	width:119px
}
a#quienes:hover {
	background-position: 0 0
}
#comprar {
	width:123px
}
a#comprar:hover {
	background-position: -119px 0
}
#contacto {
	width:87px
}
a#contacto:hover {
	background-position: -242px 0
}
.busqueda {
	position: absolute;
	bottom:39px;
	_bottom:38px;
	right: 89px
}
.busqueda label {
	display:block;
	overflow:hidden;
	width:63px;
	height:0;
	padding-top:20px;
	float:left
}
.busqueda .cuadrobusqueda {
	width:192px;
	border:1px solid #000;
	height:15px;
*height:14px;
	font:11px Arial;
	padding:3px 3px 0
}
.ok {
	width:30px;
	height:19px;
	border:none;
	background:url(../img/ok.gif);
	cursor:pointer
}
.okhover {
	width:30px;
	height:19px;
	border:none;
	background:url(../img/okhover.gif);
	cursor:pointer
}
#menu2 {
	position: absolute;
	left:374px;
	top:174px
}
#menu2 li {
	list-style:none;
	float:left;
	margin-right:50px
}
#menu2 a {
	color:#fff;
	text-decoration: none;
	font-weight:bold;
}
#menu2 a:hover {
	color:#f00178;
}
/***************************************************************************************************************/

#columna-izquierda {
	width:234px;
	float:left;
	padding-left:12px
}
#categorias, #losmasvendidos, #articuloaleatorio {
	width: 193px;
	padding-top:34px;
	height:0;
	display:block;
	background:url(../img/categorias.gif);
	overflow:hidden
}
#columna-izquierda ul {
	list-style:none;
	background:url(../img/fondolista.gif);
	width:192px;
	padding-top:5px
}
.links a {
	position:relative;
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #e5e5e5;
	display:block;
	width:142px;
	padding:2px 10px 2px 20px;
	margin:0 auto
}
.links a:hover {
	text-decoration: underline
}
.subfamilias a {
	width:132px;
	padding:2px 10px 2px 30px;
}
.fondo-lista {
	background:url(../img/fondolistaabajo.gif);
	width:192px;
	height:30px;
	margin-top:-12px
}
#losmasvendidos {
	padding-top:37px;
	background:url(../img/losmasvendidos.gif);
	margin-top:5px
}
.losmasvendidos {
	text-align:center
}
.losmasvendidos li {
	margin:10px 0;
	position:relative
}

#articuloaleatorio {
	padding-top:37px;
	background:url(../img/articuloaleatorio.gif);
	margin-top:5px
}
.articuloaleatorio {
	text-align:center
}
.articuloaleatorio li {
	margin:10px 0;
	position:relative
}
/***************************************************************************************************************/

#contenido {
	width:707px;
	float:left;
	padding-top:4px
}
.titulo, .destacados {
	background:url(../img/ultimasnovedades.gif);
	height:0;
	padding-top:18px;
	width:707px;
	display:block;
	overflow:hidden
}
.destacados {
	background:url(../img/destacados.gif);
	margin-top:10px
}
.titleMain, .titleMain2 {
	background:url(../img/titlemain.gif);
	width:699px;
	padding:2px 4px 0;
	color:#fff;
	height:16px
}
.titleMain2 {
	background:url(../img/titlemain2.gif);
}

.titleMain a, .titleMain2 a {
	color:#fff;
	text-decoration:none;
	font-weight:bold
}
.titulo-articulo {
	font-size:1.3em;
	margin-top:10px
}
.titulo-articulo2 {
	font-size:1.3em;
	background:url(../img/titlemain3.gif);
	padding:5px 2px 3px 21px
}
.titulo-articulo3 {
	font-size:1.3em;
	background:url(../img/titlemain4.gif);
	padding:5px 2px 3px 10px
}
.titulo-articulo5 {
	font-size:1.3em;
	background:url(../img/titlemain5.gif);
	padding:7px 2px 5px 10px
}
.articulo_descripcion, .articulo_extendido, .titulo1 {
	font-size:1.1em;
	background:url(../img/fondo1.gif) no-repeat;
	color:#fff;
	padding:3px 0 6px 5px;
	margin:10px 0
}
.articulo_extendido {
	clear:both
}
.titulo1 {
	font-weight:bold
}
.campotitulocomentario, .campocaptchacomentario, .campotextocomentario, .campotituloinformacion, #flogin_email, #flogin_password, .campocupon {
	background:#ccc;
	border:none;
	width:200px;
	padding:2px;
}

.campotextoinformacion{
	background:#ccc;
	border:none;
	width:200px;
	padding:2px;
	height:100px;
}

.campocupon {
	width:128px
}
.campocaptchacomentario {
	width:67px
}
.cuadroavanzada .formbusqueda {
	border-top:1px solid #999;
	border-right:1px solid #f00178;
	border-bottom:1px solid #f00178;
	border-left:1px solid #f00178;
	padding:5px
}
.contenidotabla {
	background:url(../img/fondo-articulo.gif) no-repeat;
	padding:20px;
	min-height:157px;
	_height:157px;
}

.margen0 {
	margin:10px 0 10px 6px
}
.margen1, .margen2 {
	margin:10px 0 10px 20px
}
.comentario {
	padding:10px;
	margin:0 6px 12px 6px;
	background: #ccc;
	position:relative
}
.quote {
	background: url(../img/quote.gif);
	display:block;
	overflow:hidden;
	height:0;
	width:39px;
	padding-top:38px;
	position:absolute;
	top:-8px;
	right:16px;
	_right:40px
}
hr.coment {
	border: 0;
	background-color: #ccc;
	color: #ccc;
	height: 1px
}
.extendido ol, .extendido ul {
	margin:10px 40px
}
.extendido ul {
	list-style: disc
}
/***************************************************************************************************************/
/*FAMILIAS*/
.tituloproducto a {
	font-weight:bold;
}
.stockproducto {
	padding-top:10px
}
/***************************************************************************************************************/
/*BUSQUEDA*/
.campobusquedaprecio, .campobusquedatexto {
	background:#ccc;
	border:none;
	padding:2px
}
/***************************************************************************************************************/
.indice_subfamilias {
	margin-top:10px
}
.paginacion {
	margin-bottom:10px;
	/*width:439px*/
}
.paginacion strong{
	color:#990000;
	font-size:13px;
}

.css_paginacion {
	text-align:center;
	color:#000;
	font-weight:normal;
	text-decoration:underline;
	font-size:13px;
}
/***************************************************************************************************************/

/*PUBLICIDAD*/
.publicidad {
	margin:10px 0 0 246px
}
.banner {
	font:10px "Trebuchet MS";
	background:#ccc;
	padding:10px;
	width:416px;
	height:79px;
	margin-right:10px;
	_margin-right:5px;
	float:left;
	color:#fff
}
/***************************************************************************************************************/
#pie {
	height:41px;
	clear:both;
	width:713px;
	background:url(../img/pie.gif) no-repeat bottom;
	margin:10px 0 0 243px;
	padding-top:10px
}
#pie p {
	text-align:center
}
#pie a {
	color:#000;
	color:#555;
	font-weight:bold;
	text-decoration:none
}
/***************************************************************************************************************/
/*CARRO*/
.tablaborde {
	margin-top:10px
}
.color1 {
	background:#eee;
	margin:0 6px 14px 6px;
	padding:10px
}
.iniciar-sesion {
	background:url(../img/iniciar-sesion.gif);
	width:117px;
	height:16px;
	border:none;
	cursor:pointer;
	margin:10px 0 0 107px
}
#boton_login_ajax {
	clear:both
}
#flogin_email, #flogin_password {
	background:#fff;
	border:1px solid #ccc;
	width:200px;
	padding:2px;
	color:#000;
	margin-left:5px
}
.registro1 {
	background:#fff;
	border:1px solid #ccc;
	margin-left:5px;
	width:200px;
	padding:2px;
	color:#000;
	float:left
}
.registro3 {
	background:#ccc;
	border:none;
	padding:2px;
	color:#000
}
.lineaproductos {
	padding-top:10px;
	vertical-align:top;
	border-bottom:1px solid #ddd
}
.lineatotal, .preciototal {
	padding-top:10px;
	font-weight:bold
}
.tituloproductos {
	color:#fff;
	font-weight:bold;
	padding:1px 4px
}
.botoncupon, .boton_carro, .campobusquedaboton {
	width:107px;
	height:16px;
	padding-bottom:2px;
	background:url(../img/boton.gif);
	border:none;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	margin-left:5px
}
.tablacupon {
	margin-top:10px
}
.tablacupon2 {
	width:300px;
	margin:0 auto
}
.tablapanel {
	border-top:1px solid #999;
	border-right:1px solid #f00178;
	border-bottom:1px solid #f00178;
	border-left:1px solid #f00178;
	margin-bottom:8px
}

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

.destacado {
	width:326px;
	padding:10px;
	float:left;
	border:1px solid #a9a9a9;
	min-height:155px;
	_height:155px;
	margin:10px 10px 0 0;
}
.destacado a {
	color:#f00178;
	text-decoration:none;
	text-transform: uppercase;
	font-size:13px;
	font-weight:bold
}
.imagenlistado {
	/*float:left;*/
	border:1px solid #ccc;
	margin-right:15px
}
.precio, .formcompra {
	margin-top:10px;
	line-height:18px
}
.tablaproductos {
	margin-top:10px
}
/***************************************************************************************************************/
/*REGISTRO*/
/***************************************************************************************************************/
.aceptar {
	background:url(../img/aceptar.gif);
	width:79px;
	height:16px;
	border:none;
	cursor:pointer;
	margin:10px 0 0 0
}
.campo2 {
	clear:both;
	float:left;
	width:160px;
	text-align:right;
	margin:12px 2px 0 0
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/
* html .clearfix {
	height: 1%
}
.clearfix {
	display: inline-block
}
html[xmlns] .clearfix {
	display: block
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}