@font-face{
	font-family:"Bebas";
	src:url('../font/BebasNeue_Bold.woff');
	font-weight:bold;
}

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

@font-face{
	font-family:"BebasBook";
	src:url('../font/BebasNeue_Book.woff');
}

@font-face{
	font-family:"Avenir";
	src:url('../font/AvenirNextLTPro-Regular.woff');
}

@font-face{
	font-family:"Nexa";
	src:url('../font/Nexa_Bold.woff');
	font-weight:bold;
}

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



body, html {
    height: 100%;
    min-height: 600px;
    padding: 0px;
    max-width: 1366;
    margin: auto;
    overflow: hidden;
    position: relative;
    max-height: 750px;
}

body{
	background-image:url("../img/fondo_index_BW.jpg");
	background-size:cover;
}

body.home{
	background-image:url("../img/fondo_index.jpg");
}

.logo_home{
	background-image:url("../img/logo_home.png");
	background-size:cover;
	width:489px;
	height:227px;
	position:absolute;
	top:0px;
	right:0px;
	margin:45px;
}

.logo_positiva{
	background-image:url("../img/logo_positiva.png");
	background-size:cover;
	width:104px;
	height:41px;
	position:absolute;
	bottom:0px;
	right:0px;
	margin:27px 16px;	
}

.menu{
	height:94px;
	background-color:#ff5700;
	width:100%;
}

.menu.home{
	width:437px;
	position:absolute;
	right:0px;
	top:308px;
	background-color: transparent;
}

.menu.home a{
	display:block;
	background-color:#ff5700;
	border:solid 1px #ff5700;
	color:#FFF;
	text-decoration:none;
	margin:4px 0px;
	font-family:"Bebas";
	font-size:30pt;
	padding:5px 43px 5px 0px;
	text-align:right;
	font-weight:bold;
}
	.menu.home a:hover{
		background-color:#FFF;
		color:#ff5700;
	}
	
	#cuerpo>a.volver {
		font-size: 14pt;
		position: absolute;
		top: 20px;
		left: 10px;
		/* text-decoration: none; */
		font-family: Bebas;
		color: #ff5601;
	}
	
.menu .logo{
	background-image:url("../img/logo_riesgos_blanco_menu.png");
	background-size:cover;
	width:157px;
	height:72px;
	position:absolute;
	top:10px;
	left:32px;
}

.menu .fechas{
	background-image:url("../img/fecha_riesgos_blanco_menu.png");
	background-size:cover;
	width:118px;
	height:47px;
	position:absolute;
	top:22px;
	right:27px;
}

.menu .opciones{
	position:absolute;
	top:0px;
	left:225px;
	font-size:0pt;
}

.menu .opciones a{
	text-decoration:none;
	font-family:"Bebas";
	font-size:15pt;
	color:#FFF;
	display:inline-block;
	padding:30px 20px;
	margin:6px 0px;
}

	.menu .opciones a:hover{
		text-decoration:none;
		font-family:"Bebas";
		font-size:15pt;
		color:#ff5700;
		background-color:#FFF;
		display:inline-block;
		padding:30px 20px;
		margin:6px 0px;
	}



.fechas_triangulo{
	background-image:url("../img/fechas_triangulo.png");
	background-size:cover;
	width:332px;
	height:212px;
	position:absolute;
	left:0px;
	top:45px;
}

