@charset "utf-8";
/* CSS Document */

body {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 0px;
	padding: 0;
	font: 12px "Lucida Sans Unicode";
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
	/* Chelo added */
	background-image:url(images/back_01.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#003E00;
}
a, a:hover {text-decoration:none;}
#principal {
margin: 0 auto;
width:900px;
}
#enc_sup {
height:30px;
padding-top:7px;
font: normal 16px "Lucida Sans Unicode";
text-align:left; vertical-align:middle;
}
#tel {
width:170px; height:12px;
float:right; margin-top:-6px;
font-size:18px;
}
#fav {
width:100px; height:20px;
float:right; margin-top:-2px;
font-size:10px;line-height:8pt;
}
#fav a{ color:#FFFFFF;}
#cart {
width:80px; height:20px;
float:right; margin:-2px 25px 0 0;
font-size:10px;line-height:8pt;
text-align:center;
}

/*888 navevar  */
#navegacion_sup{
clear:both;
margin-top:2px;
background:#2D2F1C url(images/back_nave.jpg) repeat-x;
text-align:center;
height:36px; width:900px;text-align:center; vertical-align:text-bottom;
}

#navegacion_sup ul{
margin:0px; padding:0px;text-align:center; vertical-align:text-bottom;
}

#navegacion_sup li{
margin:0px; padding:0px;
display:inline;
height:36px; width:115px;text-align:center; vertical-align:text-bottom;
}

#navegacion_sup li a{
color:#F0F0F0;
font-weight:bold;
font-size:14px;
outline:none;
height:36px;width:115px;
border-right:solid 1px #000000;
float:left;
text-align:center; vertical-align:text-bottom;
}
#navegacion_sup li a:hover, #navegacion_sup li .current{
color:#FF6600;
text-decoration:none;
background:url(images/back_nave_h.jpg) repeat-x;
width:115px;height:36px;text-align:center; vertical-align:text-bottom;
}

#date {
float:right;
width:150px;
margin:2px 25px 0 0 ;
}
#logo {
border: 0px; float:left;
}
#logueo {
float:right;
background-image:url(images/acc_clients.jpg);
height:66px;
width:424px;
margin-top:22px;
}
#logueo #acceso {
width:100px; height:30px;
margin:17px 0 0 35px;
font: bold 14px "Lucida Sans Unicode";
float:left;
}
#form_log {
width:250px;
float:right;
margin-top:7px; padding:0px;
}
.field_log {
width:80px;
height:14px; border:solid 1px #9999CC;
font-size:11px; margin:2px;
}
.but_log {
height:38px; 
width:38px; 
background-image:url(images/sign_in_arrow.gif); 
border:0px;
background-color: transparent;
}
#cotiz {
background-image:url(images/buble_money.png);
width:222px; height:25px;
text-align:left;
padding-left:10px;
padding-top:5px;margin:8px 0 0px 5px;
}
#ofertas {
clear:both;
border-top: solid 3px #05103b;
width:900px; height:200px;
background-color:#CCCCCC;
}
#ofertas_mes {
border:solid 1px #669900;
text-align:left;
font: bold 18px "Lucida Sans Unicode";
color:#333333;
padding:3px;
}
#serv_1 {
width:285px; height:155px;
background-image:url(images/servicio1b.jpg);
float:left;
margin:7px 0 7px 9px;
color:#333366;
}
#serv_2 {
width:285px; height:155px;
background-image:url(images/servicio2b.jpg);
float:left;
margin:7px 0 7px 9px;
color:#333366;
}
#serv_3 {
width:285px; height:155px;
background-image:url(images/servicio3b.jpg);
float:left;
margin:7px 0 7px 9px;
color:#333366;
}
.serv_tit {
font: bold 16px "Trebuchet MS";
color:#CC3300;
width:180px;height:25px; float:right;
margin: 5px 5px 0 0;
}
.serv_text {
font: normal 11px Arial, Helvetica, sans-serif;
text-align:justify;
width:170px;height:85px; float:right;
margin: 5px 5px 0 0;
}
.serv_link {
clear:both;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
width:70px;height:15px; float:right;
color:#CC3300;
margin: 9px 15px 0 0;
}
.ofertas_mes_img {
height:112px;
}
.ofertas_mes_precio {
float:left;
text-align:left;
color:#003366;
font-weight:bold;
font-size:10px;
padding-left:10px;
width:30px;
} 
.ofertas_mes_reg {
float:right;
}
.ofertas_mes_uss {
float:right; padding-right:3px; margin-top:-3px;
color:#CC0000; font: bold 13px "Trebuchet MS";
}

