@import url(nav.css);
@import url(banners.css);
@import url(footer.css);
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
body {
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.8;
	background-color: #f8f8f8;

}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;}

.arribaEncabezado {
	padding: 0.6em 3em;
    border-top: 2px solid #006837;
    border-bottom: 1px solid #999;
}

.derechaEncabezado {
	float: right;
}

.derechaEncabezado li {
    display: inline-block;
    color:#006837;
    margin-left: 2em;
    font-weight: 400;
}

.derechaEncabezado li:first-child {
    margin-left: 0;
}

.derechaEncabezado a {
	color: #006837;
}

.encabezado {
	font-size: 24px;
	padding-bottom: 36px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main, .bio, .hys, .medioAmbiente, .capacitacion, .servicios, .mediciones{
	padding: 4em 0;
}

.servicios h2, .servicios h3 a {
	color: #006837;
}

 .contacto {
 	padding: 6em 0;
 	min-height: 20em;
 }


.main li, .main p{
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0.4em;
}

.main p {
	padding-bottom: 1em;
}

.contenedor-columnas-servicios {
	padding: 1em;
}

.contenedor-columnas-servicios h2 {
	margin: 1em 0 0.5em;
}


.fila ul {
	padding-top: 2em;
}

.columnas-areas {
	padding-top: 2em;
}

.edo {
	padding-top: 4em;
}

.bio h3, {
	font-size: 1.8em;
	margin-bottom: 0.7em;
}

.hys h3, {
	font-size: 1.2em;
	margin-bottom: 1em;
}

.bio h3, .hys h3, .contacto h3, .mediciones h3{
	color: #006837;
	margin-top: 0;
}

.daniel img, .edo img {
	border-radius: 50%;
	display: block;
	margin: 0;
}

.daniel img {
	float: right;
}

.textoEdo {
	text-align: right;
}

.bio ul, .hys ul {
	padding-top: 1em;
}

.bio li, .hys li, .medioAmbiente li {
    line-height: 1.5;
    margin-bottom: 0.5em;
}

.bio a, .contacto a {
	color: #333;
}

.hysrow, .legislaciones{
	padding: 2em 0 2em 0;
}

.enlaces {
	padding-top: 3em;
}

.enlaces a {
	text-decoration: none;
	color: #006837;
	font-weight: 500;
}

.enlaces a:hover {
	text-decoration: none;
	border-bottom: thin solid #006837;
}

.medioAmbiente ul {
	padding-top: 2em;
	padding-left: 1em;
}

.flechaVerde {
	float: left;
	margin-top: 0.5em;
	margin-right: 0.5em;
}

.items {
	overflow: hidden;
}

.legislaciones h3 {
	color: #006837;
}

.legislaciones a {
	color: #333;
}

.legislaciones a:hover, .legislaciones a:focus {
	text-decoration: none;
	border-bottom: thin solid #333;
}

.capacitacion .row, .servicios .row {
	padding-top: 2em;
}

.capacitacion h4 {
	line-height: 1.8;
	color: #006837;
	margin: 0;
}

.capacitacion .img-responsive {
	/*margin: 0;*/
}

.capacitacion img {
	float: left;
	margin-right: 1em;
}

.capacitacion p {
	overflow: hidden;
	line-height: 2;
}

.clientes {
	background-color: white;
}

 .mediciones .row {
 	padding: 1em 0 3em 0;
 }

.mediciones .row img {
	border: 2px solid #006837;
	margin: 1em auto;
}

.mediciones ul{
	padding-top: 0.5em;
}

.contactenos {
	display: inline-block;
	font-weight: bold;
    color: #006837;
    text-decoration: none;
    padding: 0.5em 1em;
    margin: 1em auto 2em auto;
    border: 2px solid #006837;
}

.contactenos:hover, .contactenos:focus {
	color: #fff;
	background: #006837;
	text-decoration: none;
}
 
input[type="text"], input[type="email"], .contacto textarea {
	outline: none;
	border: 1px solid #006837;
	border-radius: 0;
}

input[type="submit"] {
	color: #fff;
	background-color: #006837;
	outline: none;
	border-radius: 0;
	width: 25%;
}

label {
	font-weight: 400;
}

.exito {
	color: #006837;
	font-size: 24px;
	font-weight: 400;
}

.peligro {
	color: #a94442;
	font-weight: 400;
}

#formulario label.error {
font-size: 0.8em;
color: #a94442;

}

.contacto h3 {
	line-height: 10em;
}

.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

/* Media Querys */

@media screen and (max-width: 568px){
.derechaEncabezado {
    float: none;
    text-align: center;
}

.arribaEncabezado {
	font-size: .9em;
}

.derechaEncabezado li {
    margin-left: 0;
}

}
@media screen and (max-width: 992px){
	
h1 {
	font-size: 1.4em;
	line-height: 1.4em;	
}

.main, .bio, .hys, .medioAmbiente, .capacitacion, .servicios, .mediciones{
	padding: 2em 0;
}

.hysrow, .legislaciones{
	padding: 1em 0 1em 0;
}

.servicios h2 {
	font-size: 1.6em;
} 

.main h3, .main li, .main p {
    font-size: 1.2em;
}

.main h3 {
	line-height: 1.4em;
}

.main p {
	padding-bottom: 0.6em;
}

.bio, .hys, .medioAmbiente, .capacitacion, .contacto {
	font-size: 1em;
}

.capacitacion .row, .servicios .row {
	padding-top: 1em;
}

.contenedor-columnas-capacitacion {
	padding-top: 1em;
}

.copy {
	font-size: 0.85em;
}

}

@media screen and (max-width: 767px) {

.bio h3, .hys h3, .contacto h3{
	font-size: 1.4em;
	padding-top: 1em;
	line-height: 1.4em
}

.bio h3 {
	padding-top: 1em;
}

.bio ul, .hys ul {
	padding-top: 0.5em;
}

.daniel img {
	float: none;
}

.daniel img, .edo img {
	margin: auto;
}
.edo {
	padding-top: 2em;
}
.textoEdo {
	text-align: left;
}

.fila ul {
	padding-top: 1em;
	padding-bottom: 1em;
}

.banner2 {
	min-height: 250px;
}

.medioAmbiente ul {
    padding-top: 1em;
}

.mAmbiente {
	padding-top: 2em;
}

.comillas {
	padding-top: 1em;
}

.capacitacion .row {
    padding-top: 1.5em;
}

.contacto {
	padding: 2em 0;
}

}