
/*===========================================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);
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:Arial, Helvetica, sans-serif;}
ul li { list-style:none;}
a {color:#fff;text-decoration:none; outline:none; border:none;}img{border:0;}
.wrapper{width:776px;margin:auto;display: table;font-size: 17px;margin-top: 20px;}
header{width:100%;height: 250px;background: url(/apps/imag/2019/programas/congreso_futuro/bg_logo.png)no-repeat center;background-size: 100%;position: relative;}
header .enlace-book-header{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 170px;
    height: 60px;
}
footer{width: 776px;margin:auto;color: #444;text-align: center;font-size: 13px;   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: 776px;margin: auto;display: table;color: #0092b7;}
.sitios a{color: #0092b7;font-size: 12px;}
.sitios strong{    margin: auto;display: table;}
.sitios span{    margin: auto;display: table;margin-top: -15px}


/*============================================= CONTENEDORES ============================================*/
.contenedor{width: 776px;height: 1150px;float:left;background: #fbfafa;}
.cont_left{width: 300px;height: 1125px;float:left;margin: 20px 0px 0px 20px;background: #f6f5f5;}
.cont_right{width: 420px;height: 1125px;float: left;background: #f6f5f5;margin: 20px 0px 0px 15px;}
.cont_podcast{width: 300px;height: 695px;float:left;background: #f6f5f5;margin-bottom: 50px;}
.cont_noticias{width: 300px;height: 290px;float:left;background: #f6f5f5;margin-top: 0px;overflow-y: auto;overflow-x:hidden;}
.cont_general{width: 420px;height: 260px;float: left;margin: 0px 0px 10px 0px;}
.cont_informacion{margin-top: 6px;width: 420px;height: 500px;float: left;}
.separador{width: 361px;height: 1px;float: left;background: #f11e5e;margin:0px 0px 0px 27px;}
.cont_formulario{width: 420px;height: 350px;float: left;/* margin: 84px 0px 10px 0px; */}
.contenido{width: 90%;padding: 5%;float: left;color:#000;}
.enlace-book {
    width: 120px;
    height: 120px;
    display: table;
    /* float: left; */
    margin: auto;
}
.enlace-book .cont-book{
    background: url(/apps/imag/2019/programas/congreso_futuro/coca.jpg)no-repeat center;
    background-size: cover;
    height: 115px;
}
.contenido p{width: 90%;padding: 5%;float: left;color: #000;font-size: 16px;}
.contenido p strong{
    color: #f11e5e;
}
/*============================================/CONTENEDORES============================================*/


/*============================================= ROTULOS ============================================*/
.rot{width: 100%;height: 20px;float: left;background: #f11e5e;padding-top: 5px;color:#fff;line-height: 17px;/* margin-top: 10px; */}
.rot2{width: 100%;height: 20px;float: left;background: #f11e5e;padding-top: 5px;color:#fff;line-height: 17px;margin-top: 10px;/* text-indent: 20px; */}
.rot::before{content: "";position: relative;bottom: -27px;left: 24px;width: 0;height: 0;border-width: 8px 8px 0;border-style: solid;border-color: #f11e5e transparent transparent;}
.rot2::before{content: "";position: relative;bottom: -27px;left: 24px;width: 0;height: 0;border-width: 8px 8px 0;border-style: solid;border-color: #f11e5e transparent transparent;}
.rot_contact{width: 90%;padding: 0px 0px 0px 28px;float: left;color: #000;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: 33px;overflow-x: hidden;overflow-y: scroll;width: 100%;height: 100%;}
#rssaudio3 .item_rss .mas_rss{display:none;}
#rssaudio3 .item_rss{font-family: 'Arial';width:300px;display: table;margin-top: 15px;cursor: pointer;background: #f11e5e;}
#rssaudio3 .item_rss .titulo_rss{width: 90%;display: flex;justify-content: space-around;align-items: center;padding: 10px;}
#rssaudio3 .item_rss .titulo_rss span{background: url(/temas/imag/global/iconos-svg/audio.svg)no-repeat center;background-size: 100%;width: 45px;height: 45px;}
#rssaudio3 .item_rss .titulo_rss p{  font-size: 14px;color: #fff;padding: 0 15px;}
#rssaudio3 .item_rss .fecha_rss{ display:none;}

/*=============================================/RSS PODCAST============================================*/


.reproductor0,
.reproductor1,
.reproductor2,
.reproductor3,
.reproductor4,
.reproductor5,
.reproductor6,
.reproductor7,
.reproductor8,
.reproductor9,
.reproductor10,
.reproductor11,
.reproductor12,
.reproductor13,
.reproductor14,
.reproductor15,
.reproductor16,
.reproductor17{display: none;background: #f1f3f4;}

/*============================================= RSS NOTICIAS============================================*/
#noticias .item_rss .mas_rss{display:none;}
#noticias .item_rss{font-family: 'Arial';width:300px;background: #F7F7F7;font-size: 14px;}
#noticias .item_rss .titulo_rss{width: 200px;float: left;margin-right: 10px;margin-top: 20px;margin-left: 40px;}
#noticias .item_rss .titulo_rss a{font-size: 12px;color: #000;}
#noticias .item_rss .fecha_rss{color: #000;float: left;font-size: 12px;width: 35px;margin-left: 5px;margin-top: 20px;}}
/*=============================================/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: #f11e5e;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 ============================================*/

/*=============================================  PUBLICIDAD ============================================*/
.publicidad_dfp {display: flex; margin: 0; width: 100%; outline: 1px dashed rgba(255,0,0,.0);}
.publicidad_dfp .deco_98711_dfp {margin: 0 auto 10px auto;outline: 1px dashed rgba(255,0,255,.0);}
.publicidad-torre {top: 67px /*67px original*/;width: 100%;min-width: 120px;max-width: 160px;height:600px;float:left;margin: 0;/*background: #eae8e8;*/margin-left: -175px;/*margin-top: -26px original sin*/position: -webkit-sticky !important;position: -moz-sticky  !important;position: -ms-sticky  !important;position: -o-sticky  !important;position: sticky  !important;}
/*=============================================  /PUBLICIDAD ============================================*/




