@font-face{
	font-family:"BebasNeue";
	src:url('../font/BebasNeue_Regular.woff');
	font-weight:normal;
}


/*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;
}

nav ul{
	display:inline-block;
	list-style:none;
}

div{
	box-sizing:border-box;
}

nav ul li{
	float:left;
}

.PC{
	display:block;
}

.hover{
	opacity:0;
	transition:0.3s all;
}

.hover:hover{
	opacity:1;
}

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

.none{
	display:none;
}

.table{
	display:table;
}

.tr{
	display:table-row;
}

.td{
	display:table-cell;
}

#logoContainer{
	display:inline-block;
}

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

.globo{
	display:inline-block;
	width:100%;
}

.pc25{
	width:25%;
	float:left;
}

.pc20{
	width:20%;
	float:left;
}

.pc50{
	width:50%;
	float:left;
}

.pc75{
	width:75%;
	float:left;
}

.pc80{
	width:80%;
	float:left;
}


.pc33{
	width:33.3%;
	float:left;
}

.pc20 img,	
.pc25 img,	
.pc50 img,	
.pc75 img,	
.pc33 img{
	width:100%;
	height:auto;
}

/*genericas}*/

/*propias de la web {*/
body{
	padding:0px;
	margin:0px;
	overflow-x:hidden;
}

p,li{
}

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


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

	#header nav{
		display:inline-block;
		position:relative;
		top:23px;
	}
	
	nav ul {
		margin: 0px;
		padding: 0px;
		font-size:0pt;
	}
	
	#header nav ul li{
		margin:10px;
		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{
		color:#FFF;
		text-decoration:none;
		font-size:11pt;
		padding:10px;
		transition:0.3s all;
		box-sizing: border-box;
	}
	
		#header nav ul li a:hover{

		}
		
	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;
			text-align: left;
			width: 100%;
			display: inline-block;
			box-sizing: border-box;
		}
	
	
#home{
	
}

#fondo,
.fondo{
	height:100%;
	width:100%;
}

#fondo{
	position:fixed;
	top:0px;
	left:0px;
	z-index: -999;
}


#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;
	/*border:dotted 1px blue;*/
	position:relative;
}

	.section h1{
		font-size:30pt;
		width:100%;
		text-align:center;
		margin: 5px;
	}
	
	.content{
		/*min-height:445px;*/
	}
	
	.contentHalf{
		position:relative;
	}
	
	.conferencia{
		width:25%;
		height:100%;
		text-align:center;
		transition:0.3s all;
		cursor:pointer;
		float:left;	
		padding:10px;
		text-align:left;
		position:relative;
	}
	
	
		.conferencia .square{
			position:absolute;
			right:10px;
			bottom:0px;
			width: 50%;
			height: 50%;
			margin: 0px;
		}
		
		.conferencia:hover .square{
		}
		
		.conferencia .fotocover{
			width: 100%;
			height: 60%;
			margin: 0px;
		}
		
		.conferencia p{

		}
		
	
	.workshop{
		width:20%;
		height:100%;
		text-align:center;
		transition:0.3s all;
		cursor:pointer;
		float:left;
	}
	
		.workshop:hover{
			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-image:url('../img/ponente_background.png');
			background-position:bottom right;
			background-repeat:no-repeat;
		}
	
	
		.ponente .fotocover{
			width:60%;
			height:73%;
			margin:auto;
		}
		
		.ponente p{
			color:#58c9e6;
			font-size:19;
			margin:10px 0px 5px 0px;
		}
		
		.ponente p:last-child{
			color:#5a5a5a;
			font-size:13;
			margin:0px;
		}	
		
		.ponente:hover p{
			color:#FFF;
		}
		
		
	#agenda .content>div,
	#informacion .content>div{
		float:left;
		width:50%;
	}
	
	#informacion .content>div{
		padding:0px 30px;
	}
	
	#informacion .content>div:first-child{
		width:40%;
	}	
	#informacion .content>div:last-child{
		width:60%;
	}		
	
	
	#auspicios{
		text-align:center;
	}	
	
	#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){
			}		
		
	
	
	
	

		
	#popup{
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		display:none;
		z-index:999;
		background-color:rgba(0,0,0,0.5);
	}
	
	#closerPopup{
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background-image:url('../img/closer.png');
		background-repeat:no-repeat;
		background-position:right top;		
	}
	
	#popup .window{
		width:80%;
		height:90%;
		position:absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		margin:auto;
		background-image:url('../img/window_background.png');
		background-repeat:no-repeat;
		background-position:top right;
		background-color:#FFF;
	}
	
	#popup .window .fotocover{
		width:40%;
		height:100%;
		margin:auto;
		float:left;
	}

	#popup .window .contenido{
		width:60%;
		float:left;
		padding:84px 44px 44px 72px;
	}
	
		#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{
				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:0px 0px;
		vertical-align: baseline;
	}
		
	#tablaInversion tr:first-child td p{
		text-align:center;
	}
	
	#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;
	}	
	
		#tablaInversion tr td p span:first-child{
			/*width:60%;*/
		}		
	
		#tablaInversion tr td p span:last-child{
			/*width:38%;*/
		}			
	
	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 label{
	margin:0px 10px;
}

