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 #111114;
}

*+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: 287px; 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; }

/*_____________________________________________________________________________________ CABECERA */

#banner { clear: both; width: 990px; height: 236px; margin: 0; padding: 0; background: url(../px/banner.jpg); }
.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 30px 0 30px;
  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: 2px 0 2px 5px; background: #2d2d2d; color: #cccccc; font-size: 16px; font-weight: normal; }
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 }

/*_____________________________________________________________________________________ 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: 32px; 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: 145px; 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: 14px; 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 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;}

/*_____________________________________________________________________________________ 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 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: 5px 0 5px 0; border-bottom:1px dotted #666; color: #f12c2c; font-size: 16px; font-weight: normal; }
.tags ul {list-style:none; float:left;}
.tags ul li {float:left; padding-right:15px}
.tags ul li a, #pie .tags ul li p { background: none; color:#FFF; }
.tags ul li h1 {margin: 0; padding: 0 ; color:#FFF;}
.tags ul li h2 {margin: 0; padding: 0; border-bottom:none; color:#FFF;}
.tags ul li h3 {margin: 0; padding: 0; color:#FFF; border:none}
