@charset "utf-8";
body{ background-color:#FFF; }
.contenedor{ width:1000px; max-width:100%; margin:0 auto; padding:0 10px; }
.text-justify{ text-align:justify !important; }
.efecto{
	-webkit-appearance:none; -moz-appearance:none; appearance:normal;
	-webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s;
  -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s;
}

/* CABECERA */
#main-header{ background-color:#FFF; }
#main-header #organizadores{ display:block; padding-top:15px; padding-bottom:15px; }
#main-header #organizadores .item{ text-align:center; }
#main-header #organizadores .item img{ min-width:120px; max-width:100%; max-height:70px; vertical-align:center; }
#main-header #banner{
  display:block; text-align:center;
  background-image:url("../img/fnd_flagrancia.jpg"); background-repeat:no-repeat; background-size:cover; background-position:top left;
}
#main-header #banner #banner_texto{
  font-size:26px; font-weight:bold; line-height:1.2; color:#FFF; text-shadow:2px 2px 0px rgba(0, 0, 0, 1);
  background:url("../img/fnd_banner.png") top left / auto repeat;
}
#main-header #banner #banner_contador{ position:relative; }
#main-header #banner #banner_contador #contador{ margin:auto; }
#main-header #banner #banner_contador #contador .rotor-group-heading{ text-shadow:2px 2px 0px rgba(0, 0, 0, 1); }
#main-header #banner #banner_contador #texto{ padding:30px 0 50px 0; color:#FFF; }
#main-header #banner #banner_contador #texto p{ padding:0; margin:0; line-height:1; text-shadow:2px 2px 0px rgba(0, 0, 0, 1); }
#main-header #banner #banner_contador #texto p#texto_fecha{ font-size:40px; font-weight:bold; }
#main-header #banner #banner_contador #texto p#texto_lugar{ font-size:25px; }

/* FOOTER */
#main-footer{ display:block; background-color:#FFF; }
#main-footer #footer_texto{ text-align:center; color:#961819; font-size:30px; line-height:1; }
#main-footer #footer_texto span{ font-weight:bold; }
#main-footer #footer_enlaces{ padding:20px 0; color:#FFF; background-color:#961819; }
#main-footer #footer_enlaces a{ text-decoration:none; color:#FFF; }
#main-footer #footer_enlaces a:hover{ text-decoration:underline; }
#main-footer #footer_contador{ text-align:right; padding:0 0 20px 0; color:#FFF; background-color:#961819; }
#main-footer #footer_contador p{ padding-bottom:0; margin-bottom:0; }
#main-footer #footer_contador p:first-child{ padding-bottom:1px; }
#main-footer #footer_contador p img{ display:inline-block; width:25px; margin-left:2px; vertical-align:middle; }
#main-footer #footer_contador p img:first-child{ margin-left:5px; }

/* CONTENIDO */
#main-contenedor{ display:block; background-color:#FFF; }
#main-contenedor #botones{ text-align:right; padding:10px 0; }
#main-contenedor #botones a{ margin-left:10px; }
#main-contenedor #botones a:first-child{ margin-left:0px; }

#main-contenedor #facebook{ 
  display:block; text-align:center; margin-top:50px; padding-bottom:56.25%; /* Mantiene la relación de aspecto de 16:9 */
  position:relative; overflow:hidden; height:0;
}
#main-contenedor #facebook iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }

#main-contenedor #botonera{ padding:40px 0 20px 0; text-align:center; }
#main-contenedor #botonera .item{ margin-bottom:10px; }
#main-contenedor #botonera .item:last-child{ margin-bottom:0px; }
#main-contenedor #botonera .item a{ font-size:20px; line-height:1.5; padding-bottom:10px; width:430px; max-width:100%; }

#main-contenedor #botonera ul, #main-contenedor #botonera ul li{ list-style:none; text-align:center; }
#main-contenedor #botonera ul{ padding:0; margin:0; }
#main-contenedor #botonera ul li{ display:inline-block; width:48%; max-width:100%; margin:0 5px 10px 5px; }
#main-contenedor #botonera ul li a{ font-size:20px; line-height:1; padding-top:15px; padding-bottom:18px; width:100%; }

#main-contenedor #ponentes{ display:block; padding-bottom:30px; }
#main-contenedor #ponentes .ponente{ padding-bottom:40px; }
#main-contenedor #ponentes .ponente:last-child{ padding-bottom:0px; }
#main-contenedor #ponentes .ponente .nombre{ font-size:25px; font-weight:bold; line-height:1; text-align:left; }
#main-contenedor #ponentes .ponente .texto{ position:relative; padding-top:15px; }
#main-contenedor #ponentes .ponente .texto::after{ content:""; display:table; clear:both; }
#main-contenedor #ponentes .ponente .texto .foto.izq{ float:left; margin-right:30px; }
#main-contenedor #ponentes .ponente .texto .foto.der{ float:right; margin-left:30px; }
#main-contenedor #ponentes .ponente .texto .foto img{ width:190px; max-width:100%; vertical-align:middle; }
#main-contenedor #ponentes .ponente .texto .descrip{ text-align:justify; }

#main-contenedor #programa{ display:block; }
#main-contenedor #programa .programa_titulo{ text-align:center; font-size:25px; font-weight:bold; line-height:1; padding-top:10px; padding-bottom:20px; }
#main-contenedor #programa table tbody tr td ul{ margin-bottom:0; }

/* CONDICIONALES */
@media screen and (max-width: 830px){
  #main-header #organizadores .item img{ height:auto; }
  #main-contenedor #botonera ul li{ display:block; width:95%; margin:0 auto 10px auto; }
}
@media screen and (max-width: 750px){
  #main-header #banner{ background-position:center center; }
  #main-contenedor #ponentes .ponente .nombre{ text-align:center; }
  #main-contenedor #ponentes .ponente .texto .foto.izq,
  #main-contenedor #ponentes .ponente .texto .foto.der{ float:none; text-align:center; margin:15px 0 20px 0; }
}
@media screen and (max-width: 575px){ /* Ancho Scroll: 24 */
  #main-header #organizadores{ display:none; }
	#main-header #organizadores .item{ padding-bottom:10px; }
  #main-header #organizadores .item:last-child{ padding-bottom:0px; }
}