@charset "UTF-8";
/* CSS buzonlandscape FC0*/

body {  
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.sobre {
	position:absolute;
	background-color:#FC0;
	top:0;
	left:2vw;
	width:96vw;
	height:37vw;
	border-radius:0.5vw 0.5vw 1vw 1vw;
	box-shadow:0 0.3vw 0.3vw 0 #7C7C7C;
	z-index:2;
}
.formulario {
	position:absolute;
	top:2vw;
	left:7vw;
	width:82vw;
	height:33vw;
	}
input[type='text'] {
	position:absolute;
	background-color:#FFF;
	top:0vw;
	left:22vw;
	width:22vw;
	height:4.2vw;
	width:60vw;
	font-size:2vw;
}
.mensaje {
	background:#FFF;
	position:absolute;
	top:7vw;
	left:22vw;
	width:60vw;
	height:15vw;
}
.ahorano {
	position:fixed;
	background-color:#FFF;
	top:30vw; 
	left:31vw; 
	width:20vw;
	height:3.2vw;
	padding:1.2vw 0 0.1vw 0; 
	font-size:2vw;
	text-align:center;
	color:#000;
}
input[type=submit] { 
	position:absolute; 
	top:28vw;	
	left:62vw; 
	width:20vw; 
	height:4.5vw; 
	font-size:2vw; 
	text-align:center; 
	border:none; 
	background-color:#FFF; 
	cursor:pointer;
}
.fondorespuesta {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.gracias {
	position:fixed;
	background-color:#FC0;
	top:0vw;
	left:10vw;
	width:80vw;
	height:37vw;
	border-radius:0.5vw 0.5vw 1vw 1vw;
	box-shadow:0 0.3vw 0.3vw 0 #7C7C7C;
	text-align:center;
}
.okey {
	position:absolute;
	top:18vw;
	left:30vw;
	width:20vw;
}
h1 {
	margin-top:1vw;
	text-align:center; 
	font-size:2vw;
	color:000;
}
.p1 { 
	text-align:left; 
	font-size:2vw;
	margin-top:0.5vw; 
}
.p2 { 
	text-align:left;
	font-size:2vw;
	margin-top:4.6vw; 
}
.p3 { 
	text-align:center; 
	font-size:2vw;
	line-height:normal;
}
@media (width: 1024px), (min-height:768px) {
.fondo {
	position:fixed;
	top:-10vw;
	left:0;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.sobre {
	position:fixed;
	background-color:#FC0;
	top:2vw;
	left:15vw;
	width:70vw;
	height:50vw;
	border-radius:0.5vw 0.5vw 1vw 1vw;
	box-shadow:0 0.3vw 0.3vw 0 #7C7C7C;
	z-index:2;
}
.formulario {
	position:absolute;
	top:2vw;
	left:5vw;
	width:60vw;
	height:46vw;
}
input[type='text'] {
	position:absolute;
	background-color:#FFF;
	top:0;
	left:15vw;
	width:45vw;
	height:4vw;
	font-size:2vw;
}
.mensaje {
	background:#FFF;
	position:absolute;
	top:8vw;
	left:15vw;
	width:45vw;
	height:28vw;
	font-size:2vw;
}
.ahorano {
	position:fixed;
	background-color:#FFF;
	top:43vw; 
	left:35vw; 
	width:10vw;
	height:2.8vw;
	padding:1vw 0 0 0; 
	font-size:2vw;
	text-align:center;
	color:#000;
}
input[type=submit] { 
	position:absolute; 
	top:39vw;	
	left:50vw; 
	width:10vw; 
	height:3.8vw;
	padding:0.6vw 0 0.4vw 0; 
	font-size:2vw; 
	text-align:center; 
	border:none; 
	background-color:#FFF; 
	cursor:pointer;
}
.error{
 background-color:#F00;
 border-radius: 4px 4px 4px 4px;
 color:white;
 font-weight:bold;
 margin-left:16px;
 margin-top:6px;
 padding: 6px 12px;
 position: absolute;
}
.result_fail{
 background:none repeat scroll 0 0 #FFF;
 border-radius:20px 20px 20px 20px;
 color:white;
 font-weight:bold;
 padding:10px 20px;
 text-align:center;
}
.fondorespuesta {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.gracias { 
	position:fixed;
	background-color:#FC0;
	top:2vw;
	left:27.5vw;
	width:45vw;
	height:30vw;
	border-radius:0.5vw 0.5vw 1vw 1vw;
	box-shadow:0 0.3vw 0.3vw 0 #7C7C7C;
	text-align:center;
}
.okey {
	position:absolute;
	top:14vw;
	left:15vw;
	width:15vw;
}
h1 {
	text-align:center; 
	font-size:2vw;
}
.p1 { 
	text-align:left; 
	font-size:2vw;
	margin-top:0.5vw; 
}
.p2 { 
	text-align:left;
	margin-top:5.5vw; 
	font-size:2vw;
}
.p3 { 
	text-align:center;
	margin-top:0vw; 
	font-size:2vw;
}
}
@media (min-width: 1920px), (min-height:1080px) {
.fondo {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.sobre {
	position:fixed;
	background-color:#FC0;
	top:2vw;
	left:27.5vw;
	width:45vw;
	height:30vw;
	border-radius:0.5vw 0.5vw 1vw 1vw;
	box-shadow:0 0.3vw 0.3vw 0 #7C7C7C;
	z-index:2;
}
.formulario {
	position:absolute;
	top:2vw;
	left:2vw;
	width:41vw;
	height:26vw;
}
input[type='text'] {
	position:absolute;
	background-color:#FFF;
	top:0;
	left:9vw;
	width:25vw;
	height:2vw;
	width:32vw;
	font-size:1.2vw;
}
.mensaje {
	background:#FFF;
	position:absolute;
	top:4vw;
	left:9vw;
	width:32vw;
	height:12vw;
	font-size:1.2vw;
}
.ahorano {
	position:fixed;
	background-color:#FFF;
	top:28vw; 
	left:38.5vw; 
	width:10vw;
	height:1.2vw;
	padding:0.4vw 0 0.4vw 0; 
	font-size:1.2vw;
	text-align:center;
	color:#000;
}
input[type=submit] { 
	position:absolute; 
	top:24vw;	
	left:30.8vw; 
	width:10vw; 
	height:2vw;
	padding:0.4vw 0 0.4vw 0; 
	font-size:1.2vw; 
	text-align:center; 
	border:none; 
	background-color:#FFF; 
	cursor:pointer;
}
.error{
 background-color:#F00;
 border-radius: 4px 4px 4px 4px;
 color:white;
 font-weight:bold;
 margin-left:16px;
 margin-top:6px;
 padding: 6px 12px;
 position: absolute;
}
.result_fail{
 background:none repeat scroll 0 0 #FFF;
 border-radius:20px 20px 20px 20px;
 color:white;
 font-weight:bold;
 padding:10px 20px;
 text-align:center;
}
.fondorespuesta {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.gracias { 
	position:fixed;
	background-color:#FC0;
	top:2vw;
	left:27.5vw;
	width:45vw;
	height:30vw;
	border-radius:0.5vw 0.5vw 1vw 1vw;
	box-shadow:0 0.3vw 0.3vw 0 #7C7C7C;
	text-align:center;
}
.okey {
	position:absolute;
	top:14vw;
	left:15vw;
	width:15vw;
}
h1 {
	text-align:center; 
	font-size:1.2vw;
}
.p1 { 
	text-align:left; 
	font-size:1.2vw;
	margin-top:0.5vw; 
}
.p2 { 
	text-align:left;
	margin-top:2.5vw; 
	font-size:1.2vw;
}
.p3 { 
	text-align:center;
	margin-top:0vw; 
	font-size:1.2vw;
}
}