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

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	list-style-type:none;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	color:#383c3d;
	/*border:1px solid red;*/
}
.container {width:100%;margin:auto; background-color:#fff;}
/*.containermenu {width:85%;margin:auto; background-color:#fff;}*/
.mySlides{margin-top: 30px;}
/*--- MENU ---*/
header a {color:#aaa;}
.logo {
	padding:10px 40px 10px 80px;
	float:left;
	display:inline-block;
}

nav {width:100%;display:block;position:fixed; top:0;z-index:5000;}

i{ font-size:1.25em;color:#0066b3;}
.topnav {background-color: #fff;}
.topnav a {
  float: left;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  margin: auto 30px;
  padding:30px 20px;
  transition:all linear 0.3s;
}
.topnav a:hover {color: #a91d42;}
.topnav .icon {display: none;}

.active {color:#a91d42;}

.slide{
    float:left;
    padding: 10px;
}

/*--- SECTIONS ---*/

section {
	margin:50px auto !important;
	width:100% !important;
	height:auto !important;
    display: table !important;
    content: " ";
	padding:60px 80px ;
	background-color:#ebf3f9;
}
.rojo {
	background-color:#f6f6f6;
}

section i {color:#fff; font-size:1.5em; background-color:#a91d42; padding:8px; margin:0 20px; border-radius:50%; float:left;}

.nosotros {
    padding: 50px;
    font-size: 1.2em;
    font-weight: 300;
    text-align: center;
}

.info {border-bottom:1px solid #a91d42;width:33.3333%; display:inline-block;margin: 0 0 20px 0;}
.infoborder {padding:20px 0;}

h2 {
    font-family: 'Slabo 27px', serif !important;
	font-size:3em !important;;
	font-weight:400 !important;;
	color:#5d6363;
	padding: 0px 0 15px 0;
	text-transform:uppercase;
}

h3 {text-transform:uppercase;}
h4 {font-weight:300;}

p {
	font-size:1em;
	font-weight:400;
	color:#a1a1a1;
	padding: 0 0 30px 0;
}

.imagen {
	width:auto;
	height:auto;
	display:inline-block;
	padding:0 60px 0 0;
	float:left;
}
.imagender {
	width:auto;
	height:auto;
	display:inline-block;
	padding:0 0 0 60px;
	float:right;
}

.link {
	color:#fff;
	padding:10px 40px;
	display:inline-block;
	text-transform:uppercase;
	background-color:#0066b3;
	transition:all linear 0.3s;
}
.link:hover {
	background-color:#a91d42;
}
.interes {
	display:block;
	font-weight:700;
	color:#0066b3;
	padding:3px 0px;
	transition:all linear 0.3s;
}
.interes:hover {color:#a91d42;}

section li {margin:0px 0px 3px 0px;}

/*--- FORMULARIO ---*/

.column {
	float: left;
	width: 49%;
	margin-right: 15px;
	margin-bottom: 15px;
}

.column:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

input, textarea {
	padding: 15px;
	width: 100%;
	display: block;
	border-radius: 2px;
	margin: 18px auto;
	font-weight: 400;
	border: 1px solid #eee;
}

input:first-child {
	margin-top: 0;
}

input:last-child {
	margin-bottom: 0;
}

textarea {
	max-height: 250px;
	resize: vertical;
	height: 150px;
}

input:focus, textarea:focus {
	background-color:#f9f9f9;
}

input.has-error, textarea.has-error {
	border: 1px red solid !important;
	margin-bottom: 5px;
}

p.has-error {
	color: red;
	font-size: 0.75em;
    margin: 0;
    padding: 0;
}

.notification {
	background-color: whitesmoke;
    border-radius: 3px;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem;
	position: relative;
	margin-bottom: 1.5rem;
	text-align: center;
}

.notification.is-success {
	background-color: #23d160;
    color: #fff;
}

.notification.is-error {
	background-color: #a91d42;
	color: #fff;
}

.enviar {color:#fff;background-color:#0066b3;border:none;font-weight:700;transition:all linear 0.3s;}
.enviar:hover {background-color:#a91d42;}

/*--- FOOTER ---*/

footer {
	font-size:.8em;
	text-align:center;
	color:#fff;
	padding:15px;
	background-color:#0066b3;
	clear:both;
}
footer a:hover{color:#47b475}

/*--- MEDIA ---*/

@media screen and (max-width: 768px) {
	.container, header {width:100%;}
	.mySlides{margin-top: 80px;}
	.topnav a{margin:0;padding:30px 18px;}
	section{padding:15px;}

	h2 p{padding:15px;}

	.imagen, .imagender{width:100%;padding:15px 0;}

	.imagen img, .imagender img{width:100%;padding:0;}

	iframe, .info {width:100%;display:block; height:auto;}

	input,
	textarea,
	.enviar {width:100%; display:block;}

	.mapa img {width:100%; display:block;}

	footer {font-size:.6em;padding:10px;}

}

@media screen and (max-width:580px){
    .mySlides{margin-top: 120px;}
    .logo {padding:10px 0; display:inline-block; width:100%; text-align:center;	}

	.topnav a {display: none;}
    .topnav a.icon {padding:10px 0; display:block; width:100%; margin:0;text-align:center;}
	.topnav.responsive {position: relative;}
    /*.topnav.responsive .icon {position: absolute;right: 0;top: 0;}*/
    .topnav.responsive a {float: none;display: block;text-align: center;padding:15px;}

	nav{width:100%;}

	section{padding:10px;}
    .nosotros {font-size: 1em;padding: 50px 15px 0px 15px;}
	iframe, .info {width:100%;display:block; height:auto;}
	h2{font-size:2em;text-align:center;padding:10px;}
	.contact{margin:80px 0 0 0 ;}
	.imagen, .imagender{padding:0;}
	.imagen img, .imagender img{width:100%;padding:0;}
	.link{width:100%;text-align:center;}
	input,
	textarea,
	.enviar {width:100%; display:block;}
	.enviar {margin:auto;}
}