@charset "utf-8";
/* CSS Document */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background:#6a6a15;}
p{margin:0 10px 10px}
/*a{display:block;color: #981793;padding:10px}*/
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#logo{margin:0 auto; text-align:center; width:382px; z-index: -999;}
div#banner{margin:0 auto; text-align:center; width:347px; z-index: -999;}
div#prodi{background:url(../image/productos-back.jpg) top right no-repeat #eda80f; height:590px; padding-top:0; margin-top:0;}
div#prodi span{color:#fdfdfd; font-size:0.8em; font-weight:bold;}
div#busqa{ padding-left:20px; width:80%;}
div#extra{background:url(../image/novedades-back.jpg) top left no-repeat #eda80f;}
div#footer{background: #000000;color: #FFFFFF;}
div#footer p{margin:0;padding:5px 10px}

div#container{width:790px !important; width:780px; margin:0 auto; background:#6a6a15;}
div#wrapper{float:left;width:100%}
div#content{margin: 0 200px; background:#6a6a15;}
div#navigation{float:left;width:200px;margin-left:-790px; background:#eda80f;}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%}
div#gracias{color:#FDFDFD;}
/*------------agrgando las css inetriores------*/

div#menutop{ width:100%; margin:0px auto; text-align:center; /*border:solid 1px #000000;*/ background:url(../image/botonera-textura.jpg) top left repeat-x; margin-bottom:10px; }
/*----------menu bold button -------*/
a.boldbuttons{
background: transparent /*url('../images/bolita-productos.png') no-repeat 0 50%*/;
display: block;
float: left;
font: bold 0.8em Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 23px; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */
text-decoration: none;
/*behavior:url(./css/iepngfix.htc);*/
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent /*url('../images/fondo-boton.jpg') repeat-x bottom left*/;
display: block;
padding: 4px 5px 4px 5px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-left:3%;
}

/*----------menu bold button -------*/
div#footer p{margin:0 auto;padding:5px 10px;}
div#contactos{ text-align:center;padding:0; width:100%; margin:0 auto; background:url(../image/pehuen-downn.jpg) top left no-repeat; height:482px;}
div#contactos p{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold;margin:0;padding:0; color:#FDFDFD;}
div#menubottom{ width:80%;clear:both;margin:0 auto; text-align:center; }
ul#menuabajo{ list-style-type:none; display:inline;}
ul#menuabajo li{ list-style-type:none; display:inline;}
ul#menuabajo a{display:inline;font:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold;color: #996600;margin:0 15px 0 0;color:#008100; }

