@charset "UTF-8";

body {
	margin:0px;
	padding:0px;
	background-color:#000;
	font-family: 'Roboto Condensed', sans-serif;
	}
#cont_gen {
	width:100%;
	height:auto;
	margin:0px auto;
	box-sizing:border-box;
	background-color:#000;
	}

@media screen and (max-width:600px){
	#cabecera {
		width:100%;
		height:170px;
		background-image:url(../fotos/cabecera_ok.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center top;
		z-index:0;
		position:relative;
		top:-20px;
		}		
	#texto-info {
		width:95%;
		height:auto;
		margin:0px auto;
		color:#FFF;
		text-align:center;
		z-index:1000;
		position:relative;
		top:130px;
		left:0px;
		}	
	#botones {
		width:80%;
		height:50px;
		position:relative;
		top:130px;
		left:0px;
		text-align:center;
		margin:0px auto;
		}
	#si {
		width:100%;
		height:auto;
		border:2px white solid;
		border-radius:10px;
		padding-bottom:20px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		box-sizing:border-box;
		}
	#si a {
		color:#FFFFFF;
		text-decoration:none;
		font-size:1.5em;
		}
	#form_adultos {
		width:100%;
		}
	#user {
		width:90%;
		margin-bottom:10px;
		}
	#pass {
		width:90%;
		margin-bottom:10px;
		}
	#boton {
		width:50%;
		height:40px;
		border:none;
		border-radius:10px;
		background-color:rgba(141,0,237,1);
		color:rgba(255,255,255,1)
		}
	#no {
		width:100%;
		height:auto;
		}
	#no a {
		color:rgba(255,255,255,1);
		font-size:1.5em;
		text-decoration:none;
		}
}

@media screen and (min-width:601px) and (max-width:992px){
	#cabecera {
		width:100%;
		height:210px;
		background-image:url(../fotos/cabecera_ok.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center top;
		}	
	#texto-info {
		width:95%;
		height:auto;
		margin:0px auto;
		color:#FFF;
		text-align:center;
		z-index:1000;
		position:relative;
		top:210px;
		left:0px;
		}	
	#botones {
		width:80%;
		height:50px;
		position:relative;
		top:240px;
		left:0px;
		text-align:center;
		margin:0px auto;
		}
	#si {
		width:80%;
		height:auto;
		margin:0px auto;
		border:2px white solid;
		border-radius:10px;
		padding-bottom:20px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		box-sizing:border-box;
		}
	#si a {
		color:#FFFFFF;
		text-decoration:none;
		font-size:1.5em;
		}
	#form_adultos {
		width:100%;
		}
	#user {
		width:90%;
		margin-bottom:10px;
		}
	#pass {
		width:90%;
		margin-bottom:10px;
		}
	#boton {
		width:50%;
		height:40px;
		border:none;
		border-radius:10px;
		background-color:rgba(141,0,237,1);
		color:rgba(255,255,255,1)
		}
	#no {
		width:100%;
		height:auto;
		}
	#no a {
		color:rgba(255,255,255,1);
		font-size:1.5em;
		text-decoration:none;
		}
}

@media screen and (min-width:993px) and (max-width:1200px){
	#cabecera {
		width:100%;
		height:270px;
		background-image:url(../fotos/cabecera_ok.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center top;
		}	
	#texto-info {
		width:95%;
		height:auto;
		margin:0px auto;
		color:#FFF;
		text-align:center;
		z-index:1000;
		position:relative;
		top:270px;
		left:0px;
		}	
	#botones {
		width:80%;
		height:50px;
		position:relative;
		top:280px;
		left:0px;
		text-align:center;
		margin:0px auto;
		}
	#si {
		width:50%;
		height:auto;
		margin:0px auto;
		border:2px white solid;
		border-radius:10px;
		padding-bottom:20px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		box-sizing:border-box;
		}
	#si a {
		color:#FFFFFF;
		text-decoration:none;
		font-size:1.5em;
		}
	#form_adultos {
		width:100%;
		}
	#user {
		width:90%;
		margin-bottom:10px;
		}
	#pass {
		width:90%;
		margin-bottom:10px;
		}
	#boton {
		width:50%;
		height:40px;
		border:none;
		border-radius:10px;
		background-color:rgba(141,0,237,1);
		color:rgba(255,255,255,1)
		}
	#no {
		width:100%;
		height:auto;
		}
	#no a {
		color:rgba(255,255,255,1);
		font-size:1.5em;
		text-decoration:none;
		}
}

@media screen and (min-width:1201px) {
	#cabecera {
		width:100%;
		height:300px;
		background-image:url(../fotos/cabecera_ok.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center top;
		}
	#texto-info {
		width:95%;
		height:auto;
		margin:0px auto;
		color:#FFF;
		text-align:center;
		z-index:1000;
		position:relative;
		top:320px;
		left:0px;
		}	
	#botones {
		width:80%;
		height:50px;
		position:relative;
		top:340px;
		left:0px;
		text-align:center;
		margin:0px auto;
		}
	#si {
		width:30%;
		height:auto;
		margin:0px auto;
		border:2px white solid;
		border-radius:10px;
		padding-bottom:20px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		box-sizing:border-box;
		}
	#si a {
		color:#FFFFFF;
		text-decoration:none;
		font-size:1.5em;
		}
	#form_adultos {
		width:100%;
		}
	#user {
		width:90%;
		margin-bottom:10px;
		}
	#pass {
		width:90%;
		margin-bottom:10px;
		}
	#boton {
		width:50%;
		height:40px;
		border:none;
		border-radius:10px;
		background-color:rgba(141,0,237,1);
		color:rgba(255,255,255,1)
		}
	#no {
		width:100%;
		height:auto;
		}
	#no a {
		color:rgba(255,255,255,1);
		font-size:1.5em;
		text-decoration:none;
		}
}