/* CSS Responsive RedADN - Hyliacom 2016*/

@media screen and (max-width: 1650px){
#mm>div>ul>li:hover>ul, #mm .gh:hover div,#mm .pa:hover img, #mm .s>a:after{display:none;}
}

@media screen and (max-width: 1050px){
#alertin, #rt_alertin{max-width: 960px;max-width: calc(100% - 40px);}
#capaflot>div{width: 960px;width: calc(100% - 40px);}
}

@media screen and (max-width: 1000px){
#h2>span{display: none;}
#h2>.h2_bus{float: right;}
#h2.h2b>.h2_log{padding: 24px 262px 24px 70px;}
#h2.h2p>.h2_log{padding: 7px 262px 7px 70px;}
#h2.h2a>.h2_log{padding: 8px 262px 8px 70px;}

#h2.h2b>.h2_men{border-right: 1px solid #FFF;}
#h2.h2b>.h2_bus{border-right: 0;}
#h2.h2p>.h2_men{border-right: 1px solid #000;}
#h2.h2p>.h2_bus{border-right: 0;}
#h2.h2a>.h2_men{border-right: 1px solid #D1223B;}
#h2.h2a>.h2_bus{border-right: 0;}
#h2.h2w>.h2_men{border-right: 1px solid #FFF;}
#h2.h2w>.h2_bus{border-right: 0;}
#h2.h2r>.h2_men{border-right: 1px solid #FFF;}
#h2.h2r>.h2_bus{border-right: 0;}

#mb>form>input:nth-child(1){width: 80%;}
#mb>form>input:nth-child(2){width: 20%;}

#f>div>div{box-sizing: border-box;width: 100%;padding: 0 20px;}

#w .cookies{width: 100%;}

#alertin div .seldin_ser>.val>div:nth-child(1), #alertin div .seldin_epi>.val>div:nth-child(1){background: #FFF;}

#capaflot .menu-live h3{text-align: center;}


#f .fc .f_li>div{width: 23.5%;}
#f .fc .f_li>div:nth-child(n+2) {margin-left: 2%;}
#f .fc .f_li>div:last-of-type>ul>li:nth-child(n){width: 100%;margin: 0;}
}

@media screen and (max-width: 850px){
#h>div.b a:nth-child(1){width:20px;background-position: -17px -1520px;}
#h>div.b a:nth-child(2){width:23px;background-position: -458px -1431px;}

#capaflot>.flo-reg{width: 810px;width: calc(100% - 40px);}
}

@media screen and (max-width: 800px){
#capaflot .flo-mail .cadena_fecha, #capaflot .flo-mail .correo_fecha, #capaflot .flo-mail .mensaje_recep{display: none;}
#capaflot .flo-mail .cadena_titulos, #capaflot .flo-mail .correo_entra{float: right;}
}

