/*testing{*/
div{
	/*border:dotted 1px red;*/
}

/*testing}*/

/*genericas {*/

#loading>div{
	text-align:center;
	position:absolute;
	width:256px;
	height:256px;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
}

#map_canvas {
  position: relative;
  overflow: hidden;
  height: 100%;
  border: solid 1px #6a0795;
}

div{
	box-sizing:border-box;
}

nav ul li{
	float:left;
}

.PC{
	display:block;
}

.fotocover{
	background-size:cover;
	background-position:center;
	overflow:hidden;
	height: 100%;
}
.mobile{
	display:none;
}

.none{
	display:none;
}

.table{
	display:table;
}

.tr{
	display:table-row;
}

.td{
	display:table-cell;
}

.logocover{
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}
/*genericas}*/


/*banner{*/

#jumbotron{
	width:100%;
	height:100%;
}

#jumbotron .carrousel {
	width:100%;
	height:100%;
}

#jumbotron .carrousel .diapositiva {
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	
}

#jumbotron .carrousel .diapositiva:nth-child(1),
#jumbotron .carrousel .diapositiva[rel='0'] {
	background-image:url(../img/Foto-Portada.jpg);
}

#jumbotron .carrousel .diapositiva[rel='1']  {
	background-image:url(../img/sunny-landscape-with-trees.jpg);
}

#jumbotron .carrousel .diapositiva[rel='2'] {
	background-image:url(../img/Foto-amigos-parrilla.jpg);
}

#jumbotron .carrousel .diapositiva[rel='3']{
	background-image:url(../img/young-loving-couple-tourists-relaxing-near-fire-nature.jpg);
}

#jumbotron .carrousel .diapositiva[rel='4']{
	background-image:url(../img/Foto-Familia.jpg);
}


/*banner}*/


/*propias de la web {*/

body{
	padding:0px;
	margin:0px;
	background-color:#f1f1f1;
}

#content{
	max-width:1366px;
	margin:auto;
}


#header{
	height:85px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:10;
	background-color:#ffe793;
}

	#header nav{
		display:inline-block;
		position:relative;
	}
	
	
	#header nav ul li{
		margin:10px;
		background-color:#000;
		display:inline-block;
		font-size:12pt;
	}	
	
		#header nav>ul>li:first-child{
			margin-left:0px;
		}

		#header nav>ul>li:last-child{
			margin-right:0px;
		}		
	
	
		#header nav ul li a:hover{
			background-color:white;
			color:green;
		}
		
	ul.submenu{
		position:absolute;
		display:inline-block;
		border:solid 1px red;
	}
	
		ul.submenu li {
			float: none;
			display: block !important;
			margin:0px!important;
		}
		
		 ul.submenu li a {
			color: #FFF;
			text-decoration: none;
			font-size: 11pt;
			padding: 20px 10px;
			transition: 0.3s all;
			background-color: green;
			text-align: left;
			width: 100%;
			display: inline-block;
			box-sizing: border-box;
		}
	
	
#home{
	
}
/*
#logo{
	width:169px;
	height:217px;
	position:absolute;
	left:0px;
	top:0px;
}*/

	#logo img{
		position:absolute;
		left:0px;
		top:0px;
	}
	
	#logo img:last-child{
		display:none;
	}
	