#cuerpo{
	border:dotted 0px red;
	position:absolute;
	bottom:0px;
	width:100%;
	font-size:0pt;
	min-height: 550px;
}

	#cuerpo .ponencia{
		width:49%;
		display:inline-block;
		min-height: 560px;
	}
	
		#cuerpo.magistral .ponencia{
			width:100%;
			display:inline-block;
			min-height: 560px;
		}	

		#cuerpo .ponencia.roi .ponente{
			position:absolute;
			left:0px;
			bottom:0px;
		}

		#cuerpo .ponencia.neuro .ponente{
			position:absolute;
			right:0px;
			bottom:0px;
		}
		
		#cuerpo>.titulo {
			border: dotted 0px blue;
			display: inline-block;
			/* height: 150px; */
			width: 300px;
			position: absolute;
			font-size: 12pt;
			left: 0px;
			right: 0px;
			margin: 0px auto;
		}
		
		#cuerpo>.titulo.superior{
			top: 30px;
		}
		
		#cuerpo>.titulo.superior {
			top: 24px;
			left: 56px;
			width: auto;
		}			

		#cuerpo.magistral>.titulo.superior {
			top: 24px;
			left: 342px;
			width: auto;
		}
		
	
		

		#cuerpo>.titulo.inferior{
			bottom: 60px;
		}

		#cuerpo>.titulo.inferior h1,
		#cuerpo>.titulo.inferior h2,
		#cuerpo>.titulo.inferior h3{
			display:inline;
		}

			#cuerpo>.titulo.inferior h3{
				display:inline;
				padding:6px;
			}

		#cuerpo.magistral>.titulo.superior h1{
			font-size:19pt;
		}
		
		#cuerpo.magistral>.titulo.superior h2{
			font-size:18pt;
		}		
		
		.ponencia .titulo{
			border:solid 1px #ff5700;
			background-color:rgba(255,255,255,0.5);
			padding:55px 23px;
			display:inline-block;
			cursor:pointer;
			text-decoration:none;
			transition:0.5s all;
		}
		
		#cuerpo:not(.magistral) .ponencia .titulo:hover{
			background-color:#ff5700;
		}
		
		#cuerpo.magistral .ponencia .titulo {
			cursor: auto;
			border: solid 0px #ff5700;
			background-color: rgba(255,255,255,0);
			padding: 0px;
			display: inline-block;
			position: relative;
			top: 0px;
		}

		#cuerpo:not(.magistral) .ponencia .titulo:hover h1,
		#cuerpo:not(.magistral) .ponencia .titulo:hover h2,
		#cuerpo:not(.magistral) .ponencia .titulo:hover h3{
			color:#FFF;
		}		

		.ponencia.roi .titulo {
			position: absolute;
			bottom: 162px;
			left: 0px;
			padding-left: 270px;
			width: 350px;
		}
		
		.ponencia.neuro .titulo {
			position: absolute;
			bottom: 229px;
			right: 0px;
			width: 380;
			padding-right: 250px;
		}

		.ponencia .titulo h1,
		#cuerpo>.titulo h1{
			font-size:24pt;
			color:#ff5700;
			font-family:"Bebas";
			margin: 0px;
		}
		
		
	.ponencia .titulo h2,
	#cuerpo>.titulo h2 {
		font-size: 19pt;
		color: #000;
		font-family: "Bebas";
		margin: 0px;
		font-weight: normal;
	}		

		.ponencia .titulo h3,
		#cuerpo>.titulo h3{
			font-size:19pt;
			color:#000;
			font-family:"BebasBook";
			margin: 0px;
			font-weight:normal;
			position:absolute;
		}	
		
			.ponencia.roi .titulo h3 {
				top: 61px;
				right: 39px;
			}
		
			.ponencia.neuro .titulo h3 {
				top: 62px;
				right: 400px;
			}

			.ponencia .descripcion {
				font-family: "Avenir";
				display: inline-block;
				font-size: 11pt;
				border: dotted 0px green;
				line-height: 15pt;
				color: #565656;
			}
		

		.ponencia .charla {
			position: absolute;
			left: 683px;
			/* top: 104px; */
			border: dotted 0px blue;
			width: 597px;
			bottom: 20px;
		}
		
			.ponencia .info_ponente {
				position: absolute;
				left: 276px;
				/* top: 250px; */
				border: dotted 0px blue;
				width: 342px;
				font-size: 12pt;
				bottom: 20px;
			}	

			.ponencia .info_ponente h1,
			.ponencia .info_ponente h2{	
				font-family:"BebasBook";
				font-size:19pt;
				color:#ff5700;
				font-weight:normal;
				margin:0px
			}
			
			.ponencia .info_ponente h2{	
				color:#000;
			}

			.ponencia .info_ponente p {
				color: #565656;
				font-family: "Avenir";
				font-size: 11pt;
				line-height: 15pt;
			}			
			
		.ponencia .charla .titulo h3 {
			top: 6px;
			right: auto;
			left: -50px;
		}
		
		
		.ponencia.neuro .charla {
			left: 100px;
		}
		
		.ponencia.neuro .info_ponente {
			left: 750px;
		}
		
	table{
		margin:100px auto auto auto;
	}
		
	table tr:first-child td h1{
		font-family:"Bebas";
		font-size:37pt;
		color:#a9abaf;

		text-align:center;
		margin: 10px 0px 0px 0px;
	}
	
		table tr:first-child td h1 span{
			color:#ff5700;
		}

	table tr td>div {
		background-color: #FFF;
		border: solid 1px #ff5700;
		padding: 14px 30px;
		margin: 14px 17px;
		width: 300px;
	}
			
		table tr td>div h2{
			color:#414042;
			font-family:"Bebas";
			font-size:13.5pt;
			margin:0px;
		}

		table tr td:first-child>p{
			color:#414042;
			font-family:"Bebas";
			text-align:right;
			font-size:13.5pt;
			margin:0px 20px;
		}
		
		
		table tr td>div h3{
			color:#414042;
			font-family:"Nexa";
			font-size:10pt;
			margin:0px;
		}
		
		table tr td>div h4{
			color:#414042;
			font-family:"Nexa";
			font-weight:normal;
			font-size:9pt;
			margin:0px;
		}	

		table tr td>div p,
		table tr td>div li{
			color:#6d6e71;
			font-family:"Nexa";
			font-weight:normal;
			font-size:9pt;
			margin:0px;
		}
		
		table tr td>div p{
			margin:10px 0px;
		}
		
		table tr td>div ul {
			margin: 0px;
			padding: 0px 18px;
		}
		
	#cuerpo .bloque{
		font-size:12pt;
		float:left;
		border:dotted 0px blue;
	}
	
	#cuerpo .bloque:first-child {
		margin-right: 50px;
		margin-left: 20px;
		width: 400px;
	}
	
	#cuerpo .bloque h1,
	#cuerpo .informes h1{
		font-family:"Bebas";
		font-size:19pt;
		color:#ff5700;
		margin:32px 0px 5px 0px;
	}
	
	#cuerpo .informes{
		font-family: "Avenir";
		font-size: 11pt;
		color: #000;
		padding: 15px;
	}
	
	
	#cuerpo .bloque p{
		font-family:"Avenir";
		font-size:11pt;
		color:#000;
		margin:5px 0px;
	}
	
	#cuerpo .bloque p select{
		border-radius: 5px;
		border: solid 1px #727376;
		padding: 4px 8px;
		margin: 0px;
		width: 255px;
	}
	
	.organizan{
		display:inline-block;
		margin-bottom:40px;
	}
	
	#cuerpo .bloque p a,
	#cuerpo .informes a	{
		color: #000;
		text-decoration:none;
	}
	
	table.tarifario_tabla{
		margin: 20px 0px;
	}
	
	table.tarifario_tabla p{
		/*background-color:blue;*/
		padding:5px;
		margin:5px;
		display:block;
		border-bottom:solid 1px #727376;
		
	}	
	
	table.tarifario_tabla .first{
		border-left:solid 1px #727376;	
		color:#ff5700!important;
	}
	
	table.tarifario_tabla tr:nth-child(2) p{
		color:#ff5700!important;
		text-align:center;
	}
	
	table.tarifario_tabla tr td:nth-child(3) p,
	table.tarifario_tabla tr td:nth-child(7) p{
		border-left:solid 1px #727376;	
	}	
		
	table.tarifario_tabla .monto{
		border-left:solid 0px #727376
	}