@media screen and (min-width: 750px){
#h>div:first-of-type{width:130px;}
#m>label[for="bt_mu"], #h>div span{display:none;}
#mu{overflow: visible;}
#mu a[rel]:before{margin: 0 0 0 0;padding:3px;z-index: 29;position: fixed;top: 34px;display: block;width: 18px;height: 14px;left: auto;background: url(i/c.png) #F60 no-repeat -776px -300px; }
#mu li:hover  a[rel]:before{background-color: #F60;color:#FFF;}
#mu .mun a[rel]:before{right: 201px;}
#mu .muc a[rel]:before{right: 171px;}
#mu .mua a[rel]:before, #mu li.mun:last-child a[rel]:before{right: 141px;}
#mu a[rel="0"]:before, #mu a[rel="-1"]:before, #mu a[rel="-2"]:before, #mu a[rel="-3"]:before, #mu a[rel="-4"]:before, #mu a[rel="-5"]:before, #mu a[rel="-6"]:before, #mu a[rel="-7"]:before, #mu a[rel="-8"]:before, #mu a[rel="-9"]:before, #mu a[rel="-10"]:before {display: none;}

#mu a:after{content:"";margin: 15px 0 0 0;z-index: 26;position: fixed;top: 0;display: block;width: 18px;height: 18px;}

#mu .mun a:after{background-position: -400px -120px;right: 206px;}
#mu .muc a:after{background-position: -434px -120px;right: 176px;}
#mu .mua a:after{background-position: -468px -120px;right: 146px;}
#mu li.mun:last-child a:after{right: 146px;}

#mu .mun a:not([rel="0"]):after{background-position: -400px -150px;}
#mu .muc a:not([rel="0"]):after{background-position: -434px -150px;}
#mu .mua a:not([rel="0"]):after{background-position: -468px -150px;}

#mu .mun a[rel="-1"]:after, #mu .mun a[rel="-2"]:after, #mu .mun a[rel="-3"]:after, #mu .mun a[rel="-4"]:after, #mu .mun a[rel="-5"]:after, #mu .mun a[rel="-6"]:after, #mu .mun a[rel="-7"]:after, #mu .mun a[rel="-8"]:after, #mu .mun a[rel="-9"]:after, #mu .mun a[rel="-10"]:after{background-position: -400px -120px;right: 206px;}
#mu .muc a[rel="-1"]:after, #mu .muc a[rel="-2"]:after, #mu .muc a[rel="-3"]:after, #mu .muc a[rel="-4"]:after, #mu .muc a[rel="-5"]:after, #mu .muc a[rel="-6"]:after, #mu .muc a[rel="-7"]:after, #mu .muc a[rel="-8"]:after, #mu .muc a[rel="-9"]:after, #mu .muc a[rel="-10"]:after{background-position: -434px -120px;right: 176px;}
#mu .mua a[rel="-1"]:after, #mu .mua a[rel="-2"]:after, #mu .mua a[rel="-3"]:after, #mu .mua a[rel="-4"]:after, #mu .mua a[rel="-5"]:after, #mu .mua a[rel="-6"]:after, #mu .mua a[rel="-7"]:after, #mu .mua a[rel="-8"]:after, #mu .mua a[rel="-9"]:after, #mu .mua a[rel="-10"]:after{background-position: -468px -120px;right: 146px;}

#mu .mun:hover a:after{background-position: -400px -150px;}
#mu .muc:hover a:after{background-position: -434px -150px;}
#mu .mua:hover a:after{background-position: -468px -150px;}

#mu .mul a,#mu .mur a{position: fixed; top: 0; right:0; margin:0 0 0 8px;color: #FFF; font-weight: bold;width: 75px;padding: 3px 0;text-align:left;font-size: 12px;text-transform:uppercase;}
#mu .mul a:hover,#mu .mur a:hover{color:#F60;background-color:transparent;}
#mu .mul a{top:5px;}
#mu .mur a{top:22px;}
#mu .mup a:after, #mu .muo a:after{margin: 15px 0 0 0;}
#mu .mul a:after, #mu .mur a:after{display:none;}
#mu .mul a:after, #mu .mup a:after{right: 50px;}
#mu .mur a:after, #mu .muo a:after{right: 20px;}
#mu .mun:before{content:'';position: fixed;top: 0;right: 235px;width: 1px;height: 50px;z-index: 29;background-color: #636363;}
#mu li.mun:last-child:before{right: 175px;}
}

@media screen and (max-width: 750px){
#h2.h2b>.h2_log{padding: 24px 136px 24px 70px;}
#h2.h2p>.h2_log{padding: 7px 136px 7px 70px;}
#h2.h2a>.h2_log{padding: 8px 136px 8px 70px;}

#h2 > div.es>label{box-sizing: border-box;display: inline-block;vertical-align: top;width: 64px;height: 70px;padding: 14px 22px;border-right: 1px solid #636363;cursor: pointer;}
#h2 > div.es>label:before{content: "";display: block;width: 100%;height: 100%;background: url(i/c.png) no-repeat -13px -1434px;margin-top: 10px;}
#h2 > div.es>div{display: none;}
#h2 > div.es #bt_hp:checked ~ div{display: block;margin-left: -1px;width: 64px;background: #444446;border-top: 0;}
#h2 > div.es a{width: 64px;border: 1px solid #636363;border-top: 0;}
#capaflot .divm {width: 100%;}
}

