/* IE10 viewport hack for Surface/desktop Windows 8 bug */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }
@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900';
body{padding:0;margin:0;font-family: 'Roboto', sans-serif;font-size: 16px;/*line-height: 24px;*/background: rgb(20,49,85,1);
background: linear-gradient(0deg, rgba(0,173,238,1) 0%, rgba(20,49,85,1) 77%); position:relative;}
a{text-decoration: none; }
.clear{clear: both;}
section h2{color:#FFF;font-weight:bold;font-size: 3em;text-align: left;letter-spacing: -1px;text-transform: uppercase;margin:20px 0 50px;}
      section h2.right{text-align: right;}
      section h2.center{text-align: center;}
section h2 sup{text-transform: none;}
a.ReservarLugar{display: block;position:absolute;z-index:1;bottom:2%;left:50%;margin-left:-165px;width: 330px;height: 65px;background: #009641;color: #fefefe;
  text-transform: uppercase;line-height: 65px;text-align: center;font-size: 1.25em;font-weight: 700;text-decoration: none;cursor:pointer;box-shadow: 0px 5px 10px rgba(0,0,0,.2);    
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
a.ReservarLugar:hover{background: #e4c14e;box-shadow: 0px 5px 10px rgba(0,0,0,.3);}

/*
#Portada{background: url('../img/bg-header.png') no-repeat center top;background-size:100% 90%;height: 660px;color: #fff;position: relative;margin-right: 0;}
*/

#Portada-img{
  background: url('../img/bg-header.png') no-repeat center top;
  background-size:cover;
  height:900px;
  position:absolute;
  margin:0px auto;
  padding:0px;
  width:100%;
  left:0;
  z-index:-1;
}

#SecondBackground-img{
  background: url('../img/bg-2.png') no-repeat center top;
  background-size:cover;
  height:900px;
  position:absolute;
  margin:0px auto;
  padding:0px;
  width:100%;
  left:0;
  z-index:-1;
  top: 40%;
}

#Morado1 {
  background: url('../img/morado1.png') no-repeat center top;
  background-size:100% 100%;
  max-height: 1000px;
  height:800px;
  position:absolute;
  margin:0px auto;
  padding:0px;
  width:100%;
  left:0;
  z-index:-1;
  top: 56%;
}

#Morado2 {
  background: url('../img/Morado2.png') no-repeat center top;
  background-size:100% 100%;
  max-height: 1000px;
  height:800px;
  position:absolute;
  margin:0px auto;
  padding:0px;
  width:100%;
  left:0;
  z-index:-1;
  top: 68%;
}

#Morado3 {
  background: url('../img/Morado3.png') no-repeat center top;
  background-size:100% 100%;
  max-height: 1000px;
  height:800px;
  position:absolute;
  margin:0px auto;
  padding:0px;
  width:100vw;
  left:0;
  z-index:-1;
  top: 80%;
}

#BackPaneles {
  background: url('../img/panelistas.png') no-repeat center top;
  background-size:cover;
  height:800px;
  position:absolute;
  margin:0px auto;
  padding:0px;
  width:100%;
  left:0;
  z-index:-1;
  top: 19%;
}

#PuntosBack {
  background: url('../img/puntos.png') no-repeat center top;
  background-size:cover;
  height:800px;
  position:absolute;
  margin:0px auto;
  padding:0px;
  width:100%;
  left:0;
  z-index:-1;
  bottom: 0%;
}

#LogoCoparmexSuperior {
  width: 15vw;
  height: auto;
  position: absolute;
  top: 2vw;
  left: 2vw;
  z-index: 10;
}

#LogoCoparmexSuperior img {
  width: 100%;
}

#LogoEFSuperior {
  width: 15vw;
  height: auto;
  position: absolute;
  top: 2vw;
  right: 2vw;
  z-index: 10;
}

#LogoEFSuperior img {
  width: 100%;
}

