@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);

.container{width: 86%;}
.pad-less{padding: 0px 0px!important; }
.row{margin-bottom: 0px;}
.oscu{padding: 10px 0px;background: #10728a;}
.clearfix{clear: both!important;
}
body {margin: 0; padding: 0; font-family: 'Ubuntu', sans-serif;}

header {background-color: #fff; padding: 20px 0; }
header .mid-header {background-color:none; min-height:200px; margin-top: 50px; margin-bottom: 50px;}
a {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
a:hover {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
a:active {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
.top {padding: 5px 0; background-color: #eee; }
.top h4 {padding: 0 0; color: #8bc34a ;}

nav  {height: auto !important; padding: 0px 0px 0px 0px;  background: none!important; transition: all 0.2s ease-in-out; margin: auto; box-shadow: none!important;;  }
nav ul a {  font-size: 1.5rem;color: #8bc34a!important;font-weight: 700;font-family: 'Ubuntu', sans-serif; transition: all 0.4s; margin-left: 15px; border-bottom: 5px solid transparent;line-height: 75px!important
}
nav ul a:hover { background-color: rgba(0, 0, 0, 0)!important; }
nav ul li.active2 a{color: #0b7892!important;border-bottom: 5px solid #0b7892;}
nav ul li:hover a{text-shadow: none;border-bottom: 5px solid #c1c1c1;}
nav ul li{position: relative; line-height: normal; background: none!important;}
.menu {display: block; text-align: center; float: none !important;}
.menu li {display: inline-block; float: none !important;}

/* ============= section css ============= */
section {padding: 20px 0; min-height: 100px;}
section#nosotros {background-color: #ff5681;}
footer { background-color: #0b7892 !important;    margin-top: 20px;
    padding-top: 20px;}
/* ============= section css ============= */
.slogan{background-color: #8bc34a;}
.colorf{color: #8bc34a;}
.trans{
	background-color: rgba(11,120,146,0.8); margin-bottom: 20px;
}

.parrafo{font-size: 16px;}

.border{border: 7px solid #8bc34a; border-radius: 100%; width: 350px; float: left; margin-right: 20px;}

.raya{border-top: 1px solid #fff;}

.list-1 li{
	margin: 10px 0 0 0;
	list-style-type: circle;
	font-size: 16px;
    color: #fff;
}

.cont-g {   height: auto;overflow: hidden;  float: left;margin-top: 25px;margin-bottom: 10px;}
.cont-g ul {margin: 0;padding: 0;}
.cont-g ul li { float: left;list-style: none;background: none;margin: 1%;width: 23%; }
.cont-g ul li a img { border: 5px solid #fff;
    transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    width: 100%;}
.cont-g ul li a img:hover { opacity: 0.7;
    transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;}

/*FORMULARIO*/
.form-control{background: #fff!important; border-radius: 0px!important;border: 1px solid #9e9e9e!important;}
input{margin-top: 25px;}
/* FIN FORMULARIO*/

.btn{ margin-top: 10px!important;border: 1px solid #fff!important; color: #fff!important;background: none!important;padding: 7px 40px!important;margin: auto; height: auto!important; font-size: 14pt;font-weight: 700;border-radius: 3px!important;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.58);}
.btn:hover{ border: 1px solid #8bc34a!important; background: #8bc34a!important; color: #fff!important;  }


.img-mio {display: block; margin: 0 auto;}

@media screen and (max-width: 1270px) {
    .container {width: 85%; padding: 0 10px;}
}

@media screen and (max-width: 992px) {
    .container {width: 98%; padding: 0 10px;}
footer { text-align: center;}
.border{width: 250px; margin-bottom: 20px; }

}
@media screen and (max-width: 768px) {
.border{width: 100%; margin-right: 0px;float: none; margin: auto!important; margin-bottom: 20px;}
.c{text-align: center;}
.cont-g ul li {width: 48%; }
}