body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #ffffff;
  background: url(../px/fondo.gif) top left repeat-x #171618;
}

*+html { overflow: auto; }
img { border: 0; }
a { text-decoration: none; }

.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.incrus { float: left; margin: 0 10px 10px 0; padding: 0; }
.cabecera { margin: 0; padding: 0; width: 100%; height: 337px; background: url(../px/cabecera.gif) top center no-repeat; }
.cabeceraInner { margin: 0 auto; padding: 0; width: 990px; }

.contenedor { margin: 0 auto; padding: 5px 0 0 0; width: 990px; background: #121212; border-top: 2px solid #dc0000 }

/*_____________________________________________________________________________________ CABECERA */

#banner_container{
	float:left;
	width:989px;
	margin:0px;
	position:relative;
}

#banner { clear: both; width: 990px; height: 236px; margin: 0; padding: 0; }
.banner-cont {
  width: 175px;
  margin: 10px 0 10px 10px;
}

.logo { float: left; width: 180px; height: 50px; margin: 0 1px 0 0; }

span.minibanner {float:right}

.menu { width: 809px; height: 50px; margin: 0; padding: 0; float: right; }
.menu ul { margin: 0; padding: 0; float: left; }

.menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
  height: 50px;
  float: left;
}

.menu li a {
  color: #ffffff;
  font-size: 14px;
  padding: 3px 25px 0 25px;
  height: 47px;
  display: block;
  text-align: center;
  float: left;
  margin: 0 1px 0 0;
  background: url(../px/menu1.gif) top left no-repeat #b20000;
}

.menu li a strong { font-size: 18px; }
.menu li a.activo { background: url(../px/menu2.gif); }
.menu li a:hover { background: url(../px/menu2.gif); }

/*_____________________________________________________________________________________ IZQUIERDA */

