@font-face{
      font-family:'fuente_extra';
      src:url('oregano-regular.ttf');
    }
          html,body{
           margin: 0 auto;
           font-family: Arial;
           font-size: 12px;
           /*background-image: url(../img/bg.jpg);*/

          }
          body{
           width:100%;
           min-width: 990px;
          }
          #divCuerpo{
           width: 100%;
          }
          #divHeader, #divContent, #divFooter{
           width: 100%;

          }
          #divContent{
           min-height: 500px;
           overflow:hidden;
          }
          #divCabecera,#divContenido,#divPiePagina{
           margin: 0 auto;
           width: 990px;
          }


          /* estilos del header*/
          #divHeader{
           margin: 0 auto;
           text-align: center;
           background: #1a1f4d;
           padding-bottom: 10px;
           height: 130px;
          }
          #divLogo, #divMenu{
            float: left;
          }
          #divLogo{
           text-align:left;
           width: 250px;
          }
        #divLogo img{
          width:120%;
          }

          #divBuscar{
            float: left;
            width: 34%;
            padding-top: 10px;
          }
          #txtBuscar{
           border: 1px solid #8fbd06;
          }

/***  fin de los estilos del header ******/

/*** estilos del footer **/
        #divFooter{
         min-height: 145px;
         margin-top: 10px;
         background: #1a1f4d; /* Old browsers */
         border-top: solid 1px #ddd;
         color: #fff;
         overflow:hidden;
        }
        #divFooter .logo{
          width:200px;
        }
        .ligas_footer{
         width: 23%;
         float: left;
         border-right: 1px solid #555;
         margin-top: 10px;
         min-height: 130px;
         padding-left: 10px;
        }
        .contactanos{
         border: none;
        }

        .titulo_footer{
         font-size: 15px;
        }
        .lista_footer{
          list-style: none;
          padding-left: 5px;
        }


        .lista_footer li a{
          text-decoration: none;
         color: #fff;
        }

        .lista_footer li a:hover{
          text-decoration: underline;
        }

/** fin de los estilos del footer **/


/**  estilos del contenido **/
    #divContenido{
     margin-top: 50px;

    }
    #divSlider img{
    }

    #divCategorias{
     width: 20%;
     float: left;
     background: #01163A;
    }
    .lista_categorias li{
     margin-left: 0px;
     border-radius: 7px;
    }
    ul.lista_categorias{
    padding: 0px;
    /*list-style-image: url(../img/vineta.png);*/
    }
    ul.lista_categorias ul {
        padding-left:10px;
    }
    .lista_categorias li a{
      text-decoration: none;
      font-size: 15px;
      font-family: Arial;
      background: #01163A;
      color:#fff;
      display:inline-block;
      width:95%;
      text-align:left;
      padding:5px;
    }
    .lista_categorias li a:hover{
      text-decoration: underline;
    }

    #divProductos{
     width: 79%;
     float: left;
     margin-left:5px;
    }
/** fin de los estilos del contenido **/
/** estilos de las subcategorias **/
.subcategoria{
 width: 100%;
 display: block;
 min-height: 50px;
 overflow: hidden;
}
.titulo_subcategoria{
/*background-color: #E1DAC5;*/
background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */

  padding: 10px;
    color: #0A317A;
    margin-bottom: 10px;
    border-radius: 7px;
    border: 1px solid silver;
    box-shadow:1px 1px 3px #aaa;
    margin:5px;
    font-family: Arial;

}

        .titulo_subcategoria a{
         text-decoration: none;
    color: #0A317A;
    font-size:15px;
        }
