body{
  margin:0;
  background:url(../img/bg.jpg) repeat-x;
  font-family:Arial, Helvetica, sans-serif;
}

#top{ position:relative; margin:0 auto; height:95px; width:780px;}
.logo{ position:absolute; top:14px; left:10px;}
.top_menu{ position:absolute; top:20px; right:10px; font-size:10px; color:#666666;}
.top_menu a{ text-decoration:none; color:#333;}
.top_menu a:hover{color:#990000;}

.buscador{position:absolute; height:27px; top:45px; right:10px; background:#333 url(../img/buscar.jpg) no-repeat 10px center; padding:7px 10px 0px 70px;}
.buscador input{ border:1px solid #666;}
.bsc_i{position:absolute; top:45px; right:199px; background:url(../img/bsc_borde_i.jpg) no-repeat; width:3px; height:34px;}
.bsc_d{position:absolute; top:45px; right:10px; background:url(../img/bsc_borde_d.jpg) no-repeat; width:3px; height:34px;}

#sub_top{ text-align:center; background:url(../img/bg_flash.jpg) repeat-y center center; height:193px;}
#menu{ height:30px; clear:both; margin:3px 0 5px 0; _margin:2px 0 1px 0;/* border-top:1px dashed #FF0000; border-bottom:1px dashed #FF0000;*/}
#menu ul{ margin:0; padding:0;}
#menu ul li{ display:block; float:left; font-size:12px; height:20px; font-weight:bold; }
#menu ul li a{ display:block; color:#FFFFFF;text-decoration:none; padding:7px 20px 5px 20px; background:url(../img/men_sep.jpg) no-repeat right  center; border-bottom:4px solid #333;}
#menu ul li a:hover{ color:#FFCC00; border-bottom:4px solid #FFCC00;}
#menu ul li a.activo{ color:#FF6600; border-bottom:4px solid #FF6600;}

#contenedor{ position:relative; margin:5px auto 0 auto; width:780px; }
#centro{ overflow:hidden; width:778px; background:url(../img/borde.jpg) repeat-y 530px 50px;border-left:1px  dashed #eee;border-right:1px  dashed #eee;}


p{ font-size:11px; color:#333;}
h1{ color:#E39E50; font-size:22px; font-weight:normal; letter-spacing:-1px; margin:0; padding:0;}
h2{ color:#E39E50; font-size:18px; font-weight:normal; letter-spacing:-1px;  margin:0; padding:0;}
h2 a{color:#E39E50; text-decoration:none;}
h2 a:hover{color:#000; text-decoration:underline; color:#990000;}

h3{ font-size:12px; font-weight:bold; color:#000; margin:0; padding:0;}
h3 a{ color:#000; text-decoration:none;}
h3 a:hover{ color:#000; text-decoration:underline; color:#990000;}

#col_1{ position:relative; float:left; padding:20px 20px; width:498px;}
.borde_top{ display:block; top:0px; left:530px; position:absolute; width:7px; height:34px; background:url(../img/borde_top.jpg) no-repeat;}
#col_2{ float:left; padding:20px 10px; width:215px;}
#col_3{}

.fecha{ font-size:10px; color:#999;}
.novedad{ display:block; padding:5px 0; margin:5px 0; border-bottom:1px dashed #CCC;}
.novedad p{ margin:0; padding:5px 0; color:#333;}
.foto_novedad{ float:left; padding:3px; border:1px solid #ccc; margin:5px 10px 5px 0; background:#eee;}
.foto_novedad img{ border:1px solid #999;}
.fix{ clear:both; display:block; line-height:1px; height:1px;}

/* OFERTAS DEL HOME */
.oferta_home{ display:block;float:left; width:200px; padding:15px; background:#EFEFEF; margin:0 5px 10px 5px; }
.oferta{ border-bottom:1px  dashed #ccc; position:relative; overflow:hidden; height:1%; margin:5px 0; padding:0 0 5px 0;}
.oferta p{float:left; width:230px; padding:5px 0;}
.off{ display:block; position:absolute; top:10px; right:20px; width:74px; height:18px; background:url(../img/oferta.jpg) no-repeat center center; color:#FFF; padding:30px 0; font-weight:bold; text-align:center;}
.foto{ float:left; margin-right:10px;}

/* FORMULARIO */
input.texto, textarea.texto { color: #333333; background-color:#F7F7F7; border: 1px solid #333; width: 250px;}
form p { clear: left; margin: 0; padding: 0; padding-top: 5px;}
form p label { clear:both; display:block; width: 100px;}

/* REGISTRO */
.registro{ display:block; padding:10px; margin-bottom:5px;}
.registro p{ margin:5px 0; padding:0;}
.registro a{ font-size:11px; color:#333; text-decoration:none;}
.registro a:hover{ color:#990000;}
.registro input.texto, textarea.texto { color:#333333; background-color:#F7F7F7; border: 1px solid #333; width:140px;}
.input{ width:165px; background-color:#EFEFEF; border:1px solid #333;}
.registro p label { clear:both; display:block; width: 120px;}
#user{ position:relative; padding:15px 10px; background:#EEE; min-height:40px; }
#user p{ margin:3px 0; padding:0; font-size:11px; width:130px;}
.logout{ display:block; position:absolute; top:10px; right:5px; _right:20px;}


ul li{ font-size:11px; color:#990000;}

/* CAJAS PARA EL COL_1 */
#caja{ padding-bottom:10px; margin-bottom:10px; padding-bottom:20px; overflow:hidden; height:1%;}
.base{ background:url(../img/base.jpg) no-repeat center bottom;}

/* SERVICIOS HOME */
#servicios{overflow:hidden; height:1%; padding-bottom:30px; margin-bottom:10px;}
.servicio{ float:left; display:block; width:150px; padding:0 7px;}
#servicios h1{ font-size:14px; color:#FFF; font-weight:bold;}
.servicio p{ margin:5px 0;}
.verde{ display:block; background:#009900 url(../img/flecha_verde.jpg) no-repeat 5px 5px; padding:5px 5px 5px 32px; height:30px; border-bottom:3px solid #333;}
.rojo{ display:block; color:#FFF; background:#FF0000 url(../img/flecha_roja.jpg) no-repeat 5px 5px; padding:5px 5px 5px 32px;height:30px; border-bottom:3px solid #333;}
.azul{ display:block; background:#003399 url(../img/flecha_azul.jpg) no-repeat 5px 5px; padding:5px 5px 5px 32px;height:30px; border-bottom:3px solid #333;}

.un_producto{ display:block; position:relative; padding:5px 20px 5px 5px; border-bottom:1px dashed #CCC;}
.un_producto h6{ color:#990000; font-size:13px; letter-spacing:-1px; margin:0; padding:0;}
form{ margin:0; padding:0;}
.un_producto input{ font-size:9px;}
.close{ position:absolute; top:5px; right:5px;}

.texto-chico{ font-size:14px; color:#FF0000;}
.texto-chico a{ font-size:11px; color:#990000; text-decoration:none;}
.texto-chico a:hover{ color:#000000; text-decoration:underline;}

.borde_der{ border-right:1px dashed #CCC;}

#live_search_results{}
.live { display:block; border-bottom:1px dashed #CCC;}
#live_search_results .live a{ display:block; color:#333333;  padding:10px;   text-decoration:none;}
#live_search_results .live a:hover{ color:#990000; background:#FFF; text-decoration:none;}
#live_search_results .live a.titulo{ font-size:16px; letter-spacing:-1px;}

#pie{ position:relative; background: url(../img/bg_pie.jpg) repeat-x; height:110px;}
.pie_d{ position:absolute; top:45px; left:10%;}
.pie_c{ position:absolute; top:40px; left:40%; color:#FFF; text-align:center; font-size:10px;}
.pie_i{ position:absolute; top:40px; right:10%;}
.pie_i a{ display:block; width:79px; color:#99CC00; text-decoration:none; font-size:9px; text-align:center;}