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

	

/* =============================================================================
   DISEÑO MÓVIL: 480 PX E INFERIOR.
   ========================================================================== */

/*Estilos del contenedor del
    formulario*/
form{
	width:100%;
	background:#2C9C99;
	padding: 20px 5% 20px 5%;
	border: 2px solid #000;
	height:auto;
	}


/*Estilos de las entradas del
    formulario*/

input{
	display:block;
	width:100%;
	padding:10px 5% 10px 5%;
	margin:20px 0;
	font-size:.75em;
	border: 1px solid #585858;
	font-family: 'Tenor Sans', sans-serif;
	}
	
/*Estilos del textarea*/

input, textarea{
	width:100%;
	margin-bottom:20px;
	padding:7px;
	box-sizing:border-box;
	border: 1px solid #585858;
	font-size:18px;
	font-family: 'Tenor Sans', sans-serif;
	}

textarea{
	min-height:100px;
	max-height:150px;
	max-width:100%;
	}
	
/*Estilos del boton enviar*/

input[type="submit"]{
	background:#000;
	color:#fff;
	cursor:pointer;
	font-size:18px;
	width:100%;
	max-width:110px;
	margin:auto;
    font-weight: bold;
    padding: 10px 5px 10px 5px;
    border: 2px solid #000;
	}


input[type="submit"]:hover{
	background:#fff;
    color: #000;
	}
input[type="submit"]:active{
	transform:scale(0.95);
	}

/* =============================================================================
   DISEÑO TABLETA: DE 481 PX A 768 PX. HEREDA ESTILOS DE: DISEÑO MÓVIL.
   ========================================================================== */

@media only screen and (min-width: 481px) { 
    
    
    /*Estilos del contenedor del
    formulario*/
    form{
	width:100%;
	padding:25px 10% 25px 10%;
	}
    
    
/*Estilos de las entradas del
    formulario*/    
    
input{
	display:block;
	width:96%;
	padding:10px 0% 10px 0%;
	margin:20px 0;
	}
	
/*Estilos del textarea*/    
    
input, textarea{
	width:100%;
	margin-bottom:20px;
	padding:7px;
	box-sizing:border-box;
	}

    textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
    
    input[type="submit"]{
    padding: 15px 5px 15px 5px;
	}
    
}

/* =============================================================================
   DISEÑO ESCRITORIO: DE 769 PX HASTA UN MÁXIMO DE 1232 PX.  HEREDA ESTILOS DE:
   DISEÑO MÓVIL Y DISEÑO TABLETA.
   ========================================================================== */

@media only screen and (min-width: 769px) {
    
    /*Estilos del contenedor del
    formulario*/
    form{
	width:100%;
	padding:20px 10% 25px 10%;
	}
    
    
 /*Estilos de las entradas del
    formulario*/  
    
input{
	display:block;
	width:96%;
	padding:10px 0% 3px 0%;
	}

/*Estilos del textarea*/       
    
input, textarea{
	width:100%;
	margin-bottom:20px;
	padding:7px;
	box-sizing:border-box;
	}

    textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
    
input[type="submit"]{
    padding: 15px 5px 15px 5px;
	}
    
    
}