.productos{
 width: 100%;
 min-height: 5px;
 overflow:hidden;
}
.producto{
 width: 190px;
 height: 300px;
 background-color: #fff;
 float: left;
 margin-left:2px;
 margin-bottom: 10px;
 text-align:center;
 border-radius: 10px;


}
.nombre_producto{
background: #667cad; /* Old browsers */
background: -moz-linear-gradient(top,  #667cad 0%, #27336b 50%, #0e2544 51%, #101f56 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#667cad), color-stop(50%,#27336b), color-stop(51%,#0e2544), color-stop(100%,#101f56)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #667cad 0%,#27336b 50%,#0e2544 51%,#101f56 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #667cad 0%,#27336b 50%,#0e2544 51%,#101f56 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #667cad 0%,#27336b 50%,#0e2544 51%,#101f56 100%); /* IE10+ */
background: linear-gradient(to bottom,  #667cad 0%,#27336b 50%,#0e2544 51%,#101f56 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667cad', endColorstr='#101f56',GradientType=0 ); /* IE6-9 */

 padding: 5px;
 margin: 0 auto;
 color: #fff;
 text-align: center;
/* border-radius: 10px 10px 0px 0px;*/
}
.div_imagen_producto{
 width: 100%;
 height: 150px;
 overflow:hidden;
}

.imagen_producto{
 margin-top: 15px;
 border: none;
}
.descripcion_producto{
 text-align: justify;
 font-size: 10px;
 padding-left:10px;
 padding-right:10px;
 height: 50px;
}

.precio_producto{
 font-size: 15px;
 font-weight: bold;
}
.precio_promocion{
 color:red;
 font-size: 15px;
 font-weight: bold;
}
.precio_tachado{
  text-decoration: line-through;
}

.precio_producto_detalle{
 color:#8fbd06;
 font-size: 20px;
 font-weight: bold;
}

.precio_promocion_detalle{
 color:red;
 font-size: 20px;
 font-weight: bold;
}

.liga_ver_mas{
background: #667cad; /* Old browsers */
background: -moz-linear-gradient(top,  #667cad 0%, #27336b 50%, #0e2544 51%, #101f56 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#667cad), color-stop(50%,#27336b), color-stop(51%,#0e2544), color-stop(100%,#101f56)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #667cad 0%,#27336b 50%,#0e2544 51%,#101f56 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #667cad 0%,#27336b 50%,#0e2544 51%,#101f56 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #667cad 0%,#27336b 50%,#0e2544 51%,#101f56 100%); /* IE10+ */
background: linear-gradient(to bottom,  #667cad 0%,#27336b 50%,#0e2544 51%,#101f56 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667cad', endColorstr='#101f56',GradientType=0 ); /* IE6-9 */

 color: #fff;
 text-decoration: none;
 padding: 5px;
}



/** fin de los estilos de las subcategorias **/


/** estilos del formulario de contacto **/
#divContacto{
 width: 100%;
}
#divFormularioContacto{
 width: 50%;
 float: left;
 background-color: #E1DAC5;
 margin-right: 1px;
 border-radius: 10px;
 border:1px solid #B4A36D;
}

#divFormularioContacto p{
 padding-left: 25px;
 font-weight: bold;
}
#divFormularioContacto input, #divFormularioContacto textarea{
  margin-left: 25px;
  width: 200px;
  border: none;
  padding: 5px;
}
#divFormularioContacto textarea{
 width: 250px;
}
#divFormularioContacto p.centrado{
  padding: 0px;
}
#divFormularioContacto #btnEnviar{
  margin: 0px;
  background-color: #0A317A;
  color: #fff;
}

#divMapaContacto{
 width: 49%;
 float: left;
}
/** fin de los estilos del formulario de contacto **/


          /* clases generales*/

          .campo, .boton{
           padding: 5px;
          }
          .campo, .combo{
           border: none;
          }
          #txtBusca{
           border: 1px solid #8fbd06;
          }

          .combo{
           width: 300px;
           padding: 10px;
          }
          .resaltado{
           font-size: 17px;
          }
          .icono{
           vertical-align:middle;
           width: 28px;
          }
          .centrado{
            text-align: center;
          }
          /* fin de clases generales */

          a img{
           border: none;
          }
