@charset "UTF-8";
/* CSS Document */
*,
*:before,
*:after {
  box-sizing: border-box;
}
body {
  width: 100%;
  /*min-height: 300px;*/
}

input[type=checkbox] {/*NUEVO*/
	position:absolute;
	bottom:12px;
}

.acepto {/*NUEVO*/
	position:absolute;
	width: 96%;
	left:25px;
	bottom:12px;
	color: #A6A6A6;
 	font-size:0.7em;
  	letter-spacing:0.5px;
}

.submit-spacer {/*NUEVO*/
	width:100%;
	height:360px;
}

.altura {
	height:100px; /*150px*/
}

form {
	position:relative;
  width: 100%;
  margin: 0em auto; /*2em auto;*/
  font-family: 'Raleway-Regular', Arial, Helvetica, sans-serif, Verdana;
  /*font-weight: 300;*/
  font-size: 18px;
  letter-spacing:0.5px;
}
form legend {
  font-size: 2em;
  margin-bottom: 1em;
  width: 100%;
  border-bottom: 1px solid #e8ecea;
}
.float-label .control {
  float: left;
  position: relative;
  width: 100%;
  border-bottom: 2px solid #e8ecea;/*color lineas*/ /*1px solid #dddddd*/
  padding-top: 30px;
  padding-bottom: 10px;
}
.float-label .control.small {
  width: 30%;
  border-right: 1px solid #dddddd;
}
.float-label .control.medium {
  width: 70%;
  padding-left: 10px;
}
.float-label .control:last-child {
  border: 0;
}

.float-label input,
.float-label textarea {
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
  resize: none;
  color: #74777b; /*color del texto que se escribe*/
  letter-spacing:0.5px;
  padding-left:0px;
}

.float-label-checkbox input {
	width: auto !important;
} 

.float-label input + label,
.float-label textarea + label {
  position: absolute;
  top: 10px;
  transition: top 0.7s ease, opacity 0.7s ease;
  opacity: 0;
  font-size: 13px;
  /*font-weight: 600;*/
  color: #ccc;/*color texto leyenda inactivo*/
}
.float-label input:valid + label,
.float-label textarea:valid + label {
  opacity: 1;
  top: 10px;
}
.float-label input:focus + label,
.float-label textarea:focus + label {
  color: #169183;/*color texto leyenda activo*/
}

.margen-inf {
	margin-bottom:40px;
}

input#round {
	width:50px;
	height:50px;
	margin:0 auto;
	background-image:url(../img/enviar-icon.png);
	background-color:#169183;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

input#round:hover {
	width:50px;
	height:50px;
	margin:0 auto;
	background-image:url(../img/enviar-icon-hover.png);
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}


/* Media pantalla */ /*1920x1080px*/
@media only screen and (max-width: 1920px) {
	
.altura {
	height:70px;
}

form {
  font-size:17px;
}

form legend {
  font-size:2em;
  margin-bottom:1em;
}

.float-label .control {
  border-bottom:2px solid #e8ecea;/*color lineas*/ /*1px solid #dddddd*/
  padding-top:30px;
  padding-bottom:10px;
}

.float-label input + label,
.float-label textarea + label {
  top: 10px;
  font-size:13px;
}

.float-label input:valid + label,
.float-label textarea:valid + label {
  top:10px;
}

.submit-spacer {/*NUEVO*/
	width:100%;
	height:330px;
}

.margen-inf {
	margin-bottom:30px;
}

input#round{
	width:50px;
	height:50px;
}

input#round:hover{}


/* Laptop */ /*1280x800px*/
@media only screen and (max-width: 1280px) {
.altura {
	height:70px;
}

form {
  font-size:16px; /*tamaño texto formulario*/
}

.float-label .control {
  border-bottom:2px solid #e8ecea; /*líneas*/ /*1px solid #dddddd*/
  padding-top:35px; /*margen entre texto formulario y texto legenda*/
  padding-bottom:10px; /*margen entre texto formulario y línea inferior*/
}

.float-label input + label,
.float-label textarea + label {
  top: 10px; /*desde donde aparece el texto la legenda*/
  font-size:13px; /*tamaño texto legenda*/
}

.float-label input:valid + label,
.float-label textarea:valid + label { /*margen superior legenda*/
  top:15px;
}

.submit-spacer {/*NUEVO*/
	width:100%;
	height:340px;
}

.margen-inf {
	margin-bottom:30px; /*margen inferior formulario*/
}

input#round{
	width:50px;
	height:50px;
}

input#round:hover{}
}


/* Tablet Landscape*/ /*1024x768px*/
@media only screen and (max-width: 1024px) {

.acepto {/*NUEVO*/
	position:absolute;
	width: 90%;
	left:25px;
	bottom:15px;
	color: #A6A6A6;
 	font-size:0.7em;
  	letter-spacing:0.5px;
}
	
input[type=checkbox] {/*NUEVO*/
	bottom:17px;
}

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

	.acepto {/*NUEVO*/
		position:absolute;
		width: 90%;
		left:25px;
		bottom:4px;
		color: #A6A6A6;
		font-size:0.7em;
		letter-spacing:0.5px;
	}
}



/* Mobil portrait*/ /*320x568px*/
@media only screen and (max-width: 400px) {/*320*/
.ajuste {
  height: 480px;
}

form {
  font-size:15.5px; /*tamaño texto formulario*/
}
	
.acepto {/*NUEVO*/
	position:absolute;
	width: 90%;
	left:25px;
	bottom:5px;
	color: #A6A6A6;
 	font-size:0.7em;
  	letter-spacing:0.5px;
}

.float-label .control {
  border-bottom:2px solid #e8ecea; /*líneas*/ /*1px solid #dddddd*/
  padding-top:33px; /*margen entre texto formulario y texto legenda*/
  padding-bottom:8px; /*margen entre texto formulario y línea inferior*/
}

input[type=checkbox] {/*NUEVO*/
	bottom:19px;
}

.submit-spacer {/*NUEVO*/
	height:320px;
}
}