body{
	color:#fff;
	margin:0;
	padding:0;
	height:100%;
	background:url(images/fondo_body.jpg) repeat-x;
	background-color:#25221d;
	font-family: "trebuchet MS", verdana;
	font-size: 11px; float:left
}
.clear{clear:both; font-size:0px; height:0}
a{
	text-decoration:none;
	color:#D23637
}
a:hover{ color:#FFFFFF}
form{ margin:0; padding:0}
img{border:none}
.contenedor{
	width:960px;
	background-color:#25221d;
	left: 50%;
	margin-left: -480px;
	position: absolute;
	margin-top: 0px;
}

.header{
	float:left;
	width: 960px;
	height:211px;
	padding:0;
	margin:0;
	background-image: url(images/fondo_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.logo{float:left; margin:15px 0 0 5px }
.mensaje{
	float:left;
	font-size:18px;
	color:#D23637;
	width:406px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
	padding-top: 12px;
	padding-right: 180px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 110px;
}

.menu{background:url(images/pc_bco.jpg) repeat-x bottom; height:38px}
.menu a{	color:#FFFFFF;font:12px "trebuchet MS", verdana;display:block;padding:6px 20px;float:left;margin:8px 0 0 1px;	background-image: url(images/fd_sola.jpg); height:17px}
.menu a:hover, .menu a:active{ background-color:#9eb819; text-decoration:none; background:url(images/fd_sola_on.jpg) ; cursor:hand; height:18px}
.menu .selec{ color:#FFFFFF;font:12px "trebuchet MS", verdana;display:block;padding:6px 20px;float:left;margin:8px 0 0 1px;	background-color:#9eb819; text-decoration:none; background:url(images/fd_sola_on.jpg) ; height:17px}

.deg_cate{ background:url(images/deg_cate.jpg) repeat-x;  margin:1px}
.bordes{border:1px solid #cdcdcd;  margin:4px 0 0 0; background-color:#FFFFFF }
.productos{width:580px; margin-bottom:5px}
.bordes .gris{background-color:#dd3939;}

.conte_log{width:188px; height:91px; margin:62px 4px 4px 0}
.login{}
.login .bienvenido{float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:8px 0 0 8px}
.login .nombre{float:left; font:bold 9px Verdana, Arial, Helvetica, sans-serif; padding:10px 0 0 8px}
.login .cont{ padding:0 4px; margin-top:4px; float:left}
.login .cont .label{ font:10px "trebuchet MS", verdana; text-transform:uppercase; float:left; width:40px; padding:2px 0 0 0; margin-left:4px}
.login .cont .input{
	float:left;
	width:120px;
	border:none;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	height:13px;
}
.login .cont .input input{
	width:117px;
	border:none;
	font-family: "trebuchet MS", verdana;
	font-size: 9px;
}
.login .boton{ float:left; margin:0 5px 0 0}
.login .botont{margin-top:4px}
.manzana{ background:url(images/manzana.jpg) top no-repeat; height:158px; width:195px; float:right;}
.login a{ float:left; font:9px "trebuchet MS", verdana; text-transform:uppercase;color:#fff; margin-left:4px; margin-top:5px}
.login a.right{ float:right; font:9px "trebuchet MS", verdana; text-transform:uppercase;color:#fff; margin-right:4px}

.contenido{}
.contenido .izq{ width:195px; float:right}
.contenido .dere{ width:765px; float:left}

.titulo{ font:bold 9px "trebuchet MS", verdana; text-transform:uppercase; padding:4px 0 8px 8px}

.buscador{ background-color:#dd3939; color:#fff}
.buscador .txt{
	text-transform:none;
	width:130px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin-right:8px;
	border:1px solid #fff;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
.buscador .descrip{font-size:9px; padding:4px 0}
.categoria{background-color:#494949}
.categoria a{ display:block; padding:1px 0; font:9px "trebuchet MS", verdana;color:#fff; padding-left:20px}
.categoria a:hover{
	color:#DD3939;
}
.categoria a.sub{ padding-left:30px; background:url(images/ic_sub.gif) no-repeat left; margin-left:6px;}
.categoria a.listado{ text-align:center; padding:8px 0}

.destacado{background:url(images/deg_destacado.jpg) repeat-x bottom; background-color:#DD3939; border:1px solid #DD3939}
.destacado .titulo{font:bold 10px "trebuchet MS", verdana; color:#ffffff; padding:8px;width:174px}
.destacado img{border:1px solid #c7c9d1; margin:0 20px 4px 20px; float:left}
.destacado .detalle{font:9px "trebuchet MS", verdana;color:#ffffff; padding:0 8px 8px 8px;width:174px}
.destacado .der{float:left;margin:4px 0 4px 8px}
.destacado .der span{ width:70px; display:block; font:9px "trebuchet MS", verdana; color:#FFFFFF}
.destacado .der select{text-transform:none;width:80px;font:9px "trebuchet MS", verdana;margin-top:2px}
.destacado .cont_precio{float:left; font:9px "trebuchet MS", verdana; padding:8px 0 8px 8px; width:60px;font:14px "trebuchet MS", verdana;color:#ffffff;}
.destacado  input{ float:right; margin:8px }

.cotizacion{ background-color:#494949}
.cotizacion .valor{  float:left; font:9px "trebuchet MS", verdana; margin-left:5PX; margin-bottom:5px}

.ordenar{width:580px; height:30px}
.ordenar .left{
	width:215px;
	float:left;
}
.ordenar .left .seccion{ float:left; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:8px 6px 4px 6px; margin-top:4px}
.paginado{ float:left; margin-top:6px}
.paginado span{ display:block; float:left; width:27px;background-color: #9a8c89; text-align:center; margin-right:4px; height:15px; padding-top:1px; padding-bottom:1px; color: #ffffff;
 }

.paginado a{ display:block; float:left; width:27px;background-color:#FFFFFF; text-align:center; margin-right:4px; height:15px; padding-top:1px; padding-bottom:1px; color:#c33131 }
.paginado a:hover{color:#000; text-decoration:none}
.ordenar select{ text-transform:none; width:107px; font:10px Verdana, Arial, Helvetica, sans-serif; margin-top:2px; margin-left:3px}
.ordenar .right{
	height:20px;
	float:right;
	padding-top:4px;
	font-size:9px;

	text-align: right;
}
.ficha{
	background-color:#494949;
	padding:5px;
	width:238px;
	float:left;
	margin-top: 5px;
	margin-left: 5px;
	height:230px
}
.bd_0{border:none}
.ficha .conte{}
.ficha .conte .titulo{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:2px 4px;}
.ficha .conte .detalle{font:9px Verdana, Arial, Helvetica, sans-serif; padding:4px 4px 0 4px;}
.ficha .conte .cont_precio{float:right; font:9px Verdana, Arial, Helvetica, sans-serif; padding:4px 0 0 4px;}
.ficha .conte .cont_precio .precio{font:14px Verdana, Arial, Helvetica, sans-serif; padding:4px 0 0 0;text-align:right}
.ficha .conte .cont_precio  input{ float:right; margin:4px 0 }

.ficha .der{float:left;margin:4px 4px 4px 0;width:150px;height:150px;}
.ficha .der span{ width:70px; display:block; font:9px "trebuchet MS", verdana;}
.ficha .der select{text-transform:none;width:80px;font:9px "trebuchet MS", verdana;margin-top:2px}
.ficha .conte .der img{border:1px solid #c7c9d1; }


.footer{ width:960px;margin-top:4px; font:9px "trebuchet MS", verdana}
.footer a{background-color:#232323; color:#db3838; padding:0 2px}
.footer a:hover{background-color:#494949; text-decoration:none}
.direc{color:#FFFFFF; font:9px "trebuchet MS", verdana; padding:0 0 0 5px}
.copy{
	padding:4px;
	background-color:#dd3939;
	clear: both;
}

.banner{
	margin-left:5px;
	margin-top:5px;
	text-align: center;
	padding-top: 7px;
	height: 70px;
	clear: both;
}
.mgt5{margin-top:5px}
/*Descripcion*/
.contcol3{float:left;}
.imgprod2{float:left; border:1px solid #dd3939}
.conttit2{}
.titulo2{
	color:#FFFFFF;
	font-family: "trebuchet MS", verdana;
	font-size: 18px;
	padding-top: 8px;
	margin-bottom:4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dd3939;
}
.precio2{font:bold 24px "trebuchet MS", Arial, Verdana; color:#3193BA; display:block;height:35px; padding: 0 0 0 15px; margin:20px 0 0 0; float:left}
.descripx{
	color:#FFFFFF;
	float:left;
	padding-bottom:20px;
	background-image: url(images/sep_pedidos.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: "trebuchet MS", Arial, Verdana;
	font-size: 11px;
}
.chico{ float:left; width:500px; font:11px "trebuchet MS", Arial, Verdana; margin:15px 0 0 0 }
.dere2{float:left;margin-left:5px;margin-bottom:5px;}









.dere2 .precio{
	color:#DD3939;
	margin-bottom: 5px;
	font-family: "trebuchet MS", verdana;
	font-size: 24px;
}
.pregunt{ width:500px;}
.respu{
	width:500px;
	color:#DD3939;
}
.link2{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#3193BA; text-decoration:none}
.mgt4{margin-top:4px; display:block; margin-bottom:15px}
.dere2 .combo{font:bold 12px "trebuchet MS", Arial, Verdana;color:#FC9701;width:142px;margin-bottom: 8px;}
.dere2 .talle{
	display:block;
	font-family: "trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
}
.dere2 .boton{font:bold 12px "trebuchet MS", Arial, Verdana; color:#ffffff; padding:4px 5px 0 5px; display:block; border-left:1px solid #ffffff; border-right:1px solid #ffffff; background:url(img/botcomnj.jpg) repeat-x; text-transform:uppercase; float:left; height:21px; margin-top:10px}
.clear{clear:both}
.mail {
	font-family: "trebuchet MS", verdana;
	font-size: 11px;
	font-style: normal;
	color:#FFFFFF;
	text-decoration: none;
	line-height: 18px;
	background-color: #4a2723;
}


.pull2{
	border:1px solid #FFFFFF;
	height:18px;
	width:250px;
	margin-right:6px;
	float: left;
	font-family: "trebuchet MS", verdana;
	font-size: 11px;
	height:13px
}
.formularios{
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #25221D;
}

.respuestas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.mgt15{margin-top:5px}
.separador {background-image: url(img/separador_prod.gif);background-repeat: repeat-x;}

.combo_envio{border:1px solid #d1d1d1;font:11px Georgia, "Times New Roman", Times, serif;color:#270a0e; width:120px}
.sep_pedido{height:1px; background-color:#dd3939}
.fl{float:left}

/*opciones*/
.opcion_prod{float:left;margin-right:8px;margin-bottom:10px;}
.opcion_prod label, .opcion_prod select{font:bold 12px Arial, Helvetica, sans-serif;color:#DD3939;}
.opcion_prod select{color:#000000;min-width:80px;}

/*botones eliminar y actualizar*/
.actualizar{background:url(images/im_actualizar.png) 0 0 no-repeat;position:relative;color:#878A8D;height:16px;width:16px;float:left;margin-left:5px;}
.eliminar{background:url(images/im_eliminar.png) 0 0 no-repeat;text-decoration:none;color:#878A8D;height:16px;width:16px;float:left;margin-left:5px;}

/*Botones carro y pedido*/
.rojo .izq, .rojo .der, .rojo .centro{background-image:url(images/btn_carro_rojo.png);}

.btn{display:block;width:160px;color:#FFFFFF;font:bold 12px Arial, Helvetica, sans-serif;text-transform:none;text-decoration:none;}
.btn:hover{text-decoration:none;color:#FFFFFF}
.btn:hover .centro{background-position:-107px -47px;background-repeat:repeat-x;}
.izq{float:left;}
.centro{float:left;line-height:27px;padding-left:5px;background-position:-107px 0;background-repeat:repeat-x;width:110px;}
.der{float:right;}
.btn span{display:block;}
.btn .clear{clear:both;}
.volver .izq{background-position:0 0;background-repeat:no-repeat;width:30px;height:27px;float:left;}
.volver .der{background-position:-87px 0;background-repeat:no-repeat;width:15px;height:27px;}
.seguir .izq{background-position:-68px 0;background-repeat:no-repeat;width:15px;height:27px;float:left;}
.seguir .der{background-position:-34px 0;background-repeat:no-repeat;width:30px;height:27px;}
.volver:hover .izq{background-position:0 -47px;background-repeat:no-repeat;width:30px;height:27px;}
.volver:hover .der{background-position:-87px -47px;background-repeat:no-repeat;width:15px;height:27px;}
.seguir:hover .izq{background-position:-68px -47px;background-repeat:no-repeat;width:15px;height:27px;}
.seguir:hover .der{background-position:-34px -47px;background-repeat:no-repeat;width:30px;height:27px;}