#frm_riel p input[type='text'],
#frm_riel p input[type='tel'],
#frm_riel p input[type='mail'],
p input[type='submit'],
#frm_riel p select
{
	border-radius:5px;
	border:solid 1px gray;
	padding:5px 8px;
	font-size:12pt;
	min-width: 80%;
}

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

p input[type='submit']{
	border-radius:5px;
	padding:5px 8px;
	cursor:pointer;
	width:50%;
	transition:0.3s all;
}

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

.loading_sending{
	width:100%;
	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;	
	background-color:rgba(255,255,255,0.7);
}


.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 h3{
	font-size:15pt;
	margin: 140px 5px 5px 5px;
}

.box_response p{
	text-align:center;
}

.box_response a.volver{
	text-decoration:underline;
	color:#58c9e6;
	cursor:pointer;
	padding:10px 20px;
}

.box_response a.volver:hover{
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}

.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;
		
}

.autoH{
	height:auto!important;
	min-height:auto!important;
}


.left{
	float:left;
	border:solid 1px blue;
	display:inline-block;
	width:auto;
}


.padding{
	padding:20px;
}

.center{
	text-align:center;
}

/*formulario*/

@media only screen and (max-width: 450px){ /*hasta 450*/

	.pc20 img,	
	.pc25 img,	
	.pc50 img,	
	.pc75 img,	
	.pc33 img{
		width:auto;
		height:auto;
		margin:auto;
		max-width:100%;
	}
	
	.pc20,	
	.pc25,	
	.pc50,	
	.pc75,	
	.pc33{
		text-align:center;
	}
	
	.pc20 p,	
	.pc20 ul,	
	.pc25 p,	
	.pc25 ul,	
	.pc50 p,	
	.pc50 ul,	
	.pc75 p,	
	.pc75 ul,	
	.pc33 p,
	.pc33 ul{
		text-align:left;
	}

	
	#vitrina {

		width: 100%!important;
		height: 100%!important;

	}
	


	body{
		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;
	}
	
	#logoContainer{
		text-align:center;
	}
	
	#logo {
		position: relative;
		margin:auto;
		max-width:95%;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	
	#menu_mobile{
		background-image:url('../img/menuMobile.png');
		background-size:contain;
		background-repeat:no-repeat;
		width:60px;
		height:62px;
		position:absolute;
		top:10px;
		right:10px;
	}
	
	
	#header nav{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
		
	}
	
	#header nav ul{
		width:100%;
		height:auto;
		overflow-y:scroll;
		background-color:#FFF;
		margin:0px!important;
	}
	
		#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;
		transition: 0.3s all;
		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="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;
		width: 100%;
		text-align: center;
		margin: 10px 0px;
	}
	
	h2,h3,h4{
		text-align:left;
		
	}
	
	.content {
		display:inline-block;
		width:100%;
		height: auto;
	}
	
	table.mobile.condensed p,
	table.mobile.condensed span{
		font-family:"BebasNeue";
	}
	
	#popup .window {
		width: 90% !important;
		height: 90%;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: auto;
		background-color: #FFF;
	}
	
	.box_response h3 {
		text-align:center;
	}
	
}

@media only screen and (min-width: 450px){ /*desde hasta 450 hasta 768*/
	body{
	}
	
	#home{
		height:100%;
	}
	
	/*
	.section{
		padding: 20px;
		height:auto;
	}
	
	.mobile_block{
		width:50%!important;
		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{
	}
	
	.section {
		width: 100%;
		height: auto;
		border: dotted 1px transparent;
	}
	
	#frm_riel {
		width: 80%;
	}
		
}