html {


}
#parteSuperior
{
    background: transparent;
}
a,a:hover
{
/*    cursor: url(../img/sym596.cur),help;*/
}

.categoriaSeleccionada
{
background: grey;
}
.categoriaNoSeleccionada
{
    background: white;
}
#contenedorTotal
{
    background: url("../../frontend/imagenes/fondo.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-origin: content-box;
    position: inherit;
    background-position: 2px 1px;


}
#logo
{
    background: white;
    margin-top: -15;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 16px;
    width: 313px;
    margin-left: 15px;
    border-color: black;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    box-shadow: 5px 1px 11px black;
    /* width: 273px; */
    height: 98px;
}
header
{

}
#categorias
{margin-top: 0em;
 background: rgba(0, 0, 0, 0.65);
 min-height: 313px;
 border-style: inset;
 border-width: 2px;
 border-bottom-right-radius: 12px;
 border-bottom-left-radius: 12px;



 -webkit-animation-name: myfirst;
 -webkit-animation-duration: 1.5s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-delay: 0s;
 -webkit-animation-iteration-count: 1;
 -webkit-animation-direction: alternate;
 -webkit-animation-play-state: auto;
}
@-webkit-keyframes myfirst {
    0%   { left:0px; top:0px; 
           transform:matrix(0.846,0.5,0.05,0.266,1,0);
    }
    25%  { top:0px;}
    50%  {   }
    75%  { left:0px; }
    100% { left:0px; top:0px;}
}
.ct{
    background-color: transparent;
    border-bottom-width: thin;
    border-bottom-style: dotted;
    border-bottom-color: #999999;
    font-size: 12px;
    word-wrap: break-word;

}
#menu
{
    background: #c7df39;
    border-bottom-color: transparent;
    height: 60px;
}
#menuLateral
{

}
#active
{
    width: 150px;
}
.m
{
    /*  width: 175px;
    height: 57px;
    border-right-style: ridge;
    border-width: 1px;
     font-size: 18px; 
    text-align: center;
    text-shadow: 1px -2px 6px rgb(247, 247, 245);
    margin-top: -8px;
    background: rgba(166, 194, 50, 0.95);
    */
}
.m:hover
{
    background: rgba(144, 187, 33, 0.33);

}
#contentSld
{
    margin-right: 0%;
}
#pcarrusel
{

    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    margin-left: 2%;
    padding-right: 5%;
    border-style: double;
    /* border-width: 16px; */
    /* border-color: white; */
    /* background-color: yellow; */
    background-clip: content-box;
    border: 5px solid white;
    padding: 0px;
    border-radius: 20px;
    margin-top: 1em;
    margin-bottom: 1em;
}
#contenido
{
    background-color: rgba(0, 0, 0, 0.56);
    border-color: rgb(139, 134, 134);
    border-style: solid;
    border-radius: 15px;

    border-width: 3px;
    word-wrap: break-word;
    padding-bottom: 10px;
}
#inferior
{
    margin-top: 1em;
    margin-bottom: 2em;
}
#icoCategori::before
{
/*    content: url(../imagenes/ico.png);
 margin: 10px;*/
}
#icoCategori
{
    color: white;
}
#icoM{
    /*    color: black;
        font-family: 'Special Elite', cursive;
        font-size: 18px;*/
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: 60px;
    width: 195px;
    display: block;
    color: #344505;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    margin-left: 0px;
    max-width: 100%;

    background: -moz-linear-gradient(231deg, rgba(141,158,41,1) 3%, rgba(141,158,41,1) 18%, rgba(181,202,52,1) 56%, rgba(199,223,57,1) 73%, rgba(199,223,57,1) 100%, rgba(199,223,57,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(199,223,57,1)), color-stop(0%, rgba(199,223,57,1)), color-stop(27%, rgba(199,223,57,1)), color-stop(44%, rgba(181,202,52,1)), color-stop(82%, rgba(141,158,41,1)), color-stop(97%, rgba(141,158,41,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(231deg, rgba(141,158,41,1) 3%, rgba(141,158,41,1) 18%, rgba(181,202,52,1) 56%, rgba(199,223,57,1) 73%, rgba(199,223,57,1) 100%, rgba(199,223,57,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(231deg, rgba(141,158,41,1) 3%, rgba(141,158,41,1) 18%, rgba(181,202,52,1) 56%, rgba(199,223,57,1) 73%, rgba(199,223,57,1) 100%, rgba(199,223,57,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(231deg, rgba(141,158,41,1) 3%, rgba(141,158,41,1) 18%, rgba(181,202,52,1) 56%, rgba(199,223,57,1) 73%, rgba(199,223,57,1) 100%, rgba(199,223,57,1) 100%); /* ie10+ */
    background: linear-gradient(219deg, rgba(141,158,41,1) 3%, rgba(141,158,41,1) 18%, rgba(181,202,52,1) 56%, rgba(199,223,57,1) 73%, rgba(199,223,57,1) 100%, rgba(199,223,57,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8D9E29', endColorstr='#c7df39',GradientType=0 ); /* ie6-9 */
}
#icoM:hover
{
    color: white;
    transform: scale(1.03);
}
#icoM::before
{
    content: url(../imagenes/estre.png);
    margin: 0px 25px 0px 0px;

}
.bor
{
    border-color: rgb(143, 143, 143);
    border-right-style: solid;
    border-width: 1px;
}
#subMenu
{
    background: gray;
    border-radius: 1em;
    margin-top: 2em;
}
.sub
{
    margin-top: 2em;
    background: transparent;
    border-style: solid;
    border-color: transparent;

}
.txtImg{
    word-wrap: break-word;
    float: left;
}
#simg1,#simg2,#simg3
{
    width: 236px;
    height: 90px;
    max-width: 100%;  

}
#simg1
{  
    background-image: url(../img/catalogo.jpg);
    background-repeat: no-repeat;
    margin-right: 8px;
    padding-top: 20px;

}
#simg2
{  
    background-image: url(../img/mapa.jpg);
    background-repeat: no-repeat;
    margin-right: 5px;
    padding-top: 20px;
}
#simg3
{  
    background-image: url(../img/contacto.jpg);
    background-repeat: no-repeat;
    padding-top: 20px;

}
#borderCar
{
    border-style: double;
    border-width: 5px;
    border-color: white;
}
#fullTXT
{
    word-wrap: break-word;
    color: white;
    font-size: 14px;
    font-family: 'Special Elite', cursive;
    /* font-weight: bold; */
    text-align: justify;
    margin-top: 1em;

}
#fullTXT2
{
    word-wrap: break-word;
    color: white;
    font-size: 12px;
    font-family: 'Special Elite', cursive;
    /* font-weight: bold; */
    text-align: justify;
    margin-top: 0em;

}
.titulo2
{
    font-size: 18px;
    color: #344505;
    /* font-weight: bold; */
    font-style: italic;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #BACF3B;
    min-height: 29px;
    text-align: left;
    text-shadow: -2px -1px 7px rgb(252, 251, 239);
    padding-bottom: 7px;
    border-radius: 7px;
}
.titulo2:before
{
    content: url(../imagenes/estre.png);
    margin: 20px;
    width: 10px;
}
.titulo3
{
   font-size: 14px;
color: #344505;
/* font-weight: bold; */
font-style: italic;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #BACF3B;
min-height: 29px;
text-align: center;
text-shadow: -2px -1px 7px rgb(252, 251, 239);
padding-bottom: 7px;
border-radius: 7px;
word-wrap: break-word;
padding-left: 0px;
}
.titulo3:before
{
    content: url(../imagenes/estre.png);
    margin: 20px;
    width: 10px;
}

.mensajito
{
    color: rgb(247, 247, 247);
    font-family: sans-serif;
    /* font-variant: small-caps; */
    font-size: 16px;
    word-wrap: break-word;
    font-weight: bolder;
}
.lblF
{
    color: rgb(243, 243, 243);
    font-family: sans-serif;
    font-kerning: auto;
    font-size: 16px;
    text-align: left;
    float: left;
}
.contacto
{
    color: #88AF1B;
    font-size: 24px;
    text-shadow: 0px 0px 1px #FFFFFF;
    font-style: inherit;
    font-family: cursive;
}

#carruselImagenes
{
    width: 200px;
}
#id
{
    width: 250px;
    max-width: 100%;
}
.imgNovedad
{
    width: 90px;
    max-width: 100%;

    height: 82px;
    max-height: 100%;
}
.desNovedad
{
    margin-top: 2em;
    text-align: justify;
}
.imgNovedad2
{
  width: 300px;
max-width: 100%;
border-radius: 5px;
border-style: inset;
border-color: rgb(243, 245, 242);
border-width: 1px;
box-shadow: 1px 1px rgb(229, 238, 6);
height: 300px;
max-height: 100%;
}
.miVi
{
    color: #ABCF48;
    font-style: italic;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    text-shadow: 2px 2px black;
}
.contenidoProductos
{
    background-color: rgba(0, 0, 0, 0.56);
    border-color: rgb(139, 134, 134);
    border-style: solid;
    border-radius: 15px;

    border-width: 3px;
    word-wrap: break-word;
    padding-bottom: 10px;
}

/*mediaquery*/
@media (max-width: 1200px) {
    #icoM
    {
        width: 148px;
    }
}
@media (min-width: 768px) and (max-width: 992px)  {
    #icoM
    {
        width: 93px;
    }
}
@media (max-width: 380px)  {
    #icoM
    {
        min-width: 100%;
    }
    #logo
    {
        background: white;
        margin-top: -22%;
        width: 284px;
        margin-left: -2%;
        border-color: black;
        border-style: solid;
        box-shadow: 0px 1px 11px black;
        height: 53px;
        border-radius: 0px;
    }
}


#contenidoImg
{
    padding: 1em;
    margin-bottom: 1em;
}
#nombrePRD
{
    text-align: center;
    font-family: serif;
    font-style: italic;
    word-wrap: break-word;
    color: #F3F3F3;
    min-height: 70px;
    font-weight: bolder;
    text-shadow: -4px -2px 3px rgb(56, 59, 53);
    font-size: 16px;
    border-bottom-style: dotted;
    border-width: 2px;
}
#descripcion
{color: white;}
.imgProd
{
   margin-bottom: 0em;
display: inline-block;
border: 3px inset rgba(255, 255, 255, 0.93);
background-color: rgba(138, 54, 54, 0);
background-clip: content-box;
min-height: 198px;
height: 198px;
max-width: 100%;
width: 210px;
max-height: 198px;
box-shadow: -1px 1px 11px rgb(253, 253, 253);
border-style: double;
-webkit-animation-name: animacionProducto;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: auto;
}
@-webkit-keyframes animacionProducto {
    0%   { left:0px; top:0px; 
           transform:matrix(0.846,0.5,0.05,0.266,1,0);
    }
    25%  { top:0px;}
    50%  {   }
    75%  { left:0px; }
    100% { left:0px; top:0px;}
}

#imgD3
{
    min-height: 328px;
    height: 328px;
    width: 490px;
    max-width: 100%;
    max-height: 100%;
  
}
#imgD2
{
    min-height: 328px;
    height: 328px;
    width: 490px;
    max-width: 100%;
    max-height: 100%;
  
}
#huacho
{
   font-family: serif;
font-weight: bold;
    
}
#footer
{
background: -moz-linear-gradient(45deg, rgba(28,122,28,1) 0%, rgba(0,128,0,1) 50%, rgba(255,255,0,1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(28,122,28,1)), color-stop(50%, rgba(0,128,0,1)), color-stop(100%, rgba(255,255,0,1)));
background: -webkit-linear-gradient(45deg, rgba(28,122,28,1) 0%, rgba(54, 166, 54, 1) 50%, rgba(255,255,0,1) 100%);
background: -o-linear-gradient(45deg, rgba(28,122,28,1) 0%, rgba(0,128,0,1) 50%, rgba(255,255,0,1) 100%);
background: -ms-linear-gradient(45deg, rgba(28,122,28,1) 0%, rgba(0,128,0,1) 50%, rgba(255,255,0,1) 100%);
background: linear-gradient(50deg, rgba(39, 72, 32, 0.95) 30%, rgba(26, 46, 11, 0.8) 47%, rgba(68, 109, 33, 1) 81%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#1C7A1C',GradientType=1 );
                                                                                                                     
}
#menuFooter
{
   float: left;
text-align: left;
margin-top: 1em;
font-family: cursive;
/* font-style: inherit; */
font-weight: 700;
}
#menuFooter>li
{
    list-style: none;
    padding: 6px;
}
#menuFooter>li:before
{
      content: url(../imagenes/ico.png);
      max-height: 10px;
}
.desarr{
    font-size: 11px;
font-family: cursive;
}
#imgFooter
{
margin-top: 2.5em;
background-color: white;
/* box-shadow: 4px 1px 4px 0px rgb(176, 177, 175); */
margin-left: -1px;
/* width: 406px; */
height: 213px;
/* max-width: 100%; */
border-color: black;
/* max-height: 100%; */
border-width: 8px;
border-style: double;

    
}
#derecha
{
background-color: rgba(16, 42, 20, 1);
/* margin-top: 1em; */
padding: 14px;
/*width: 388px;*/
margin-left: -18px;
height: 295px;
box-shadow: 2px 0px rgb(217, 217, 217);
background: -moz-linear-gradient(53deg, rgba(219,219,0,1) 0%, rgba(39,110,23,1) 55%, rgba(39,110,23,1) 100%, rgba(39,110,23,1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(219,219,0,1)), color-stop(55%, rgba(39,110,23,1)), color-stop(100%, rgba(39,110,23,1)), color-stop(100%, rgba(39,110,23,1)));
background: -webkit-linear-gradient(53deg, rgba(219,219,0,1) 0%, rgba(78, 117, 70, 1) 55%, rgba(39,110,23,1) 100%, rgba(39,110,23,1) 100%);
background: -o-linear-gradient(53deg, rgba(219,219,0,1) 0%, rgba(39,110,23,1) 55%, rgba(39,110,23,1) 100%, rgba(39,110,23,1) 100%);
background: -ms-linear-gradient(53deg, rgba(219,219,0,1) 0%, rgba(39,110,23,1) 55%, rgba(39,110,23,1) 100%, rgba(39,110,23,1) 100%);
background: linear-gradient(37deg, rgba(255, 255, 255, 0.4) 0%, rgba(37, 59, 32, 1) 55%, rgba(214, 237, 218, 0.8) 101%, rgba(92, 225, 63, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#276E17', endColorstr='#DBDB00',GradientType=0 );
}
#atencion
{
margin-top: 6.5em;
font-family: serif;
font-weight: bold; 
}
.direccion
{
margin-top: 1.5em;
font-family: serif;
font-weight: bold;
}
.derechos
{
font-family: sans-serif;
color: rgb(244, 244, 244);
margin-top: 0em;
font-weight: 700;
/*background: rgba(9, 10, 9, 0.07);*/
        
    
    
}
.tf
{
font-size: 18px;
font-family: cursive;
font-weight: bolder;
color: black;
padding-bottom: 5px;
/* font-style: italic; */
border-bottom-style: double;
font-style: italic;
border-bottom-color: rgb(17, 23, 17);
text-shadow: -3px -3px 10px rgb(255, 251, 251);

}

#imgD
{
min-height: 327px;
height: 327px;
width: 490px;
max-width: 100%;
max-height: 100%;
border-radius: 8px;
border-color: rgb(92, 139, 97);
border-width: 3px;
margin-top: 1.7em;
box-shadow: 0px -1px 13px rgb(224, 224, 224);
border-style: inset;
-webkit-animation-name: animacionImgDescrip;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
padding: 3px;
-webkit-animation-play-state: auto;
background: white;
}
@-webkit-keyframes animacionImgDescrip
{

    0%   { 
           transform:matrix(0.846,0.5,0.15,0.266,1,0);
            transform:scaleY(1.2);
    }
    25%  {  transform:scaleY(1.1);}
    50%  {   transform:scaleY(1); }
    75%  { transform:scaleY(0.5); }
    100% {  }
}
.atras
{color: rgb(192, 246, 109);
font-size: 18px;
/* font-style: inherit; */
font-family: cursive;
}
#txtD
{
    word-wrap:break-word;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 1em;

}

@media (max-width: 768px) and (min-width:380px) {
    #icoM
    {
        min-width: 100%;
    }
    #logo
    {
        background: white;
        margin-top: -2%;
        width: 284px;
        margin-left: -2%;
        border-color: black;
        border-style: solid;
        box-shadow: 5px 1px 11px black;
        height: 43px;
        border-radius: 0px;
    }
    #izquierda
    {width: 206px;}
    
}