/************************************************************************************
smaller than 4350
*************************************************************************************/

@media screen and (max-width: 4350px) {
    
    #header{
        width: 1034px;
        height: 261px;
        margin: 0px auto;
        padding: 0px;
        position: relative;
    }
    
    #botones_portadas{
        width: 960px;
        height: auto;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }
    #botones_portadas ul{
        width: 988px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    #botones_portadas ul li{
        background: transparent url("../images/bg_btn_portada.png") 0 0 no-repeat;
        width: 468px;
        height: 165px;
        margin: 0px 24px 24px 0px;
        padding: 0px 0px 16px 0px;
        display: block;
        position: relative;
        float: left;
    }
    #botones_portadas ul li .pic{
        width: 245px;
        height: 165px;
        margin: 0px;
        padding: 0px;
        display: block;
        position: relative;
        float: left;
    }
    #botones_portadas ul li .col_texto{
        width: 200px;
        height: 135px;
        margin: 13px 13px 0px 0px;
        padding: 0px;
        display: block;
        position: relative;
        float: right;
    }
    #botones_portadas ul li .col_texto .titulo{
        font-family: 'amorinda';
        font-size: 40px;
        letter-spacing: 1px;
        color: #009746;
        line-height: 35px;
        display: block;
        margin: 0px 0px 10px 10px;
        padding: 0px;
    }
    #botones_portadas ul li .col_texto .texto{
        font-size: 15px;
        color: #707070;
        line-height: 15px;
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px;
    }
    #botones_portadas ul li .btn_ver{
        position: absolute;
        bottom: 0px;
        right: 15px;
    }
    #botones_portadas ul li .btn_ver a{
        background: transparent url("../images/bg_btn_ver.png") 0 0 no-repeat;
        width: 92px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        font-family: "Arial";
        color: #fff;
        text-decoration: none;
        display: block;
    }
    #botones_portadas ul li .btn_ver a:hover{
        color:#ffed00;
    }
    
    #contenido{
        width: 960px;
        height: auto;
        min-height: 400px;
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        position: relative;
        overflow: hidden;
    }
    
    /*SLIDER----------------------------------------------------------------------*/
    #cont_slider_top{
        width: 960px;
        height: 276px;
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        position:relative;
    }
    #slider_top{
        background: transparent url("../images/sombra_slide.png") center bottom no-repeat;
        width: 1034px;
        height: 276px;
        margin: 0px auto;
        padding: 0px 0px 22px 0px;
        overflow: hidden;
        position:relative;
        display: block;
    }
    
    /*MENU--------------------------------------------------------------*/
    #menu{
        background: transparent url("../images/bg_menu.png") 0 -2px no-repeat;
        width: 980px;
        height: 58px;
        margin: 0px auto 0px auto;
        padding: 0px 27px 27px 27px;
        display: block;
        font-family: 'amorinda';
    }
    #menu ul{
        width: 930px;
        height: 60px;
        margin: 0px auto;
        padding: 0px;
        list-style-type: none;
    }
    #menu ul li{
        width: auto;
        height: 60px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        line-height: 40px;
        font-size: 12px;
        color: #fff;
        display: block;
        float:left;
    }
    #menu ul li.sep{
        background: transparent url("../images/menu_sep.png") 0 5px no-repeat;
        width: 2px;
        height: 60px;
        overflow: hidden;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        display: block;
    }
    #menu ul li a{
        display: block;
        overflow: hidden;
        margin: 0px 14px;
        padding: 0px 0px 0px 6px;
        line-height: 60px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        letter-spacing: 1px;
        font-size: 30px;
        width: auto;
    }
    #menu ul li a:hover, #menu ul li.activo a, #menu ul li.deleitate a:hover{
        color: #ffed00;
    }
    #menu ul li.btn_100{
        width: 180px;
        height: 75px;
        margin: -4px 0px 0px 0px;
        padding: 0px;
        display: block;
        text-indent: -9999px;
    }
    #menu ul li.btn_100 a{
        background: transparent url("../images/btn_100.png") center top no-repeat;
        width: 180px;
        height: 75px;
        margin: 0px 0px;
        padding: 0px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
    }
    #menu ul li.btn_100 a:hover{
        background: transparent url("../images/btn_100.png") center bottom no-repeat;
    }
    #menu ul li.deleitate{
        background: transparent url("../images/menu_pic_delitate.png") right 0px no-repeat;
        width: auto;
        height: 84px;
        margin: -24px 0px 0px 0px;
        padding: 0px 55px 0px 0px;
        display: block;
    }
    #menu ul li.deleitate a{
        display: block;
        overflow: hidden;
        margin: 24px 14px 0px 14px;
        padding: 0px 0px 0px 6px;
        line-height: 60px;
        color: #fff;
        text-decoration: none;
        text-align: left;
        font-weight: normal;
        letter-spacing: 1px;
        font-size: 30px;
        width: auto;
    }
    

}