.envoltura{
	border:dotted 0px yellow;
	display:inline-block;
	margin:auto;
	position:absolute;
	left:0px;
	right:0px;
}
	
#frm_riel{
	border:dotted 0px green;
	width:680px;
	display:inline-block;
	position:relative;
}

#frm_riel .columna{
	border:dotted 0px blue;
	width:49%;
	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'],
#frm_riel p input[type='submit']{
	border-radius:5px;
	border:solid 1px #727376;
	padding:5px 8px;
}

#frm_riel p input[type='submit']{
	border-radius:5px;
	border:solid 1px #ff5700;
	background-color:#ff5700;
	color:#FFF;
	padding:5px 8px;
	cursor:pointer;
	font-family:"Avenir";
	width:187px;
}

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

.loading_sending{
	background-color:rgba(255,255,255,0.8);
	display:block;
	display:none;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
}


#frm_riel .loading_sending p {
    display: inline-block;
    margin: 40px auto;
    text-align: center;
    background-image: url(../img/mail_sending.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.box_response h3{
	font-family:"Bebas";
	font-size:15pt;
	color:#000;
	margin:5px;
}

#frm_riel .box_response p{
	text-align:center;
}

#frm_riel .box_response a{
	text-decoration:underline;
	color:#ff5700;
	cursor:pointer;
}

