label{
    font-family: "Lucida Sans Unicode";   
    font-size: 12px;   
}
.form{
	width: 320px;
	margin-top: 200px;
	margin: auto;
	opacity: 0.9;
    filter:alpha(opacity=50);    
    z-index: -100;	
	background: #FFF;
	border: 2px solid rgba(0,0,255,0.2);
	padding: 5px 5px; 
	box-sizing: border-box;
	margin-top: 0px; 
	border-radius: 10px;
}
.input,textarea{
	width: 100%;
	margin-bottom: 7px;
	padding: 7px;
	box-sizing: border-box;
    font-size: 12px;
    border:none;
    background: rgba(0,0,255,0.2);
	border-radius: 7px;	
}
textarea{
	min-height: 80px;
	max-height: 200px; 
	max-width: 100%;
}
#boton{	
	width: 40%;    
	margin: auto;
	background:#A3C3F8;	
	font-weight: bold;  	
	font-size: 10px;
	color:#1C0303;	
	padding: 5px;	
	margin-left: 95px;
	border-radius: 10px;
	border: 2px solid rgba(0,0,255,0.2);	
}
#boton:hover{
	cursor: pointer;
	background: #167DF1;
	color:#fff;
}
#input{
  width: 50%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

#submit {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
/*Aqui va el codigo de vena*/
#contacto{
			display: none;
		}
#botonC{
	font-family: georgia, times, serif;
	background-color: #FFFFFF;
	font-size: 1.3rem;
	line-height: 1.25em; 
}

#botonC:hover{
	cursor: pointer;
	background: rgba(0,0,255,0.2);
	color:#000000;
}
@media (max-width: 480px){
	form{
    width: 100%;
    margin-top: 70px;
	}	
}