/************************************************************************************
smaller than 580
*************************************************************************************/
@media screen and (max-width: 580px) {
    
    body {
        background-image: none;
        background-color: #019746;
        font-family: "Georgia",Times, serif; 
        font-size: 12px;
        color: #707070;
        margin: 0px;
        padding: 0px;
    }
    
    #social_icons{
        position: absolute;
        top: 80px;
        right: 18px;
        overflow: hidden;
        display: block;
    }
    
    #logo {
        width: 374px;
        height: 167px;
        margin: 0px 0px 0px -55px;
        display: block;
        padding: 0px;
    }
    
    #header{
        width: 100%;
        height: auto;
        margin: 0px auto;
        padding: 0px;
        position: relative;
    }
    
    .logo_right{
        display: none;
    }
    .logo_left{
        display: none;
    }
    
    #main {
        background-image: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        position: relative;
    }
    
    #footer{
        /* gradient */
        background: -webkit-gradient(linear, left top, left bottom, from(#e2001a), to(#ae0014));
        background: -moz-linear-gradient(top,  #e2001a,  #ae0014);
        background: linear-gradient(-90deg, #e2001a, #ae0014);
        background: #e2001a;
        background-image: none;
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 20px auto 0px auto;
        overflow: hidden;
        display: block;
        position: relative;
    }
    #footer .cont_footer{
        background-image: none;
        height: auto;
        padding: 0;
        margin: 5%;
        text-align: center;
        font-size: 12px;
        line-height: 16px;
        color: #fff;
        font-style: italic;
    }
    #footer .logo_footer{
        background: transparent url("../images/logo_footer.png") right top no-repeat;
        height: 65px;
        width: 100px;
        padding: 0px 85px 0px 0px;
        margin: 0px auto;
        font-size: 12px;
        line-height: 65px;
        color: #fff;
        font-style: italic;
        float: none;
        display: block;
    }
    
    #contenido{
        width: 100%;
        height: auto;
        min-height: 400px;
        margin: 20px auto;
        padding: 0px 0px 0px 0px;
        position: relative;
        overflow: hidden;
    }
    
    #botones_portadas{
        width: 90%;
        height: auto;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
    }
    #botones_portadas ul{
        width: 100%;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        overflow: hidden;
    }
    #botones_portadas ul li{
        background-image: none;
        background-color: #fff;
        width: 100%;
        height: auto;
        margin: 0 0 8% 0;
        padding: 0px;
        display: block;
        position: relative;
        float: left;
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
    }
    #botones_portadas ul li .pic{
        width: 50%;
        height: auto;
        margin: 0px;
        padding: 0px;
        display: block;
        position: relative;
        float: left;
    }
    #botones_portadas ul li .pic img{
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
        display: block;
        position: relative;
        float: left;
    }
    #botones_portadas ul li .col_texto{
        width: 45%;
        height: 45%;
        margin: 5% 1% 0 0;
        padding: 0px;
        display: block;
        position: relative;
        float: right;
    }
    #botones_portadas ul li .col_texto .titulo{
        font-family: 'Arial';
        font-size: 18px;
        letter-spacing: 0px;
        color: #009746;
        line-height: 16px;
        display: block;
        margin: 0 0 5% 0;
        padding: 0px;
    }
    #botones_portadas ul li .col_texto .texto{
        font-family: 'Arial';
        font-size: 12px;
        color: #707070;
        line-height: 12px;
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px;
    }
    #botones_portadas ul li .btn_ver{
        position: absolute;
        bottom: -15px;
        right: 15px;
    }
    #botones_portadas ul li .btn_ver a{
        background: transparent url("../images/bg_btn_ver.png") 0 0 no-repeat;
        width: 92px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        font-family: "Arial";
        color: #fff;
        text-decoration: none;
        display: block;
    }
    #botones_portadas ul li .btn_ver a:hover{
        color:#ffed00;
    }
    
    /*SLIDER----------------------------------------------------------------------*/
    #slider_top{
        display:none;
    }

	/*MENU--------------------------------------------------------------*/
    #menu{
        background-image:none;
        background-color: #d54a32;
        width: 90%;
        height: auto;
        margin: 0px auto 0px auto;
        padding: 0;
        display: block;
        font-family: 'Arial';
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        box-shadow: 0 1px 3px rgba(0,0,0,.4);
    }
    #menu ul{
        width: auto;
        height: auto;
        margin: 0px auto;
        padding: 5px;
        list-style-type: none;
    }
    #menu ul li{
        width: auto;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        line-height: 26px;
        font-size: 16px;
        color: #fff;
        display: block;
        border-bottom:1px solid #ae3f2c;
        float:none;
        letter-spacing:0px;
    }
    #menu ul li.sep{
        display: none;
    }
    #menu ul li a{
        display: block;
        overflow: hidden;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        line-height: 26px;
        color: #fff;
        text-decoration: none;
        text-align: left;
        font-size: 16px;
        width: auto;
        letter-spacing:0px;
    }
    #menu ul li a:hover, #menu ul li.activo a, #menu ul li.deleitate a:hover, #menu ul li.btn_100 a:hover{
        color: #ffed00;
    }
    #menu ul li.btn_100{
        width: auto;
        height: auto;
        margin: 0px;
        padding: 0px;
        display: block;
        line-height: 26px;
        font-size: 16px;
        color: #fff;
    }
    #menu ul li.btn_100 a{
        height: 26px;
        background: none;
        overflow: hidden;
        display: block;
        margin: 0px;
        padding: 0px;
        line-height: 26px;
        color: #fff;
        text-decoration: none;
        text-align: left;
        font-size: 16px;
        text-indent:0px;
    }
    #menu ul li.btn_100 a:hover{
        background: none;
        color: #ffed00;
    }
    #menu ul li.deleitate{
        background: none;
        width: auto;
        height: auto;
        margin: 0px;
        padding: 0px;
        display: block;
    }
    #menu ul li.deleitate a{
        display: block;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        line-height: 26px;
        color: #fff;
        text-decoration: none;
        text-align: left;
        font-weight: normal;
        font-size: 16px;
        width: auto;
        letter-spacing:0px;
    }
    
    .bg_salud{
        background-image: none;
        background: #fff;
    }
    
    .bg_organico{
        background-image: none;
        background: #fff;
        min-height: auto;
    }
    .bg_organico .margen_top_50, .bg_salud .margen_top_50{
        margin-top: 20px;
    }
    #contenido_prod{
        width: 90%;
        height: auto;
        min-height: auto;
        margin: 0px auto;
        overflow: hidden;
    }
    .bg_blanco{
        background-color: #fff;
        width: 90%;
        height: auto;
        min-height: auto;
        margin: 0px auto;
        padding: 10px 0px;
        overflow: hidden;
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        /*Sombra*/
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        box-shadow: 0 1px 3px rgba(0,0,0,.4);
    }
    h2{
        font-size: 25px;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 0px;
        line-height: 25px;
        color: #219741;
        font-family: 'Arial';
        font-weight: normal;
        border-bottom: 2px solid #219741;
        display: block;
    }
    h3{
        font-size: 20px;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        line-height: 25px;
        color: #219741;
        font-weight: normal;
        font-family: 'Arial'; 
    }
    h4{
        font-size: 20px;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        line-height: 23px;
        color: #d44630;
        font-weight: bold;
        font-family: 'Arial'; 
    }
    .shadow{
        display: none;
    }
    
    /*DELEITATE----------------------------------------------------------------*/
    .f-pics{
        padding: 0px 0px 30px 30px;
        margin: 0px;
        float: right;
    }
    #menu_deleitate{
        width: auto;
        height: auto;
        overflow: hidden;
        margin: 0px auto 20px auto;
        padding: 0px 10px;
    }
    #menu_deleitate ul{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }
    #menu_deleitate ul li{
        width: 100%;
        height: 28px;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
        display: block;
        line-height: 28px;
        border-bottom:1px solid #cbcbcb;
    }
    #menu_deleitate ul li a{
        color: #ef1d26;
        font-size: 15px;
        font-family: 'Georgia';
        margin: 0px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
        display: block;
        line-height: 28px;
        text-decoration: none;
    }
    #menu_deleitate ul li a:hover{
        color: #cbcbcb;
    }
    
    /*CONTACTO-------------------------------------------------------------------*/
    .bg_contacto{
        background-image: none;
    }
    .form_contacto{
        width: 100%;
        height: auto;
        margin: 20px 0px 20px 0px;
        padding: 0px;
    }
    .form_contacto label{
        font-family: 'Arial';
        font-size: 14px;
        color: #219741;
        display: block;
        margin: 0px;
        padding: 0px 0px 5px 0px;
    }
    .form_contacto .input{
        width: 90%;
        height: 28px;
        background-color: #f3f3f3;
        border: 1px solid #d1d1d1;
        margin: 0px 0px 14px 0px;
        padding: 0px 4%;
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        line-height: 28px;
        font-size: 14px;
        color: #666;
    }
    .form_contacto .textarea{
        width: 90%;
        height: 244px;
        background-color: #f3f3f3;
        border: 1px solid #d1d1d1;
        margin: 0px;
        padding: 0px 4%;
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        line-height: 28px;
        font-size: 12px;
        color: #666;
        font-family: "Arial";
    }
    .form_contacto .btn_enviar{
        background: transparent url("../images/bg_btn_enviar.jpg") 0 0 repeat-x;
        width: auto;
        height: 30px;
        border: 1px solid #5b5b5b;
        line-height: 30px;
        margin: 15px 0px 0px 0px;
        padding: 0px 15px;
        overflow: hidden;
        display: block;
        font-family: 'Arial';
        font-size: 14px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        text-transform: none;
    }
    .form_contacto .btn_enviar:hover{
        color: #ffed00;
    }
    
    .form_contacto .margen_top_20{
        margin: 0px;
    }
    
    /*PRODUCTOS---------------------------------------------------------------*/
    #botones_prod{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        border-bottom: 1px solid #cbcbcb;
    }
    #botones_prod ul{
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    #botones_prod ul li{
        width: 100%;
        height: 22px;
        line-height: 22px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        float: none;
        display: block;
    }
    #botones_prod ul li.sep{
        border-bottom: 1px solid #cbcbcb;
    }
    #botones_prod ul li.prod_01{
        background-image: none;
    }

    #botones_prod ul li.prod_02{
        background-image: none;
    }

    #botones_prod ul li.prod_03{
        background-image: none;
    }

    #botones_prod ul li.prod_04{
        background-image: none;
    }
    #botones_prod ul li a{
        width: 100%;
        height: 22px;
        overflow: hidden;
        display: block;
        line-height: 22px;
        text-decoration: none;
    }
    #botones_prod ul li a:hover{
        background-image: none;
        color: #219741;
    }
    #botones_prod ul li a .texto{
        font-family: 'Georgia';
        font-style: italic;
        font-size: 14px;
        color: #cbcbcb;
        line-height: 22px;
        float: none;
        margin: 0px;
        display: block;
        overflow: hidden;
    }
    #botones_prod ul li a:hover .texto, #botones_prod ul li.activo a .texto{
        color: #219741;
    }
    #botones_prod ul li a .texto small{
        font-size: 14px;
        display: inline;
        margin: 0px 5px 0px 0px;
    }
    .productos #contenido_prod{
        width: 100%;
        height: auto;
        min-height: auto;
        margin: 0px;
        overflow: hidden;
    }
    .bg_prod{
        /*background: transparent url("../images/bg_productos.jpg") center top no-repeat;*/
        background: none;
    }
    #contenido_prod .pic_prod{
        width: 60%;
        height: auto;
        min-height: 0;
        margin: 20px auto 20px auto;
        overflow: hidden;
        text-align: center;
    }
    #contenido_prod .pic_prod img{
        width: 60%;
        height: auto;
        min-height: auto;
        margin: 0px auto;
        overflow: hidden;
        text-align: center;
    }
    #coccion_time{
        background: transparent url("../images/icon_clock.png") 0 0 no-repeat;
        width: 160px;
        height: 50px;
        line-height: 50px;
        margin: 0px auto 10px auto;
        padding: 0px 0px 0px 70px;
        font-size: 13px;
        color: #219741;
        font-family: 'Arial';
        display: block;
        overflow: hidden;
    }
    #valores a{
        background: transparent url("../images/icon_food.png") 0 0 no-repeat;
        width: 180px;
        height: 50px;
        line-height: 50px;
        margin: 0px auto 20px auto;
        padding: 0px 0px 0px 70px;
        font-size: 13px;
        color: #219741;
        font-family: 'Arial';
        display: none;
        overflow: hidden;
        text-decoration: none;
    }
    #valores a:hover{
        color: #999;
    }
    .borde_top img{
        width: 100%;
    }
    
    /*ERROR CONTACTO*/
    .info, .warning, .error, .success {
        position: relative;
        margin-bottom:2em;
        padding:10px 10px 10px 80px;
        -webkit-border-radiuzs:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        color: #fff;
    }
    .error h3 {    
        font-size: 15px;
        font-weight: bold;
    }
    ul.error_messages li { 
        line-height: 13px;
        font-size: 12px;
        text-align: left;
        color:#fff;
        font-family: "Arial";
        display: block;
        overflow: hidden;
        margin: 0px 0px 4px 0px;
    }
    
    
    /*COLUMNAS----------------------------------------------------*/
    .col_210{
        width:100%;
    }
    .col_912{
        width:100%;
    }
    .contacto .col_912, .productos .col_912{
        width:90%;
    }
    .col_960{
        width:100%;
    }
    .col_444{
        width:100%;
    }
    .col_678{
        width:90%;
        margin-right: 5%;
    }

}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
    
    body {
        background-image: none;
        background-color: #019746;
        font-family: "Georgia",Times, serif; 
        font-size: 12px;
        color: #707070;
        margin: 0px;
        padding: 0px;
    }
    
    #social_icons{
        position: absolute;
        top: 12px;
        right: 18px;
        overflow: hidden;
        display: block;
    }
    
    #logo {
        width: 100px;
        height: 63px;
        margin: 10px 0px 10px 20px;
        display: block;
        padding: 0px;
    }
    h1 {
        background: transparent url("../images/logo_movil.png") top left no-repeat;
        width: 100px;
        height: 63px;
        margin: 0px;
        padding: 0px;
    }
    h1:hover {
        background: transparent url("../images/logo_movil.png") bottom left no-repeat;
    }
    h1 a {
        display: block;
        width: 100px;
        height: 63px;
    }
    h1 span {
        display: none;
    }
    
    #header{
        width: 100%;
        height: auto;
        margin: 0px auto;
        padding: 0px;
        position: relative;
    }
    
    .logo_right{
        display: none;
    }
    .logo_left{
        display: none;
    }
    
    #main {
        background-image: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        position: relative;
    }
    
    #footer{
        /* gradient */
        background: -webkit-gradient(linear, left top, left bottom, from(#e2001a), to(#ae0014));
        background: -moz-linear-gradient(top,  #e2001a,  #ae0014);
        background: linear-gradient(-90deg, #e2001a, #ae0014);
        background: #e2001a;
        background-image: none;
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 20px auto 0px auto;
        overflow: hidden;
        display: block;
        position: relative;
    }
    #footer .cont_footer{
        background-image: none;
        height: auto;
        padding: 0;
        margin: 5%;
        text-align: center;
        font-size: 12px;
        line-height: 16px;
        color: #fff;
        font-style: italic;
    }
    #footer .logo_footer{
        background: transparent url("../images/logo_footer.png") right top no-repeat;
        height: 65px;
        width: 100px;
        padding: 0px 85px 0px 0px;
        margin: 0px auto;
        font-size: 12px;
        line-height: 65px;
        color: #fff;
        font-style: italic;
        float: none;
        display: block;
    }
    
    #contenido{
        width: 100%;
        height: auto;
        min-height: 400px;
        margin: 20px auto;
        padding: 0px 0px 0px 0px;
        position: relative;
        overflow: hidden;
    }
    
    #botones_portadas{
        width: 90%;
        height: auto;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
    }
    #botones_portadas ul{
        width: 100%;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        overflow: hidden;
    }
    #botones_portadas ul li{
        background-image: none;
        background-color: #fff;
        width: 100%;
        height: auto;
        margin: 0 0 8% 0;
        padding: 0px;
        display: block;
        position: relative;
        float: left;
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
    }
    #botones_portadas ul li .pic{
        width: 50%;
        height: auto;
        margin: 0px;
        padding: 0px;
        display: block;
        position: relative;
        float: left;
    }
    #botones_portadas ul li .pic img{
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
        display: block;
        position: relative;
        float: left;
    }
    #botones_portadas ul li .col_texto{
        width: 45%;
        height: 45%;
        margin: 3% 1% 0 0;
        padding: 0px;
        display: block;
        position: relative;
        float: right;
    }
    #botones_portadas ul li .col_texto .titulo{
        font-family: 'Arial';
        font-size: 15px;
        letter-spacing: 0px;
        color: #009746;
        line-height: 15px;
        display: block;
        margin: 0 0 5% 0;
        padding: 0px;
    }
    #botones_portadas ul li .col_texto .texto{
        font-family: 'Arial';
        font-size: 11px;
        color: #707070;
        line-height: 12px;
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px;
    }
    #botones_portadas ul li .btn_ver{
        position: absolute;
        bottom: -7px;
        right: 7px;
    }
    #botones_portadas ul li .btn_ver a{
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        background: #e2001a;
        background-image: none;
        width: 55px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        font-family: "Arial";
        color: #fff;
        text-decoration: none;
        display: block;
    }
    #botones_portadas ul li .btn_ver a:hover{
        color:#ffed00;
    }
    
    /*SLIDER----------------------------------------------------------------------*/
    #slider_top{
        display:none;
    }

    /*MENU--------------------------------------------------------------*/
    #menu{
        background-image:none;
        background-color: #d54a32;
        width: 90%;
        height: auto;
        margin: 0px auto 0px auto;
        padding: 0;
        display: block;
        font-family: 'Arial';
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        box-shadow: 0 1px 3px rgba(0,0,0,.4);
    }
    #menu ul{
        width: auto;
        height: auto;
        margin: 0px auto;
        padding: 5px;
        list-style-type: none;
    }
    #menu ul li{
        width: auto;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        line-height: 26px;
        font-size: 16px;
        color: #fff;
        display: block;
        border-bottom:1px solid #ae3f2c;
        float:none;
        letter-spacing:0px;
    }
    #menu ul li.sep{
        display: none;
    }
    #menu ul li a{
        display: block;
        overflow: hidden;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        line-height: 26px;
        color: #fff;
        text-decoration: none;
        text-align: left;
        font-size: 16px;
        width: auto;
        letter-spacing:0px;
    }
    #menu ul li a:hover, #menu ul li.activo a, #menu ul li.deleitate a:hover, #menu ul li.btn_100 a:hover{
        color: #ffed00;
    }
    #menu ul li.btn_100{
        width: auto;
        height: auto;
        margin: 0px;
        padding: 0px;
        display: block;
        line-height: 26px;
        color: #fff;
    }
    #menu ul li.btn_100 a{
        height: 26px;
        background: none;
        overflow: hidden;
        display: block;
        margin: 0px;
        padding: 0px;
        line-height: 26px;
        color: #fff;
        text-decoration: none;
        text-align: left;
        font-size: 16px;
        width: auto;
        text-indent:0px;
    }
    #menu ul li.btn_100 a:hover{
        background: none;
        color: #ffed00;
    }
    #menu ul li.deleitate{
        background: none;
        width: auto;
        height: auto;
        margin: 0px;
        padding: 0px;
        display: block;
    }
    #menu ul li.deleitate a{
        display: block;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        line-height: 26px;
        color: #fff;
        text-decoration: none;
        text-align: left;
        font-weight: normal;
        font-size: 16px;
        width: auto;
        letter-spacing:0px;
    }
    
    .bg_salud{
        background-image: none;
        background: #fff;
    }
    .bg_organico{
        background-image: none;
        background: #fff;
        min-height: auto;
    }
    .bg_organico .margen_top_50, .bg_salud .margen_top_50{
        margin-top: 20px;
    }
    #contenido_prod{
        width: 90%;
        height: auto;
        min-height: auto;
        margin: 0px auto;
        overflow: hidden;
    }
    .bg_blanco{
        background-color: #fff;
        width: 90%;
        height: auto;
        min-height: auto;
        margin: 0px auto;
        padding: 10px 0px;
        overflow: hidden;
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        /*Sombra*/
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        box-shadow: 0 1px 3px rgba(0,0,0,.4);
    }
    h2{
        font-size: 25px;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 8px;
        line-height: 25px;
        color: #219741;
        font-family: 'Arial';
        font-weight: normal;
        border-bottom: 2px solid #219741;
        display: block;
    }
    h3{
        font-size: 20px;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        line-height: 25px;
        color: #219741;
        font-weight: normal;
        font-family: 'Arial'; 
    }
    .shadow{
        display: none;
    }
    
    /*DELEITATE----------------------------------------------------------------*/
    .f-pics{
        padding: 0px 0px 10px 0px;
        margin: 0px auto;
        float: none;
        text-align: center;
    }
    #menu_deleitate{
        width: auto;
        height: auto;
        overflow: hidden;
        margin: 0px auto 20px auto;
        padding: 0px 10px;
    }
    #menu_deleitate ul{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }
    #menu_deleitate ul li{
        width: 100%;
        height: 28px;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
        display: block;
        line-height: 28px;
        border-bottom:1px solid #cbcbcb;
    }
    #menu_deleitate ul li a{
        color: #ef1d26;
        font-size: 15px;
        font-family: 'Georgia';
        margin: 0px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
        display: block;
        line-height: 28px;
        text-decoration: none;
    }
    #menu_deleitate ul li a:hover{
        color: #cbcbcb;
    }
    
    #coccion_time{
        background: transparent url("../images/icon_clock.png") 0 0 no-repeat;
        width: 120px;
        height: 50px;
        line-height: 50px;
        margin: 0px auto 10px auto;
        padding: 0px 0px 0px 70px;
        font-size: 10px;
        color: #219741;
        font-family: 'Arial';
        display: block;
        overflow: hidden;
    }
    #valores a{
        background: transparent url("../images/icon_food.png") 0 0 no-repeat;
        width: 120px;
        height: 50px;
        line-height: 50px;
        margin: 0px auto 20px auto;
        padding: 0px 0px 0px 70px;
        font-size: 10px;
        color: #219741;
        font-family: 'Arial';
        display: none;
        overflow: hidden;
        text-decoration: none;
    }
    
    /*ERROR CONTACTO*/
    .error h3 {    
        font-size: 14px;
        font-weight: bold;
    }
    ul.error_messages li { 
        line-height: 12px;
        font-size: 10px;
        text-align: left;
        color:#fff;
        font-family: "Arial";
        display: block;
        overflow: hidden;
        margin: 0px 0px 2px 0px;
    }
    
    /*COLUMNAS---------------------------------------------------------*/
    .col_210{
        width:100%;
    }
    .col_912{
        width:100%;
    }
    .contacto .col_912{
        width:90%;
    }
    .col_960{
        width:100%;
    }
    .col_444{
        width:100%;
    }
    .col_678{
        width:90%;
        margin-right: 5%;
    } 

}