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


#formulario{
	width:600px;
	height:520px;
	padding-top:30px;
	background-color:#f2f2f2;
	display:block;
	margin:0 auto;
}

#form-opciones{
	width:350px;
	height:360px;
	margin:0 auto;
	float:right;
	background-color:#E5F4F5;
	display:block;
}

input.result{
	width:200px;
	height:32px;
	margin-right:4px;
	color:#6D6D6D;
	font-family: NexaLight, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
}

.campitos{
	width:210px;
	color:#6D6D6D;
	padding:0 0 0 40px;
	display:block;
}

.user{
	width:200px;
	height:28px;
	margin-left:10px;
	font-family: NexaLight, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
}


.result2{
	width:55px;
	padding:10px 10px 10px 25px; 
	margin-right:10px;
	margin-left:15px;
	font-size:15px;
	text-align:right;
	font-family: NexaBold, Arial, sans-serif;
	color:#2CA9B1;
}


button.button1 {
  float:right;
  margin-right:10px;
  height: 30px;
  width: 60px;
  border: 0px;
  display:block;
  color:#FFFFFF;
  background:url(../imagenes/boton-enviar.png);
  cursor:pointer;
   border-radius:7px;
  -o-border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
}

button.button1:hover {
	background-position:-60px;
}

button.button2 {
  float:right;
  margin-right:10px;
  height: 30px;
  width: 60px;
  border: 0px;
  display:block;
  color:#FFFFFF;
  background:url(../imagenes/boton-send.png);
  cursor:pointer;
}

button.button2:hover {
	background-position:-60px;
}


input::-webkit-input-placeholder {
  color:#A3CBD0;
}

input:focus::-webkit-input-placeholder {
  color: #959595;
}
}


@media only screen and (max-width: 1000px){

#formulario{
	width:490px;
	height:520px;
	padding:0;
	display:block;
	float:none;
	margin:0 auto;
}

}


@media only screen and (max-width: 768px){

#form-opciones{
	float:none;
	width:400px;
}

#form-resultados{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}

}


@media only screen and (max-width: 480px){
	
#formulario{
	width:400px;
	height:520px;
	padding:0;
	background-color:#F2F2F2;
	display:block;
	float:left;
}
}