#divMenu{
 margin-left:30px;
 padding-top:5px;
 text-align:right;

}
#divOpcionesMenu ul{
 padding-left: 0px;
 list-style:none;
 margin:0px;
 width:100%;
}
#divOpcionesMenu ul li{
  display: inline-block;
  width:24%;
  margin:-1px;
}
#divOpcionesMenu ul li a{
  color:#1A1F4D;
  text-transform: uppercase;
  font-weight:bold;
  text-decoration:none;
  width:100%;
  display:inline-block;
  padding-top:10px;
  padding-bottom:10px;
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
#divOpcionesMenu ul li a:hover{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
color:#888;
}
#divOpcionesMenu>ul ul{
 display:none;
 width:100%;
 margin-top:1px;
}
#divOpcionesMenu>ul ul li{
 display:block;
 width:137px;
 padding-left:0px;
}
#divOpcionesMenu>ul ul li a{
  display:block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:15px;
}
#divOpcionesMenu>ul>li:hover>ul{
 display: block;
 position: absolute;
 padding-left: 0px;
 text-align: left;
 z-index: 10;
}
#divOpcionesMenu>ul>li>ul>li:hover>ul{
 display:block;
 position: absolute;
 padding-left: 0px;
 text-align: left;
 z-index: 10;
 margin-top: -40px;
 margin-left:300px;
}

#divOpcionesMenu>ul>li>ul>li:hover>ul{
 display:block;
 position: absolute;
 padding-left: 0px;
 text-align: left;
 z-index: 10;
 margin-top: -34px;
 margin-left:153px;
}


#divProductos p{
 font-family: Arial;
 line-height: normal;
 width:90%;
 display:inline-block;
}

.barra_azul{
 background-color: #1A1F4D;
 text-align:center;
 margin:5px;
 margin-bottom:0px;
}
.fondo_transparente{
/*  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter:alpha(opacity=50);
  background-color: #000;
*/
/*background: #BAB6AB;*/
  box-shadow: 1px 2px 3px #ccc;
  margin:5px;
  margin-top:0px;
}
.fondo_transparente p,.fondo_transparente li,.fondo_transparente h2{
 color: #000;
}

.cambia_imagen img{
 border-radius:5px;
 box-shadow: 1px 2px 3px #333;
}

#txtBusqueda{
    padding:10px;
    width:200px;
    border:1px solid #ddd;
    border-radius:3px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    font-style: italic;
    margin-bottom:10px;
    margin-left:350px;
}


/*nuevos estilos*/
        /*sobreescribir estructura*/
        body{
         background: #fff ;
        }
        #divHeader{
         height: auto;
         padding-bottom:10px;
         padding-top:10px;
		 background:#eee;
        }
        #divFooter{
         /*background: url("../img/menu-bg.gif");*/
         color: #fff;
		 background:#1A1F4D;
        }
        #busqueda{
         margin-top:10px;
         text-align:right;
        }
        .central{
         width: 990px;
         margin: 0 auto;
        }

        #logo{
         text-align:left;
        }
        .flotante_50{
         float: left;
         width:50%;
         display:inline-block;
        }
        .no_flotante{
         clear:both;
         float:none;
        }
        #menu_superior ul{
         padding-left:0px;
         list-style:none;
         width:100%;
         margin:0px;
        }
        #menu_superior ul li{
          display:inline-block;
          text-align:center;
          width:14.4%;
          margin-left:-3px;
        }
        #menu_superior ul li a{

         width:100%;
         margin:0px;
         padding-top:10px;
         padding-bottom:10px;
         display:inline-block;
         font-size: 15px;
         text-decoration:none;
         background:#fff /*url(../img/menu-bg_b.gif)*/;
         margin:0px;
         color: #1A1F4D;
         text-transform: uppercase;
		 text-shadow:-1px 1px 2px #666;
        }
        #menu_superior ul li a:hover{
         color: #fff;
		 background:#1A1F4D;
         }
        #txtBusqueda{
         padding:10px;
         width:300px;
         border:1px solid #ddd;
         border-radius:3px;
         background: #ffffff; /* Old browsers */
         background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
         background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
         background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
         font-style: italic;
        }
        .titulo{
          color: #1A1F4D;
         text-transform: uppercase;
         text-shadow: 1px 1px 1px #B3A89B;
         text-align:center;
         font-size:35px;
         font-weight:normal;
         border-bottom:3px solid #ebebeb;
         width:50%;
         margin:0 auto;
         margin-top: 20px;
         margin-bottom: 20px;
         border-right:none;
         display:block;
         float: none;
         clear:both;
        }
        .descripcion{
         color: #938C7A;
         font-size:15px;
         text-align:center;
        }
        #divProductos{
