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

#formulario {
	float: left;
	width: 60%;
	margin-left: 5%;

}

form {
	width: 60%;
	/* [disabled]background-color: rgba(0,0,0,0.20); */
	padding: 10px 20px;
	border-radius: 7px;
}

h2 {
	color: rgba(245,245,245,1.00);
	margin: 3;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}

input,textarea {
	width: 100%;
	margin-bottom: 20px;
	padding: 7px;
	box-sizing: border-box;
	font-size: 15px;
	border: none;
	color: rgba(247,247,245,1.00);
	
}

input {
	background: rgba(0,36,74,0.6);
}


textarea {
	min-height: 100px;
	max-height: 200px;
	max-width: 100%;
	background: rgba(0,36,74,1.00);
	border-radius: 4px;
	color:rgba(247,247,245,1.00);
}

#boton {
	background: rgba(225,226,224,1.00);
	color: rgba(0,36,74,1.00);
	border-radius: 4px;
	width: 100px
}

#boton:hover{
	cursor: pointer;
}

@media (max-width:680px){
	form{
		width:100%;
	}
	
}

#pie {
	float:left;
	
}

#contactos {
	float:left;
	width:100%;
	background: rgba(0,36,74,1.00);
}



#contactosinfo {
	float: left;
    display: flex;
    display: -webkit-flex; 
	width:100%;
	justify-content: space-around;
}

@media all and (max-width: 780px) {
    #contactosinfo { 
        flex-direction: column;
        -webkit-flex-direction: column;
		text-align: center;
		flex:wrap;
		
		
	}
}

.contactosinfo-item {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column; 
	
}