@charset "utf-8";
/* CSS Document */
/***** SECCION CONTACTO *****/
.button {
	width:160px;
	margin:0;
	padding:5px 0 !important;
	display:inline-block;
	text-align:center;
    font-size:.8em;
	font-weight:700;
    color:#FFF;
    opacity:1;
	cursor:pointer;
	background-color:#216EB2 !important;
    z-index:50;
	
	border-radius: 20px;
	-webkit-border-radius: 20px;
	
	transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}
.button:hover {
	background-color:#777 !important;
}
/**/
#contContacto {
	width:90%;
	margin:0 auto 20px auto;
	padding: 90px 0 0 0;
}
#contContacto #contacto {
	width:90%;
	margin:0 auto;
	padding:30px 0;
}
#contContacto #contacto h2 {
	width:90%;
	margin:0 auto 10px auto;
	text-align:left;
	font-size:1.2em;
	color:#777;
}
#contContacto #contacto form {
	width:90%;
	margin:0 auto;
}
#contContacto #contacto form ul {
	width:100%;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#contContacto #contacto form ul li {
	width:28%;
	margin:0 0 20px 0;
	display:inline-block;
}
#contContacto #contacto form ul li:last-child {
	width:100%;
	margin:0 0 20px 0;
	display:inline-block;
}
#contContacto #contacto form ul li input {
	width:100%;
	margin-bottom:7px;
	padding:7px;
	display:block;
	font-size:.9em;
	border:2px solid #C2C2C2;
}
#contContacto #contacto form ul li textarea {
	width:100%;
	margin:10px 0;
	padding:7px;
	font-size:.9em;
	border:2px solid #C2C2C2;
}
#contContacto #contacto span {
	width:100%;
	display:block;
	font-size:.8em;
	font-style:italic;
	color:#FF3636;
}
#contContacto #contacto form .button {
	width:15%;
	padding:4px 0;
}
::-moz-placeholder{ font-size:.75em; color:#000; font-weight:bold;}
input:focus::-moz-placeholder { color:rgba(0,0,0,0); }
textarea:focus::-moz-placeholder { color:rgba(0,0,0,0); }

::-webkit-placeholder{ font-size:.75em; color:#000; font-weight:bold;}
input:focus::-webkit-input-placeholder { color:rgba(0,0,0,0); }
textarea:focus::-webkit-input-placeholder { color:rgba(0,0,0,0); }

::-ms-placeholder{ font-size:.75em; color:#000; font-weight:bold;}
input:focus::-ms-input-placeholder { color:rgba(0,0,0,0); }
textarea:focus::-ms-input-placeholder { color:rgba(0,0,0,0); }
@media only screen and (max-width:800px) {
	#contContacto #contacto {
		width:100%;
	}
	#contContacto #contacto form {
		width:100%;
	}
	#contContacto #contacto form ul li {
		width:90%;
		margin:10px auto;
	}
	#contContacto #contacto form ul li:last-child {
		width:90%;
		margin:0 auto 20px auto;
		display:block;
	}
	#contContacto #contacto form ul li input {
		width:96%;
		margin:0 auto;
		padding:10px 2%;
	}
	#contContacto #contacto form ul li textarea {
		width:96%;
		margin:20px auto;
		padding:10px 2%;
	}
	#contContacto #contacto form .button {
		width:60%;
		margin:0 auto !important;
		padding:7px 0;
		display:block;
	}
}
/**/
#contContacto #datos {
	width:100%;
	margin:0 auto;
	padding:0px 0 60px 0;
}
#contContacto #datos h2{
	width:81%;
	margin:0 auto;
	font-size:1.2em;
	color:#777;
}
#contContacto #datos ul {
	width:80%;
	margin:0 auto;
	padding:30px 0;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
	
	display:-moz-flex;
	-moz-flex-direction:row;
	-moz-justify-content:space-between;
	-moz-flex-wrap:wrap;	
	
	display:-o-flex;
	-o-flex-direction:row;
	-o-justify-content:space-between;
	-o-flex-wrap:wrap;	
	
	display:-ms-flex;
	-ms-flex-direction:row;
	-ms-justify-content:space-between;
	-ms-flex-wrap:wrap;
}
#contContacto #datos ul li {
	width:22%;
	display:inline-block;
	text-align:center;
}
#contContacto #datos ul li img {
	width:120px;
}
#contContacto #datos ul li h3 {
	margin:20px 0;
	padding-bottom:4px;
	font-size:1.3em;
	color:#777;
	border-bottom:1px solid #CECECE;
}
#contContacto #datos ul li p {
	font-size:1.0em;
	line-height:1.8em;
	color:555;
}
#contContacto #datos ul li a {
	display:block;
	margin-bottom:10px;
}
#contContacto #datos ul li a:hover {
	color:#00BAF2;
}
@media only screen and (max-width:600px) {
	#contContacto #datos ul li {
		width:100%;
		margin:10px auto 20px auto;
	}
}
/**/
iframe {
	width:100%;
	height:400px;
	margin:0;
	border:0;
	/*border-top:20px solid #777;*/
}





/*****/

#contContacto #contacto .errors {
	width: 50%;
	margin: 10px auto;
	border: none;
}
#contContacto #contacto .errors ul {
	width: 100%;
	border: none;
}
#contContacto #contacto .errors ul li {
	width: 90%;
	margin-bottom: 3px;
	padding: 5px 5%;
	font-size: .7em;
	color: #FFF;
	background-color: rgba(163,53,55,.8);
}
#contContacto #contacto .errors ul li:last-child {
	margin-bottom: 15px;
}