.Ubicacion {
  font-size: 1.4em;
  color: #311487;
  text-align: center;
  text-transform: uppercase;
}
.direccion {
  font-size: 1.3em;
  color: #FFF;
  text-align: center;
}
/*
.registro {
  display: block;
  max-width: 200px;
  text-align: center;
  padding: 15px 25px;
  font-size: 1.2em;
  color: #061834;
  background-color: #37b8e8;
  border-radius: 5px;
  border: 1px solid #061834;
  margin: 0 auto;
  text-transform: uppercase;
  text-decoration: none;
}

.registro:hover {
  color: #37b8e8;
  background-color: #061834;
  border: 1px solid  #37b8e8;
}
*/

         
         .registro {
            background-image: linear-gradient(to top, #0b1299 0%, #6863c7  100%);
            max-width: 200px;
            margin: 10px auto;
            padding: 15px 35px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 5px #eee;
            border-radius: 10px;
            display: block;
          }

          .registro:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }



#Portada .container{position: relative;height: 100%;/*display: table;*/}
/* #Portada .container .Centered{display: table-cell;vertical-align: middle;}    */
#Portada .container .Background{position: absolute;left: 0; right:0; background: #ffffff;border:solid 4px #061834; width: 100%;max-width:800px;position: absolute;top:0; margin-right:auto; margin-left:auto;}
#Portada .container h1{
  text-indent: -9999px;height: 240px;width: 520px;background: url('../img/logo-foro-leaf.png') no-repeat;background-size:contain;margin: 35px auto 0;
  z-index: 1;left: 0; right: 0; margin-left: auto; margin-right: auto; top: 0;margin-top: 5px; /*position: absolute;*/
  
  background-position:top center;
}
  #Portada .container h1:after{content:""; position:absolute; bottom:-15px; height:1px; width: 90%; left:0; right:0; margin-right:auto; margin-left:auto; background-color:#ccc;}

#Portada .container #Integralia{width: 150px;position: absolute;z-index: 1;left: 65%;top: 4px;}
#Portada .container #Integralia img{display: block;width: 100%;margin-top: -10px;}
#Portada .container #Integralia span{display: block;text-align: center;font-size: 0.7em;color: #000da4;font-weight: 500;}
#Portada .container #Subtitle{color:#005836; font-size: 2em;line-height: 1em;margin:140px 0 60px;font-weight: 300;letter-spacing: -1px;text-align: center;position: relative;z-index: 1;}
#Portada .container #Subtitle strong{font-weight: 700;}
#Portada .container a#Hashtag{display: block;text-align: center;font-size: 1.65em;margin-top: 20px;font-weight: 600;color: #009641;cursor: pointer;display: block;position: relative;z-index: 1;}
#Portada .container #Eventos{
  text-align: center;font-weight: 300;color:#494949;margin-bottom: 20px;position: relative;z-index: 1;
  
  margin-top:10px;
  margin-bottom:20px;
}

#Eventos > p {
  margin-bottom:3px;
}

#Portada .container #Eventos a,
#LugarFecha .lugarFecha-info li a{display: inline-block;width: 50px;height: 50px;text-indent: -9999px;margin-right: 15px;
    -webkit-transition: all .1s ease-in-out;background-size:cover !important;
    transition: all .1s ease-in-out;}
#Portada .container #Eventos a:hover,
#LugarFecha .lugarFecha-info li a:hover{opacity: 0.7;}

#Portada .container #Eventos a#iCal,
#LugarFecha .lugarFecha-info li a#iCal2{background: url('../img/calendar-add-apple.png') no-repeat center;}

#Portada .container #Eventos a#Outlook,
#LugarFecha .lugarFecha-info li a#Outlook2{background: url('../img/calendar-add-outlook.png') no-repeat center;}

#Portada .container #Eventos a#GoogleCal,
#LugarFecha .lugarFecha-info li a#GoogleCal2{background: url('../img/calendar-add-google.png') no-repeat center;}

#Eventos a,
#Eventos li a{display: inline-block;width: 30px;height: 30px;text-indent: -9999px;margin-right: 10px;
    -webkit-transition: all .1s ease-in-out;background-size:cover !important;
    transition: all .1s ease-in-out;}
#Eventos ul {
  padding-left: 0;
  margin-left: 0;
}
#Eventos ul h4 {
  font-size: 1.1em;
  color: #FFF;
}
#Eventos ul li {
  display: inline-block;
}
#Eventos a:hover,
#Eventos li a:hover{opacity: 0.7;}