.section{
	width:100%;
	height:100%;
	border:dotted 1px transparent;
}

	.section h1{
		
		font-size:41pt;
		color:#58c9e6;
		width:100%;
		text-align:center;
		margin: 10px;
	}
	
	.content{
		height:445px;
		width: 100%;
	}
	
	.content.autoheight{
		height:auto!important;
	}	
	
	.conferencia{
		width:25%;
		height:100%;
		text-align:center;
		transition:0.3s all;
		cursor:pointer;
		float:left;	
		padding:10px;
		text-align:left;
		position:relative;
	}
	
		.conferencia:hover{
			background-color:#58c9e6;
			background-image:url('../img/ponente_background.png');
			background-position:bottom right;
			background-repeat:no-repeat;
		}
	
		.conferencia .square{
			position:absolute;
			right:10px;
			bottom:0px;
			width: 50%;
			height: 50%;
			margin: 0px;
			background-color:#58c9e6;
		}
		
		.conferencia:hover .square{
			background-color:#0c3b72;
		}
		
		.conferencia .fotocover{
			width: 100%;
			height: 60%;
			margin: 0px;
		}
		
		.conferencia p{
			color:#0c3b72;
			
			font-size:24;
			margin:30px 20px 5px 20px;
			text-align:center;
		}
		
		.conferencia:hover p{
			color:#FFF;
		}
	
	.workshop{
		width:20%;
		height:100%;
		text-align:center;
		transition:0.3s all;
		cursor:pointer;
		float:left;
	}
	
		.workshop:hover{
			background-color:#58c9e6;
			background-image:url('../img/ponente_background.png');
			background-position:bottom right;
			background-repeat:no-repeat;
		}
	
		.workshop .fotocover{
			width:100%;
			height:60%;
			margin:auto;
		}
		
		.workshop p{
			color:#0c3b72;
			
			font-size:23;
			margin:10px 20px 5px 20px;
		}
		
		.workshop:hover p{
			color:#FFF;
		}
	
	.ponente{
		width:25%;
		height:50%;
		text-align:center;
		transition:0.3s all;
		cursor:pointer;
		float:left;
	}
	
		.ponente:hover{
			background-color:#58c9e6;
			background-image:url('../img/ponente_background.png');
			background-position:bottom right;
			background-repeat:no-repeat;
		}
	
	
		.ponente .fotocover{
			width:60%;
			height:73%;
			margin:auto;
		}
		
		

	
	#informacion .content>div{
		padding:0px 30px;
	}
	
	
	
	#auspicios{
		text-align:center;
	}
	
	#auspicios .content>div{
		float: left;
		width: 24%;
		text-align: center;
		margin: auto;
	}
	
	#auspicios .content>div:nth-child(2){
		float:left;
		width:50%;
		text-align:center;
		margin:auto;
	}	
	
	#auspicios .content>div>div{

	}
	
	#home{
		overflow:hidden;
	}
	
	#home video{
		position: absolute;
		right: 0;
		bottom: 0;
		max-width: 100%; 
		min-height: 100%;
	}
	
	
	.evento{
		display:inline-block;
		width:100%;
		border-bottom:solid 1px transparent;
	}
	
	.evento:hover{
		border-bottom:solid 1px #58c9e6;
	}	
	
	
	.evento>div{
		float:left;
		display:inline-block;
	}
	
		.evento>div:first-child{
			width:15%;
			text-align:center;
		}
		
		.evento>div:last-child{
			width:85%;
		}
		
			.evento>div:last-child>div{
				margin-left:20px;
			}		
		
			.evento>div p{
				margin:6px 0px;
			}	
			
			.evento>div:last-child p:nth-child(2){
				color:#58c9e6;
				margin-left:20px;
			}		
		
	
	
	
	

		
	#popup{
		width:100%;
		height:100%;
		background-color:rgba(88,201,230,0.8);
		position:fixed;
		top:0px;
		left:0px;
		display:none;
		z-index:999;
	}
	
	#closerPopup{
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background-image:url('../img/close_button.svg');
		background-repeat:no-repeat;
		background-position:right top;		
	}
		
	
		#popup .window .contenido h3{
			color:#58c9e6;
			font-size:13pt;
			font-weight:normal;
			text-transform:uppercase;
			margin:5px 0px;
		}
	
		#popup .window .contenido h1{
			margin:5px 0px;
			color:#4c4c4c;
			font-size:25pt;
			font-weight:normal;
			text-transform:uppercase;
		}
		
			#popup .window .contenido h1>span{
				background-color:gray;
				width:32px;
				height:22px;
				display:inline-block;
				margin-right:10px;
			}

			.window span.peru{
				background-image:url(../img/flag_peru.png);
			}
			
			.window span.prico{
				background-image:url(../img/flag_puertorico.png);
			}

			.window span.colombia{
				background-image:url(../img/flag_colombia.png);
			}

			.window span.belgica{
				background-image:url(../img/flag_belgica.png);
			}

			.window span.brasil{
				background-image:url(../img/flag_brasil.png);
			}

	h2{
		color:#0B366B;
		font-size:14pt;
		font-weight:normal;
	}
	
	#tablaInversion{
		width:100%;		
	}	
	
	#tablaInversion p{
		width:100%;
		margin:5px 0px;
		vertical-align: baseline;
	}
		
	#tablaInversion tr:first-child td p{
		text-align:center;
		font-weight:bold;
	}
	
	#tablaInversion tr:nth-child(2) td p{
		text-align:right;
	}
	
	#tablaInversion tr td p span{
		display:inline-block;
		box-sizing:border-box;
		text-align:right;
		vertical-align: baseline;
	}	
			
	
	span.atd{
		background-image:url('../img/tdorg.png');
		display:inline-block;
		width:27px;
		height:17px;
		text-indent:100px;
		overflow:hidden;
	}
	
	.logocover{
		height:auto;
		width:100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position:center;
		float:left;
		margin:5px;
	}
	
	#loading{
		background-image:url('../img/fondo3.png');
		background-size:cover;
		background-repeat:no-repeat;
		position:fixed;
		top:0px;
		left:0px;
		z-index:999;
		width:100%;
		height:100%;
	}

	
	#home .degrade{
		position:absolute;
		top:0px;
		left:0px;
		height:150px;
		width:100%;
		background-image:url('../img/degradado.png');
		background-repeat:repeat-x;
	}
	
	#inscripciones .content{
		text-align:center;
		position:relative;
	}
	
	table tr:nth-child(2) td p{
		padding:5px 30px;
		box-sizing:border-box;
	}
	
	table tr:nth-child(3) td,
	table tr:nth-child(4) td,
	table tr:nth-child(5) td{
		border-right:solid 1px gray;
		border-bottom:solid 1px gray;
	}
	
	#presentacion{
		width:100%;
		height:100%;
		background-image:url('../img/presentacion.jpg');
		background-position:center;
		background-size:cover;
		display:none;
	}
		
