body {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; margin: 0; color: #454647; line-height: 150%}
.container {max-width: 980px; margin: 0 auto; padding: 0 20px;}
* {box-sizing: border-box;}
/*html{scroll-behavior: smooth;} */
:focus {outline: none}
ul, li {margin: 0; padding:0; list-style: none;}
img {max-width: 100%}
.idioma {background-color: #007cba; height: 30px}
.navIdioma {float: right; margin-top: 5px; margin-right: 15px}
.bandera {margin-right: 12px;}
.img100 {width: 100%}
.img75 {width: 75%}
.img25 {width: 25%; margin-right: 10px; float: left;}
.medio {display:block; margin-left:auto; margin-right:auto;}
.foto {float: right; margin: 0; border-right: 5px solid #E0E0D2; }
.lab {float: left; margin: 0px}
.lab h2 {margin: 0px}
.link {text-decoration: none; color: #000}
.link:hover {background: #41a0d0}
.imgC {display: block; margin: auto;}
hr {border: 3px solid #666; border-radius: 300px/10px; height: 0px;}

h1, h2, h3 {color: #454647}
h1 {font-size: 27px; line-height: 30px}
h2 {font-size: 22px}
h3 {font-size: 17px; margin-bottom: 0}
.i {color: #007cba}
.v {color: #149135}
.i2 {color: #42531c}
.i3 {color: #8F910E}
button h3 {margin: 0; display: inline-block;}
.subrayado {text-decoration: underline;}
.conicet {background-color: #e5e5e0; border-radius: 5px;}
.unlp {background-color: #c9c9c1; border-radius: 5px;}

.fotos:hover{transform: scale(1.0); transition: 0.3s; background-color: #CEECF2; filter: brightness(74%) hue-rotate(12deg); -webkit-filter: brightness(74%) hue-rotate(12deg); -moz-filter: brightness(74%) hue-rotate(12deg)}





/* header */
header {background-color: #fff; min-height: 50px; position: relative;}
.logo {font-size: 24px; margin: 7px 0; display: inline-block;  color: #888; text-decoration: none;}

/* Responsive Navbar with Dropdown */
		
		.topnav {height: 0px; overflow: hidden; font-size: 16px}
		.topnav a, .dropdown .dropbtn {display: block;}
		.topnav a {color: #007cba; height: 50px; line-height: 50px; padding: 0 8px; text-decoration: none; text-transform: uppercase;}
		.topnav span.icon {position: absolute; top: 12px; right: 20px;}

		/*dropdown*/
		.dropdown .dropbtn {border: none; outline: none; text-align: left; color: #fff; padding: 0 8px; height: 50px; line-height: 50px; background-color: inherit; font-family: inherit; margin: 0; font-size: 16px; text-transform: uppercase;}
		.dropdown-content {height: 0;  overflow: hidden; position: absolute; background-color: #e6e9ea; min-width: 160px; z-index: 1; color: #fff;}
		.topnav a:hover, .dropdown:hover .dropbtn {background-color: #006ba1; color: #fff ;}
		.dropdown-content a:hover {background-color: #007cba; color: #fff ;}
		.dropdown:hover .dropdown-content {height: auto;}
		button a {padding: 0 !important}

		/*mobile menu abierto*/
		.topnav.responsive {margin-top: 15px; height: auto;}
		.topnav.responsive a {}
		.topnav.responsive .dropdown {}
		.topnav.responsive .dropdown-content {position: relative;}
		.topnav.responsive .dropdown .dropbtn {display: block; width: 100%;}

		
		@media screen and (min-width: 912px) {
			header .container {/*display: flex; justify-content: space-between;*/}
			.topnav {height: auto; overflow: hidden; float: right; padding-top: 10px}
			.topnav a {float: left; display: block;}
			.topnav span.icon {display: none}

			.dropdown {float: left; display: block; overflow: hidden;}
			.dropdown .dropbtn {display: inline-block!important}
			.dropdown-content a {float: none;}

			.topnav.responsive {margin-top: 0;}
			.topnav.responsive .dropdown {float: left; display: block; overflow: hidden;}
			.topnav.responsive .dropdown .dropbtn {display: inline-block!important; width: auto}
			.topnav.responsive .dropdown-content {position: absolute;}
		}

		/*- hamburger -*/

		.hamburger {display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s;transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent;border: 0;  margin: 0; overflow: visible;}
		.hamburger:hover {opacity: 0.7;}
		.hamburger.is-active:hover {opacity: 0.7;}
		.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #000;}
		.hamburger-box {width: 30px; height: 24px; display: inline-block; position: relative;}
		.hamburger-inner {display: block; top: 50%;  margin-top: -2px;}
		.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px; height: 3px; background-color: #000;  border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s;transition-timing-function: ease;}
		.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
		.hamburger-inner::before {top: -10px;}
		.hamburger-inner::after {bottom: -10px;}

		/*- squeeze -*/

		.hamburger--squeeze .hamburger-inner {transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
		.hamburger--squeeze .hamburger-inner::before {transition: top 0.075s 0.12s ease, opacity 0.075s ease;}
		.hamburger--squeeze .hamburger-inner::after {transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
		.hamburger--squeeze.is-active .hamburger-inner {transform: rotate(45deg);transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
		.hamburger--squeeze.is-active .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease;}
		.hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}

		/*-----------*/

/*acordeon*/
.accordion {background-color: #8eb2c4; color: #444; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; border-bottom: solid 2px #fff}
.active, .accordion:hover { background-color: #4890b4;}
.accordion:after {content: '\002B'; color: #007cba; font-weight: bold; float: right; margin-left: 5px;}
.active:after {content: "\2212";}
.panel {padding: 0 18px; background-color: white; max-height: 0px; overflow: hidden; transition: max-height 0.2s ease-out;}

/*back to top*/
#back-to-top {position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #007cba; color: #444; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0;}
#back-to-top:hover {background: #e9ebec;}
#back-to-top.show {opacity: 1;}
.flecha{color: #000; font-weight: bold; margin-top: 3px}

/*Carrusel*/
/* Slideshow container */
.slideshow-container {max-width: 700px; position: relative; margin: auto;}
.slideshow-container2 {max-width: 700px; position: relative; margin: auto; background-color: #e6e9ea; padding: 12px 5px 2px;}



/* Hide the images by default */
.mySlides {display: none;}

/* Next & previous buttons */
.prev, .next {cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; background: #007cba; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}

/* Position the "next button" to the right */
.next {right: 0; border-radius: 3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

/* Caption text */
.text {color: #000; font-size: 15px;  position: absolute; bottom: -42px; width: 100%; text-align: center;}

/* Number text (1/3 etc) */
.numbertext {color: #000; font-size: 15px; padding: 8px 12px; position: absolute; top: 0;}

/* The dots/bullets/indicators */
.dot {cursor: pointer; height: 15px; width: 15px; margin: 30px 0px 2px 2px;background-color: #8eb2c4; border-radius: 50%; display: inline-block;transition: background-color 0.6s ease;}
.dot2 {cursor: pointer; height: 15px; width: 15px; margin: 7px 0px 2px 2px;background-color: #8eb2c4; border-radius: 50%; display: inline-block;transition: background-color 0.6s ease;}

.active, .dot:hover {background-color: #007cba;}
.active, .dot2:hover {background-color: #007cba;}

/* Fading animation */
.fade {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}



@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}



/*slide NOTICIAS*/

	.sliderN {
	width: 100%;
	margin: auto;
	overflow: hidden; background-color:#E7DBD9 ;
}

.sliderN ul {
	display: flex;
	padding: 0;
	width: 500%; 
	
	animation: cambio 12s infinite alternate linear;
}

.sliderN li {
	width: 100%;
	list-style: none;
}

.sliderN img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}



/*galeria*/
.galeria{font-size: 0}
.galeria img{width: 20%}
.galeria img:hover{filter: brightness(54%) hue-rotate(12deg);
-webkit-filter: brightness(54%) hue-rotate(12deg);
-moz-filter: brightness(54%) hue-rotate(12deg)}


/*section*/
.row1, .row2, .row3, .row4, .row5 {display: flex; flex-wrap: wrap; justify-content: center;}
.col, .col2, .col4, .col5{width: 98%; margin: 0.5% 0.5% 10px; color: -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,2); box-shadow: 0 0 6px 0 rgba(64,70,66,1); padding: 10px;}
.row5a {display: flex; flex-wrap: wrap; justify-content: center;}
.col5a{width: 98%; margin: 0.5% 0.5% 10px; background-color: #E6ECF0; color: -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,2); box-shadow: 0 0 6px 0 rgba(64,70,66,1); padding: 10px;}
.col3 {width: 60%; margin: 0.5% 0.5% 10px; color: -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,2); box-shadow: 0 0 6px 0 rgba(64,70,66,1); padding: 10px;}
.col3, .col4, .col5{background: #dde1e3}
.colorC{background-color: #e8e8e7}
.colorD{background-color: #fff}
.colorE{background-color: #C5DBE8;}
.colorF{background-color: #C2C9A6;}
.colorG{background-color: #b1e3ac;}
.colorH{background-color: #c8edc5;}
.col a{text-decoration: none; text-align: center}
.img100{width: 100%}
.img35{ width: 35%; display: block; margin: auto;}
.img50{ width: 35%; display: block; margin: auto;}
.img65{display: block; margin: auto; border-radius: 10px;}
.img70{ width: 70%; display: block; margin: auto;}
.zoom:hover{transform: scale(1.08); transition: 0.3s; background-color: #f8f8f7;}
.row2 .col2 {box-shadow: 1px 0px 37px 4px 90a955 inset;
-webkit-box-shadow: 1px 0px 37px 4px #90a955 inset;
-moz-box-shadow: 1px 0px 37px 4px #90a955 inset;}
.row3 h3, .row4 h3{margin: 0}
.centrado {text-align: center;}
.perfil {float: left; margin-right: 5px}
.vacia{clear: both;}
.chico{font-weight: 300; font-size: 15px}
.chico2{font-weight: 300; font-size: 14px}
.titulo-linea {font-style: italic; color: #000000; text-decoration: none;}
.titulo-linea:hover {color: #CA9A60}
.inv {color: #CA9A60}
.rectangulo {background-color: #4890b4; width: 100%; padding: 8px }
.rectangulo1 {background-color: #74CC00; width: 100%; padding: 4px }
.rectangulo2 {background-color: #c3cbaa; width: 100%; padding: 4px }
.rectangulo3 {background-color: #139BF6; width: 100%; padding: 4px }
.rectangulo4 {background-color: #43b160; width: 100%; padding: 4px }
.rectangulo5 {background-color: #4EB4F9; width: 100%; padding: 4px }
.rectangulo6 {background-color: #B5D8E3; width: 100%; padding: 4px }
.rectangulo7 {background-color: #B5D8E3; width: 100%; padding: 4px }
.rectangulo8 {width: 49%; background-color: #89CDFB; margin: 0.5% 0.5% 10px; color: -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,2); box-shadow: 0 0 6px 0 rgba(64,70,66,1); padding: 10px; text-align: center; align-content:center; }
.rectangulo9 {width: 24%; background-color: #89CDFB; margin: 0.5% 0.5% 10px; color: -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,2); box-shadow: 0 0 6px 0 rgba(64,70,66,1); padding: 10px; text-align: center; align-content:center;}
.rectangulo10 {width: 99%; background-color: #89CDFB; margin: 0.5% 0.5% 10px; color: -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,2); box-shadow: 0 0 6px 0 rgba(64,70,66,1); padding: 10px; text-align: center; align-content:center;}
.rectangulo11 {width: 74%; background-color: #89CDFB; margin: 0.5% 13% 10px; color: -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,2); box-shadow: 0 0 6px 0 rgba(64,70,66,1); padding: 10px; text-align: center;}
.rectangulo12 {width: 25%; background-color: #89CDFB; margin: 0.5% 0.5% 10px; color: -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,2); box-shadow: 0 0 6px 0 rgba(64,70,66,1); padding: 10px; text-align: center; align-content:center;}
.sinLinea {text-decoration: none;}
.texto_justificado {text-align: justify;}
.row1n {display: flex; flex-wrap: wrap; justify-content: center;}
.coln {width: 24%; margin: 0.5% 0.5% 10px; color: -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,2); box-shadow: 0 0 6px 0 rgba(64,70,66,1); padding: 10px;}
.color {color: red}






/*footer*/

footer{background-color: #007cba; color: #fff ; overflow: auto; text-align: center; margin-top: 25px; border-top: solid 10px #8eb2c4}
.footerDer{width: 350px; display: inline-block;padding-bottom: 60px}


/*Reglas media queries*/
@media screen and (max-width: 675px) {
  .col5 .img25 {width: 100%; margin-bottom: 10px}
  .lab {float: left; text-align: left}
} 

@media screen and (max-width: 453px) {
  .col5 .img25 {width: 100%; margin-bottom: 10px}
  .lab {float: left; text-align: left; margin: 0}
} 

@media screen and (min-width: 450px) {
  .col, .col2, .col3 {width: 48%}
} 

@media screen and (max-width: 450px) {
  .coln{width: 100%}
} 

@media screen and (min-width: 760px) {
  .col{width: 31.33%}
  .col2{width: 48%}
  .col4{width: 31.66%}
  .footerIzq{float: left; text-align: left}
  .footerDer{float:right; width: 300px; text-align: right}
}