.organizan img{
	margin:40px 10px;
	float:left;
	
}

.PC{
	display:block;
}

.mobile{
	display:none;
}

#cuerpo.pdf{
	min-height:auto;
	bottom: auto;
	position:relative;
}

.logo_positiva.pdf {
    position: relative;
    float: right;
}

#cuerpo.pdf table{
	margin:auto;
}

#cuerpo.pdf>.titulo {
	display:block;
	position: relative;
	margin-top: 40px;
}

.pdf table tr td>div {
    background-color: #FFF;
    border: solid 1px #ff5700;
    padding: 14px 30px;
    margin: 14px 17px;
    width: 300px;
    display: inline-block;
}

.pdf_icon{
	width:59px; 
	height:65px; 
	float:left;
	margin-right:5px;
	background-image:url('../img/pdf_icon.png');
}

@media only screen and (max-width: 768px){

	.PC{
		display:none;
	}

	.mobile{
		display:block;
	}

	#cuerpo {
		border: dotted 0px #ededed;
		position: relative;
		bottom: 0px;
		width: 100%;
		font-size: 0pt;
		min-height: auto;
		overflow-x: hidden;
	}
	
	body, html {
		height: 100%;
		/* min-height: 600px; */
		padding: 0px;
		margin: 0px;
		overflow:scroll;
	}
	
	table {
		margin: auto;
	}
	
	table tr td:first-child>p {
		margin: auto;
		width:75px;
	}
	
	#cuerpo>.titulo {
		position: relative;
	}
	
	table tr td>div {
		padding: 12px;
		width: auto;
	}
	
	table tr td>div h2 {
		font-size: 16pt;
	}
	
	table tr td>div h3 {
		font-size: 12pt;
		margin: 5px 0px;
	}
	
	table tr td>div p, table tr td>div li {
		font-size: 11pt;
	}
	
	.logo_positiva {
		position: relative;
		bottom: auto;
		right: auto;
		margin: 27px auto;
	}
	
	.menu .logo {
		position: relative;
		top: auto;
		left: auto;
		margin: 5px auto;
	}
	
	.menu {
		display: inline-block;
		height: auto;
		position: relative;
	}
	
	.envoltura {
		position: relative;
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}
	
	#frm_riel {
		width: 100%;
	}
	
	#frm_riel .columna {
		width:100%;
		float: none;
	}
	
	#frm_riel p input[type='text'], #frm_riel p input[type='tel'], #frm_riel p input[type='mail'], #frm_riel p input[type='submit'] {
		width: 100%;
		font-size: 12pt;
	}
	
	#frm_riel p {
		text-align: left;
	}
	
	#frm_riel p label {
		margin: 7px 0px;
		display: inline-block;
	}
	
	#frm_riel p input[type='submit'] {
		width: auto!important;
		margin: 10px;
	}
		
	#cuerpo .bloque:first-child {
		margin-right: 0px;
		margin-left: 0px;
		width: 100%;
	}

	#cuerpo .bloque {
		font-size: 12pt;
		float: none;
		border: dotted 0px blue;
	}
	
	#cuerpo.magistral>.titulo.superior {
		top: 0px;
		left: 0px;
		width: auto;
	}
	
	.ponencia.roi .info_ponente,
	.ponencia.neuro .info_ponente {
		left: 0px;
		padding: 10px;
		box-sizing: border-box;
	}
	
	.ponencia .charla {
		position: relative;
		width: 100%;
	}


	
	.ponencia.roi .charla,
	.ponencia.neuro .charla {
		left: 0px;
	}
	
	.ponencia .info_ponente {
		position: relative;
		bottom: 0px;
		width: 100%;

	}
	
	#cuerpo .ponencia {
		width: 100%;
		position: relative;
	}
	
	#cuerpo .ponencia.roi .ponente {
		position: relative;
		margin: -100px 0px 0px 0px;
	}
	
	#cuerpo .ponencia.neuro .ponente{
		position: relative;
		margin: -150px 0px 0px 0px;
	}
	
	#cuerpo.magistral .ponencia .ponente{
		position: relative;
		margin: 0px 0px 0px 0px;
	}	
	
	
	.ponencia.roi .titulo {
		position: relative;
		bottom: auto;
		padding: 10px 10px 100px 10px;
		width: 100%;
	}
	
	.ponencia.neuro .titulo {
		position: relative;
		bottom: auto;
		padding: 10px 10px 100px 10px;
		width: 100%;
	}
	
	.menu .fechas {
		display: none;
	}
	
	.menu .opciones {
		position: relative;
		top: 0px;
		left: 0px;
		font-size: 12pt;
		background-color: #ff5700;
	}
	
	.menu .opciones a,
	.menu .opciones a:hover{
		text-decoration: none;
		font-family: "Bebas";
		font-size: 20pt;
		color: #FFF;
		background-color: #ff5700;
		display: inline-block;
		padding: 30px 0px;
		margin: 0px;
		width: 100%;
		text-align: center;
		border: solid 1px #FFF;
		z-index: 999;
	}
	
	.menu_mobile{
		background-image:url('../img/menuMobile.png');
		width:60px;
		height:62px;
		position:absolute;
		top:0px;
		right:0px;
		cursor:pointer;
		margin:10px;
	}
	
	.opciones{
		display:none;
	}
	
	body.home {
		background-image: url(../img/fondo_mobile_index.jpg);
	}
	
	.menu.home {
		width: 100%;
		bottom: 0px;
		top: auto;
	}
	
	.menu.home a {
		font-size: 20pt;
		padding: 10px;
	}
	
	.logo_home {
		background-image: url(../img/logo_home_white.png);
		background-size: contain;
		width: 200px;
		height: 200px;
		top: 0px;
		right: 0px;
		margin: 20px;
		background-repeat: no-repeat;
	}
	
	.fechas_triangulo {
		background-image: url(../img/fechas_triangulo_mobile.png);
		background-size: contain;
		width: 200px;
		height: 50px;
		position: relative;
		left: 0px;
		top: auto;
		background-repeat: no-repeat;
		bottom: 0px;
		margin: 20px 15px;
	}
	
	.home .logo_positiva {
		background-image: url(../img/logo_positiva_white.png);
		right: auto;
		margin: 10px;
		bottom: 220px;
		position: absolute;
	}
	
	#cuerpo>.titulo.superior {
		top: 0px;
		left: 0px;
		width: 100%;
		margin: 10px 10px;
	}
	
	#cuerpo>.titulo.inferior {
		bottom: 0px;
		margin: 10px 0px 20px 10px;
	}
	
	.ponencia .titulo h3, #cuerpo>.titulo h3 {
		position: relative;
	}
	
	.ponencia.roi .titulo h3,
	.ponencia.neuro .titulo h3 {
		top: 0px;
		right: 0px;
	}
	
	#cuerpo .bloque p {
		font-size: 11pt;
	}
	
	table tr td>div h4 {
		font-size: 11pt;
	}

	#cuerpo .ponencia.roi .ponente,
	#cuerpo .ponencia.neuro .ponente {
		position: relative;
		right: 0px;
		bottom: 0px;
		width: 100%;
		border: dotted 0px red;
		text-align: right;
	}
	
	#cuerpo .ponencia.roi .ponente{
		text-align: left;
	}	
	
	.ponencia .descripcion {
		padding: 10px;
	}

	.ponencia .charla .titulo h3 {
		left: 0px;
	}
	
	#cuerpo.magistral .ponencia .titulo {
		padding: 0px 10px;
		box-sizing: border-box;
		margin-top: 20px;
	}
	
	.ponencia .titulo {
		box-sizing: border-box;
	}
	
	#cuerpo .bloque p select {
		margin: 20px 0px;
		width: 100%;
	}
}