@charset "iso-8859-2";
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,700,700i');
/* CSS Document */
#content {font-family: 'Ubuntu', sans-serif;}
hgroup { float:left; width:79%;}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


nav:after, address ul:after, section:after, aside:after, ul.poractividades:after, ul.navsuperior:after, article.agenda:after, .datosbasicos:after, .jurado:after { clear:both; content:''; display:block; }

aside {float:right; width:20%; z-index:10; }
aside img {padding-bottom:5px;}
aside .inscribirse { font-size: 17px;
  padding: 4px;
    border-bottom: 1px solid;
    width: auto;
    display: block;
    color: #99cc33;
    text-decoration: none;
    box-sizing: border-box;
	position:relative;}
aside .inscribirse i { margin: -2px 0 0 0; padding: 0; position:absolute; right:0; }
aside .inscribirse:hover { color: #FFF; background-color: #99cc33; }

ul.navaside { list-style:none; margin:0; padding:0; }
ul.navaside:after { display:block; clear:both; content:"";}
ul.navaside li { float:left;/* background-image:url(../encuentro-latinoamericano/imagenes/flecha_abajo.gif); background-repeat:no-repeat; background-position: right bottom;*/  }
ul.navaside li:hover { /*background-image:url(../encuentro-latinoamericano/imagenes/flecha_abajo_over.gif);*/ background-color: #99cc33; }
ul.navaside li a { color:#99cc33; font-size:13px; font-weight:bold;text-decoration:none; display:block; padding:10px;}
ul.navaside li a:hover { color:#FFF;}

section.detalle tr:nth-child(odd){ background-color:#CCC;}

.li_encuentro { font-size:13px;}
/* FOMR LOGIN */
form#login { margin:0; background-color:#D2D2D2; padding:0; float:right; width:200px; 
/* OCULTAR LOGIN
display: none;*/}

form#login h3 { padding:4%;}
form#login p { margin:0;padding: 0;}
form#login p input { background-color:#D2D2D2; color:#000; border:none; width:92%; margin:0; border-top:4px solid #FFF;  padding:4%;}
form#login p input[placeholder]{  color:#000; }
::-webkit-input-placeholder{  color:#000; }
::-moz-placeholder{  color:#000; }::-moz-placeholder{  color:#000; } :-ms-input-placeholder {  color:#000; }
form#login p input[type="submit"] { background-color:#505050; color:#FFFFFF; background-image:url(../encuentro-latinoamericano/imagenes/ingresar.png); background-repeat:no-repeat; background-position: left; 	text-align:center; font-weight:bold; border:none;width:100%; padding:4%;}
form#login p input[type="submit"]:hover { background-image:url(../encuentro-latinoamericano/imagenes/ingresar_over.png);background-color:#D2D2D2; color:#000; }

form#login a { font-size:12px; display:block; background-image:url(../encuentro-latinoamericano/imagenes/flechan.png); background-repeat:no-repeat; background-position:right; padding:15px; color:#000000; text-decoration:none; }
form#login a:hover { background-image:url(../encuentro-latinoamericano/imagenes/flechan_over.png); background-color:#505050; color:#FFFFFF; }


section {clear:both; font-size: 14px;}
section h2 {font-size:18px; margin:5px 0; }
section h2 a { text-decoration:none; color:#99cc33;}
section h3, section h4 { margin:8px 0 5px;}


article {width: 30%; margin: 0 2% 1% 1%; float:left; }
article figure img {width:100%;}


::-webkit-input-placeholder {
   color: #000;
   text-transform:uppercase;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000;  
     text-transform:uppercase;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
     text-transform:uppercase;
}
:-ms-input-placeholder {  
   color: #000;  
     text-transform:uppercase;
}

address {clear:both; font-variant:normal; font-style:normal;}

address img {float:left;padding-right:5px;}
address p{font-size: 12px;float:left;  padding: 1%;}

address ul { list-style:none;}
address ul li a { margin:0 10px 0 0; display:block; text-decoration:none;}

address ul.redes  { float:right;width:30%;}
address ul.redes li  {float:right;}
address ul.redes li a { background-image:url(../encuentro-latinoamericano/imagenes/social-negro.svg); display:block; height:30px;width:30px;background-repeat:no-repeat;}
address ul.redes li a:hover { background-image:url(../encuentro-latinoamericano/imagenes/social-rojo.svg); display:block; height:30px; width:30px;background-repeat:no-repeat;}
address ul.redes li a.info { background-position:0px 0;}
address ul.redes li a.youtube { background-position:-35px 0;}
address ul.redes li a.google { background-position:-69px 0;}
address ul.redes li a.facebook {background-position:-104px 0;}
address ul.redes li a.twitter { background-position:-138px 0;}

address ul.barra { background-color:#99cc33; list-style:none; clear:both; margin:0; padding:4px 0 0 0;}
address ul.barra li { width:16.6%; font-size:14px; }
address ul.barra li a { color: #FFF; margin: 0; padding: 4px 10px; display: block;}
address ul.barra li a strong { display:block}
address ul.barra li a i { float: left; display: block;  font-size: 40px;  margin: 0 4px 0 0; }

address ul li {float:left;}

ul.edicionesencuentro { margin:0; padding:0; list-style:none; clear: both;}
ul.edicionesencuentro:after { display:block; clear:both; content:"";}
ul.edicionesencuentro li { float:left; }
ul.edicionesencuentro li a { display:block; padding:4px; }


/*
ul.navsuperior { list-style:none; margin:0 0 20px;; padding:0; font-size:13px; border-bottom: 1px solid #E10C25;}
ul.navsuperior:after { display:block; clear:both; content:"";}
ul.navsuperior li {float:left; padding:4px 0;}
ul.navsuperior li a { display:block; padding:0 6px; text-decoration:none; color:#333; border-left: 1px solid #E10C25;}
ul.navsuperior li:first-child a { border: none;}
*/

section.detalle { max-width: 780px; padding: 20px 40px; float: left; font-size: 15px; box-sizing: border-box; width: 100%;}
section.detalle h1 { font-size: 25px;
    color: #FFF;
    margin: 0 0 20px 0;
    background-color: #99cc33;
    padding: 6px;}
section.detalle h2 { font-size:23px; color:#99cc33; font-weight:normal; border-bottom:2px solid #99cc33;  margin: 20px 0;}
section.detalle h3 { font-size:21px; color:#99cc33; font-weight:normal; border:none;  margin: 20px 0 10px;}
section.detalle a { color:#99cc33; }

section.detalle a:hover { text-decoration:none; }

section.detalle p strong { color:#99cc33; }

section.detalle th { background-color: #505050; color:#FFF; text-align:center; padding:10px;}
section.detalle tr .bottom { vertical-align:bottom;}
section.detalle td { padding:10px 20px 10px 0;}
section.detalle td h2 {  font-size: 20px; margin:0;}
section.detalle td h3 {   font-size: 16px; margin:0;}


section.detalle .concursos th { vertical-align:middle; text-align:left; width:30%;}
section.detalle .concursos td { vertical-align:middle; text-align:left; padding:6px 8px;}

.contenedorespacios {
  float: left;
  height: 350px;
  width: 30%;
  margin: 1% 1% 1% 0;
  padding: 0 1%;
  background-color: #693;
  border-radius: 6px;
  color: #000;
}
.contenedorespacios h2 { height:70px;  width: 96%;
  opacity: 0.8;
  background-color: #FFF;}
.contenedorespacios h2 a{  opacity: 1;}
.contenedorespacios .fondoblanco {
  padding: 1px 8px;
  height: 220px;
  border-radius: 6px;
  background-color: #FFF;
}

.contenedorGaleriaConcurso {  width: 30%;  margin: 1% 1% 1% 0;  padding: 0 1%; float:left; height:320px;}
.contenedorGaleriaConcurso h2 a { font-size:20px;}
.contenedorGaleriaConcurso img {  width: 100%;}
.contenedorGaleria {
	float: left; border:1px solid #999; height:320px; padding:10px; margin:1%; width:31%; text-align:left; border-radius:8px; 	box-shadow:2px 2px 2px #999;box-sizing: border-box; }
section.detalle .contenedorGaleria h3 { height:50px; font-size:18px;}
.contenedorGaleria h4 { font-size:14px; }

ul.edicionesanteriores { margin:0; padding:0; list-style:none;}
ul.edicionesanteriores:after { display:block; clear:both; content:"";}
ul.edicionesanteriores li { float:left;}
ul.edicionesanteriores li a { display:block; padding:6px; margin:0 4px 0 0; }


aside.detalle { width:19%; padding:20px 0; margin:0; float:right; font-size:15px; box-sizing: border-box;}
aside.detalle h2 { clear:both; font-size:26px; color:#99cc33; font-weight:normal; padding:10px 4px 0;}
aside.detalle h3 { clear:both; font-size:16px; color:#99cc33; padding:10px 4px 0;}

aside.detalle p, aside.detalle h2, aside.detalle h3, aside.detalle h4 { padding-left:4px; padding-right:10px;}

aside.detalle form { padding:0 4px;}
aside.detalle form select, aside.detalle form input { background-color:#E5E5E5; width:100%; padding:4px; border: none;}
aside.detalle form input[type="text"]{ width: 98%; font-size: 12px; }
aside.detalle form input[type="submit"]{ width:28%; margin: 6px 0;}

aside.detalle ul {
	margin: 0px;
	padding: 0 4px 0 0;
	list-style-type: none;
	clear:both;
	font-size:15px;
}

aside.detalle ul.cajas li:hover, aside.detalle ul.cajas li.invitados:hover, aside.detalle ul.cajas li.sinfonteras:hover, aside.detalle ul.cajas li.talleres:hover, aside.detalle ul.cajas li.conferencias:hover, aside.detalle ul.cajas li.feria:hover, aside.detalle ul.cajas li.croma:hover, aside.detalle ul.cajas li.miprimera:hover, aside.detalle ul.cajas li.congreso:hover { background-color:#99cc33;}

aside.detalle ul li {margin:4px 0; padding:14px 0 0;}
aside.detalle ul li:first-child, aside.detalle ul li:first-child:hover { color:#99cc33; border-bottom:solid 2px #99cc33; font-weight:bold;}
aside.detalle ul li a { display:block;}
aside.detalle ul.cajas li:first-child  { background:none; float:none; text-align:left; display:block; width:98%;}
aside.detalle ul.cajas li { background-color:#505050; float:left; padding:1%; margin:1% 1% 1% 0; width:47%; text-align:center; }
aside.detalle ul.cajas li.dia { width:30%;}
aside.detalle ul.cajas li.dia strong { display:block; }
aside.detalle ul.cajas li.invitados {background-color:#F7BF21; }
aside.detalle ul.cajas li.conferencias {background-color:#EA6725; }
aside.detalle ul.cajas li.talleres {background-color:#FF0055; }
aside.detalle ul.cajas li.sinfonteras { background-color:#1E0568;}
aside.detalle ul.cajas li.feria { background-color:#D53F95;}
aside.detalle ul.cajas li.croma {background-color:#A73BEE;}
aside.detalle ul.cajas li.miprimera {background-color:#C7DE2B;}
aside.detalle ul.cajas li.congreso{ background-color:#88AD00;}

aside.detalle ul.cajas li.tecnoemprendedores { width: 97% !important; background-color:#D24CF2; }
aside.detalle ul.cajas li.tecnoemprendedores a { height: auto; padding:6px 0;}
.conferencias { background-color:#12C995; }
.talleres { background-color:#FC821F; }
.invitados { background-color:#13B8D3; }
.miprimera {background-color:#83A507;}
.feria { background-color:#F4407C;}
.croma { background-color:#7C60F4;}
.sinfonteras { background-color:#D24CF2;}
.congreso{ background-color:#892138;}

aside.detalle ul.cajas li.triple, .detalle .cajas .triple { width:30%;}
aside.detalle ul.cajas li.largo { width:97%;}
aside.detalle ul.cajas li a { color:#FFF; text-decoration:none; vertical-align:middle;font-weight: bold; font-size: 13px; text-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #000; height: 55px; box-sizing: border-box;}

aside.detalle ul.cajas li.invitados a, aside.detalle ul.cajas li.feria a, aside.detalle ul.cajas li.miprimera a, aside.detalle ul.cajas li.congreso a {
    padding: 10px 0;
}

aside.detalle p {padding: 4px; }
aside.detalle p strong { color:#99cc33;}

aside.detalle a.actividad {
    max-height: 20px;
}

.contenedorConferencia { clear:both; display:block;font-size:14px; }
.contenedorConferencia:after { clear:both; display:block; content:"";}

.contenedorConferencia.tema1 .barra, .contenedorConferencia.tema2 .barra, .contenedorConferencia.tema3 .barra, .contenedorConferencia.tema4 .barra, .contenedorConferencia.tema5 .barra, .contenedorConferencia.tema6 .barra, .contenedorConferencia.tema7 .barra, .contenedorConferencia.tema8 .barra, .contenedorConferencia.tema9 .barra, .contenedorConferencia.tema10 .barra, .contenedorConferencia.tema11 .barra, .contenedorConferencia.tema10 .barra {color:#FFF; padding:0;}

.contenedorConferencia.tema1 .barra:after, .contenedorConferencia.tema2 .barra:after, .contenedorConferencia.tema3 .barra:after, .contenedorConferencia.tema4 .barra:after, .contenedorConferencia.tema5 .barra:after, .contenedorConferencia.tema6 .barra:after, .contenedorConferencia.tema7 .barra:after, .contenedorConferencia.tema8 .barra:after, .contenedorConferencia.tema9 .barra:after, .contenedorConferencia.tema10 .barra:after, .contenedorConferencia.tema11 .barra:after, .contenedorConferencia.tema12 .barra:after { display:block; clear:both; content:"";}

.contenedorConferencia.tema1 .barra { background-color:#EA6725; }
.contenedorConferencia.tema2 .barra { background-color:#FF0055; }
.contenedorConferencia.tema3 .barra { background-color:#F7BF21; }
.contenedorConferencia.tema4 .barra { background-color:#C7DE2B; }
.contenedorConferencia.tema5 .barra { background-color:#F4407C; }
.contenedorConferencia.tema6 .barra { background-color:#A73BEE; }
.contenedorConferencia.tema7 .barra { background-color:#D24CF2; }
.contenedorConferencia.tema8 .barra { background-color:#1E0568; }
.contenedorConferencia.tema9 .barra { background-color:#D53F95; }
.contenedorConferencia.tema10 .barra { background-color:#D24CF2; }
.contenedorConferencia.tema11 .barra { background-color:#88AD00; }
.contenedorConferencia.tema12 .barra { background-color:#88AD00; }


.contenedorConferencia.tema1 .barra strong, .contenedorConferencia.tema2 .barra strong, .contenedorConferencia.tema3 .barra strong, .contenedorConferencia.tema4 .barra strong, .contenedorConferencia.tema5 .barra strong, .contenedorConferencia.tema6 .barra strong, .contenedorConferencia.tema7 .barra strong, .contenedorConferencia.tema8 .barra strong, .contenedorConferencia.tema9 .barra strong, .contenedorConferencia.tema10 .barra strong, .contenedorConferencia.tema11 .barra strong, .contenedorConferencia.tema12 .barra strong    { width:26%; text-transform:capitalize; padding:4px; font-size:16px; font-weight:bold; float:left;}
.contenedorConferencia.tema1 .barra strong, .contenedorConferencia.tema2 .barra strong, .contenedorConferencia.tema3 .barra strong, .contenedorConferencia.tema5 .barra strong, .contenedorConferencia.tema6 .barra strong, .contenedorConferencia.tema7 .barra strong, .contenedorConferencia.tema8 .barra strong, .contenedorConferencia.tema9 .barra strong, .contenedorConferencia.tema10 .barra strong, .contenedorConferencia.tema11 .barra strong, .contenedorConferencia.tema12 .barra strong  { text-transform:uppercase;}

.contenedorConferencia.tema9 .barra strong {
    font-size: 15px;
    text-transform: inherit;
}
 .contenedorConferencia.tema10 .barra strong {
    font-size: 15px;
}
.contenedorConferencia.tema11 .barra strong {
    text-transform: inherit;
    font-size: 14px;
}
.recuadrodescarga {    font-size: 14px; line-height: 1.1; border:1px solid #333; padding:6px; }
aside.detalle .recuadrodescarga h2 {
    font-size: 18px;
}
.recuadrodescarga h2,  .recuadrodescarga p { margin: 0; padding: 0; }

.contenedorConferencia.tema1 .barra em, .contenedorConferencia.tema2 .barra em, .contenedorConferencia.tema3 .barra em, .contenedorConferencia.tema4 .barra em, .contenedorConferencia.tema5 .barra em, .contenedorConferencia.tema6 .barra em, .contenedorConferencia.tema7 .barra em, .contenedorConferencia.tema8 .barra em, .contenedorConferencia.tema9 .barra em, .contenedorConferencia.tema10 .barra em, .contenedorConferencia.tema11 .barra em, .contenedorConferencia.tema12 .barra em { width: 19%; padding: 5px 2px; margin-right:1%; float:left; border-left:2px solid #FFF;border-right:1px solid #FFF;}

.contenedorConferencia.tema1 .barra p, .contenedorConferencia.tema2 .barra p, .contenedorConferencia.tema3 .barra p, .contenedorConferencia.tema4 .barra p, .contenedorConferencia.tema5 .barra p, .contenedorConferencia.tema6 .barra p, .contenedorConferencia.tema7 .barra p, .contenedorConferencia.tema8 .barra p, .contenedorConferencia.tema9 .barra p, .contenedorConferencia.tema10 .barra p, .contenedorConferencia.tema11 .barra p, .contenedorConferencia.tema12 .barra p { float:left;  padding: 5px 0 0;  margin: 0; color:#FFF; width: 51%; }

.contenedorConferencia.tema1 .barra p img, .contenedorConferencia.tema2 .barra p img, .contenedorConferencia.tema3 .barra p img, .contenedorConferencia.tema4 .barra p img, .contenedorConferencia.tema5 .barra p img, .contenedorConferencia.tema6 .barra p img, .contenedorConferencia.tema7 .barra p img, .contenedorConferencia.tema8 .barra p img, .contenedorConferencia.tema9 .barra p img, .contenedorConferencia.tema10 .barra p img, .contenedorConferencia.tema11 .barra p img, .contenedorConferencia.tema12 .barra p img  { float:right;}

.contenedorConferencia.tema1 .datoscharla, .contenedorConferencia.tema2 .datoscharla, .contenedorConferencia.tema3 .datoscharla, .contenedorConferencia.tema4 .datoscharla, .contenedorConferencia.tema5 .datoscharla, .contenedorConferencia.tema6 .datoscharla, .contenedorConferencia.tema7 .datoscharla, .contenedorConferencia.tema8 .datoscharla, .contenedorConferencia.tema9 .datoscharla, .contenedorConferencia.tema10 .datoscharla, .contenedorConferencia.tema11 .datoscharla, .contenedorConferencia.tema12 .datoscharla { width:26%; padding:4px; float:left;font-size: 13px;}

.contenedorConferencia.tema1 .datoscharla img, .contenedorConferencia.tema2 .datoscharla img, .contenedorConferencia.tema3 .datoscharla img, .contenedorConferencia.tema4 .datoscharla img, .contenedorConferencia.tema5 .datoscharla img, .contenedorConferencia.tema6 .datoscharla img, .contenedorConferencia.tema7 .datoscharla img, .contenedorConferencia.tema8 .datoscharla img, .contenedorConferencia.tema9 .datoscharla img, .contenedorConferencia.tema10 .datoscharla img, .contenedorConferencia.tema11 .datoscharla img, .contenedorConferencia.tema12 .datoscharla img { float:left;}

.contenedorConferencia.tema1 .datoscharla strong, .contenedorConferencia.tema1 .resumen h3, .contenedorConferencia.tema1 .resumen p a { color:#EA6725; }
.contenedorConferencia.tema2 .datoscharla strong, .contenedorConferencia.tema2 .resumen h3, .contenedorConferencia.tema2 .resumen p a { color:#FF0055; }
.contenedorConferencia.tema3 .datoscharla strong, .contenedorConferencia.tema3 .resumen h3, .contenedorConferencia.tema3 .resumen p a { color:#F7BF21; }
.contenedorConferencia.tema4 .datoscharla strong, .contenedorConferencia.tema4 .resumen h3, .contenedorConferencia.tema4 .resumen p a { color:#C7DE2B; }
.contenedorConferencia.tema5 .datoscharla strong, .contenedorConferencia.tema5 .resumen h3, .contenedorConferencia.tema5 .resumen p a { color:#F4407C; }
.contenedorConferencia.tema6 .datoscharla strong, .contenedorConferencia.tema6 .resumen h3, .contenedorConferencia.tema6 .resumen p a { color:#A73BEE; }
.contenedorConferencia.tema7 .datoscharla strong, .contenedorConferencia.tema7 .resumen h3, .contenedorConferencia.tema7 .resumen p a { color:#D24CF2; }
.contenedorConferencia.tema8 .datoscharla strong, .contenedorConferencia.tema8 .resumen h3, .contenedorConferencia.tema8 .resumen p a { color:#1E0568; }
.contenedorConferencia.tema9 .datoscharla strong, .contenedorConferencia.tema9 .resumen h3, .contenedorConferencia.tema9 .resumen p a { color:#D53F95; }
.contenedorConferencia.tema10 .datoscharla strong, .contenedorConferencia.tema10 .resumen h3, .contenedorConferencia.tema10 .resumen p a { color:#D24CF2; }
.contenedorConferencia.tema11 .datoscharla strong, .contenedorConferencia.tema11 .resumen h3, .contenedorConferencia.tema11 .resumen p a { color:#88AD00; }

.barra a#expander1 {
    color: #fff;
    float: right;
    font-weight: bold; text-decoration:none;
}
.resumen a#expander1 {
    color: #333;
}

.contenedorConferencia.tema1 .resumen, .contenedorConferencia.tema2 .resumen, .contenedorConferencia.tema3 .resumen, .contenedorConferencia.tema4 .resumen, .contenedorConferencia.tema5 .resumen, .contenedorConferencia.tema6 .resumen,  .contenedorConferencia.tema7 .resumen,  .contenedorConferencia.tema8 .resumen,  .contenedorConferencia.tema9 .resumen,  .contenedorConferencia.tema10 .resumen,  .contenedorConferencia.tema11 .resumen,  .contenedorConferencia.tema12 .resumen { float: left; width: 72%; margin: 0 0 1%; padding: 0 1% 1% 2%; box-sizing: border-box;}

.contenedorConferencia.tema1 .datoscharla { border-right:2px solid #EA6725; }
.contenedorConferencia.tema2 .datoscharla { border-right:2px solid #FF0055; }
.contenedorConferencia.tema3 .datoscharla { border-right:2px solid #F7BF21; }
.contenedorConferencia.tema4 .datoscharla { border-right:2px solid #C7DE2B; }
.contenedorConferencia.tema5 .datoscharla { border-right:2px solid #F4407C; }
.contenedorConferencia.tema6 .datoscharla { border-right:2px solid #A73BEE; }
.contenedorConferencia.tema7 .datoscharla { border-right:2px solid #D24CF2; }
.contenedorConferencia.tema8 .datoscharla { border-right:2px solid #1E0568; }
.contenedorConferencia.tema9 .datoscharla { border-right:2px solid #D53F95; }
.contenedorConferencia.tema10 .datoscharla { border-right:2px solid #D24CF2; }
.contenedorConferencia.tema11 .datoscharla { border-right:2px solid #88AD00; }
.contenedorConferencia.tema12 .datoscharla { border-right:2px solid #D24CF2; }

.datoscharla p img { opacity: 0.5;margin: 0 8px 0 0; width: 28px; height: 28px;}

.contenedorConferencia.tema1 .resumen h3, .contenedorConferencia.tema2 .resumen h3, .contenedorConferencia.tema3 .resumen h3, .contenedorConferencia.tema4 .resumen h3, .contenedorConferencia.tema5 .resumen h3, .contenedorConferencia.tema6 .resumen h3,  .contenedorConferencia.tema7 .resumen h3,  .contenedorConferencia.tema8 .resumen h3,  .contenedorConferencia.tema9 .resumen h3,  .contenedorConferencia.tema10 .resumen h3,  .contenedorConferencia.tema11 .resumen h3,  .contenedorConferencia.tema12 .resumen h3 { font-size:15px; }

.contenedorConferencia .resumen h4 { text-transform:capitalize; }

fieldset { border:1px solid #CCC; padding:10px; color:#666;}
fieldset p label { float:left; width: 30%;  font-weight: bold;}
fieldset p input[type="text"], fieldset p textarea, fieldset p input[type="password"], fieldset p input[type="email"], fieldset p select { width:65%; }
fieldset p input[type="submit"] { background-color: #505050;
  color: #FFFFFF;
  background-image: url(../encuentro-latinoamericano/imagenes/ingresar.png);
  background-repeat: no-repeat;
  background-position: left;
  text-align: rigth;
  font-weight: bold;
  border: none;
  padding:1% 5%;
}

.inscripcionencuentro fieldset p select.selectchico { width:20%; }

fieldset p { clear: left; margin:20px 0; }
fieldset p em { font-size:12px;}
.portugues { color:#999;}
fieldset .requerido { font-weight:bold; color:#C00;}

.contenedorcheckbox { float:left; width:33%;}

.botonformularioazul {
	color:#FFF;
	padding:6px;
	border-radius:6px;
	background-color: #E3001B;
}
a.botonformularioazul {
	color:#FFF;
	background-color: #E3001B;

}
.botonformularioazul:hover{ background-color:#0066CC; }

/*
	CSS para NAVEGADOR principal 
*/
/* css menu responsive */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu { background-color:#505050;  width: auto;   line-height: 1; z-index:3000; }
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left; padding:0;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 8px 8px 6px;
  font-size: 14px;
  text-decoration: none;
  color: #FFF;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:first-child > a { color:#F00; font-weight:bold; padding:2px 0; margin:0;}
#cssmenu > ul > li:first-child > a  > img { margin:0; padding:0; height:100%; color:#F00;}


#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #505050; background-color:#FFF;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 14px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 12px;
  right: 4px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #505050;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
  box-shadow:1px 2px 2px #CCC;
}
#cssmenu ul li:hover > ul > li {
  height: 30px;
}
#cssmenu ul ul li a {
  padding: 12px;
  width: 340px;
  font-size: 14px;
  background: #505050;
  text-decoration: none;
  color: #FFF;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	color: #505050;
	background-color:#FFF;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}




ul.button_encuentro li {width:12.5%; padding-right: 1px; box-sizing:border-box;}

ul.button_encuentro li a, section.detalle a.ver_agenda {
 background: #99cc33;
  background-image: -webkit-linear-gradient(top, #99cc33, #FB3300);
  background-image: -moz-linear-gradient(top, #99cc33, #FB3300);
  background-image: -ms-linear-gradient(top, #99cc33, #FB3300);
  background-image: -o-linear-gradient(top, #99cc33, #FB3300);
  background-image: linear-gradient(to bottom, #99cc33, #FB3300);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #ffffff;
  font-size: 13px;
  padding: 8px 1px;
  text-decoration: none;
  text-align:center;
  display:block;
  
}
p a.ver_agenda { margin:6px; width:23%; float:right;}

ul.button_encuentro li a:hover, section.detalle a.ver_agenda:hover {
  background: #99cc33;
  background-image: -webkit-linear-gradient(top, #FB3300, #99cc33);
  background-image: -moz-linear-gradient(top, #FB3300, #99cc33);
  background-image: -ms-linear-gradient(top, #FB3300, #99cc33);
  background-image: -o-linear-gradient(top, #FB3300, #99cc33);
  background-image: linear-gradient(to bottom, #FB3300, #99cc33);
  text-decoration: none;
}


.navagenda { color:#666666; display:block; margin: 10px 0 0;}
.navagenda a { color: #666666 !important; text-decoration: none; font-weight: bold; font-size: 13px; }
.navagenda a:hover { color: #99cc33 !important; }


ul.nomjurados { list-style:none; margin:0; padding:0;}
ul.nomjurados li { display:inline; }
ul.nomjurados li a { display:inline-block; padding:14px 8px; text-decoration:none; color:#666666; font-weight:bold; text-transform:uppercase; font-size:16px; }
ul.nomjurados li a:hover { background-color: #666666; color:#FFF; }

.fotosjurados { list-style:none; margin:10px 0 0 0; padding:0; clear:both;}
.fotosjurados li { float:left; width:20%; }
.fotosjurados li a img { width:98%;}

.sorteos { padding:10px 0; margin:10px 0; clear:both; 
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
.sorteos a {
    display: block;
    padding: 20px 10px;
    text-align: center;
}
.sorteos a img {
    width: 80%;
}


.notaImportante { text-align: center;
    padding: 10px;
    border: 1px solid #99cc33;
    border-radius: 6px;
    width: 80%;
    margin: 5px auto;
  }
.notaImportante  strong { color:#99cc33;}

.datosbasicos { clear: both; box-shadow: 0px 1px 1px #999; margin: 3px auto; padding: 10px; background-color: #fff; }
.datosbasicos strong {  float: left; width: 160px; }
.jurado { margin:0; padding:0; list-style:none;}
.jurado li { float:left; width:14.28%; position:relative; background-color:#000;}
.jurado li img { width:100%;}
.jurado li p { display:none; position:absolute; bottom:0;  box-sizing:border-box; width:100%; margin:0;font-weight:bold;}
.jurado li p a { padding:5px; color:#FFF; display: block; text-decoration: none;}
.jurado li:hover p { display:block; }
.jurado li:hover img { opacity: .5; -webkit-opacity: .5;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 10px 10px 10px 20px;
    font-size: 12px;
    color: #FFF;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #505050;
  }
  #cssmenu ul ul ul li a {
    padding-left: 30px;
  }
#cssmenu ul ul li {
  box-shadow:none;
}
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #FFF;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(250, 250, 250, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #FFF;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 20px;
    display: block;
    width: 11px;
    height: 1px;
    background: #FFF;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}
/*
	FIN >> CSS para NAVEGADOR principal 
*/


#container #btnsitiosdc strong, #content #btnsitiosdc, #container #btntop1, #content #btntop1 { display:none;}

/* Galeria personas
------------------------------------------*/
.es_ul {
	 list-style-type: none;
	 -moz-box-shadow: 0px 0px 5px #808080;
	-webkit-box-shadow: 0px 0px 5px #808080;
	box-shadow: 0px 0px 5px #808080;
	margin: 0;
	padding: 0;
}
.es_li {
	position: relative;
	float: left;
	width: 31%;
	overflow: hidden;
	margin: 2% 2% 0 0;
}

.es_li img { width: 100%;}

.cajainfo {
	 display: none;
	 position: absolute;
	 top: 0;
	 z-index: 10;
	background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(0,60,79,0.55) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(0,60,79,0.55))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,60,79,0.55) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,60,79,0.55) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,60,79,0.55) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(0,60,79,0.55) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#8c003c4f',GradientType=0 ); /* IE6-9 */
	 width: 100%;
	 height: 100%;
}
section.detalle .cajainfo h3{
color:#0CF;
font-size: 20px;
padding: 1px 8px; 
text-transform: uppercase; 
}
.cajainfo p{
color:#FFFFFF;
padding: 0px 8px;
font-size:11px;
}
section.detalle .cajainfo a {
color:#00D9FF;
font-size:13px;
}
.cajainfo a:hover {
color:#C7EFFC;
font-size:13px;
text-decoration:none;
}
.es_li:hover .cajainfo {
display: block;
}
.imImagePNG { width:100%;}

.chiquitasanch, .chiquitas { float:left; width:119px; height:79px; overflow:hidden; margin:4px 1px 4px 1px;}

.chiquitasanch img, .chiquitas img {width:100%;}

.contFoto {
    width: 120px;
    height: 220px;
    float: left;
    margin: 0 6px 10px 0;
}

#menuadminencuentro:after { display:block; clear:both; content:"";}
#menuadminencuentro ul { list-style:none;}
#menuadminencuentro ul li { float:left; width:50%;}
#menuadminencuentro ul li a { display:block; padding:20px 10px; background-color:#09C; color:#fff; text-align:center; margin:4px; font-size:110%; height:80px; text-decoration:none; border:1px solid #FFF; }
#menuadminencuentro ul li:nth-child(2) a { background-color:#C33;}
#menuadminencuentro ul li:nth-child(3) a, #menuadminencuentro ul li:nth-child(4) a  { background-color:#3C0;}

#menuadminencuentro ul li a:hover { color: #99cc33; background-color:transparent; border:1px solid #99cc33; }

form#login.sticky {
    position: fixed;
    top: 0;
    float: none;
    left: 50%;
    margin-left: 300px;
}

.contenedorfoto {
	float: left;
	width: 28%;
	margin: 1% 5% 1% 0;
	padding: 0px;
}
.contenedorfoto img { width:100%; height:auto;}
.contenedorfoto h3, #wrapper #content .detalle .contenedorfoto h3, #content .detalle .contenedorfoto h3 { font-size:20px; }

p a.botonquieroinscribirme { display:block; float:right; padding:10px; color:#FFF; text-decoration:none; background-color:#09C; border-radius:10px; font-size:70%; font-weight:bold; border:1px solid #09C; }
p a.botonquieroinscribirme:hover {background-color:#FFF; color:#09C; border:1px solid #09C;}


/* Modal Box
-------------------------------------------------- */
#invitadoscompleto {
    width: 800px;
    margin: 0 50px;
    clear: both;
    float: none;
    box-sizing: border-box;
}
article.invitado {
    box-sizing: border-box;
    margin: 0 1% 0 0;
}

article.invitado.portres { width: 32%; }
article.invitado.porcuatro { width: 24%; }
article.invitado.porcinco { width: 19%; }
article.invitado.porseis { width: 15.66%; }
article.invitado.porsiete { width: 13.28%; }
article.invitado .fondostaff {padding:2% 1%;}
article.invitado img{ width: 100%; margin: 0 0 10px 0; max-width: 160px;}
article.invitado h3 { margin:0 0 10px 0;}

article.invitado h3 a, article.invitado p a { text-decoration:none; }
article.invitado p { text-align:right; margin:0; }

 .modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div:after { clear:both; display:block; content:"";}

.modalDialog > div {
	width: 760px;
	position: relative;
	top:10%;
	margin: 30px auto;
	padding: 0;
	background-color: #000;
	color:#FFF;
}
.modalDialog > div img { width:27%; max-width:160px; margin:0; padding:0; float:left; }
.modalDialog > div div { width:72%; margin:0 1%; padding:0; float:left; }

.modalDialog > div h2 { font-weight:normal; font-size:26px; padding:0 10px; color:#FFF; border-bottom:1px solid #FFF; }
.modalDialog > div h3 { font-weight:normal; font-size:22px; color:#99cc33; padding:0 10px;}
.modalDialog > div p  { padding:0 10px; font-size:14px; margin: 10px 0; text-align:justify; color:#FFF;}
.modalDialog > div p strong { color:#CA325A; text-indent:-20px; float:left; margin:0; font-style:normal;   }
.modalDialog > div p em { color:#CA325A; font-style:normal; margin:0; font-weight:bold;  }

.modalDialog div div .close { color: #FFFFFF;
    line-height: 16px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 20px;
    text-decoration: none;
    font-size: 20px;
}
.close:hover { background: #00d9ff; }


/* VIDEOS */
article.videodc { min-height: 230px;}
article.videodc h3 { font-size: 18px; }
article.videodc img { width: 100%; }


.button-primary { margin:0 !important; }
/* Termina Modal Box */

ul.poractividades { list-style:none; clear:both; margin: 0; padding: 0; }

ul.poractividades li { float:left; width: 30%; padding: 1%; margin: 1% 2% 1% 1%; box-sizing: border-box; }
ul.poractividades li a { }
ul.poractividades li img { width:100%; }

ul.navsuperior {
  list-style: none;
  margin: 20px 0 10px;
  padding: 0;
  font-size: 13px;
}

ul.navsuperior li {
  float: left;
  width:20%;
  text-align:center;
}
ul.navsuperior li:first-child a {
  border: none;
}
ul.navsuperior li a {
  display: block;
  font-size:14px;
  text-decoration: none;
  color: #505050;
  border-left: 1px solid #505050;
  padding: 6px;
}
ul.navsuperior li a:hover { background-color:#505050; color:#FFF;}

form.porpalabra {   padding: 10px;   text-align: center; }
form.porpalabra input { padding:6px; border: 1px solid #505050; }
form.porpalabra input[type="submit"] { padding:6px; background-color:#505050; color: #FFF;  border: 1px solid #505050; }

form.porpalabra ::-webkit-input-placeholder {
   color: #505050;
   text-transform:inherit;
}
form.porpalabra :-moz-placeholder { /* Firefox 18- */
   color: #505050;  
     text-transform:inherit;
}
form.porpalabra ::-moz-placeholder {  /* Firefox 19+ */
   color: #505050;  
     text-transform:inherit;
}
form.porpalabra :-ms-input-placeholder {  
   color: #505050;  
     text-transform:inherit;
}

@media (max-width:1000px) {
	.sticky {
    position: fixed;
    top: 0;
	right:auto;
	}
}
@media (max-width:990px) {
	#invitadoscompleto { width: 800px;}
}

@media (max-width:768px) {
	aside {display:none;}
	hgroup {width:100%;}
	h2 {font-size:13px; margin:5px;}
	address ul.redes { float:none; clear:both; width:80%; margin:auto;}
	
	section.detalle, aside.detalle {  width: auto !important; margin:auto !important; float:none; clear:both;}
	#invitadoscompleto { width: 100%; margin:auto;}

	address ul.barra li, address ul.barra li.paises { width:50%; }
	address ul.barra li a strong { display:inline;}
	address ul.barra li a { height:30px; padding:10px;}
	article.agenda p a.btnagenda {margin-top: 0 !important;}
	ul.poractividades li { width: 47%;}
	.bxslider li a img { width: 90% !important;}
	article { width: 80%;    margin: 10px auto 30px; float: none;}
	.sorteos { -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; }

}
@media (max-width:680px) {
	article.invitado { width: 31.5%  !important;}
	article.invitado.porcuatro { width: 48%;}
	.modalDialog > div { width: 100%; position: relative; top: 0; margin: 0 auto;}
	.modalDialog > div img { display: none; }
	.modalDialog > div div { width: 90%; margin: 0 auto;}
	.modalDialog div div .close { color: #FFFFFF; left: 50%; top: 5px; }
}
@media (max-width: 468px) {
	address ul.redes { width: 20%; clear: none; float: right; }
		.sorteos { -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; }

}