@import url("fontawesome2019/all.css");




section {
  width: 80%;
  margin: auto;
}
section.detalle { float:left; width:68%; padding:1% 2%;}
ul.navsuperior {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  font-size: 13px;
}

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

aside.detalle {
  width: 28%;
  padding: 20px 0;
  margin: 0;
  float: right;
  font-size: 15px;
}
section h1 {font-size:24px; color:#E10C25; font-weight:normal; text-transform:uppercase; }
section h2, aside.detalle h2 { clear:both; font-size:18px; color:#E10C25; font-weight:normal; padding:10px 4px 0; font-weight:normal;  text-transform:uppercase;}
section h3, aside.detalle h3 { clear:both; font-size:16px; color:#E10C25; 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 select { font-size:10px;}
aside.detalle form input[type="text"]{ width: 67%; margin: 0;}
aside.detalle form input[type="submit"]{ width: 28%; margin: 0; padding: 7px; }

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:#DF001A;}
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:#E00922; border-bottom:solid 2px #E00922; 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:47%; font-size: 13px;}
aside.detalle ul.cajas li.dia strong { display:block; }
aside.detalle ul.cajas li a { color:#FFF; text-decoration:none; vertical-align:middle;}

.btninscripcion { display:block; color: #FFF; background-color:#C00; text-align:center; font-size:18px; padding:6px; text-decoration:none; }
.btninscripcion:hover {color: #C00; background-color:#FFF;}

#contenidoCompleto iframe { 
float:left;
}

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 input[type="password"], fieldset p input[type="email"]{ 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%;
}
fieldset p { clear: left; margin:20px 0; }
fieldset p em { font-size:12px;}
.portugues { color:#999;}
fieldset .requerido { font-weight:bold; color:#C00;}


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

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

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

#izquierdo {
	float:left;
	width:200px;
	max-width:200px;
	height:auto;
}
#izquierdo form {
	float:left;
	border:#999999 1px solid;
	background:#FFFFFF;
	width:150px;
	max-width:150px;
	padding:5px;
	margin:5px 20px 5px 15px;
	height:auto;
	text-align:center;
}
#izquierdo form input {
	float:left;
	border:#999999 1px solid;
	background:#FFFFFF;
	width:130px;
	padding:3px;
	margin:1px 5px;
	height:auto;
	font-size:10px;
}
#izquierdo form input.enviart {
	float:left;
	border:#999999 1px solid;
	background:#FFFFFF;
	width:auto;
	padding:3px 5px;
	margin:1px 5px;
	height:auto;
	font-size:10px;
}
#izquierdo form select{
	float:left;
	border:#999999 1px solid;
	background:#FFFFFF;
	width:132px;
	padding:3px;
	margin:1px 5px;
	height:auto;
	font-size:10px;
}
.ins {
	float:left;
	width:150px;
	max-width:150px;
	height:auto;
	margin:5px 20px 5px 15px;
	padding:5px;
	text-align:center;
	-moz-box-shadow:1px 1px 2px #CCCCCC;
	-webkit-box-shadow:1px 1px 2px #CCCCCC;
	box-shadow:1px 1px 2px #CCCCCC;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	background-color: #291dfd;
}
#izquierdo .ins p{
	text-align:center;
	color:#FFFFFF;
}
#izquierdo .ins a{
	color:#FFFFFF;
}
.insblue {
	float:left;
	width:154px;
	height:auto;
	margin:4px 20px 5px 15px;
	padding:4px;
	text-align:left;
	-moz-box-shadow:4px 4px 4px #CCCCCC;
	-webkit-box-shadow:4px 4px 4px #CCCCCC;
	box-shadow:1px 1px 1px #CCCCCC;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	background-color: #0B9BF0;
}
.insblue a{ color:#FFFFFF; text-decoration:none; font-weight:bold; }
#container #contenidoCompleto #izquierdo #form1{ margin-top:30px;}
#izquierdo #form1 h2 {
	color:#333333;
	font-size:9px;
	padding:4px;
	margin:10px auto 12px auto;
}
.btnvermas {
	margin:10px 0px 20px 0px;
	padding:4px;
	text-align:center;
	-moz-box-shadow:4px 4px 4px #CCCCCC;
	-webkit-box-shadow:4px 4px 4px #CCCCCC;
	box-shadow:1px 1px 1px #CCCCCC;
	-moz-border-radius:3px;;
	-webkit-border-top:3px;
	border-radius:6px;
	background-color: #EDF6FF;
}


.petit{
width:150px;
max-width:150px;
height:auto;
float: left;
padding: 10px;
margin:0px 0px 10px 15px;
border-top: 5px solid #039;
background-color: #FFF;
-moz-box-shadow: 0px 2px 2px #9e9e9e;
-webkit-box-shadow: 0px 2px 2px #9e9e9e;
box-shadow: 0px 2px 2px #9e9e9e;
text-align:center;

}
.petit a{
font-size:10px;
color: #F60;
}
.petit a:hover{
color: #F96;
text-decoration:none;
}

/*  CSS para el menú  */
#menu {
	clear:both;
	margin:0;
	padding: 0;
	font-size:11px;
	background-color: #505050;
}

#menu:after, ul.navsuperior:after { clear:both; display:block; content:"";} 
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li { float:left;}
#menu li a img {margin:-3px 0; }
#menu li a {
	display:block;
	margin: 2px 0px;
	padding:4px 5px;
	text-decoration:none;
	color:#FFF; border-right:1px solid #FFF;
	font-weight:bold;
}
#menu li:last-child a { border:none;}
#menu li a:hover {
	color:#E8E8E8;
}
/*Elementos submenu*/
#menu div {
	position: absolute;
	visibility: hidden;
	z-index: 300;
	text-align: left;
	background-color: #505050;
	padding: 0;
	margin: 0;
}

#menu div a	{
	position: relative;
	text-align: left;
	text-decoration: none;
	color: #FFF;
	z-index: 30;
	margin: 0px;
}

#menu div a:hover {
	background: #E8E8E8;
	color: #C00;
}

.contenedorConferencia { clear:both; display:block; font-size:14px; margin:10px auto; }
.contenedorConferencia h2 {border-top:1px solid #B6003C; border-bottom:2px solid #B6003C; margin:0; padding:1% 0; text-transform:uppercase;  font-size:16px;}
.contenedorConferencia:after, .contenedorConferencia .barra:after { clear:both; display:block; content:"";}

.contenedorConferencia .barra { background-color:#B6003C; color:#FFF; padding:0; padding:4px; font-size:16px; font-weight:bold;}

.contenedorConferencia .datoscharla { width:26%; padding:4px; font-size:14px; float:left; }
.contenedorConferencia .datoscharla img { float:left;}
.contenedorConferencia .datoscharla p {clear:left; }

.contenedorConferencia .resumen h3 { font-size:15px; color:#B6003C; }
.contenedorConferencia .resumen h4 { font-size:11px; color:#B6003C; }
.contenedorConferencia .resumen { float: left;  width: 69%;  margin: 0 0 1%;  padding: 2% 1% 1% 2%; border-left:2px solid #B6003C; min-height:130px; }
.contenedorConferencia .resumen p a { color:#B6003C; }


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

@media (max-width:768px) {
	section.detalle { float:none; width:94%; padding:1% 2%; margin:auto;}
	aside.detalle { float:none; clear:both; width: 96%; margin:auto;}
}