@media screen and (max-width: 700px){
#mb>form>input:nth-child(1){width: 70%;}
#mb>form>input:nth-child(2){width: 30%;}

#f .fc>div>div:first-of-type article:nth-child(n){width: 49%;margin: 0;}
#f .fc>div>div:first-of-type article:nth-child(2n){margin-left: 2%;}
#f .fc>div>div:first-of-type article:nth-child(n+3){margin-top: 15px;}
}

@media screen and (max-width: 650px){
#capaflot>.flo-log{width: 610px;width: calc(100% - 40px);}

#alertin div .seldin_ser, #alertin div .seldin_epi{min-height: initial;text-align: center;}
#alertin div .seldin_ser ~ div, #alertin div .seldin_epi ~ div{margin-top: 10px}
#alertin div .seldin_ser>img, #alertin div .seldin_epi>img{float: initial;margin: 0 auto;}
#alertin div .seldin_ser>strong, #alertin div .seldin_epi>strong{padding: 10px 0;max-height: initial;}
#alertin div .seldin_ser>.val, #alertin div .seldin_epi>.val{margin-bottom: 20px;}
#alertin div .seldin_ser>.val>div:nth-child(2), #alertin div .seldin_epi>.val>div:nth-child(2){margin-right: 0;}
#alertin div .seldin_ser>.val>a, #alertin div .seldin_epi>.val>a{display: block;margin: 6px auto 0 auto;}

#alertin div .seldin_est, #alertin div .seldin_cap{font-size: 12px;text-align: center;}
#alertin .bot>a:nth-child(n){margin: 0 5px 10px 5px;}
}

@media screen and (max-width: 600px){
#h2.h2b>.h2_log{padding: 23px 86px 23px 20px;}
#h2.h2p>.h2_log{padding: 7px 86px 7px 20px;}
#h2.h2a>.h2_log{padding: 8px 86px 8px 20px;}

#h2.h2b>.h2_log>a:last-child{width: 19px;height: 24px;background-position: -125px -1518px;}
}

@media screen and (max-width: 550px){
#f .fc .f_li>div {width: 48%;text-align: center;margin-top: 15px;}
#f .fc .f_li>div>p{text-align: center;}
}

@media screen and (max-width: 500px){
#f .fc>div>div:first-of-type article span{display: none;}
}

@media screen and (max-width: 450px){
#mb>form>input:nth-child(1), #mb>form>input:nth-child(2){width: 100%;height: 40px;padding: 10px;text-align: center;}
#mb>form>input:nth-child(1){font-size: 12px;}
#mb>form>input:nth-child(2){font-size: 12px;}

#capaflot>.flo-amigos{width: 410px;width: calc(100% - 40px);}



#f p{font-size: 11px;}
#f .f_lis span{font-size: 12px;}
}

@media screen and (max-width: 400px){
#h2.h2p>.h2_log{padding: 22px 20px;}
#h2.h2p>.h2_log>a{width: 26px;height: 26px;background-position: -120px -1560px;}

#h2.h2a>.h2_log{padding: 21px 20px;}
#h2.h2a>.h2_log>a{width: 31px;height: 28px;background-position: -170px -1560px;}

#h2.h2w>.h2_log{padding: 22px 20px;}
#h2.h2w>.h2_log>a{width: 28px;height: 26px;background-position: -220px -1560px;}

#alertin, #rt_alertin{min-width: auto;}

#capaflot .flo-noti #actu_list>ul>li>h3, #capaflot .flo-noti .actu_cont>ul>li>h3{font-size: 14px;}
#capaflot .flo-noti .actu_cont>ul>li>h4{font-size: 12px;}

#capaflot .flo-mail .cadena_avatar, #capaflot .flo-mail .correo_avatar{float: none;display: block;margin: 0 auto;width: 32px;}
#capaflot .flo-mail .cadena_autor, #capaflot .flo-mail .correo_autor{text-align: center;padding: 0;}
}

@media screen and (max-width: 350px){
/*#capaflot>.flo-log{width: 310px;width: calc(100% - 40px);}*/
}

@media (min-width: 700px) and (max-width: 1000px){
#f .fc>div>div:first-of-type article{width: 23.5%;}
#f .fc>div>div:first-of-type article>a {font-size: 12px;}
#f .fc>div>div:first-of-type article:nth-child(n+2){margin-left: 2%;}
}