body{font:11px "trebuchet MS", verdana; color:#ffffff; margin:0; padding:0; height:100%}
.clear{clear:both; font-size:0px; height:0}
a{text-decoration:none;color:#9eb819}
a:hover{text-decoration:underline}
img{border:0}
form,p,.clear{margin:0; padding:0}


.contenedor{width:960px; margin:0 auto}
.header{ height:192px ; background:url(images/header.jpg) no-repeat top center}
.logo{
	float:left;
	height: 100px;
	width: 170px;
	padding-top: 55px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 36px; text-align:center
}
.banner{ height:64px; float:left; width:500px; text-align:center}
.login{float:left; width:428px;margin:12px 0 27px 0; height:51px; padding:9px 0 0 12px}
.login a{font:10px "trebuchet MS", verdana; color:#FFFFFF; text-transform:uppercase; margin-right:20px; display:block; float:left}
.login a:hover{color:#f0ff00; border-bottom:1px dashed #f0ff00; text-decoration:none}
.loguead{background:url(images/fd_login_log.gif) no-repeat top center}
.iden{ width:265px; float:left; text-align:center; padding-top:5px; color:#f0ff00; text-transform:uppercase; font:11px Verdana, Arial, Helvetica, sans-serif; }
.logueo{float:left; width:428px; position:relative}
.logueo .nombre{ background:url(images/fd_nombres.gif) no-repeat right; height:18px; width:48px; float:left}
.logueo .clave{ background:url(images/fd_clave.gif) no-repeat right; height:18px; width:31px; float:left; margin-left:8px}
.logueo .formu{ width:131px; font:11px "trebuchet MS", verdana; height:12px; border:1px solid #ffffff; margin:1px 0 0 3px; float:left}
.logueo .cerrar{ position:absolute; right:4px;}
.logueo .entrar{float:left; margin-left:4px}
.menu{padding:11px 0 0 0; text-align:center}
.menu a{ font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#077b9f; text-transform:uppercase; padding:0 0 0  21px; margin:0 15px 0 0 ; background:url(images/menu.gif) no-repeat left}
.menu a:hover{color:#201c1b; border-bottom:1px dashed #201c1b; text-decoration:none}
.menu a.nobkg{background:none; padding:0}
.prod{background-image: url(images/fd_prod.gif);background-repeat: repeat-y;background-position: left top;margin-left:10px;width:950px;}
.prod2{background:url(images/top_prod.gif) no-repeat top  left}
.mensaje{background:url(images/fd_msg.gif) no-repeat bottom; width:750px; float:right}
.mensaje .menu_top{background:url(images/fd_msg_top.gif) no-repeat; height:11px; font-size:0px}
.mensaje .txt{ font:bold 18px "trebuchet MS", verdana; color:#000000; text-align:center; padding:0 20px 5px 20px}
.buscador{float:left; width:154px; height:126px; background:url(images/fd_buscador.gif) no-repeat left; margin:92px 0 0 6px;}
.buscador .txt{margin:34px 0 0 12px; border:1px solid #FFFFFF;font:10px "trebuchet MS", verdana; height:11px; }
.buscador .boton{float:right; margin:10px 15px 0 0 }
.buscador .descrip{font:9px Verdana, Arial, Helvetica, sans-serif; padding:4px 0; color:#FFFFFF; padding-left:8px}
.categoria{width:160px; background:url(images/tit_catego.gif) no-repeat top center; padding-top:40px}
.categoria a{ display:block; padding:1px 0 0 8px; font:9px Verdana, Arial, Helvetica, sans-serif;color:#b6c90d; margin-left:25px; background:url(images/item.gif) no-repeat left;}
.categoria a:hover{color:#f0ff00; text-decoration:none}
.categoria a.sub{ margin-left:40px;}
.categoria a.listado{ text-align:center; padding:8px 0; background:none}
.cotizacion{ background:url(images/tit_cotiz.gif) no-repeat top left; width:160px; padding-top:35px }
.cotizacion .valor{  color:#b6c90d;margin-left:33px;font:9px Verdana, Arial, Helvetica, sans-serif; padding:2px 0}

.destacado{width:750px; height:174px; background:url(images/fd_destacado.gif) no-repeat top left; margin-top:4px; float:right}
.destacado .imagen{
	margin-left:23px;
	margin-top: 10px;
	float:left;
	margin-right:20px;
	text-align:center;
	width:150px;
	height:150px
}
.destacado .des_des{float:left;}
.destacado .titulo{font:bold 10px "trebuchet MS", verdana;color:#000000;width:319px; margin-top:12px}
.destacado .descripcion{font:10px "trebuchet MS", verdana;color:#ffffff;width:319px}
.destacado .descrip{font:10px Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;width:110px;float:left;margin-left: 15px;}
.destacado .precio input{margin-top:8px; float:right}
.destacado .der{margin-bottom:4px;float:none;text-align:right;}
.destacado span{font:10px "trebuchet MS", verdana;color:#ffffff;}
.destacado select{ font:10px "trebuchet MS", verdana;color:#000000;width:79px; height:15x}
.destacado .precio{ font:bold 14px Verdana, Arial, Helvetica, sans-serif;color:#333333;text-align:right;float:none;}
.fl{float:left;}
.colch{ width:160px}
.fr{float:right; width:770px}
.flor{float:left;margin-top:12px;margin-left:12px;}

.productos{border:1px solid #288f82;float:left;width:760px; margin-top:12px}

.ordenar{width:750px; background:url(images/fd_ordenar.gif) repeat-x bottom; height:50px}
.ordenar .left{ width:180px; float:left ; background:url(images/fd_ordenar_l.jpg) left bottom no-repeat}
.ordenar .left .seccion{ float:left;font:11px Verdana, Arial, Helvetica, sans-serif; color:#b6c90d; padding:8px 6px 4px 6px; margin-top:4px}
.ordenar .right{ height:20px;float:right;background:url(images/fd_ordenar_r.jpg) right bottom no-repeat; padding-top:4px; color:#b6c90d}
.ordenar select{ text-transform:none; width:107px; font:10px Verdana, Arial, Helvetica, sans-serif; margin-top:2px; margin-left:3px}

.ficha{ width:253px; height:300px; float:left; background:url(images/fd_ficha.gif) no-repeat; margin-left:4px; margin-bottom:4px}
.ficha .imagen{
	margin-left: 20px;
	margin-top: 6px;
	width:150px;
	height:155px;
	text-align:center
}
.ficha .titulo{font:bold 10px "trebuchet MS", verdana;color:#b6c90d;margin:12px 12px 0 12px}
.ficha .detalle{font:9px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;margin:12px}
.ficha .fl130{float:left; width:130px}
.ficha .der{ margin-right:4px;margin-top:8px; margin-left:12px;}
.ficha span{font:10px "trebuchet MS", verdana;color:#ffffff;}
.ficha select{ font:10px "trebuchet MS", verdana;width:79px;}
.ficha .fr130{}
.ficha .precio{ font:bold 14px Verdana, Arial, Helvetica, sans-serif;color:#ffffff;text-align:right; margin-top:16px; margin-right:20px}
.ficha .fr130 .precio{float:right;margin-top:0;}
.ficha .mgtbo{margin-left:12px;}
.ficha .izq{ margin-right:4px;margin-top:8px; margin-left:12px; width:130px}

.mgl{margin-left:0}

.paginado{text-align:center; width:145px; margin:0 auto; clear:both}
.paginado a{ width:27px;text-align:center; padding-top:7px; padding-bottom:1px; background:url(images/fd_num.gif) no-repeat bottom; width:21px; height:17px; float:left; display:block; color:#FFFFFF}
.paginado span{ width:27px;text-align:center; padding-top:7px; padding-bottom:1px; background:url(images/fd_num_select.gif) no-repeat bottom; width:21px; height:17px; float:left; display:block; color:#333333}
.paginado a.ante{ width:27px;text-align:center; padding-top:7px; padding-bottom:1px; background:url(images/fd_ant.gif) no-repeat bottom; width:37px; height:17px; float:left; display:block; color:#FFFFFF}

.footer{ width:950px; height:50px; background:url(images/fd_pie.gif) no-repeat; margin:0 0 0 4px; text-align:center; color:#333333; font:10px Verdana, Arial, Helvetica, sans-serif; padding-top:8px; float:left;}
.footer a{color:#31756c}


/*Descripcion*/
.contcol3{float:left; margin-left:10px; margin-right:10px;width:740px;}
.imgprod2{float:left;width:500px;}
.imgprod2 img{ border:5px dashed #000000; float:left; margin-top:5px}
.conttit2{}
.titulo2{color:#ffffff;font-family: "trebuchet MS", verdana;font-size: 18px;padding-top: 8px;border-bottom:1px solid #b6c90d; margin-bottom:4px}
.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{font:10px "trebuchet MS", Arial, Verdana;color:#b6c90d;padding-bottom:15px;background-image: url(images/fd_comen.gif);background-repeat: repeat-x;background-position:left  bottom;margin-top: 0;margin-right: 22px;margin-bottom: 0;margin-left: 0;}
.chico{ float:left; width:500px; font:11px "trebuchet MS", Arial, Verdana; margin:15px 0 0 0 }
.dere2{float:left;margin-left:15px;margin-bottom: 15px;margin-top:15px;}
.dere2 .precio{font:24px "trebuchet MS", verdana;color:#9eb819;margin-bottom: 5px;}
.pregunt{ width:500px;}
.respu{width:500px;color:#9EB819;}
.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:#333333;text-decoration: none;line-height: 18px;background-color: #b6c90d;}
.pull2{border:1px solid #d1d1d1;height:18px;width:250px;margin-right:6px;float: left;font-family: "trebuchet MS", verdana;font-size: 11px; height:13px}
.formularios{border:1px solid #b6c90d;font:11px Verdana, Arial, Helvetica, sans-serif;	color:#000000}
.respuestas {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #ffffff;text-decoration: none;}
.mgt15{margin-top:15px}
.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}

/*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:#FFFFFF;}
.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*/
.verde2 .izq, .verde2 .der, .verde2 .centro{background-image:url(images/btn_carro_verde2.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;}
.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;}
.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;}
.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;}