#Eventos a#iCal,
#Eventos li a#iCal2{background: url('../img/calendar-add-apple.png') no-repeat center;}

#Eventos a#Outlook,
#Eventos li a#Outlook2{background: url('../img/calendar-add-outlook.png') no-repeat center;}

#Eventos a#GoogleCal,
#Eventos li a#GoogleCal2{background: url('../img/calendar-add-google.png') no-repeat center;}

#Portada .container .countdown{
  position: relative;z-index:1; color:#999999;  
  padding-top:20px;
}
#Portada .container .countdown.styled div,
#Portada .container .countdown.styled div span{ color:#ffffff; font-weight: bold; }
#Portada .container .faltan { color:#FFFFFF; font-weight: bold; font-weight: lighter; font size: 2em; }

#Portada.Streaming #LogoPolitical{width: 288px;height: 114px;margin-left: -159px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
#Portada.Streaming #Integralia{left: 62%;top: 6px;}
#Portada.Streaming .container .Background{mix-blend-mode: initial;height: initial;background: transparent;box-shadow: none;}
#Portada.Streaming .VideoResponsive{position: relative;padding-bottom: 56.25%;}
#Portada.Streaming .VideoResponsive iframe{position:absolute;height:100%;width:100%;}


#Edicion .Text p{color:#555;font-size: 1.2em;line-height: 1.55em;text-align: center;margin-bottom: 30px;}
#Edicion .Text .LinksAnteriores div{padding:15px;border-radius: 1px;}
#Edicion .Text .LinksAnteriores div:hover{background: #ffe501;}
#Edicion .Text .LinksAnteriores a{text-decoration: none;}
#Edicion .Text .LinksAnteriores a img{display: block;width: 100%;}
#Edicion .Text .LinksAnteriores a span{display: block;margin-top: 5px;color:#000;line-height: 1.3em;}



/* ============ */


/** #EDICION LO MAS LEIDO ***/
#Edicion .Text p{color:#555;font-size: 1.2em;line-height: 1.55em;text-align: center;margin-bottom: 30px;}
#Edicion .Text .LinksAnteriores div div{padding:15px;border-radius: 1px;}
#Edicion .Text .LinksAnteriores div div:hover{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0079a7+0,00bbdd+100 */
    background: #0079a7; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #0079a7 0%, #00bbdd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #0079a7 0%,#00bbdd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #0079a7 0%,#00bbdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079a7', endColorstr='#00bbdd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


} /*#ffe501 e4c14e - background: #00aad2; old*/
#Edicion .Text .LinksAnteriores div div:hover a,
#Edicion .Text .LinksAnteriores div div:hover span{color:#fefefe;}
#Edicion .Text .LinksAnteriores div div.clear:hover{background:transparent;}

#Edicion .Text .LinksAnteriores div a{text-decoration: none;}
#Edicion .Text .LinksAnteriores div a img{display: block;width: 100%;}
#Edicion .Text .LinksAnteriores div a span{display: block;margin-top: 5px;color:#000;line-height: 1.3em;font-size:14px; font-weight:600;}

/* para resumen */
#Edicion .Text .LinksAnteriores a{font-size:14px; color:#000; line-height:1.3em; margin-top: 5px; display:block; font-weight:regular;}

#Edicion .latest.videos p {
    font-size:0.70em;
    width:100%;
    line-height:1.3em;
    text-align: left;
}


/* ============= */



/*
*
      MODERADORES / PANELSTAS
*
*/

.embed-container{z-index:200}

#Moderadores{text-align: left; position:relative;margin-top:10%;}

  @media screen and (max-width: 767px){
      #Moderadores{margin-top: 12%;}
  } 

  @media screen and (min-width: 768px) and (max-width: 1007px){
      #Moderadores{margin-top: 12%;}
  }

  @media screen and (min-width: 1008px) and (max-width: 1199px){
      #Moderadores{margin-top: 12%;}
  }



