@charset "UTF-8";
/* CSS Document */

body {
  position:static;
	/*background: #52d9e5; /*color del fondo*/
	background-image:url(" ../img/qbkls.png"); /*Imagen de Fondo*/
	background-attachment: fixed;
    /*background-color: #BC1A1C;*/
}



.bloque1{
	
	width: 700px;
	font-family: oswald;
	font-size: 17px;
	text-align: justify;
	margin-top: 50px;
	background-color: white;
 border-radius: 10px;
}

#intro{
	
	width: 700px;
	text-align: justify;
	font-family:oswald;
	font-size: 14px;
	color: black;
		text-shadow: -5px -5px 5px white, 5px 5px 5px white, -5px 5px 5px white, 2px -2px 2px white;
/*word-spacing: .1em; */
	
	text-align: justify;
	margin-left: 1px;
	font-family: oswald;

color: black;

font-size: 18px;

font-weight: 500;


background: white;


overflow: hidden;

padding: 20px;

border-radius: 15px;

border: 2px solid white;
	
	  border-radius: 10px;

}



.form
{
	
 width: 680px;
	height: 900px;
    font: normal bold 15px oswald;
	padding: 10px 20px;
	background-color: #f4f7f8;
  border-radius: 8px;
	margin: auto;

}

#titulos{
	
	font-size: 25px;
}


h5{
	font-size: 18px;
}

input[type=text]
{
	width: 340px;
	font: normal bold 15px oswald;
	

}
input[type=email]
{
	width: 340px;
    font: normal bold 15px oswald;

}




input[type=submit]
{
	padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-top: 20px;
	margin-left: 170px;


}

input[type=button]
{
	padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-top: 20px;
	margin-left: 170px;


}


#boton2{
	padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 15%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  font-family: oswald;
	/*margin-left: 170px;*/
	
}
input[type=radio]
{
	    font: normal bold 20px oswald;


}

input[type=file]
{
	width: 120px;
    font: normal bold 15px oswald;

}


#selector
	{
		width: auto;

	}



#textarea
{
	width: 280px;
	font: normal bold 15px oswald;
	

}

.foot{
	
	font-family: oswald;
	font-size: 18px;
	
	
}

@media screen and (max-width: 600px) {
	
	#logo{
		width: 350px;
	}
	
	.bloque1{
	
	width: auto;
	font-family: oswald;
	font-size: 17px;
	text-align: justify;
	margin-top: 100px;
	background-color: white;
}

	#intro{
	
	width: 390px;
	text-align: justify;
	font-family:oswald;
	font-size: 14px;
	color: black;
		text-shadow: -5px -5px 5px white, 5px 5px 5px white, -5px 5px 5px white, 2px -2px 2px white;
/*word-spacing: .1em; */
	
	text-align: justify;
	margin-left: 1px;
	font-family: oswald;

color: black;

font-size: 18px;

font-weight: 500;


background: white;


overflow: hidden;

padding: 20px;

border-radius: 15px;

border: 2px solid white;
}
	
	#boton2{
	padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 50%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  font-family: oswald;
		margin-top: 30px;
	/*margin-left: 170px;*/
	
}
	
	
	.form{
		float: left;
		margin-top: 20px;
		width: 370px; 
	height: auto;
    font: normal bold 12px oswald;
	padding: 10px 20px;
	background-color: #f4f7f8;
  border-radius: 8px;
	margin: auto;
	}
#titulos{
	
	font-size: 25px;
}


h5{
	font-size: 18px;
}

input[type=text]
{
	width: auto;
	font: normal bold 15px oswald;

}
input[type=email]
{
	width: auto; 
    font: normal bold 15px oswald;

}
#boton{
	margin-left: 120px;
}


input[type=submit]
{
	padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 60%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-top: 20px;
	margin-left: 130px;


}

input[type=button]
{
	padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-top: 20px;
	margin-left: 130px;


}
input[type=radio]
{
	    font: normal bold 20px oswald;


}
	
	
	input[type=submit]
{
	padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-top: 20px;
	margin-left: 80px;


}
	
	input[type=button]
{
	padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-top: 20px;
	margin-left: 80px;


}
	
	#selector
	{
		width: 120px;

	}

#textarea
{
	width: 120px;
	font: normal bold 15px oswald;
	

}
	
.foot{
	
	font-family: oswald;
	font-size: 18px;
	margin-left: 40px;
	
	
}
	
	
}