*{
	margin: 0;
	padding:0;
}

header, section, footer, aside, aside {
	display:block;
}

body{
	width:100%;
	height:120%;
	min-height:100%;
	background-color:white;
	font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, CenturyGothic, AppleGothic, sans-serif;
	font-size:1.0vw;
	color:black;
	text-align:center;
	position:absolute;
	overflow:scroll;
}
/*-------------------------------------------*/
.linea1{
	width:100%;
	height:10%;
	float:left;
}
		.cell11{
			width:5%;	
			height:100%;
			float:left;
		}
		.cell12{
			width:5%;	
			height:100%;
			float:left;
			background-image: url("logo_bona.png");
			background-repeat: no-repeat; 
			background-size:contain;
			background-position:center;
		}
		.cell13{
			width:20%;
			height:100%;
			float:left;
			background-image: url("logo_bona_text.png");
			background-repeat: no-repeat; 
			background-size:contain;
			background-position:center;
		}
		.cell14{
			width:40%;
			float:left;
			font-size:2.0vw;
			padding-top:1.2%;
		}
		
		.cell15{
			width:30%;
			float:left;
		}
.linea2{
	width:100%;
	height:0.5%;
	float:left;
}
.linea4{
	width:100%;
	height:90%;
	background-color:white;
	float:left;
}
.linea5{
	width:100%;
	height:3%;
	background-color:white;
	font-weight:bold;
	color:red;
	float:left;
}
.linea6{
	width:100%;
	height:4%;
	border-top:2px solid green;
	background-color:#ffcc99;
	padding-top:1%;
	float:left;
}
.linea7{
	width:100%;
	height:1%;
	background-color:green;
	float:left;
}

div#overlay {
	display: none;
	z-index: 10;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	position:absolute;
}

div#specialBox {
	display: none;
	z-index: 15;
	margin-left:10%;
	margin-top:5%;
	width: 80%; 
	height: 85%;
	background: white;
	color: #5891c0;
	position:absolute;
	border:4px solid green;
}
div#specialBox p{
	font-family: \'Century Gothic\', CenturyGothic, AppleGothic, sans-serif;
	font-size:1.4vw;
}
#top_bar{
	margin-top:-1.5%;
	text-align:right;
	margin-right:-1.5%;
}
#top_bar button{
	border:0;
	background:none;
}

#mid_bar{
	width:99%;
	height:84%;
	padding-left:1%;
	text-align:left;
}
#mid_bar iframe{
	margin-left:10%;
}
	#mid_bar_logo{
		width:99%;
		height:10%;
		background-image: url("logo_alqueria.png");
		background-repeat: no-repeat; 
		background-size:contain;
		background-position:center;
	}
	#mid_bar_text{
		width:99%;
		height:10%;
	}
	#mid_bar_text p{
		font-size:1.6vw;
		color:#65ca68;
	}
	#formulario{
		width:99%;
		height:50%;
	}
	#mid_bar_franja{
		width:99%;
		height:15%;
		background-image: url("paisaje.png");
		background-repeat: no-repeat; 
		background-size:contain;
		background-position:center;
	}
	#userinput{
		width:44.5%;
		height:15%;
		float:left;
		padding-left:5%;
		max-height:60px;
	}
	#userinput input{
		width:80%;
		height:100%;
		font-size:1.4vw;
	}
	#button1{
		width:99%;
		height:20%;
		max-height:80px;
		float:left;
		text-align:center;
		padding-top:1%;
	}
	#button1 input{
		width:25%;
		height:95%;
		font-size:1.5vw;
		font-weight:bold;
		border:solid 2px #ccc;
		-webkit-appearance: none;
		border-radius: 0;	
		background:#e5e5e5;
		color:#65ca68;
		padding:0;
		margin:0;	
	
	}
	#button1 input:hover{
	background-color:#bebebe;
	color:green;
	-webkit-appearance: none;
	border-radius: 0;
	}
#recordar{
	width:100%;
	float:left;
	height:5%;
	text-align:center;
	padding-top:3%;
}
#recordar a{
	font-size:1.3vw;
}
#horarios{
	text-align:center;
	max-height:30px;
}

#bottom_bar{
	width:100%;
	height:7%;
	position:relative;
	float:left;
}
/*=================================================================================================*/
#datos{
	width:100%;
	height:8%;	
	margin-bottom: 0.8%;
	max-height: 50px;
	background-color:#e5e5e5;
	position:relative;
	float:left;
}

#video{
	width:50%;
	float:left;

}
#texto{
	width:40%;
	height:50%;
	padding-left:5%;
	padding-right:5%;
	float:left;
}
#texto p{
	font-size:1.6vw;
	color:#65CA68;
	text-align:left;
}
#info_index{
	width:100%;
	height:43%;	
	float:left;
	margin-bottom:0.5%;
}

#info_index img{
	margin-top:1%;
	width:40%;
	height:93%;
	overflow:scroll;
	float:left;
	margin-right:1%;
	border:2px solid #ccc;
}
.linea4 iframe{
	border: 2px solid #ccc;
	z-index: -999;
}
#entrar{
	width:20%;
	height:100%;
	float:left;
}
#entrar button{
	width:100%;
	height:100%;
	border:0;
	background:none;
	font-size:1.4vw;
	color:#65ca68;
}
#entrar button:hover{
	background-color:#bebebe;
	color:green;
}