#Moderadores article.ModeradorThumb{display: inline-block;cursor: pointer;width: 16%;margin:0 30px 4% 3px;max-width: 256px;position: relative;z-index:3;vertical-align:top;}
/**#Moderadores article.ModeradorThumb:nth-child(4){margin-right: 0;}
#Moderadores article.ModeradorThumb:nth-child(7){margin-right: 0;}**/
#Moderadores article.ModeradorThumb .Caritas{position: relative;z-index: 3;background: none;overflow: hidden;border: 0;border-radius: 3px;    
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateZ(0);
}
#Moderadores article.ModeradorThumb .Caritas:hover{transform: perspective(1200) translateZ(40px);
                        -webkit-transform: perspective(1200) translateZ(40px);
                        -moz-transform: perspective(1200) translateZ(40px);
                        -o--transform: perspective(1200) translateZ(40px);box-shadow: 15px 15px 30px rgba(0,0,0,.2);z-index: 3;}
#Moderadores article.ModeradorThumb .Caritas:hover .Nombre{color:#d12d80;}
#Moderadores article.ModeradorThumb .Caritas .Nombre{position: absolute;top:15px;left:20px;font-size:24px;font-weight: 700;text-align: left;color:#0f235b;z-index: 2;}
#Moderadores article.ModeradorThumb .Caritas img{display: block;width: 100%;}
#Moderadores article.ModeradorThumb .Caritas:hover img{opacity: 0.95;}
#Moderadores article.ModeradorThumb .Descripcion{color:#FFF;margin-top: 8px;font-weight: 500;line-height: 1.3em;text-align: left;min-height: 78px;}

#Moderadores article.ModeradorThumb .name{text-transform: uppercase; font-weight: 700; color:#FFF; line-height: 1em; margin-top:8px;}
/*#Moderadores:after{content:"";position:absolute; width:110%; height: 83%; background-color: #fff; top:150px; left:-5%; border:solid 8px #00bcff;}*/




#Panelistas{text-align: left; position:relative;}
#Panelistas article.ModeradorThumb{display: inline-block;cursor: pointer;width: 16%;margin:0 0 4% 3px;max-width: 256px;position: relative;z-index:3;vertical-align:top;}
#Panelistas article.ModeradorThumb:nth-child(4){margin-right: 0;}
#Panelistas article.ModeradorThumb:nth-child(7){margin-right: 0;}
#Panelistas article.ModeradorThumb .Caritas{position: relative;z-index: 3;background: none;overflow: hidden;border: 0;border-radius: 3px;    
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateZ(0);
}
#Panelistas article.ModeradorThumb .Caritas:hover{transform: perspective(1200) translateZ(40px);
                        -webkit-transform: perspective(1200) translateZ(40px);
                        -moz-transform: perspective(1200) translateZ(40px);
                        -o--transform: perspective(1200) translateZ(40px);box-shadow: 15px 15px 30px rgba(0,0,0,.2);z-index: 3;}
#Panelistas article.ModeradorThumb .Caritas:hover .Nombre{color:#d12d80;}
#Panelistas article.ModeradorThumb .Caritas .Nombre{position: absolute;top:15px;left:20px;font-size:24px;font-weight: 700;text-align: left;color:#0f235b;z-index: 2;}
#Panelistas article.ModeradorThumb .Caritas img{display: block;width: 100%;}
#Panelistas article.ModeradorThumb .Caritas:hover img{opacity: 0.95;}
#Panelistas article.ModeradorThumb .Descripcion{color:#FFF;margin-top: 8px;font-weight: 500;line-height: 1.3em;text-align: left;min-height: 78px;}

#Panelistas article.ModeradorThumb .name{text-transform: uppercase; font-weight: 700; color:#b3c843; line-height: 1em; margin-top:8px;}
/*#Panelistas:after{content:"";position:absolute; width:110%; height: 83%; background-color: #fff; top:150px; left:-5%; border:solid 5px #00bcff;}*/