#prods {
margin:0px;
clear:both; height:42px;
text-align:left;
padding-top:20px;
padding-left:60px;
width:840px;
background-image:url(images/our_products.gif);
font: bold 18px "Lucida Sans Unicode";
color:#333333;
}
#busqueda {
float:right;
width:400px; margin-top:-26px;
font-size:14px;
}
#search_but {
background-image:url(images/email_newsletter_arrow.png);background-color: transparent;
 border:0px;height:21px; 
width:21px; 
} 
#main_conte {
color:#666666;
background:url(images/back_izq.jpg) repeat-y;
background-color:#FFFFFF;
height:auto;
display:block;
}
#izq{
	float:left;
	width:242px;
	background-color:#004824;
	text-align:center;
}
#lista_precios {
margin:8px 0 0px 2px;
border: solid 0px;
}
#izq_ul{
margin-top:5px;
margin-left:3px;
padding:0px;float:left;
width:244px; 
list-style:none;
text-align:left;
display:block;
}

#izq_ul li {
margin:0px;
width:230px;
height:25px;
display:block;
}

#izq_ul li a {
margin:0px;
display:block;
font-size:14px; color:#FFFFFF;
width:230px;
padding:2px;
border: solid 1px #003333;
background-color:#006600;
list-style:none;
}
#izq_ul li a:hover{
	color:#FF6600;
	background-color:#336600;
	padding-left:5px;
	width:227px;
}
#izq #carrito {
clear:both;
width:232px; height:70px;
background-color:#F0FFF0;
border: solid 1px #CCCCCC;
margin:10px 0 10px 3px;
}
#carrito #img_cart {
margin:18px 0 0 8px;
}
#izq #carrito_empty {
clear:both;
width:232px; height:45px;
background-color:#F0FFF0;
border: solid 1px #CCCCCC;
margin:10px 0 10px 3px;text-align:left;
}
#cart_title { background-image:url(images/cart.png); background-repeat:no-repeat; font-size:16px; font-weight:bold; text-align:center; color:#CC3300; height:24px; margin:3px 0 0 3px;}
#cart_empty { text-align:center;}
#cart_items {margin-top:2px; width:100%;  text-align:center;}
#cart_view a{ clear:both;margin-top:2px; width:180px; float:right; text-align:left; color:#003399;}
#derecha {
float:right;
width:650px;
text-align:left;
}
#derecha h2 {
	margin: 10px 0 0 10px;
	width:635px;
	border-bottom: dotted 2px #999999;
	color:#D25400;
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: bold;
}
#navegacion a{ color:#0033CC;}

.each_prod {
width:147px; height:155px;
float:left;
margin:12px 0 0 10px;
background-color:#FFFFFF;
border: solid 1px  #D2E3D6;
text-align:center;
}
.each_prod_tit , .each_prod_tit a{
font: normal 11px "Trebuchet MS";
color:#003366;line-height:9pt;
height:25px;
}
.each_prod_img {
height:112px;
}
.each_prod_precio {
float:left;
text-align:left;
color:#003366;
font-weight:bold;
font-size:10px;
padding-left:10px;
width:30px;
} 
.each_prod_reg {
float:right;
}
.each_prod_uss {
float:right; padding-right:3px;
color:#CC0000; font: bold 14px "Trebuchet MS";
}
/**** category *****/

.subcate {
	width:450px;
	height:30px;
	margin:15px 0 0 15px;
	background-color:#006600;
	border:1px solid #006633;
	font: bold 22px "Trebuchet MS";
	padding:5px;
}
a .subcate {color:#ffffff; cursor:pointer;}
a:hover .subcate {color:#FF6600; cursor:pointer; border:solid 1px #660000; background:#006600;}

#derecha h3 {
margin: 10px 0 0 30px;
width:300px;
color:#993300;
font: bold 18px "Trebuchet MS";
}
#paginacion {
clear:both;
}
/********************************************************
/***** mostrando productos *****************************/
#derecha h1 {
margin: 10px 0 0 10px;
width:635px;
border-bottom: dotted 2px #999999;
color:#993300;
font: bold 24px "Trebuchet MS";
}