.copyoferta{font-size:0.8em; display:inline;color: #6a4013; text-decoration:none;}
.copy{  width:100%;height:40px; padding-top:5px; text-align:center;font-size:0.8em;}

.copy a{font-size:0.8em; display:inline;color: #008100; text-decoration:none;}
.ovalo{ background: transparent url(../image/ovalo.png) top center no-repeat;font-size:1.2em;
text-align:center; margin:0 auto; color:#ffffff; width:170px; height:58px; line-height:58px;
behavior:url(./css/iepngfix.htc);
}

.menucategoria{margin: 0 0 15px 15px ;
  padding: 0;
  list-style-type: none;
  text-align:left;}
.menucategoria li{ text-align:left; margin: 0;
  padding: 5px;
  list-style-type: none;
  
  }
/*div#navigation li{    padding:0; margin:0 ;}*/
.menucategoria a{font:Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold;color: #FDFDFD; text-decoration:none; margin:0; text-align:left;  list-style-type:none; background:url('../image/boton-productos.jpg') no-repeat 0 50%; padding: 8px; }


/*--------paginacion -------*/
.pagination{ width:90%;margin:0 auto;
padding: 1em;
clear:left ;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 1em;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
margin: 0 3px;
border: 1px solid #eda80f;
text-decoration: none; 
color: #008100;
display: inline;
background:#eda80f;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #00ff00;
}

.pagination a.currentpage{
background-color: #ffa00f;
color: #FFF !important;
border-color: #ffa00f;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

/*--------paginacion -------*/

.leftcolimg{ float:left;border:2px #ffffff solid;width:120px; }

/*div#listado{width:340px; text-align:left; }*/
div#listado{width:100%;text-align:center; /*border:solid 1px #0000ff*/ }

div#listado a{overflow:hidden;}
div#listado h3{margin:2px; padding:2px; color:#fdfdfd; text-align:left;}
div#datoslista p{ width:150px;font-size:0.8em; font-variant:bold; margin:0; padding:0;/*border:solid 1px #00ff00;*/ text-align:center; }
div#datoslista{/*border:solid 1px #000000;*/width:150px; margin:0; padding:0; color:#fdfdfd }
div#datoslista a{color:#fdfdfd}
div#datoslista span{}
div#contenedora{}
/*.foritem{clear:left}*/
.foritem{float:left;width:170px ; /*border:solid 1px #ff0000;*/  padding-left:1em}

div#detallefull{ width:98%;margin:0 auto;color:#fdfdfd; }
div#detallefull h2{ color:#eda80f;text-align:center; font-size:1.4em;}
div#detallefull span{}
div#detallefull a{color:#fdfdfd}
#imadeta{ float:left;border: #FFFFFF 2px solid;margin-left:0.5em;}
div#datosdeta{ width:100px;margin-left:260px; text-align:left;padding:0 0 1em 1em;}
div#datosdeta img{border:none;}
div#descripdeta{width: 85%; text-align:justify; clear:left; padding:1em; color:#fdfdfd;font-weight:bold;}


div.ofertas{width:100%;margin:0 auto;}
div.ofertas a{padding:0; margin:0;display:inline; text-decoration:none;color: #FDFDFD;}
div.ofertas img{border: #FFFFFF 2px solid;}
.contoferta{  margin:10px 10px 3px 10px; text-align:center}
.contnovedad{ float:left; margin:3px 10px 3px 10px;}

.feed-list {
  margin: 0 0 15px 15px;
  padding: 0;
  list-style-type: none;
  text-align:center;
}

.feed-list li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
  display:inline;
}

.feed-list li a {
  padding: 0 0 0 19px;
  background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
  list-style-type: none;
  display:inline;
  font:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold;color: #008100; text-decoration:none;
  
} 

/** AUTOCOMPLETE CLASES ***/

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

#contleft{ width:100%; background:url(../image/contacto-back.jpg) top right no-repeat;padding:12px 0 0 0; }
#contleft form{ padding-top:10px}
#contleft form input{display:block;margin-left:5%; font-size:0.8em; width:80%}
#contleft form label{ color:#fdfdfd; font-weight:bold; padding-left:5%;}
#contleft form textarea{margin-left:5%; font-size:1em; width:80%}

#contajax{ width:100%; background:url(../image/contacto-back.jpg) top right repeat-x;padding:12px 0 0 0; }
#contajax form{ padding-top:10px}
#contajax form input{display:block;margin-left:5%; font-size:0.8em; width:80%}
#contajax form label{ color:#fdfdfd; font-weight:bold; padding-left:5%;}
#contajax form textarea{margin-left:5%; font-size:1em; width:80%}

.botones{margin-left:5%; font-size:0.8em; width:35%; margin-top:0; padding-top:0;}
.aserra{font-size:1.1em;padding:8px;clear:left; color:#fdfdfd;background:#006100;}

#newsins input{display:block;margin-left:5%; font-size:0.8em; width:80%}
#newsins label{ color:#fdfdfd; font-weight:bold; padding-left:5%;}

.guardanews img{border:0}
.guardanews{display:inline;float:right; padding-right:6px}

#indexa{ width:90%;margin:0 auto; text-align:center;}
#indexa h1{font-size:1.4em;color:#ddaa00; padding-left:8px;}
#indexa h2{font-size:1.2em;padding-left:8px;}
#indexa p{font-size:0.9em;text-align:left;color:#fdfdfd;}

#indexa span{background-color:#004400; padding:2px;color:#fdfdfd;}
#indexa a{color: #ddaa00;}
.bold{color:#00ff00;}
#use{color:#FF0000; font-size:1.2em; padding:0.5em 0;}
#eco{text-align:left; margin:0 auto;}
#eco h2{color:#eda80f;}
#eco p{ color:#fdfdfd; font-size:0.9em;}