#Agenda .Fila{border-bottom: 1px solid #924db3;padding: 6px 0;}
#Agenda .Fila .Hora{font-weight: bolder;color:#eaeaea; text-shadow: 0 0 1px #eee;font-size: 2.6em;line-height: 1.6em;letter-spacing: -2px;padding: 0;}
#Agenda .Fila .Text{font-weight: 400;color:#FFFFFF;font-size: 1.25em;line-height: 1.6em;padding:0 0 0 30px;}
#Agenda .Fila .Text.Doble{line-height: 1.4em;margin-top: 10px;}
#Agenda .Fila .Moderador{font-weight: 400;color:#000;font-size: 1.5em;line-height: 2.9166em;width: 14%;}
#Agenda .Fila .Moderador img{width: 53px;margin-right: 10px;display: block;float: left;}
#Agenda .Fila .Moderador span{font-weight: 700;color:#000;font-size: 0.55em;line-height: 1.2em;display: block;float: left;width: 100px;position: absolute;top: 0;left: 77px;}
#Agenda .Fila .Panelistas{padding:0;width: 19%;}
#Agenda .Fila .Panelistas .col-lg-4{padding: 0 5px 0 0;font-size: 0.7em;line-height: 1.3em;font-weight: 500;}

.BoldTextoAgenda {
  font-weight: bold;
  color: #311487;
}
.VerdeTextoAgenda {
  color: #acc242;
}
.RosaTextoAgenda {
  color: #e8408e;
}
.AzulTextoAgenda {
  color: #FFF;
}
.PuntoAltoAgenda {
  font-size: 1.35em;
}

.microhora {
  font-weight: bolder;
  color: #999;
}

#LugarFecha{position: relative;z-index: 10;background: transparent;padding: 0 0 30px;}
      #LugarFecha:after{content:""; position:absolute; background-color:white; width:100%;z-index:-1; height:70%;left:0; right:0; margin-right:auto; margin-left:auto; top:5em; border:solid 5px #00bcff;}
#LugarFecha .container{position:relative; z-index:12;}
#LugarFecha #Datos{padding-left: 0;}
#LugarFecha #Datos ul{list-style-type: none;margin:0;padding:0;}
#LugarFecha #Datos ul li{padding:0 0 15px 60px;color: #000;font-size: 1.375em;line-height: 1.25em;font-weight: 400; }
#LugarFecha #Datos ul li.Fecha{background: url('../img/calendario.svg') no-repeat center left;background-size: 34px 34px;}
#LugarFecha #Datos ul li.Lugar{background: url('../img/placeholder.svg') no-repeat center left;background-size: 34px 34px;}
#LugarFecha a.ReservarLugar{position: initial;margin:0;width:100%;font-size: 1.15em;}
      #LugarFecha div ul {list-style:none;padding:0; margin-top:20px;}
      #LugarFecha div ul li{margin-right:10px; display: inline-block; cursor:pointer;}
      #LugarFecha div ul li img{max-width:100%;text-align:left}

      #LugarFecha .lugarFecha-img{transform:translate(40px, -60px);}
      #LugarFecha .lugarFecha-img img{width:50%;}
      #LugarFecha .lugarFecha-info p{ margin-bottom:0px;line-height:1.2em; }

#SombraBottom{box-shadow: 0 7px 15px rgba(0,0,0,.2);position: absolute;bottom: 0;left: 15px;right: 15px;width: auto;height: 140px;z-index: 1;max-width: 1140px;}

#MapaG{margin-top: 20px;height: auto;}
#MapaG iframe{width: 100%;}


#Patrocinadores{position: relative; z-index: 10; background:transparent; padding: 0 0 30px;}
      #Patrocinadores h2{position:relative; padding:10px; margin:40px 0px 0px 0px;}
      #Patrocinadores h2:after{content:"";position:absolute;width:100%;height:10px;background-color:#81b3e0;left:0;right:0;bottom: -20px;}
#Patrocinadores #Datos{width:100%;}
#Patrocinadores ul{margin:0;padding:0;}
#Patrocinadores ul li { list-style:none;}
#Patrocinadores li{display: inline-block; padding:0px;text-align: center;}
#Patrocinadores li.logo-pat{ width: 34%; }
#Patrocinadores li.logo-pat-diamante { width: 99%; }
#Patrocinadores li.logo-pat-diamante img { max-width: 290px; margin:0 auto; }
#Patrocinadores li.logo-pat-platino { width: 49%; }
#Patrocinadores li.logo-pat-platino img { max-width: 400px; margin:0 auto; }
#Patrocinadores li.logo-pat-oro { width: 32%; }
#Patrocinadores li.logo-pat-oro img { max-width: 350px; margin:0 auto; }
#Patrocinadores li.logo-pat-quintos { width: 19.5%; }
#Patrocinadores li.logo-pat-quintos img { max-width: 200px; margin:0 auto; }