/*propias de la web}*/

/*formulario*/
	
#frm_riel {
    border: dotted 0px green;
    width: 40%;
    display: inline-block;
    position: relative;
    margin: auto;
}

#frm_riel .columna{
	border:dotted 0px blue;
	width:50%;
	float:left;
}

#frm_riel p{
	text-align:right;
}

#frm_riel p.left{
	text-align:left;
}

#frm_riel p select
{
	min-width: 70%;
}


.box_response{
	background-color:rgba(255,255,255,0.8);
	height:100%;
	display:none;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	margin:auto;
	text-align:center;	
}

.loading_sending{
	background-color:rgba(255,255,255,0.8);
	height:100%;
	display:block;
	display:none;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	margin:auto;
    background-image: url(../img/icon_loading_email.gif);
    background-position: center;
    background-repeat: no-repeat;	
}


.loading_sending p {
    display: block;
    margin: auto;
    text-align: center;
    position: absolute;
    height: 100px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    line-height: 12;
}


.box_response p{
	text-align:center;
}

.botonCertificado{
	width:439px;
	height:167px;
	position:absolute;
	right:0px;
	bottom:41px;
	display:none;
}

.botonCertificateImg{
	width:439px;
	height:167px;
	display:inline-block;
	background-image:url('../img/botonCertificate.png');
	background-size:contain;

}

.botonCertificado .close{
	width:45px;
	height:45px;
	background-image:url('../img/closeCertificate.png');
	position:absolute;
	right:22px;
	top:-22px;
	cursor:pointer;
		
}

/*formulario*/

@media only screen and (max-width: 450px){ /*hasta 450*/
	body{
		background-color:yellow;
		width:100%;
		height:auto;
		overflow-y:scroll;
	}
	
	header{
		width:100%;
	}
	
	#home{
		height:100%;
	}
	
	.PC{
		display:none;
	}

	.mobile{
		display:inline-block;
	}
	
	.mobile_block{
		width:100%!important;
		padding-left:0px!important;
		padding-right:0px!important;
	}	
	
	#menu_mobile{
		background-image:url('../img/menu_button.svg');
		width:60px;
		height:62px;
		position:absolute;
		top:10px;
		right:10px;
	}
	
	
	#header nav{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
		background-color:rgba(0,0,0,0.5);
	}
	
	#header nav ul{
		width:100%;
		height:auto;
		overflow-y:scroll;
		background-color:transparent;
	}
	
		#header nav ul li{
			float:none;
			display:inline-block;
			width:100%;
			margin:0px;
		}
		
			#header nav ul li:last-child{
				border-bottom:none;
			}		
		
	#header nav ul li a {
		
		color: #FFF;
		text-decoration: none;
		font-size: 11pt;
		padding: 20px 10px;
		background-color: green;
		text-align: center;
		width: 100%;
		display: inline-block;
		cursor:pointer;
		border-bottom: solid 1px white;
	}
	
	ul.submenu{
		display:none;
		width:100%;
	}
	
	#frm_riel {
		border: dotted 0px green;
		width: 100%;
		display: inline-block;
		position: relative;
		margin: auto;
	}
	
	#frm_riel p input[type="text"], 
	#frm_riel p input[type="number"], 
	#frm_riel p input[type="tel"], 
	#frm_riel p input[type="mail"], 
	#frm_riel p input[type="submit"], 
	#frm_riel p select {
		width:100%;
	}
	
	label{
		display:none;
	}
	
	.section{
		padding: 10px;
		height:auto;
	}
	
	.section h1 {
		
		font-size: 30pt;
		color: #58c9e6;
		width: 100%;
		text-align: center;
		margin: 10px 0px;
	}
	
	.content {
		display:inline-block;
		width:100%;
		height: auto;
	}
	
	table.mobile.condensed p,
	table.mobile.condensed span{
		font-family:"BebasNeue";
	}
	
	
}



@media only screen and (min-width: 450px){ /*desde hasta 450 hasta 768*/
	body{
		background-color:#b1dced;
	}
	
	#home{
		height:100%;
	}
	
	.section{
		/*padding: 20px;*/
		height:auto;
	}
	
	.mobile_block{
		padding-left:0px!important;
		padding-right:0px!important;
	}

	.tablet{
		width:100%!important;
		padding-left:0px!important;
		padding-right:0px!important;
	}	
	

	
}


@media only screen (min-width: 768px){ /*desde hasta 768 hasta 1024*/
	body{
		background-color:#96fad1;
	}
	
	.section {
		width: 100%;
		height: auto;
		border: dotted 1px transparent;
	}
	
	#frm_riel {
		width: 80%;
	}
		
}