.izquierda { float: left; width: 167px; margin: 0 15px 10px 0; padding: 0; }
.izquierda ul { margin: 3px 0 0 0; padding: 0 0 10px 0; }
.izquierda ul li { list-style: none; margin: 0; padding: 3px 0 0 19px; }
.izquierda ul li a { color: #ffffff; }
.izquierda ul li a:hover { text-decoration: underline; }

.izquierda ul.categorias li { background: url(../px/li-categorias.gif) 7px 8px no-repeat; }
.izquierda ul.tipos li { background: url(../px/li-tipos.gif) 7px 8px no-repeat; }

h3.categoria { margin: 0; padding: 6px 0 6px 18px; background: #2d2d2d url(../px/bullet.jpg) no-repeat 6px 12px; color: #cccccc; font-size:12px;  font-weight: normal; border-bottom:1px dotted #666;  }
h3.categoria a { margin: 0; padding: 2px 0 2px 5px; background: #2d2d2d; color: #cccccc; font-size: 14px; font-weight: normal; }
h3.tipo { margin: 0; padding: 2px 0 2px 21px; background: url(../px/h3-tipo.gif) 7px 12px no-repeat #7e7e7e; color: #ffffff; font-size: 16px; font-weight: normal; }

.linea { margin: 0 0 10px 0; border-bottom: 1px dotted #cccccc; height: 1px; }

.seleccionado { font-weight: bold; font-style: oblique; color:#F00 !important}

/*_____________________________________________________________________________________ DERECHA */

.derecha { float: left; width: 210px; margin: 0 0 10px 0; padding: 0; }
.derecha label { font-style: italic; color: #ffffff; }
.buscador { margin:0; padding:5px; }
.input-busqueda {
	border: 0;
	width: 135px;
	height: 25px;
	margin: 0;
	padding: 0;
	color: #454545;
	background:#cccccc;
}

.buscar { border: 0; width: 50px; height: 25px; font-style: italic; color: #ffffff; background: #565353; }
.banners { background: #2d2d2d; padding: 5px; }
.banners img { margin: 0 0 8px 0; width: 197px; }

/*_____________________________________________________________________________________ CONTENIDO */

.contenido { float: left; width: 585px; margin: 0 5px 10px 0; padding: 0; }
.contenido p { padding: 0; margin: 0 10px 10px 0; }

h1 { font-size: 26px; font-weight: normal; margin: 0; }
h2 { font-size: 22px; font-weight: normal; margin: 10px 10px 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #ffffff; }
h1.home { padding: 12px 0 12px 47px; background: url(../px/home.gif) top left no-repeat; float:left; display:block; color:#fff; font-style:italic; font-size: 24px; width:530px;}
h1 .rojo { font-size: 28px; display:block; font-style:normal }
h1 .rojoservicios { font-size: 32px; font-style:normal; color: #e20000; }

.rojo, .contenido a { color: #e20000; }

.contenido label { font-style: italic; color: #ffffff; }

.campo, select.campo, .textarea {
	border: 0;
	color: #454545;
	width: 565px;
	padding: 5px;
	font-size: 12px;
	background: #cccccc;
}

select.campo { width: 575px; }
.textarea { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; height: 90px; }

.enviar {
	border: 0;
	width: 80px;
	padding: 4px 0 4px 0;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background: #e20000;;
}

/*_____________________________________________________________________________________ LISTADOS */

.lista {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 179px;
	height: 240px;
	border: 3px solid #393939;
}

.lista h3 {width: 180px; height: 40px; overflow: hidden; font-size: 12px; color: #ffffff; font-weight: normal; margin: 0; padding: 0; }
.lista .imagen { width: 179px; height: 135px; overflow: hidden; vertical-align: middle; background: #ffffff; }
.lista .imagen img { width: 179px; }
.lista .info { width: 179px; height: 54px; background: #121212; }
.lista .left { float: left; width: 150px; padding: 10px 0 0 5px; }
.lista .right { float: right; width: 24px; height: 24px; margin: 0; padding: 40px 0 0 0; }

.lista p.datos { height: 30px; width: 145px; overflow: hidden; margin: 0; padding: 0; color: #999999; font-size: 11px; }
.lista p.precio { color: #ffffff; font-size: 10px; font-weight: bold; margin: 0; padding: 0; }

.paginador { margin: 0 0 10px 0; }
.paginador .actual { padding: 3px 6px 3px 6px; border: 1px solid #333333; background: #e20000; color: #ffffff; }
.paginador a { padding: 3px 6px 3px 6px; border: 1px solid #333333; color: #ffffff; }
.paginador a:hover { color: #ffffff; background: #333333; }

/*_____________________________________________________________________________________ FICHA DEL PRODUCTO */

.ficha { margin: 0 10px 10px 0; background: #3c3c3c; padding: 7px; float:left;}
.nombre { float: left; margin: 0 0 5px 0; width: 390px; }

.ficha h2 { font-size: 22px; font-weight: normal; margin: 0 0 5px 0; padding: 0; border: 0; float:left; clear:none; width:400px}
.ficha h3 { font-size: 16px; font-weight: normal; margin: 0 0 5px 0; padding: 0; color: #cccccc; font-style: italic; float:left;}

.estrella {	float: right;	width: 164px;	height: 59px;	padding: 15px 0 0 0;	text-align: center;	background: url(../px/estrella.jpg) top left no-repeat;}
.estrella strong { font-size: 20px; }

.ficha .imagen { clear: both; float: left; width: 220px; height: 183px; margin: 0 0 10px 0; padding: 0; background: url(../px/ficha.jpg) top left no-repeat; overflow: hidden; }
.ficha .imagen img {padding-top: 20px}
.ficha .texto { float: left; margin: 0 0 10px 0; padding: 10px; width: 320px; height: 163px; background: #2a2a2a; overflow: hidden; font-size: 11px; }

.ficha .datos { clear: both; margin: 0 0 10px 0; padding: 10px; background: #494949; color:#cbcbcb}
.ficha .datos p { margin: 0 0 5px 0; padding: 0; font-size: 16px; }
.ficha .datos ul { margin: 0; padding: 0; }
.ficha .datos ul li { list-style: none; margin: 0; padding: 3px 0 0 19px; background: url(../px/li-categorias.gif) 7px 8px no-repeat; }

.ficha .datos a.regalo { background: url(../px/regalo.jpg) bottom left no-repeat; width:150px; height:280px; float:right; font-size:16px; font-weight:bold }
.ficha a.masinfo, .ficha a.fichero {display: block;	float: right;margin: 0 0 0 15px;padding: 5px 0 0 5px;width: 110px;height: 40px;	color: #ffffff;	font-weight: bold;}
.ficha a.masinfo { background: url(../px/vermail.jpg) top left no-repeat; }
.ficha a.fichero { background: url(../px/verdetalles.jpg) top left no-repeat; }

.texto-iz  {border-top:1px dotted #CCCCCC;color:#999999;float:left;font-size:10px;padding:8px 0 0;width:300px;}

/*_____________________________________________________________________________________ CESTA DE LA COMPRA*/

.cesta {float:left; width: 190px; height:80px; margin: 0 0 10px 0; padding: 10px 5px 5px 10px;  border: 1px dotted #cccccc; background: #333;}
.cesta h4 {font-size:14px; color:#fff; padding:0 0 5px 0; margin:0; }
.cesta p  {font-size:12px; color:#ccc; padding:0; margin:0; }
.cesta a {font-size:12px; color:#000; padding:5px 32px 17px 10px; margin:0; float:left; background:url(../px/boton_cesta.jpg) no-repeat left top; font-weight:bold }
a.anadircesta {font-size:12px; color:#000; padding:5px 38px 17px 15px; margin:0; float:left; background:url(../px/boton_anadir.jpg) no-repeat left top; font-weight:bold; border:none }


/*_____________________________________________________________________________________ CESTA DE LA COMPRA*/

.formulario_cesta { float:left; width:550px; margin: 10px 0 0 0; padding: 20px 10px 20px 0; border: 1px dotted #cccccc;}
.formulario_cesta h3 {padding:0 20px 20px 20px; margin:0}
.formulario_cesta p {padding:0 20px 20px 20px; margin:0}
.formulario_cesta ul {float:left; list-style:none}
.formulario_cesta ul li{ margin:0; padding:0 20px; width:375; float:left;}
.formulario_cesta .form1 {width:140px; float:left}
.formulario_cesta .form2 {padding: 0 0 10px 0; margin:0; width:180px; float:left}
.formulario_cesta .form3 {padding: 0 0 10px 0; margin:0; width:300px; float:left}
.formulario_cesta .campo, .textarea {
	border:none;
	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#F3EEEA;
	color:#745E4B;
}
.formulario_cesta .star {color:#E20000;}
.formulario_cesta .textarea {height: 50px; }

.formulario_cesta .enviar_pedido {border: 0;width: 110px;color:#fff;font-family:Arial, Helvetica, sans-serif; font-weight:bold; height: 23px;font-size: 12px;background: #E20000; cursor:pointer}
.formulario_cesta .continuar_compra {border: 0;width: 110px;color:#fff;font-family:Arial, Helvetica, sans-serif; font-weight:bold;; height: 23px;font-size: 12px;background: #666; cursor:pointer}

td { background: #333; text-align: center; border: 1px dotted #cccccc;  }
tr.head td { background: #666;font-weight:bold }
td a.cerrar {background: none; padding:0; margin:0; }
td a.mas{ background:none;padding:0; margin:0 0 0 10px;  }
td a.menos {background:none;padding:0; margin:0; }
td a:hover, a.azul { color: #3ad4eb; }
td .precio1 {text-align: right !important; padding:3px 0; }
td .precio2 {font-size: 14px; text-align: right; color:#fff; font-weight:bold; padding:3px 0; background:#E20000 }

/*_____________________________________________________________________________________ RELACIONADOS */

.item_relacionado {padding:3px 10px 10px 10px; margin:0 12px 15px 8px; width: 250px; height:140px; float:left;background:#333;}
.item_relacionado h3 {margin:0; padding:5px 0 5px 0; font-weight:normal; color:#ccc}
.item_relacionado img {float:left; margin:15px 10px 25px 10px; }
.item_relacionado texto {background:#f9f7f5;  float:left;}
.item_relacionado h3 a {font-weight:bold; background:none; text-decoration:underline }
.item_relacionado .item_imagen {background: url(../px/ficha_relacionado.jpg) no-repeat top left; width:130px; height:108px; float:left; margin-right:10px}
/*_____________________________________________________________________________________ MARCAS */

#marcas {margin-top:10px; padding:5px 10px 10px 10px;float:left;  background:#2D2D2D;}
#marcas  ul {margin:0; padding:0; float:left; list-style:none; background:#fff;}
#marcas  ul li {float:left;}
#marcas  ul li img { vertical-align:middle}

/*_____________________________________________________________________________________ PIE DE PÁGINA */

#pie {width: 100%; height: 55px; clear: both; text-align: center; padding: 5px 0 0 0; color: #cccccc; background: url(../px/pie.gif); }
#pie p {margin:2px 0; padding:0;}
#pie a {color: #e20000; }
#pie a:hover {text-decoration: underline; }

.tags {margin: 0; padding: 5px 0 0 0; width:585px; float:left;}
.tags h3 {margin: 0; padding:0; border-bottom:1px dotted #666; color: #f12c2c; font-size: 16px; font-weight: normal; }
.tags ul {margin: 0; padding:0;list-style:none; }
.tags ul li {margin: 0;padding-right:10px; height:23px; float:left;}
.tags ul li a, #pie .tags ul li p {background: none; color:#FFF; }
.tags ul li h1 {margin: 0; padding: 0 ; color:#FFF; font-size: 20px; }
.tags ul li h2 {margin: 0; padding: 0; border-bottom:none; color:#FFF; font-size: 18px; }
.tags ul li h3 {margin: 0; padding: 0; color:#FFF; border:none; font-size: 16px; }
.tags ul li h4 {margin: 0; padding: 0; color:#FFF; border:none; font-size: 16px; }
.tags ul li h5 {margin: 0; padding: 0; color:#FFF; border:none; font-size: 16px; }
.tags ul li h6 {margin: 0; padding: 0; color:#FFF; border:none; font-size: 16px; }

.pie2 {width: 100%; height: 55px; clear: both; text-align: center; padding: 5px 0 0 0; color: #cccccc;}


/*______________________________________________________________REDES */
.redes {display: block;
    height: 107px;
	right: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 44%;
    width: 32px;
    z-index: 10000;}
	
.redes a.botonfacebook {height:35px;}
.redes a.botonfacebook:hover {
	width:245px;
	height:35px;
	float: right;
    background: url(../px/facebook2.png) 1012px;

}

.redes a.botontuenti {height:35px;}
.redes a.botontuenti:hover {
	width:245px;
	height:35px;
	float:right;
    background: url(../px/tuenti2.png) 1012px;

}

.redes a.botontwitter {height:35px;}
.redes a.botontwitter:hover {
	width:245px;
	height:35px;
	float:right;
    background: url(../px/twitter2.png) 1012px;

}
/*______________________________________________________________REDES */