/*========================================= BARRA_ESPECIALES=================================================*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

.cont_barra{width: 100%;height:40px;background:#03283c;font-family:Arial, Helvetica, sans-serif;box-shadow: 0px 1px 10px black;position: fixed;z-index: 9999999;top:0px;}

.cont_barra .barra_center{width: 1000px;margin: auto;display: table}

.cont_barra .logocoop{width: 184px;height: 40px;float: left; background: #03283C url(/global_includes/img/cooperativacl.svg)no-repeat center;   background-size: 125px;    background-position-x: 5px;}

.logoradio{width: 260px; height: 40px; float: left; background: #03283C; color: #FFF; background-position-x: 5px;}

.logoradio a{text-decoration: none;color:#fff;}

.logoradio a,.logocoop a{cursor: pointer}

.icono_radio{    width: 40px;height: 40px; background: #03283C url(http://especiales2.cooperativa.cl/temas/imag/global/iconos-svg/audio-naranjo.svg)no-repeat center; background-size: 20px; border-left: 1px solid #021E2D;float: left;}

.textoradio{  width: 200px; height: 15px; font-size: 12px; float: left; padding-top:5px;text-indent:10px;overflow: hidden;  font-family:Arial, Helvetica, sans-serif;    text-align: left;}

.textoradio2{width: 200px;height: 20px;font-size: 15px;float: left;color: #F7931E;text-indent: 10px;overflow: hidden;font-family:Arial, Helvetica, sans-serif;text-align: left;}

/*.textoradio:hover {color: #F7931E !important;transition: all 1s;}

.textoradio2:hover {color: #FFF !important;transition: all 1s;}*/

.icono_radio:hover{    width: 40px;height: 40px; background:  url(http://especiales2.cooperativa.cl/temas/imag/global/iconos-svg/audio.svg)no-repeat center; background-size: 70%}



.contenedor_menu{    width: 50px; height: 40px; float: right; background: #03283c}

 .m_contenedor_menu{ display:none}

.cont_barra .sociales_menu {width: 300px;height: 40px;float: left;background: #03283c;margin-left: 200px}

.cont_rrss_tw{    width: 50px; float: left; height: 1px; font-family:Arial, Helvetica, sans-serif;font-size: 15px;font-weight: bolder;}

.cont_barra .cont_rrss{widt;width: 44px;float: right;ft;height: 1px;font-family:Arial, Helvetica, sans-serif;font-size: 15px;font-weight: bolder;}

.cont_barra .tw_menu{width: 33px;height: 30px;float: left;border-left: 1px solid #021E2D !important;line-height: 38px;color: #fff;padding-top: 10px;background: url(http://especiales2.cooperativa.cl/temas/imag/global/iconos-svg/twitter_transparente.svg)no-repeat left;background-size: 90%;font-size: 14px !important;font-weight: lighter !important;text-indent: -5px;padding-left: 10px;cursor: pointer;}

.fb_menu{width: 37px;height: 30px;float: left;border-left: 1px solid #021E2D !important;line-height: 38px;color: #fff;padding-top: 10px;background: url(http://especiales2.cooperativa.cl/temas/imag/global/iconos-svg/facebook_transparente.svg)no-repeat left;background-size: 90%;cursor: pointer;}

.gplus_menu{width: 40px;height: 30px;float: left;border-left: 1px solid #021E2D !important;line-height: 38px;color: #fff;padding-top: 10px;background: url(http://especiales2.cooperativa.cl/temas/imag/global/iconos-svg/googleplus.svg)no-repeat left;background-size: 105%;cursor: pointer;}

.cont_barra .gCount,.fbCount,.twCount{    cursor: pointer;background: #355363;   line-height: 1.6; width: 43px;height: 23px; text-align: center; float: left; border-radius: 2px;  text-shadow: 1px 1px 0px #333;    margin-left: 40px;    font-weight: lighter;font-size: 14px;display:none;}

.separador2{width:100%;height:40px;float:left;margin-bottom: 20px !important;}

.barra_hashtag{width: 200px;float: left;height: 40px;line-height: 2.8;color: #f8931e;font-size: 15px;font-weight: lighter;/* display: none; */}

.barra_hashtag:hover{color: #fff;transition: all 1s;}

.cont_barra .fbCount:hover{background: #333;color: #fff !important}

.cont_barra .twCount:hover{background: #333;color: #fff !important}

.cont_barra .gCount:hover{background: #333;color: #fff !important}

/*========================================= /BARRA_ESPECIALES=================================================*/





/*========================================= MENU DESPLEGABLE=================================================*/

#lista_menu {display: block; width:  28px; height: 30px; margin: 20px auto 10px;}

#lista_menu span:after,

#lista_menu span:before {content: ""; position: absolute; left: 0; top: -9px; }

#lista_menu span:after{top: 9px; }

#lista_menu span {position: relative; display: block; }

#lista_menu span,

#lista_menu span:after,

#lista_menu span:before {width: 100%; height: 3px; background-color: #355363; transition: all 0.3s; backface-visibility: hidden;border-radius: 2px; }

#lista_menu.on span {background-color: transparent; }

#lista_menu.on span:before {transform: rotate(45deg) translate(5px, 5px); }

#lista_menu.on span:after {transform: rotate(-45deg) translate(7px, -8px); }

#lista_menu.on + #menu_b_esp {opacity: 1; visibility: visible; }

#menu_b_esp {position: relative;color: #FFF;width: 185px;padding: 10px;margin: auto;font-family: 'Lato', sans-serif !important;text-align: center;border-radius: 4px;background: #03283c;box-shadow: 0 1px 8px rgba(0,0,0,0.05);opacity: 0;visibility: hidden;transition: opacity .4s;margin-left: -155px;font-size:15px !important;}

#menu_b_esp ul, #menu_b_esp li,#menu_b_esp li a {list-style: none; display: block; margin: 0; padding: 0; }

#menu_b_esp li a {padding: 5px;color: #fff;text-decoration: none;transition: all .2s;border-top: 1px solid #406478;border-radius: 5px;}

#menu_b_esp li a:hover,

#menu_b_esp li a:focus {background: #F7931E; color: #fff; }

/*========================================= /MENU DESPLEGABLE=================================================*/





#menu_b_esp li a:hover{background-color: #F7931E;-webkit-animation-name: barra_menu; /* Chrome, Safari, Opera */-webkit-animation-duration: 3s; /* Chrome, Safari, Opera */animation-name: barra_menu;animation-duration: 3s;animation-delay: 1s;animation-iteration-count: infinite;}











/* Chrome, Safari, Opera */

@-webkit-keyframes barra_menu {

        0%   {background-color:#F7931E}

        50%  {background-color:#406478;}

        100% {background-color:#F7931E}

}



/* Standard syntax */

@keyframes barra_menu {

        0%   {background-color:#F7931E}

        50%  {background-color:#406478;}

        100% {background-color:#F7931E}

}