﻿
.contentMenu {overflow:hidden;}
.animationHeight {-webkit-transition: height 500ms ease-in}

a { color: #0000FF}
.internalLink:link {color:#CC0000}
.internalFichaLink:link {color:#CC0000;}
.internalFichaLink:visited {color:#CC0000;}

.fnt1{font-family: 'DINCond-Bold', Arial, sans-serif;font-size:27px}
.fnt2{font-family: 'DINCond-Bold', Arial, sans-serif;font-size:26px}
.fnt3{font-family: 'DINCond-Bold', Arial, sans-serif;font-size:25px}
.fnt4{font-family: 'DINCond-Medium', Arial, sans-serif;font-size:27px;}
.fnt5{font-family: 'DINCond-Medium', Arial, sans-serif;font-size:26px;}
.fnt6{font-family: 'DINCond-Medium', Arial, sans-serif;font-size:25px;}

.fnt11{font-family: 'DINCond-Bold', Arial, sans-serif;font-size:26px;}
.fnt12{font-family: 'DINCond-Bold', Arial, sans-serif;font-size:25px;}
.fnt13{font-family: 'DINCond-Bold', Arial, sans-serif;font-size:24px;}
.fnt14{font-family: 'DINCond-Bold', Arial, sans-serif;font-size:23px;}
.fnt15{font-family: 'DINCond-Bold', Arial, sans-serif;font-size:22px;}
.fnt16{font-family: 'DINCond-Bold', Arial, sans-serif;font-size:21px;}
.fnt17{font-family: 'DINCond-Medium', Arial, sans-serif;font-size:26px;}
.fnt18{font-family: 'DINCond-Medium', Arial, sans-serif;font-size:25px;}
.fnt19{font-family: 'DINCond-Medium', Arial, sans-serif;font-size:24px;}
.fnt20{font-family: 'DINCond-Medium', Arial, sans-serif;font-size:23px;}
.fnt21{font-family: 'DINCond-Medium', Arial, sans-serif;font-size:22px;}
.fnt22{font-family: 'DINCond-Medium', Arial, sans-serif;font-size:21px;}
.fnt23{font-family: 'DINCond-Ligth', Arial, sans-serif;font-size:23px;}


.col1{color:#000000;}
.col2{color:#000000;}
.col3{color:#FFFFFF;}
.col4{color:#FFFFFF;}
.col5{color:#5c0d80;}
.col6{color:#000000;}
.col7{color:#cc0000;}
.col11{color:#094385;}
.col12{color:#5f85b0;}
.col13{color:#006429;}
.col14{color:#FFFFFF;}
.col15{color:#000000;}
.col16{color:#999999;}
.col17{color:#cc0000;}



.lst1, .lst2, .lst3, .lst4, .lst5 {
    background:url('../img/icn_flecha.png') no-repeat left;
    background-size:10px 10px; 
    padding-left:20px; 
    margin-left:2px; 
    background-position:0 7px; 
}

.txt1, .txt2, .txt3, .txt4, .txt5 {
    position:relative;  
}

.tit1 { top:5px;position:relative;}
.tit2 {position:relative;padding-top:1px;padding-bottom:1px;}
.tit3 { top:5px;position:relative;}
.tit4, .tit5 {position:relative;padding-top:1px;padding-bottom:1px}
.tit6 { top:5px;position:relative;}
.tit7 { top:5px;position:relative;}
.tit8 { top:5px;position:relative;}
.tit9 { position:relative;padding-top:1px;padding-bottom:1px;}


.bck1 {position:relative; margin-bottom:18px;margin-left:15px;margin-right:10px}
.bck2 {background-color:rgba(255,255,255,1.00); margin-bottom:8px;margin-left:15px;margin-right:13px;margin-top:10px}
.bck3 {position:relative; margin-bottom:8px;margin-left:15px;margin-right:10px;}
.bck4, .bck5 {background-color:#FEFEFE; margin-bottom:0px;margin-left:15px;margin-right:13px;margin-top:10px}
.bck6 {position:relative; margin-bottom:18px;margin-left:15px;margin-right:10px}
.bck7 {position:relative; margin-bottom:12px;margin-left:15px;margin-right:10px}
.bck8 {position:relative; margin-bottom:33px;margin-left:15px;margin-right:10px}
.bck9 {background-color:rgba(218,227,237,1.00); margin-bottom:8px;margin-left:10px;margin-right:13px;margin-top:10px}


.btnOpen, .btn7 {
    background:url('../img/icn_menos.png') no-repeat left;
    background-size:10px 10px; 
    padding-left:20px; 
    margin-left:0px; 
    background-position:0 8px; 
}

.btnClose, .btn6 {
    background: url('../img/icn_menos.png') no-repeat left;
    background-size: 10px 10px;
    padding-left: 20px;
    margin-left: 0px;
    background-position: 0 8px;
}
.btn1, .btn2 { }

.btn3, .btn4, .btn5 {
    background:url('../img/icn_menos.png') no-repeat left;
    background-size:10px 10px; 
    padding-left:20px; 
    margin-left:0px; 
    background-position:0 8px; 
}
.btn1 > a, .btn2 > a, .btn3 > a, .btn4 > a, .btn5 > a, .btn6 > a, .btn7 > a, .btnOpen > a, .btnClose > a {
    display:block;
    padding-right:25px;
}

.btnLink {
   display:block;
   padding-right:25px;
}

  .margin{margin-left:15px;margin-right:15px; position:relative;}
  .margin_I {margin-top:-3px;}
  .margin_P {margin-top:12px;}
  .margin_P_sup {margin-top:11px;}
  .margin_P_inf {margin-bottom:21px;margin-top:12px;}
  .margin_L {margin-top:0px; position:relative;}
  .margin_L_sup {margin-top:-2px; position:relative;}
  .margin_L_inf {margin-top:1px;margin-bottom:0px; position:relative;}


#fixed_part {
    background-color: #FFFFFF;
    padding-bottom: 13px;
}



#galeria {
    padding-top: 13px;
    font-family: 'DINCond-Medium', Arial, sans-serif;
    font-size: 20px;
}

#html {
    background-color: #FFFFFF;
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
/*    margin-bottom:50px; */
}

.item_imagen_thumb {
    margin: 0px;
    overflow:hidden;
}

.item_imagen_thumb > img {
    -moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

/*.item_imagen_overlay {*/
.franja_galeria {
    background-color: rgba(9,67,133,0.50);
    height: 5px;
    width: 100%;
}



.item_imagen_title {
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    text-align: center;
    color: #FFFFFF;
    background-color: rgba(9,67,133,0.50);
    min-height: 44px;
    left: 0px;
    right: 0px;
}


.item_imagen > a {
   text-decoration:none;
}

    .item_imagen > a:hover .item_imagen_title {
        color: #FFFFFF;
        background-color: #094385;
    }

    .item_imagen > a:hover .item_imagen_descrip {
        color: #FFFFFF;
        background-color: #094385;
    }

    .item_imagen > a:hover .item_imagen_thumb > img {
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        -o-transform: scale(1.08);
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

.item_imagen_descrip {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    padding-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 0px;
    text-align: center;
    color: #FFFFFF;
    background-color: rgba(9,67,133,0.50);
    min-height: 24px;
}



.bloque_alergenos {
    display: block;
}


.alergeno_gluten, .alergeno_1 {
    background: url('../img/alergenos/icn_10001_selec.png') no-repeat left;
}

.alergeno_crustaceo, .alergeno_2 {
    background: url('../img/alergenos/icn_10002_selec.png') no-repeat left;
}

.alergeno_huevos, .alergeno_3 {
    background: url('../img/alergenos/icn_10003_selec.png') no-repeat left;
}

.alergeno_pescado, .alergeno_4 {
    background: url('../img/alergenos/icn_10004_selec.png') no-repeat left;
}

.alergeno_cacahuetes, .alergeno_5 {
    background: url('../img/alergenos/icn_10005_selec.png') no-repeat left;
}

.alergeno_soja, .alergeno_6 {
    background: url('../img/alergenos/icn_10006_selec.png') no-repeat left;
}

.alergeno_lacteos, .alergeno_7 {
    background: url('../img/alergenos/icn_10007_selec.png') no-repeat left;
}

.alergeno_frutos_cascara, .alergeno_8 {
    background: url('../img/alergenos/icn_10008_selec.png') no-repeat left;
}

.alergeno_apio, .alergeno_9 {
    background: url('../img/alergenos/icn_10009_selec.png') no-repeat left;
}

.alergeno_mostaza, .alergeno_10 {
    background: url('../img/alergenos/icn_10010_selec.png') no-repeat left;
}

.alergeno_sesamo, .alergeno_11 {
    background: url('../img/alergenos/icn_10011_selec.png') no-repeat left;
}

.alergeno_sulfitos, .alergeno_12 {
    background: url('../img/alergenos/icn_10012_selec.png') no-repeat left;
}

.alergeno_altramuces, .alergeno_13 {
    background: url('../img/alergenos/icn_10013_selec.png') no-repeat left;
}

.alergeno_moluscos, .alergeno_14 {
    background: url('../img/alergenos/icn_10014_selec.png') no-repeat left;
}



.alergeno_gluten.off, .alergeno_1.off {
    background: url('../img/alergenos/icn_10001.png') no-repeat left;
}

.alergeno_crustaceo.off, .alergeno_2.off {
    background: url('../img/alergenos/icn_10002.png') no-repeat left;
}

.alergeno_huevos.off, .alergeno_3.off {
    background: url('../img/alergenos/icn_10003.png') no-repeat left;
}

.alergeno_pescado.off, .alergeno_4.off {
    background: url('../img/alergenos/icn_10004.png') no-repeat left;
}

.alergeno_cacahuetes.off, .alergeno_5.off {
    background: url('../img/alergenos/icn_10005.png') no-repeat left;
}

.alergeno_soja.off, .alergeno_6.off {
    background: url('../img/alergenos/icn_10006.png') no-repeat left;
}

.alergeno_lacteos.off, .alergeno_7.off {
    background: url('../img/alergenos/icn_10007.png') no-repeat left;
}

.alergeno_frutos_cascara.off, .alergeno_8.off {
    background: url('../img/alergenos/icn_10008.png') no-repeat left;
}

.alergeno_apio.off, .alergeno_9.off {
    background: url('../img/alergenos/icn_10009.png') no-repeat left;
}

.alergeno_mostaza.off, .alergeno_10.off {
    background: url('../img/alergenos/icn_10010.png') no-repeat left;
}

.alergeno_sesamo.off, .alergeno_11.off {
    background: url('../img/alergenos/icn_10011.png') no-repeat left;
}

.alergeno_sulfitos.off, .alergeno_12.off {
    background: url('../img/alergenos/icn_10012.png') no-repeat left;
}

.alergeno_altramuces.off, .alergeno_13.off {
    background: url('../img/alergenos/icn_10013.png') no-repeat left;
}

.alergeno_moluscos.off, .alergeno_14.off {
    background: url('../img/alergenos/icn_10014.png') no-repeat left;
}


.alergeno_info {
    background: url('../img/alergenos/icn_info.png') no-repeat left;
}

.bloque_alergenos > .alergeno_info {
    display: none;
}

.bloque_alergenos > div {
    display: inline-block;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    margin-top: 6px;
    background-size: cover;
    margin-left: 5px;
    margin-right: 5px;
}

#filter > div {
    margin: 0 auto;
}

#filter-items {
    font-family: 'DINCond-Medium', Arial, sans-serif;
    font-size: 15px;
    text-align: center;
}


.category_title {
    margin-top: 8px;
    margin-bottom: 2px;
    font-family: 'DINCond-Medium', Arial, sans-serif;
    font-size: 24px;
    min-width: 80px;
    height: 34px;
    text-align: center;
    background: url('../img/flecha_separador.png') no-repeat right;
    background-size: 8px 34px;
}

    .category_title > span {
        display: block;
        margin-right: 8px;
        color: #999999;
        padding-top: 3px;
        padding-left: 12px;
        padding-right: 12px;
    }

        .category_title > span:hover {
            color: #CC0000;
        }

    .category_title:hover {
        background: url('../img/flecha_separador_selec.png') no-repeat right;
        background-size: 8px 34px;
    }


.alergeno_filter {
    width: 60px;
    height: 78px;
}

    .alergeno_filter.first {
        width: 50px;
        height: 78px;
    }

.alergeno_title.first {
    margin-left: -5px;
    width: 55px;
}


.alergeno_title {
    display: block;
    width: 60px;
}

.alergeno_filter > div {
    background-size: 40px 40px !important;
    width: 40px;
    height: 40px;
    margin-top: 6px;
    background-size: cover;
    margin-left: 10px;
    margin-right: 10px;
}

.alergeno_filter.first > div {
    margin-left: 0px;
    margin-right: 10px;
}


.previous_filter, .next_filter, .alergeno_info_filter {
    display: none
}

.previous_filter {
    background: url('../img/alergenos/icn_info.png') no-repeat left;
}

.alergeno_info_filter {
    background: url('../img/alergenos/icn_info.png') no-repeat left;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    margin-top: 6px;
    position: absolute;
}

.previous_filter {
    background: url('../img/flecha_ant.png') no-repeat center;
    background-size: 6px 20px;
    width: 24px;
    height: 30px;
    margin-top: 6px;
    position: absolute;
}


.next_filter {
    background: url('../img/flecha_sig.png') no-repeat center;
    background-size: 6px 20px;
    width: 24px;
    height: 30px;
    margin-top: 6px;
    position: absolute;
}


/* Social Media Items */
.btn_redes {
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
}

.icn_llegar {
    background: url('../img/redes/icn_llegar.png') no-repeat center;
    background-size: cover;
}

.icn_whatsapp {
    background: url('../img/redes/icn_whatsapp.png') no-repeat center;
    background-size: cover;
}

.icn_facebook {
    background: url('../img/redes/icn_facebook.png') no-repeat center;
    background-size: cover;
}

.icn_twitter {
    background: url('../img/redes/icn_twitter.png') no-repeat center;
    background-size: cover;
}

.icn_tienda {
    background: url('../img/redes/icn_cesta.png') no-repeat center;
    background-size: cover;
}


.icn_pdf {
    background: url('../img/redes/icn_pdf.png') no-repeat center;
    background-size: cover;
}


.icn_instagram {
    background: url('../img/redes/icn_instagram.png') no-repeat center;
    background-size: cover;
}


.redes_old {
    background-color: #DAE3ED;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 50px;
    z-index: 100;
    padding-left:15px;
}


.franja_videos {
    text-align:center;
    font-family: 'SourceSansPro', Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin-top:5px;
}

.item_video  {
    width: 210px;
    height: 45px;
    margin: 0 auto;
    vertical-align:top;
    line-height:45px;
}

.item_video > a {
       width: 210px;
        height: 45px;
        display:block;
        background: url('../img/btn_video.png') no-repeat left;
        background-size:contain;
        text-decoration: none;
        color: #FFFFFF;
}

    .item_video > a:hover {
        color: #CC0000;
        background: url('../img/btn_video_selec.png') no-repeat left;
        background-size: contain;
    }

@media screen and (min-width: 480px) and (max-width: 1370px) {
    #filter > div {
        margin-left: 87px;
        margin-right: 87px;
    }
}


@media screen and (max-width: 1300px) {

   
    .fnt1{font-size:20px;}
    .fnt2{font-size:19px;}
    .fnt3{font-size:18px;}
    .fnt4{font-size:19px;}
    .fnt5{font-size:18px;}


    .fnt11 {
        font-size: 25px;
    }

    .fnt12 {
        font-size: 24px;
    }

    .fnt13 {
        font-size: 23px;
    }

    .fnt14 {
        font-size: 22px;
    }

    .fnt15 {
        font-size: 21px;
    }

    .fnt16 {
        font-size: 21px;
    }

    .fnt17 {
        font-size: 25px;
    }

    .fnt18 {
        font-size: 24px;
    }

    .fnt19 {
        font-size: 23px;
    }

    .fnt20 {
        font-size: 22px;
    }

    .fnt21 {
        font-size: 21px;
    }

    .fnt22 {
        font-size: 20px;
    }

    .fnt23 {
        font-size: 22px;
    }




    #galeria {
        font-size: 18px;
        line-height: 18px;
    }

    .franja_videos {
        font-size: 18px;
    }


    .item_video {
        width: 198px;
        height: 43px;
        line-height: 43px;
    }

    .item_video > a {
        width: 198px;
        height: 43px;
    }


}

@media screen and (max-width: 480px) {

    #html {
        margin-left:20px;
        margin-right:20px;
    }

    #galeria {
        font-size: 20px;
        line-height: 20px;
    }





    .fnt11 {
        font-size: 23px;
    }

    .fnt12 {
        font-size: 22px;
    }

    .fnt13 {
        font-size: 21px;
    }

    .fnt14 {
        font-size: 20px;
    }

    .fnt15 {
        font-size: 19px;
    }

    .fnt16 {
        font-size: 18px;
    }

    .fnt17 {
        font-size: 23px;
    }

    .fnt18 {
        font-size: 22px;
    }

    .fnt19 {
        font-size: 21px;
    }

    .fnt20 {
        font-size: 20px;
    }

    .fnt21 {
        font-size: 19px;
    }

    .fnt22 {
        font-size: 18px;
    }

    .fnt23 {
        font-size: 20px;
    }

    .lst1, .lst2, .lst3, .lst4, .lst5 {
        background-size:7px 7px; 
        padding-left:14px; 
        background-position:0 6px; 
}

    .item_imagen_title {
        position: absolute;
        bottom: 0px;
        min-height: 25px;
    }

    .item_imagen_descrip {
        padding-top: 7px;
        min-height: 30px;
    }



.btnOpen, .btn7 {
        background-size:7px 7px; 
        padding-left:14px; 
        background-position:0 7px; 
}

.btnClose, .btn6 {
        background-size:7px 7px; 
        padding-left:14px; 
        background-position:0 7px; 
}
.btn1, .btn2 { }

.btn3, .btn4, .btn5 {
        background-size:7px 7px; 
        padding-left:14px; 
        background-position:0 7px; 
}


    .franja_videos {
        font-size: 18px;
    }


    .item_video {
        width: 180px;
        height: 39px;
        line-height: 39px;
    }

        .item_video > a {
            width: 180px;
            height: 39px;
        }




    .bloque_alergenos > div {
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .alergeno_filter {
        width: 30px;
        height: 30px;
    }

        .alergeno_filter.first {
            width: 20px;
            height: 30px;
        }


    .alergeno_title {
        display: none;
    }

    .alergeno_filter > div {
        background-size: 30px 30px !important;
        width: 30px;
        height: 30px;
    }

    .alergeno_filter.first > div {
        margin-left: 0px;
        margin-right: 10px;
    }



    #filter > div {
        margin-left: 72px;
        margin-right: 24px;
    }


    .alergeno_info_filter {
        display: inline-block;
        left: 15px;
    }

    .previous_filter {
        display: inline-block;
        left: 48px;
    }

    .alergeno_info_filter {
        display: inline-block;
        left: 15px;
    }

    .next_filter {
        display: inline-block;
        right: 0px;
    }


    .category_title {
        margin-top: 0px;
        font-size: 21px;
        margin-bottom: 0px;
    }

        .category_title > span {
            padding-top: 5px;
        }

}


