body{margin:0;padding:5px}
* { box-sizing:border-box; }

/* ------------------------------------------ */
h1,h2,h3,h4,h5,h6{font-family:sans-serif;font-style:normal;font-stretch:normal;text-align:center; font-weight: normal;margin-bottom:32px;}
/*  ------------------------------- */
.cuadrante 		{
	max-width: 800px;
	width: 100%;
	margin: 3px;
	display:block;
	border:0px solid;  
}
.nombre_etiqueta{ 
  position:relative;
}
input 				{
  font-family:sans-serif;	
  font-size:16px;
  padding: 10px 1px 0px 1px;
  display:block;
  width:100%;
  height:40px;
  border:none;
  border-bottom:1px solid #121212;
  color: #666666;
  background: #F4F4F4;
  text-align:center;
}

input:focus{ outline:none;}


select 				{
  font-family:sans-serif;	
  font-size:15px;
  padding: 5px 5px 0px 5px;
  display:block;
  width:100%;
  height:40px;
  border:none;
  border-bottom:1px solid #121212;
  color: #666666;
  background: #F4F4F4;
}
select:focus{ outline:none;}
/****bot�n****/
.boton{display:table;margin:0 auto;width:208px;padding-top:10px}
#boton2{font-family:sans-serif;border-radius:1px;width:120px;height:40px;background:#237ABA;border:0;color:#fffefe;font-size:15px;font-weight:700;filter:none;box-shadow:none;cursor:pointer;padding:0;float:right}


/* etiqueta - efecto*/
label {
  font-family:sans-serif !important;	
  /*color:#666666;*/
  color:#000066; 
  font-size:16px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:16px;
  top:15px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* efecto*/
input:focus ~ label, input:valid ~ label 		{
margin-top:-7px;
  top: 8px;
  font-size:12px;
  /*color:#666666;*/
  color:#000099;
}

select:focus ~ label, select:valid ~ label 		{
  margin-top:-7px;
  top: 8px;
  font-size:12px;
  /*color:#666666;*/
  color:#000099;
}