/* CSS Document */

body {
font-family:Arial,Verdana;
font-size: 10px;
color: #3d3028;
/*background-color: #a3ba22;*/
background-image:url('../images/fondo.jpg');
background-repeat: repeat-x;
background-color: #73bc15;
text-align:center;
margin-top: 2px;
margin-left:0;
margin-right:0;
}

#principal{
background-image:url('../images/bg1.jpg');
width:100%;
height:200px;
text-align:center

}

#menu{
width:950px;
height:30px;
background-image:url("../images/menu.jpg")

}


#menu1{
width:140px;
margin-left:2px;
height:20px;
float:left;
text-align:center;
padding-top:5px;

}


/**menu**/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 900px; /*For KHTML*/
  list-style: none;
  height: 30px;
  text-align:left;
  background-image:url("../images/menu.jpg");
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h1 {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 900px; /*For KHTML*/
  list-style: none;
  height: 30px;
  background-image:url("../images/menu.jpg");
  text-align:left;
}

ul#navmenu-h1 li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}

ul#navmenu-h1 ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 190px;
  height:30px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
}

/* Root Menu */



ul#navmenu-h a {

  border-right: 1px solid #CCC;
  border-bottom:1px  solid#CCC;
  padding: 0 6px;
  float: left; /*For IE*/
  display: block;
  
  color: #ffffff;
  font: 14px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;

  height: 30px; /*For IE*/
}

/* Root Menu */


ul#navmenu-h1 ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h1 ul li {
  width: 200px;
  height:30px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
}


ul#navmenu-h1 a {
  border-right: 1px solid #FFF;
  border-right-color:#CCC;
  border-bottom-color:#CCC;
  padding: 0 4px 0 4px;
  padding-top:4px;
  float: left; /*For IE*/
  display: block;
  
  color: #ffffff;
  font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: underline;

  height: 30px; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}


.menu2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#4F4848;
font-weight:bold;
text-decoration:none;
padding:0 0 0 0px;

}


.menu2 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#09C;
font-weight:bold;
text-decoration:none;
}
.menu2 a:hover{

text-decoration:underline;
}



.menu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
/*color:#09C;*/
color:#2d4c13;
text-decoration:underline;
}
.menu a:hover{

text-decoration:none;
}


.menu a:hover{

text-decoration:none;
color:#09C;
}

#publicidad{
background-image:url("../images/publicidad.jpg");
background-repeat:no-repeat;
background-position:right;
width:980px;
height:95px;
float:left;
z-index:1;

}

#publicidad #menu_principal{
width:980px;
height:92px;


}
#banner_mayor{

  height:420px;
  width:620px;
  padding:3px 0 0 3px;
  float:left;
  margin:0;
}
#banner{
width:611px;
height:420px;
border: 1px solid #CCCCCC;
margin:0;
padding:0;
}


#productos{
width:375px;
height:420px;
margin:0;
padding:3px 0 0  0;

}

#productos_banner{
width:270px;
height:420px;
margin:0;
padding:0;
border: 1px solid #CCCCCC;

}

#productos #productos_alterno{
width:350px;
height:420px;
margin:0;
padding:0;
border: 1px solid #CCCCCC;

}




#izquierda{
width:160px;
height:auto;
margin:0;
padding:0px 0 0 3px;


}

#cuadro_izquierda{
width:156px;
height:auto;
margin:0;
padding:0px;
border: 1px solid #CCCCCC;
padding:0px 0 0 3px;

}


#derecha{
width:120px;
height:auto;
margin:0;
padding:0px 0 0 3px;


}

#cuadro_derecha{
width:126px;
height:auto;
margin:0;
padding:0px;
border: 1px solid #CCCCCC;
padding:0px 0 0 3px;

}


.titulo_izquierda{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#A5B458;
font-weight:bold;
text-decoration:none;
text-align:center;
}

.titulo a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4F4848;
font-weight:bold;
text-decoration:none;
text-align:center;
padding:0 0 0 5px;
}


.fuente a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
text-align:center;
padding:0 0 0 5px;
}

/**cuadro productos**/

#cuadro_producto{

   width:216px;
   height:350px;
   margin:0px 3px 10px 2px;
   padding:0px 0 0px 0px;
   float:left;
   text-align:left;
   border: 1px solid #CCCCCC;

}


#cuadro_borde{
   width:216px;
   height:270px;
   border: 0px solid #CCCCCC;
   padding:0px 0 0 0px;
   margin:0;
   float:left;
   text-align:center;
}