#LogoElFin img {max-width: 100% }

#LogoEFBTV img {max-width: 96% }

footer{position:relative; }
footer p{color:#999;font-size: 1em;padding: 18px 0;font-weight: 400;text-align: center;}
          .bg-frutas-footer{content:"";position:absolute;bottom: 0px;z-index:-1;left:0; margin-right:auto;margin-left:auto; width:100%;height:130px; max-height:160px;background: url(../img/bg-frutas-footer.jpg) no-repeat top;background-size:100% auto; }


article.PopUp{width: 100%;max-width: 750px;margin: 0;padding: 15px 30px;}
article.PopUp h2{margin: -30px 0 10px;color: #494949;font-weight: 700;position: relative;z-index: 2;font-size: 2.25em;}
article.PopUp.Panelista h2{color:#000;}
article.PopUp h2.Large{font-size: 1.7em;}
article.PopUp .Cargo{font-weight: 500;font-size: 0.9em;line-height: 1.25em;margin-top:5px;}
article.PopUp .Left{float: left;width: 35%;margin-right: 5%;}
article.PopUp .Left img{display: block;width: 100%;border:1px solid rgba(32,53,113,0.11);}
article.PopUp .Left ul{display: block;list-style-type: none;margin:10px 0 0;padding:0;}
article.PopUp .Left ul li{display: inline-block;margin-right: 1px;width: 30px;height: 30px;}
article.PopUp .Left ul li a{display: block;width: 30px;height: 30px;cursor: pointer;
                            -webkit-transition: all .2s ease-in-out;
                            transition: all .2s ease-in-out;}
article.PopUp .Left ul li a:hover{opacity: 0.7;}
article.PopUp .Left ul li.Twitter a{background: url('../img/twitter.svg') no-repeat center;}
article.PopUp .Left ul li.EFColumna a{background: url('../img/quotes.svg') no-repeat center;}
article.PopUp .Right{float: left;width: 60%;padding-top:38px;}

.hidden {display: none;}
.fancybox-opened .fancybox-skin{box-shadow: none !important;background: #fff;}
.fancybox-overlay{background: rgba(255,255,255,0.98) !important;}
.fancybox-nav{width: 12% !important;}
.fancybox-nav:hover{background-size: 24px !important;}
.fancybox-nav span{visibility: hidden !important;}


.fancybox-prev{background: url('../img/left.svg') no-repeat center !important;left: -12% !important;background-size: 20px !important;}
.fancybox-next{background: url('../img/right.svg') no-repeat center !important;right: -12% !important;background-size: 20px !important;}
/*
.fancybox-prev span{background: url('../img/left.svg') no-repeat center !important;left: 35% !important;}
.fancybox-next span{background: url('../img/right.svg') no-repeat center !important;right: 35% !important;}*/
.fancybox-close{top: -48px !important;right: -8px !important;}
.fancybox-close{background: url('../img/close.svg') no-repeat center !important;background-size: contain !important;width: 26px !important;height: 26px !important;}

a.ReservarLugarTop{bottom: initial;
    width: 700px;
    background: #eee;
    color: #333;
    margin-left: -350px;
    margin-top: 25px;}

/*
*
*    HELP CLASSES
*
*/

/* the big diagonal image of the bg */
.bg-strip{display: none;position:absolute;top: 52%;right: 0;width:100vw;height: 800px;max-height: 1200px; background: transparent url(../img/bg-yellow-stripe-content.png) no-repeat center center;margin-right: 0;background-size: 100% 100%;margin-left: 0;}

/* lrg height vertical margin */
.lrg_height_margin{display: block; width:1px; height:100px;}

/* mid height vertical margin */
.mid_height_margin{display: block; width:1px; height:80px;}

/* sm height vertical margin */
.sm_height_margin{display: block; width:1px; height:50px;}



@media (min-width: 1400px) {

}

@media (max-width: 1199px) {
  body{font-size: 15px;}
  #Moderadores article.ModeradorThumb{width: 22%;margin: 0 0 4% 8.5%;}
  #Agenda .Fila .Moderador{padding-left:0;}
  #Agenda .Fila .Moderador span{left: 59px;}
  #LugarFecha a.ReservarLugar{width: 97%;margin-top: 20px;}
  #LugarFecha #Datos{padding:0 45px 0 20px; }
  #Portada .container #Integralia{left: 68%;}
  #Portada.Streaming .container #Integralia{left: 64%;width: 130px;}
  #Portada.Streaming #LogoPolitical{zoom: 90%;margin-top: 0;}
}

@media (max-width: 991px) {
    #Moderadores article.ModeradorThumb {width: 25%;margin: 0 0 4% 6%;}
    #Agenda .Fila .Moderador{width: 25%;}
    #Agenda .Fila .Text{padding: 10px 0 0 30px;line-height: 1.3em;}
    #Portada .container #Integralia{left: 73%;}
    #Portada.Streaming .container #Integralia{width: 120px;left: 65%;top: 4px;}
    #Portada.Streaming #LogoPolitical{zoom: 80%;margin-top: 0;}

    /* KERNIN */
    #LugarFecha{ margin-top:40px; }
    #LugarFecha h2.DerechaAbajo{margin: 0px 0 -16px;}
    #LugarFecha .lugarFecha-img{transform: scale(0.9);}
    #LugarFecha .lugarFecha-info{ background:transparent; margin:15% 0px 0px 0px; padding:5px 10px;}

}

@media (max-width: 767px) {
  body{font-size: 14px;}
  section h2{margin:20px 0;font-size: 2.25em;}
  section h2.DerechaAbajo{margin: 100px 0 30px;}
  a.ReservarLugar{top: 86%;}
  a.ReservarLugarTop{top: initial;margin: 0;width: 100%;margin-left: 0;left: 0;height: auto;line-height: 1.5em;padding: 10px;}
  /*#Portada{max-height: 640px;height: 73vh;min-height: 460px;}*/
  #Portada .container h1{height: 100px;width: 240px;transform: translateY(2%);margin: 0;left: 40px;}
  #Portada .container #Integralia{left: initial;right:10px;width: 100px;top: 6px;line-height: 1em;font-size: 0.85em;}
  #Portada .container #Integralia img{margin-top: -4px;}
  #Portada .container #Subtitle{font-size: 2.5em;margin:20px 0 15px;line-height: 1em;}


  #Panelistas article.ModeradorThumb{
      width:30%; max-width:100%;
  }

  .container{
    padding-right:0px;
    padding-left:0px;
  }

  #Portada .container .center{
      width:100%;
      min-width: 100% !important;
  }


  #Portada .container .Centered{display: block;margin-top:100px;}
  #Portada .container #Eventos p{margin-bottom: 5px;}
  .styled div{display: inline-block;font-size: 2.5em !important;padding: 0 10px !important;text-align: center !important;}
  .styled div span {padding-top: 5px;}
  #Portada .container .Background{transform: translateY(11%);height: 50%;min-height: 400px;}
  #Panelistas article.PanelistaThumb{padding: 0 15px;}
  #Panelistas article.PanelistaThumb .Caritas .Nombre{line-height: 1em;font-size:14px;top: 5px;left: 10px;}
  #Panelistas article.PanelistaThumb .Descripcion{min-height: 95px;    line-height: 1.15em;    font-size: 13px;}
  #Moderadores article.ModeradorThumb .Caritas .Nombre{line-height: 1.1em;font-size:18px;top: 5px;left: 10px;}
  #Edicion .Text p{line-height: 1.35em;}
  #Edicion .Text .LinksAnteriores div{padding:5px;}
  #Edicion .Text .LinksAnteriores a span{min-height: 73px;font-size: 0.9em;}
  #Moderadores article.ModeradorThumb{width:45%;margin: 0 0 4% 3%;}
  #Agenda .Fila .Text{padding: 5px 0 6px 20px;}
  #Agenda .Fila .Text.Doble{line-height: 1.4em;margin-top: 5px;}
  #LugarFecha #Datos ul li{font-size: 1em;}
  #MapaG iframe{height: 400px;}
  footer p{font-size: 0.8em;}
  article.PopUp{padding: 15px 10px;}
  article.PopUp h2{margin: 0 0 -18px 5px;font-size: 1em;}
  article.PopUp h2.Large{font-size: 1em;}
  article.PopUp .Left{width: 30%;}
  article.PopUp .Right{width: 65%;}
  article.PopUp .Right{padding-top: 5px;}
  article.PopUp .Right p{line-height: 1em;line-height: 1.3em;}
  .fancybox-prev{left: -7% !important;}
  .fancybox-next{right: -7% !important;}
  #Portada.Streaming .container{display:block;}
  #Portada.Streaming #LogoPolitical {width: 200px;height: 79px;margin-left: 0;left: 17px;box-shadow:none;}
  #Portada.Streaming .container #Integralia{left:230px;}
  #Portada.Streaming .container .Background {transform: translateY(21%);}
  #Portada.Streaming {height: 40vh;min-height: 330px;}
  #Portada.Streaming #LogoPolitical{zoom: 100%;margin-top: 0;}
  #Portada .container a#Hashtag{display:none;}

  /* KERNIN */
  .lrg_height_margin.no-mobile{display:none;}

  #LugarFecha{ margin-top:40px; }
  #LugarFecha h2.DerechaAbajo{margin: 0px 0 -16px;}
  #LugarFecha .lugarFecha-img{transform: scale(0.9);}
  #LugarFecha .lugarFecha-info{ background:#fff; margin:0px 40px; padding:5px 10px; box-shadow: 0px 9px 12px rgba(0,0,0,0.24);}
     
  /* / * / * */
      
  #Patrocinadores{margin-bottom:40px;}
  #Patrocinadores li {display: block; width:80%; margin:30px auto;}

  .bg-frutas-footer{background: url(../img/bg-frutas-footer.jpg) no-repeat bottom;background-size:100% auto; bottom:-16px;}

  /* / * / * */

  #Portada .container .Background{min-height:10px !important;height:36% ; max-width:762px; top:154px !important; width:85%;  }
  a.ReservarLugar{ top:65%; width:300px; margin-left: -150px; }

  /*#Portada{ height:530px; }*/
  #Portada .container h1{ left:0px; margin: 40px auto 0px; }
  #Portada .container #Subtitle{ font-size:2em; margin:20px 0 32px; }

  /* / * / * / */

  #Moderadores h2.DerechaAbajo{margin:10px 0 8px;  }

  article.PopUp h2{ margin:0 0 6px 5px; }

}
/* ARREGLO PARA DESPUÉS DEL FORO */
#Portada .container .Background{min-height: 320px;top: 300px;}

.ArribaIzquierda{

  color: #311487;
  margin-top:60px;
  text-align: center;
  width:90%;
  position:relative;
  margin: 40px auto 16px auto;
  font-size: 1.8em;
}

.ForoHibrido{
  text-align: center;
  width:90%;
  position:relative;
  margin: 40px auto 15px auto;
  font-weight: bold;
  font-size: 1.8em;
  color: #b3c843;
}


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

  #LogoCoparmexSuperior {
  width: 35vw;
  height: auto;
  position: absolute;
  top: 2vw;
  left: 2vw;
  z-index: 10;
}

#LogoCoparmexSuperior img {
  width: 100%;
}

#LogoEFSuperior {
  width: 35vw;
  height: auto;
  position: absolute;
  top: 2vw;
  right: 2vw;
  z-index: 10;
}

#LogoEFSuperior img {
  width: 100%;
}


        /*#Portada{height:460px;}*/
        #Patrocinadores li.logo-pat-diamante { width: 98%; }
#Patrocinadores li.logo-pat-diamante img { max-width: 300px; margin:0 auto; }
#Patrocinadores li.logo-pat-platino { width: 98%; }
#Patrocinadores li.logo-pat-platino img { max-width: 300px; margin:0 auto; }
#Patrocinadores li.logo-pat-oro { width: 98%; }
#Patrocinadores li.logo-pat-oro img { max-width: 300px; margin:0 auto; }

#Patrocinadores li.logo-pat-quintos { width: 98%; }
#Patrocinadores li.logo-pat-quintos img { max-width: 300px; margin:0 auto; }
    } 




.LinksAnteriores img{
    width:100%;
}
.notas{
    display: block;
    position:relative;
}