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


div{
	box-sizing:border-box;
}

nav ul li{
	float:left;
}

.PC{
	display:block;
	margin: auto;
}

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

.fotocover.contain{
	background-size:contain;
	background-repeat:no-repeat;
}

.fotocover.top{
	background-position:center top;
}

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

/*propias de la web {*/
body{
	padding:0px;
	margin:0px;
}

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


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

	#header nav{
		display:inline-block;
		position:relative;
	}
	
	
	#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: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 {
			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{
	
}
/*
#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;
		width:100%;
		text-align:center;
		margin: 10px;
	}
	
	.content{
		height:445px;
		width: 100%;
	}
	

	#home{
		overflow:hidden;
	}
	
	#home video{
		position: absolute;
		right: 0;
		bottom: 0;
		max-width: 100%; 
		min-height: 100%;
	}
	
		
	#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{
			font-size:13pt;
			font-weight:normal;
			margin:5px 0px;
		}
	
		#popup .window .contenido h1{
			margin:5px 0px;
			font-size:25pt;
			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;
	}	
			
	
	.logocover{
		height:auto;
		width:100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position:center;
		float:left;
		margin:5px;
	}
	
	#loading{
		background-color:gray;
		background-size:cover;
		background-repeat:no-repeat;
		position:fixed;
		top:0px;
		left:0px;
		z-index:999;
		width:100%;
		height:100%;
	}
		
/*propias de la web}*/

/*formulario*/


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


/*formulario*/

@media only screen and (max-width: 450px){ /*hasta 450*/
	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;
	}	
	
	#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 {
		

		text-decoration: none;
		font-size: 11pt;
		padding: 20px 10px;

		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;
		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{

	}
	
	#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{

	}
	
	.section {
		width: 100%;
		height: auto;
		border: dotted 1px transparent;
	}
	
	#frm_riel {
		width: 80%;
	}
		
}