html>body DIV #cuadro_borde{
   width:216px;
   height:268px;
   border: 1px solid #CCCCCC;
   padding:10px 0 0 0px;
   float:left;
   text-align:center;
}
.titulo_producto{
 text-align:left;
 padding:0 0 0 5px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#3E7700;
 text-decoration:none;
 font-weight:bold;

}

.pie {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4F4848;
font-weight:bold;
text-decoration:none;
text-align:center;
padding:0 0 0 5px;
}

.ciudad{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
text-align:center;
padding:0 0 0 5px;

}
#sonido{

width:150px;
padding:0px 0 0 0;
height:40px;
text-align:right;
display:none;
float:left;

}

#cerrar{

width:150px;
height:10px;
padding-left:0px;
text-align:left;
}


html>body DIV #cerrar{

width:200px;
height:10px;
padding-left:0px;
text-align:left;
}

#logo{

  width:500px;
  height:90px;
  padding-left:5px;
  text-align:left;
  float:left;

 
}



.sonidotexto a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#4F4848;
text-decoration:none;
text-align:center;
padding:0 0 0 5px;
}


.titulo_internas{
 text-align:left;
 padding:0 0 0 5px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
 color:#3E7700;
 text-decoration:none;
 font-weight:bold;

}

.titulo{
 text-align:left;
 padding:0 0 0 0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#3E7700;
 text-decoration:none;
 font-weight:bold;
}

.fuente  {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
text-align:center;
padding:0 0 0 5px;
}
.buscar {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#F8ED72;
text-decoration:none;
text-align:center;
padding:0 0 0 5px;
font-weight:bold;
}

.especial{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#990000;
text-decoration:none;
text-align:center;
font-weight:bold;

}

.texto  {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
text-align:left;
padding:0 0 0 5px;
}


h1{

   color:#DDDDDD;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   text-align:left;
   font-size:25px;
  
}

h2{

   color:#DDDDDD;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   text-align:left;
   font-size:20px;
  
}


#contenido{
   
    margin:0; 
    padding:0;
    width:900px;
    text-align:center;
   
}

#contenido1{
   
    margin:0;
    padding:0;
    width:900px;
    text-align:center;
    background-color:#ffffff;
}

#cabecera{
     margin:0;
     padding:0;
}

#contenido_banner{
  width:900px;
  margin:0;
  padding:0 0 0 0px;
  height:350px;
  background-color:#FFFFFF;
}


#contenido_banner #banner1{

width:900px;
height:350px;
border: 0px solid #CCCCCC;
margin:0;
padding:0;
float:left;
}

#contenido_banner #banner3{
   margin:0;
   padding:0;
   width:10px;
   float:left;

}

#contenido_banner #banner2{

width:310px;
height:420px;
margin:0 0px 0 0px;
padding:0 0 0 0px;
border: 1px solid #CCCCCC;
float:left;
}

#contenido_productos{
  width:900px;
  margin:0;
  padding:0 0 0 0px;
  background-color:#FFFFFF;
  height:800px;

}

#contenido_productos #menu_izquierda{


     width:200px;
     padding:0;
     margin:5px 0 0 0;
     float:left;
     height:500px;

}

 #lista_productos{

        margin:5px 0 0 0;
        padding:0;
        /*float:left;*/
        height:700px;

}


#pie{
    margin:0;
    padding:0;
}


.letra_pie{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#5b5d50;
    text-align:left;

}

.letra_pie a{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5b5d50;
text-decoration:underline;
text-align:left;
padding:0 0 0 5px;

}


.logo{
  
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#4F4848;
 font-weight:bold;
 width:400px;
}

#sub_menu{
    
   width:900px;
   padding:0 0 0 2px;
   margin:0;
   height:30px;
   /*background-image:url("../images/barra.jpg");
   background-repeat:no-repeat;*/
 
}

#recuadro_foto{
   width:310px;
   height:320px;
   border: 1px solid #CCCCCC;
   padding:10px 0 0 0px;
   float:left;
   text-align:center;

}



#contenido_principal{
  width:900px;
  margin:0px 0 3px 0;
  padding:0px 0 0 0px;
  background-color:#ffffff;
  height:auto;
}

#pagos{
   clear:both;
   width:100%;
   padding:0;
   margin:0;
}

.titulo_categoria{

  font-size:16px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#896c00;


}