#galeria {
width:310px;
border:solid 1px #E8E8E8;
margin:5px 0 0 15px;
float:left;
background-image:url(images/back1pxFFF.jpg); text-align:center;
}
#galeria #superior{
height:18px; width:308px;
border-bottom: dotted 1px #CCCCFF;
background-color:#f1f1f1;
padding:1px;
}
.uniq {border: solid 1px #FFFFFF; text-align:center;}
#img1 { float:left; width:26px; height:16px; margin-left:3px; font-weight:900; cursor:pointer;}
#img1:hover {border:dotted 1px #999999; background-color:#FFCCFF}
#img2 { float:left; width:26px; height:16px; margin-left:3px; font-weight:900; cursor:pointer;}
#img2:hover {border:dotted 1px #999999; background-color:#FFCCFF}
#img3 { float:left; width:26px; height:16px; margin-left:3px; font-weight:900; cursor:pointer;}
#img3:hover {border:dotted 1px #999999; background-color:#FFCCFF}
#img4 { float:left; width:26px; height:16px; margin-left:3px; font-weight:900; cursor:pointer;}
#img4:hover {border:dotted 1px #999999; background-color:#FFCCFF}
#img5 { float:left; width:26px; height:16px; margin-left:3px; font-weight:900; cursor:pointer;}
#img5:hover {border:dotted 1px #999999; background-color:#FFCCFF}

#prod_image {float:left;padding:5px;text-align:center;}
#prod_image a{color:#996600;}
#prod_image a:hover{color:#000000;}
#prod_body {margin-top:10px;}
#prod_subtitle {
padding-top:5px;
font-size:14px;
font-weight:bold;

}
#prod_codigo {
border-bottom: dotted 1px #999999;
}
#prod_codigo span{
color:#990000;
font-weight:bold;
}
#datos_derecha {
width:310px;
margin:5px;
float:right;
}
#marca {
font: bold 16px "Trebuchet MS";
color:#336666; text-align:center;
border-bottom: dotted 1px #999999;
}
#prod_desc {
clear:both;
padding:8px 8px 10px 0;
}
#prod_precio { color:#336666;
padding-top:10px;
font: bold 16px "Trebuchet MS";
width:300; height:150px;
}
#prod_precio_but { font: bold 24px "Trebuchet MS"; color:#CC3300;
background-image:url(images/bot_precio.gif);
width:170px;
height:31px;
text-align:center; padding-top:2px;
}
#prod_precio_add { font: normal 16px "Trebuchet MS"; color:#003333;
background-image:url(images/bot_pedido.gif);
width:160px;
height:28px;
text-align:left;
padding-top:5px;
padding-left:10px;
margin-top:12px;
}
#prod_precio_add a{ color:#336666;}
#prd_garantia {
margin:5px;
font: bold 14px "Trebuchet MS";
color:#336666;
}
/*********************/
.red {
color:#FF0000
}
.contact_tit {
font: bold 16px "Trebuchet MS";
color:#003366;
margin:10px 0 0 20px;
}

.each_brand {
width:250px;
height:72px;
border:solid 1px #E4EDFC;
float:left;
margin:7px 0 0 25px;
padding:5px;
}
.each_brand_tit {font: bold 16px "Trebuchet MS";color:#FF6633;}
.each_brand img { padding-right:3px;}
.each_brand_link a{ color:#003399;}

.smaldata { padding:10px;}

.lista_cat {
color:#FFFFFF; font-size:14px;}
/*****  FOOTER  *****/
#footer {
clear:both;
width:900px;
height:72px;
background-image:url(images/footer_01.gif);
}
#footer_content {
float:left;
margin:20px 0 0 300px;
width:400px; 
text-align:center;
color:#CCCCCC;
}
#avisil {
float:left;
margin-top:20px;
margin-left:300px;
width:400px; 
text-align:center;
font-size: 10px;color:#999999;
}
#avisil a{color:#999999;}
#avisil a:hover{color:#FF6600;}
#footer_content a{color:#999999;}
#footer_content a:hover{color:#FF6600;}