
/*===========================================VISTA BARRA MOVIL==========================================================
.rotulo{width: 1000px;height: 150px;position: relative;margin:auto;background-color:#000;}
.rotulo a{text-decoration: none;color: #fff;font-size: 40px;font-family: 'Arial';width: 400px;position: absolute;float: left;margin-left: 38%;margin-top: 50px;}
.celu {width:60px;height: 90px;background-image: url(/temas/imag/2013/m_sudamericana_2013/celular2.png);background-repeat: no-repeat;padding-left:4%;margin-top: -20px;position: relative;float: left;}
.n{}  */
/*===========================================/VISTA BARRA MOVIL==========================================================*/

@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200);
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
html{width:100%;height:100%}
body,a,h1,h2,h3,p,span,ul,li,div,img,section,header,footer{border:0;padding:0;margin:0;text-decoration:none;/* font-family: 'Source Sans Pro', sans-serif; */}
ul li { list-style:none;}
a {color:#fff;text-decoration:none; outline:none; border:none;}img{border:0;}
body{background: #E4E4E6;}
.wrapper{width: 100%;max-width: 1000px;margin:auto;display: table;font-size: 16px;margin-top: 0px;background: #ffffff;}
header{width:100%;height: 100%;height: 250px;background: url(/apps/imag/programas/materia_de_estudio/header.jpg)no-repeat center;background-size: contain;}
footer{width: 100%;background: black;margin:auto;color: #fff;text-align: center;font-size: 12px;padding: 10px 0px 10px 0px;}
.footer p {background: #000;text-align: center;font-size: 12px;color: #fff; margin: auto;padding-bottom: 20px;font-weight: lighter; padding-top: 50px;font-family: sans-serif;}
.sitios{width: 100%;/* margin: 5%; *//* margin: auto; */display: table;color: #000000;text-align: center;}
.sitios a{color: #edbe32;font-size: 12px;}
.sitios strong{margin: auto;display: table;}
.sitios span{    margin: auto;display: table;margin-top: -15px}


/*============================================= CONTENEDORES ============================================*/
.contenedor{width: 100%;/* height: 1088px; */display: flex;margin: 0px auto;/* float:left; *//* background: #dfe5e7; */flex-direction: row;/* padding-top: 20px; */}
.cont_left{/* width: 50%; *//* height: 1020px; *//* float:left; */margin: 0 0 15px 0;background: #d9d9dc;}
.cont_right{/* width: 50%; *//* height: 1020px; *//* float: left; *//* background: #f6f5f5; *//* margin: 20px 0px 0px 15px; */margin-top: 20px;}
.cont_podcast{width: 100%;/* height: 695px; *//* float:left; *//* background: #f6f5f5; */margin-top: 20px;}
.cont_noticias{width: 100%;float:left;margin-top: 0px;overflow-y: auto;overflow-x:hidden;padding: 30px 0;}
.cont_general{width: 100%;/* height: 260px; *//* float: left; *//* margin: 0px 0px 0px 0px; */}
.cont_informacion{margin-top: 12px;width: 100%;/* height: 393px; */float: left;margin-bottom: 20px;}
.separador{width: 100%;height: 4px;float: left;background: #232634;margin: 0px 0px 0px 0px;}
.cont_formulario{width: 100%;height: 380px;background: #f8c34f;float: left;margin: 0px 0px 10px 0px;}
.contenido{width: 100%;padding: 29px 4%;float: left;color:#000;background: #fff;border-radius: 10px;}
.contenido p{width: 100%;/* padding: 5%; */float: left;color: #000;}
.contenido p strong{
    color: #232634;
}
/*============================================/CONTENEDORES============================================*/


/*============================================= ROTULOS ============================================*/
.rot{width: 100%;/* height: 30px; */float: left;/* background: #ffffff; */border-bottom: 3px dotted #fdbc3c;padding-top: 5px;margin-bottom: 19px;color: #878787;line-height: 2;/* font-weight: bold; *//* margin-top: 10px; */font-family: 'RocknRoll One', sans-serif;}
.rot2{width: 100%;height: 20px;float: left;background: #000000;padding-top: 5px;color: #edbe32;line-height: 17px;margin-top: 10px;/* text-indent: 20px; */}
.rot::before{content: "";position: relative;bottom: -36px;left: 16px;width: 0;height: 0;border-width: 8px 8px 0;border-style: solid;border-color: #edbe32 transparent transparent;display: none;}
.rot2::before{content: "";position: relative;bottom: -27px;left: 24px;width: 0;height: 0;border-width: 8px 8px 0;border-style: solid;border-color: #edbe32 transparent transparent;}
.rot_contact{width: 90%;padding: 0px 0px 0px 28px;float: left;color: #232634;font-size: 15px;font-weight: bolder;margin-top: 5px;}
.cont_iconos{    position: absolute;margin: 0px 0px 0px 160px;width: 140px;height: 20px;padding-top: 5px;}
.iconos{width: 70px;height: 20px;float: left;font-size: 9px;color: #fff;    line-height: 16px; text-indent: 3px;}
.iconos  img{width: 15px;height: 15px;float: left}
.iconos a:hover{color: #F68B18}
/*============================================= /ROTULOS============================================*/




/*=============================================  RSS PODCAST ============================================*/
#rssaudio3{/* margin-top: 45px; */}
#rssaudio3 .item_rss .mas_rss{display:none;}
#rssaudio3 .item_rss{/* font-family: 'Arial'; */width: 100%;display: table;margin-bottom: 15px;cursor: pointer;background: #FDBC3B;padding: 17px 0;/* border-radius: 10px; */}
#rssaudio3 .item_rss .titulo_rss{width: 84%;float: left;margin-left: 40px;margin-right: 10px;color: #000;}
#rssaudio3 .item_rss .titulo_rss::before{content:"";background: url(/temas/imag/global/iconos-svg/audio-marron.svg)no-repeat center;background-size: 100%;width: 22px;height: 22px;float: left;margin-left: -31px;margin-top: 10px;}
#rssaudio3 .item_rss .titulo_rss a{  font-size: 14px;color: #fff;}
#rssaudio3 .item_rss .fecha_rss{ display:none;}

/*=============================================/RSS PODCAST============================================*/


.reproductor0{margin:5px 0px 10px 30px;display: none}
.reproductor1{margin:5px 0px 10px 30px;display: none}
.reproductor2{margin:5px 0px 10px 30px;display: none}
.reproductor3{margin:5px 0px 10px 30px;display: none}
.reproductor4{margin:5px 0px 10px 30px;display: none}
.reproductor5{margin:5px 0px 10px 30px;display: none}
.reproductor6{margin:5px 0px 10px 30px;display: none}
.reproductor7{margin:5px 0px 10px 30px;display: none}
.reproductor8{margin:5px 0px 10px 30px;display: none}
.reproductor9{margin:5px 0px 10px 30px;display: none}
.reproductor10{margin:5px 0px 10px 30px;display: none}
.reproductor11{margin:5px 0px 10px 30px;display: none}
.reproductor12{margin:5px 0px 10px 30px;display: none}
.reproductor13{margin:5px 0px 10px 30px;display: none}
.reproductor14{margin:5px 0px 10px 30px;display: none}
.reproductor15{margin:5px 0px 10px 30px;display: none}
.reproductor16{margin:5px 0px 10px 30px;display: none}
.reproductor17{margin:5px 0px 10px 30px;display: none}

/*============================================= RSS NOTICIAS============================================*/
#noticias .item_rss .mas_rss{display:none;}
#noticias .item_rss{/* font-family: 'Arial'; */width: 100%;background: #F7F7F7;/* font-size: 14px; */}
#noticias .item_rss .titulo_rss{width: 71%;background: #878787;/* border: 1px solid #edbe32; */color: white;float: left;padding: 2%;margin-right: 10px;margin-top: 16px;margin-left: 3%;border-bottom: 1px solid #2326340d;}
#noticias .item_rss .titulo_rss a{font-size: 13px;color: #ffffff;}
#noticias .item_rss .fecha_rss{color: #878787;text-align: center;float: left;/* font-size: 12px; */width: 20%;margin-top: 20px;/* font-weight: bold; */font-size: 11px;/* background: #000000; *//* border-top: 2px dotted #fc7444; *//* border-radius: 0px 5px 5px 0px; */}}
/*=============================================/RSS NOTICIAS============================================*/




/*============================================= FORMULARIO ============================================*/
iframe{width: 420px;height: 320px;float: left;}
.contacto{padding: 15px 45px 57px;margin-top: 0px;}
.contacto label{display: block; font-size: 16px;position: absolute; margin: 11px 0px 0px -96px;}
.contacto div{margin-bottom: 5px;}
.contacto input[type='text'], .contacto textarea{padding: 9px 20px;font-size: 14px;width: 99%;border: 1px solid #FFFFFF;resize: none;border-radius: 5px;}
.contacto input[type='text']:focus, .contacto textarea:focus{outline: none;box-shadow:0 0 0 1px #dde9ec;}
.contacto input[type='text'].invalido, .contacto textarea.invalido{box-shadow:0 0 0 3px #FFC9C9;}
.contacto input[type='submit']{color: #FFF;background: #232634;height: 30px;width: 90px;/* margin-left: 238px; */border: 0px;border-radius: 2px;margin-top: 15px;}
.contacto input[type='submit']:hover{background: #55838c;}
.error{background-color: #0888aa;border-radius: 4px 4px 4px 4px;color: White;font-weight: Bold;margin-left: -90px;margin-right: 14px;margin-top: 6px;padding: 6px 12px;position: Absolute;font-size: 12px;/* font-size: 10px; */}
.contacto input[type='submit']:active{background:#06667f;}
.error:before{border-color: transparent #0888aa transparent transparent; border-style: solid; border-width: 6px 8px; content: ""; display: block; height: 0; left: -16px; position: absolute; top: 8px; width: 0; }
.result_fail{background: none repeat scroll 0 0 #BC1010; border-radius: 20px 20px 20px 20px; color: white; font-weight: bold; padding: 10px 20px; text-align: center; }
.result_ok{background: none repeat scroll 0 0 #fae1b4; border-radius: 20px 20px 20px 20px; color: black; text-align: center; font-size: 14px; }
/*============================================= /FORMULARIO ============================================*/






@media screen and (max-width: 767px){
.menunav .topnav .cont-radio .cont-info-radio .topnav-radio .txt-radio-vivo {
    font-size: 7px;
    color: #e7e7e7;
    font-family: arial , sans-serif;
    text-align: center;
    position: absolute;
    bottom: -3px !important;
    font-weight: bold;
    margin: auto;
    text-transform: uppercase;
}
.menunav .topnav .cont-radio {
    height: 50px;
    width: 20%;
    position: absolute;
    right: 0;
    top: 0px;
}
header {
  
    height: 85px;
  
}
}
.hora{
    color: #000000;
    padding: 0px;
    text-align: center;
    float: left;
    width: 20%;
    margin-top: 20px;
    font-size: 13px;
    /* background: #d50c48; */
    /* border-top: 2px dotted #f8c34f; */
    border-radius: 0px 5px 5px 0px;
}

.item_rss{background: #ffffff;}