.contentMenu {overflow:hidden;}
.animationHeight {-webkit-transition: height 500ms ease-in}

a { color: #0000FF}
.internalLink:link{color:#0000ff;}
.internalFichaLink:link {color:#0000ff;}
.internalFichaLink:visited {color:#0000ff;}


.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-Bold', Arial, sans-serif;
    font-size: 24px;
}

.fnt5 {
    font-family: 'DINCond-Bold', Arial, sans-serif;
    font-size: 23px;
}

.fnt6 {
    font-family: 'DINCond-Bold', Arial, sans-serif;
    font-size: 22px;
}

.fnt7 {
    font-family: 'DINCond-Medium', Arial, sans-serif;
    font-size: 27px;
}

.fnt8 {
    font-family: 'DINCond-Medium', Arial, sans-serif;
    font-size: 26px;
}

.fnt9 {
    font-family: 'DINCond-Medium', Arial, sans-serif;
    font-size: 25px;
}

.fnt10 {
    font-family: 'DINCond-Medium', Arial, sans-serif;
    font-size: 24px;
}

.fnt11 {
    font-family: 'DINCond-Medium', Arial, sans-serif;
    font-size: 23px;
}

.fnt12 {
    font-family: 'DINCond-Medium', Arial, sans-serif;
    font-size: 22px;
}

.fnt13 {
    font-family: 'DINCond-Light', Arial, sans-serif;
    font-size: 24px;
}

    .col1{color:#094385;}
    .col2{color:#5f85b0;}
    .col3{color:#006429;}
    .col4{color:#FFFFFF;}
    .col5{color:#000000;}
    .col6{color:#999999;}
    .col7{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;}


    .bck1 {position:relative; margin-bottom:18px;margin-left:10px;margin-right:10px}
    .bck2 {background-color:rgba(218,227,237,1.00); margin-bottom:8px;margin-left:10px;margin-right:13px;margin-top:10px}
    .bck3 {position:relative; margin-bottom:8px;margin-left:10px;margin-right:10px;}
    .bck4, .bck5 {background-color:#FEFEFE; margin-bottom:0px;margin-left:10px;margin-right:10px;margin-top:10px}
    .bck6 {position:relative; margin-bottom:18px;margin-left:10px;margin-right:10px}
    .bck7 {position:relative; margin-bottom:12px;margin-left:10px;margin-right:10px}
    .bck8 {position:relative; margin-bottom:33px;margin-left:10px;margin-right: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:10px;margin-right:10px; 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;
}

.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: #006429;
        padding-top:3px;
        padding-left:12px;
        padding-right:12px;
    }

        .category_title > span:hover {
            color: #094385;
        }

    .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_instagram {
    background: url('../img/redes/icn_instagram.png') no-repeat center;
    background-size: cover;
}



@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: 25px;
        }

        .fnt2 {
            font-size: 24px;
        }

        .fnt3 {
            font-size: 23px;
        }

        .fnt4 {
            font-size: 22px;
        }

        .fnt5 {
            font-size: 21px;
        }

        .fnt6 {
            font-size: 21px;
        }

        .fnt7 {
            font-size: 25px;
        }

        .fnt8 {
            font-size: 24px;
        }

        .fnt9 {
            font-size: 23px;
        }

        .fnt10 {
            font-size: 22px;
        }

        .fnt11 {
            font-size: 21px;
        }

        .fnt12 {
            font-size: 20px;
        }

        .fnt13 {
            font-size: 22px;
        }



        #galeria {
            font-size: 18px;
            line-height: 18px;
        }
    }

    @media screen and (max-width: 480px) {

        #html {
            margin-left: 20px;
            margin-right: 20px;
        }

        #galeria {
            font-size: 20px;
            line-height: 20px;
        }


        .fnt1 {
            font-size: 23px;
        }

        .fnt2 {
            font-size: 22px;
        }

        .fnt3 {
            font-size: 21px;
        }

        .fnt4 {
            font-size: 20px;
        }

        .fnt5 {
            font-size: 19px;
        }

        .fnt6 {
            font-size: 18px;
        }

        .fnt7 {
            font-size: 23px;
        }

        .fnt8 {
            font-size: 22px;
        }

        .fnt9 {
            font-size: 21px;
        }

        .fnt10 {
            font-size: 20px;
        }

        .fnt11 {
            font-size: 19px;
        }

        .fnt12 {
            font-size: 18px;
        }

        .fnt13 {
            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;
        }


        .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;
        }
    }