/* CSS Document */

.pielink a:hover {text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006699;}
.pielink a:link {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006699;}
.pielink a:active {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006699;}
.pielink a:visited {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006699;}

body{background-color:#90BDDE; margin:5px; background-image:url(../img/bg.jpg); background-position:top; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contenedor{ margin:0 auto; width:778px; border:1px solid #002C4D; background-color:#FFFFFF; background-repeat:no-repeat; background-position:center top; }
#top{ position:relative; height:60px; background-image:url(../img/top.jpg);}
#buscador{ position:absolute; left:20px; height:30px; width:160px; padding:20px 0 0 0; background-image:url(../img/buscaro.jpg); background-repeat:no-repeat; background-position:0px 13px;}
#buscador input.texto {color: #333; background-image:url(../img/input_bg.jpg); background-repeat:repeat-x; background-color: #FFF; border: 1px inset #009900; width: 100px; font-size:10px;}
#menu{ position:relative; float:left; width:139px;}
#menu_curva{ position:absolute; width:52px; height:73px; background-image:url(../img/bg_menu_curva.gif); background-position:top; background-repeat:no-repeat; left:-52px;}

ul {margin: 0;	padding: 0;	list-style: none;border-bottom: 1px solid #ccc; background-color:#002C4D; }
ul li {position: relative; _height:23px; background-position: 0 0; background-repeat:no-repeat; background-color:#002C4D; border-bottom:1px solid #006699; 
 /*background-color:#002C4D; border-bottom:1px solid #0066CC;*/}
li ul {	position: absolute;	width:140px;left: -142px; top: 0; display: none;  z-index:20000; }
/* Styles for Menu Items */
ul li a {display: block;text-decoration: none;	color: #FFF; font-size:11px; _height:13px; padding: 4px 0 5px 15px;}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color:#00CC00; } /* Hover Styles */
li ul li a { padding:4px; } /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; border:1px solid #0066CC; } /* The magic */

#menu_loguin .titulo_loguin { padding-top:15px; background-image:url(../img/loguin.jpg); background-position:bottom center; background-repeat:no-repeat; height:27px;}
#menu_loguin{ background-color:#002C4D; color:#FFFFFF;}
#menu_loguin input.texto {color: #333; background-image:url(../img/input_bg.jpg); background-repeat:repeat-x; background-color: #FFF; border: 1px inset #009900; width: 70px; font-size:10px;}
#menu_loguin form{ padding:0 0 10px 0; margin:0;}
#menu_loguin form p {clear: left; margin: 0; padding: 0; padding-top: 8px;}
#menu_loguin form p label {float: left; padding-left:5px;width: 50px; font: bold 10px Arial, Helvetica, sans-serif;}
#menu_loguin p { padding:3px 0 0 0; margin:0; text-align:center; font-size:10px;}
#menu_loguin a{ color:#FFFFFF;}
#menu_loguin a:hover{ color:#00CC00;}
#menu_fin{ background-image:url(../img/bg_menu_pie.gif); background-repeat:no-repeat; height:13px;}

.boton{ font-size:9px; color:#FFFFFF; width:72px; background-color:#006600; border:1px outset #00CC00; padding:0 18px 0 18px;}

#col_1{float:left; width:639px; min-height:550px;}
#col_top{width:639px; height:100px; background-image:url(../img/bg_top_centro.jpg); background-position:bottom left; background-repeat:no-repeat;}
#titulo{ background-image:url(../img/titulo.gif); background-repeat:no-repeat; margin-top:10px; height:22px; width:508px; font-size:18px; font-weight:bold; color:#999999; padding:8px 55px;}
/* Columna A y B se usan para productos */
#col_a{float:left; width:315px; margin-top:10px;}
#col_b{float:left; width:315px; margin-top:10px;}
/* Columna C y D se usan para institucional y novedades */
#col_c{float:left; width:215px; margin-top:10px;}
#col_d{float:left; width:415px; margin-top:10px;}
#col_d a{ text-decoration:none; color:#006600;}
#col_d a:hover{ color:#009900;}
#margen{ margin:35px;}

#col_d p{line-height:18px; color:#333333;}
h1{ font-size:18px; color:#006600; border-top:5px solid #003366; padding-top:5px;}
h2{ font-size:14px; color:#003366; padding:5px 0; margin:0;}
h3{ color:#1F7BBE; margin:5px 0;}
ol li{ padding:5px 0; list-style-type:square; color:#666666;}
ol li a{ text-decoration:none; color:#009900;}
ol li a:hover{ text-decoration:underline; color:#003366;}

.imagen{ float:left; display:block; margin:5px 15px 5px 0;}
.imagen img{ border:1px solid #333; padding:1px;}
.img img{border:1px solid #333; padding:1px;}}
.fecha{ font-size:9px; color:#009900;}
.novedad{ font-size:10px; color:#666666; padding:5px 0; margin:0;}
.novedad a{ text-decoration:none;color:#0066CC;  padding:0; margin:0;}
.novedad a:hover{color:#000; }
.separador{clear:both;border-bottom:1px solid #E2E2E2;height:10px;line-height:10px; margin-bottom:5px;}

/* Barra de OFERTAS*/
#ofertas{ background-image:url(../img/of_bg.jpg); background-repeat:repeat-x; background-color:#EEF5E9; border:1px solid #CBE0BC;}
.of_titulo{ display:block; height:39px; background-image:url(../img/tit_ofertas_bg.jpg);}
#of_contenedido{ border:1px solid #C1D9AF; background-color:#FFF; background-image:url(../img/of_of_bg.jpg); background-repeat:repeat-x; background-position:bottom;}   
.precio{ font-size:16px; font-weight:bold; color:#009900 !important;}
#ofertas p{ margin:0; padding:5px 0;}
.ver_oferta a{ display:block;text-decoration:none; border:1px solid #000; padding:5px; margin:5px 0; background-color:#006600; color:#FFFFFF; font-weight:bold; font-size:14px; text-align:center;}
.ver_oferta a:hover{ background-color:#009900;}
.of_seccion{ display:block; background-color:#A4C789; font-size:9px; color:#003300; padding:4px;}


/* Bloque de producto*/
.producto{ display:block;}
.prod_imagen{ float:left; border:1px solid #CCCCCC; padding:1px; margin: 0 15px 10px 0; } 
.prod_contenido{}
.prod_contenido p{ margin:0; padding:0;}

/* Formulario */
#contiene_form{ padding:0 90px;}
input.texto, textarea.texto {color: #333; padding:3px; background-image:url(../img/input_bg.jpg); background-repeat:repeat-x; background-position:bottom; background-color: #FFF; border: 1px inset #009900; font-size:11px;}
form p {clear: left; margin: 0; padding: 0; padding-top: 5px;}
form p label {float: left; width: 120px;font: bold 0.9em Arial, Helvetica, sans-serif;}
#errorDisplay ol li{ background-color:#990000; color:#FFFFFF; font-weight:bold; border-bottom:1px solid #FFFFFF; padding:3px;}


/* Buscador*/

.rubro_busca{ display:block; float:left; width:60px; margin-right:10px; text-align:center; background-color:#0066CC; font-size:9px; font-weight:bold; color:#FFFFFF;}


/* PREMIOS */

.premios_box {width:377px; height:62px;
	background-image:url(../img/fnd_premio.gif);
	background-repeat:repeat-x;
	margin-bottom:10px;
	}
	
.premios_foto {width:155px; height:62px;
	float:left;
	}
	
/*.premios_foto span{
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #FFFFFF;
	padding: 5px;
	left: -1000px;
	border: 1px solid #CCCCCC;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.premios_foto {
	border-width: 0;
	padding: 2px;
	}
	
.premios_foto:hover{
	background-color: transparent;
	z-index:50;
	}
*/

.premios_desc {width:222px; height:62px;
	float:left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#CCCCCC;
	}
	
.premios_nro {font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#CCCCCC;
	}
	
	
	
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
font-family:Arial, Helvetica, sans-serif;
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid #CCCCCC;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-200px;
left: 60px; /*position where enlarged image should offset horizontally */
}