/*         width:100%;*/
        }
        .producto{
         width:24.5%;
         color:#999;
         border-radius:0px;
        }
        .producto:hover{
            background: #eee;
        }


        .nombre_producto{
         background: #1A1F4D;
         margin:0px;
         color: #ffffff;
         text-transform: uppercase;
         font-size:12px;
        }
        .liga_ver_mas{
         background: #1A1F4D;
        }
        .liga_ver_mas:hover{
         background: #35409F;

        }


        .ligas_footer{
            border-right: 2px groove #1A1F4D;
        }
        #menu_superior>ul ul{
         display:none;
        }
        #menu_superior>ul ul li{
          display:block;
          padding-left:0px;
          width:143px;
        }
        #menu_superior>ul ul li a{
         font-size: 12px;
         padding-top:10px;
         padding-bottom:10px;
        }

        #menu_superior>ul>li:hover>ul{
            display: block;
            position: absolute;
            padding-left: 0px;
            text-align: left;
            z-index: 10;
        }
        #menu_superior>ul>li>ul>li:hover>ul{
            display: block;
            position: absolute;
            padding-left: 0px;
            text-align: left;
            z-index: 10;
            margin-left: 148px;
            margin-top: -35px;
        }

        .categoria{
            width:24%;
            margin-right:1%;
            float:left;
            display:inline-block;
            transition: transform 0.5s;
            -webkit-transition: -webkit-transform 0.5s;
			-moz-transition:all 0.5s ease 0s;
			background:#ebebeb;
            min-height:230px;
			box-shadow:0 0 5px #1A1F4D;
        }
        .categoria:hover{
            transform: scale(1.05);
			background-color:#1A1F4D;
			color:#FFF;
            -webkit-transform: scale(1.05);
        }
        .categoria h2{
            text-align:center;
            color: #999;
         text-transform: uppercase;
        }
       .categoria img{
           width: 100%;
       }
       .liga_carrito{
        color:#555555;
        display:inline-block;
        margin-bottom:5px;
        text-align:right;
        text-decoration:none;
        font-size:15px;
       }

        #divContenido .titulo_categoria{
          color: #585448;
         text-transform: uppercase;
         text-shadow: 1px 1px 1px #B3A89B;
         text-align:center;
         border-bottom:1px solid #585448;
         margin-bottom:10px;
         font-size:20px;
         font-weight:normal;
         float:none;
         display:block;
         padding:0px;
         margin:0px;
         border-right:none;
         margin-bottom:10px;
        }

    span.resumen_carrito{
     display:inline-block;
     padding:5px;
     color:#fff;
     width:340px;
     margin-bottom:10px;
     text-transform: uppercase;
     border-top:2px solid #fff;
     border-bottom:5px double #fff;
     padding-bottom:0px;

    }
    span.resumen_carrito a img{
     vertical-align:middle;
    }

#paginador{
    display:block;
    float:none;
    clear:both;
    text-align:left;
}
#paginador a{
  display: inline-block;
  padding:3px 5px;
  text-decoration:none;
  background: #1A1F4D;
  border-radius: 3px;
  color: #fff;
  font-size:10px;
  text-transform: uppercase;
}
#paginador a:hover{
  text-decoration:underline;
  background: #35409F;
}