@charset "UTF-8";

:root {
  --min-height-header:120px; /* ALTO MINIMO DEL HEADER  */
  --max-width-header:1200px; /* ANCHO MAXIMO DEL HEADER */
  --min-height-footer:100px;  /* ALTO MINIMO DEL FOOTER  */
  --max-width-footer:1200px; /* ANCHO MAXIMO DEL FOOTER */
 
  --max-width-contents:1200px; /* ANCHO MAXIMO DE LOS CONTENIDOS */
  --max-width-section:1200px; /* ANCHO MAXIMO DE LOS SECTIONS */
}

/* LAYOUT CONFIGURADO */
html{min-width:500px}
header#menu,header#menu>section{min-height:var(--min-height-header)}
header#menu>section{max-width:var(--max-width-header)}
footer,footer article{min-height:var(--min-height-footer);}
footer article{max-width:var(--max-width-footer)}
main>section{width:100%;max-width:var(--max-width-contents)}/* ponerle esto tambien al default*/
main>section+aside{max-width:var(--max-width-section)}




body{position:relative;width:100%;min-height:100vh;margin:0 auto;box-sizing:border-box;overflow-x:hidden;overflow-y:visible}

header#menu section{position:relative;margin: 0 auto}
header#menu,header#responsive{position:relative;display:none}
header#menu #logo,header#menu .facultad,header#menu .sociales,header#menu nav,header#responsive #logo,header#responsive .facultad,header#responsive .sociales{position:absolute}
header#menu #buscador{position:absolute;display:inline-block;right:10px;top:20px}
header#menu nav{display:flex;flex-flow:row wrap;box-sizing:border-box;justify-content:space-around;width:100%}
header#menu nav > a{display:inline-block;min-width:0}
header#menu nav > a:hover{}

header#responsive{position:relative;}
header#responsive #sandwich{position:fixed;cursor:pointer!important}
header#responsive>nav{display:none;position:fixed;z-index:5;top:0;box-sizing:border-box;max-height:100%;width:100%;overflow-x:hidden;overflow-y: auto;min-height:100%}
header#responsive nav>a,header#responsive nav>span{display:block;width:100%!important;}

main{display:block;align-items: flex-start;}
main, main>aside, main>section{position:relative;box-sizing:border-box}
main>aside{position:relative;min-height:0;height:auto}
main>section{margin:0 auto}
/*SE CAMBIO A 10*/ main p{margin:0 auto;text-align:justify} 
main img{max-width:100%;display:block;margin-left: auto;margin-right: auto;}
.youtube{position:relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.youtube iframe,.youtube object,.youtube embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:0}

footer{position:relative;bottom:0;left:0;right:0;margin:80px auto 0;padding: 40px;background-color:rgb(77,83,83);border-top:1px ridge #cbcbcd;color:white}
footer article{text-align:center;margin: 0 auto;overflow:hidden;font-size:100%;padding:20px 0}
/*footer{}*/


/*###### MOBILES ######*/
@media (max-width: 799px){ /* se regula el minimo ancho para que no jodan con el responsive*/
	/*body{background-color:red}*/
	header#responsive{display:block}
	footer article{font-size:70%}
	aside,main{font-size:110%}
	
	
}

/*###### TABLETS ######*/
@media (min-width: 800px) {
	/*body{background-color:orange}*/
	header#menu{display:block}
	main{display:flex}
	main>aside{float:left;width:250px;position:sticky;}
	main>aside + section{float:left;width:calc(100% - 250px)}
	footer article{font-size:80%}
}

/*###### DESKTOPS ######*/
@media (min-width: 1200px) and (orientation: landscape) {
	/*body{background-color:yellow}*/
	header#menu{display:block}
	main{max-width:var(--max-width-contents);margin:0 auto}
	footer article{font-size:90%}
}

/*###### ULTRAWIDE ######*/
@media (min-width: 1800px) {body{background-color:white}header#responsive{display:none}}

/*###### IMPRESION ######*/
@media print {
	*{float:none !important;background-color:white}header,footer{display:none}a[href^="https://"]:after{content:" [ " attr(href) " ]";word-wrap:break-word;color:black!important;font-weight:bold;font-size: small}.print{display:block}.noprint{display:none}
}

@page 						{margin:2cm;size: letter;}
/* transition: 0.2s; */






@charset "UTF-8";


/*  2016-6-20  */
/*
html{position:relative}
body{margin:10px auto;padding-bottom:270px;max-width:1100px;width:100%;font-family:'Source Sans Pro'}


	
.linea {font-family:'Lora';margin:20px 0;}
.linea {position: relative;text-align: center;z-index: 1;clear:both;}
.linea span {background:#fff;padding:0 50px;}
.linea:after {content: "";margin: 0 auto;position: absolute;top: 45%; left: 0; right: 0;width: 97%;z-index: -2;box-shadow: 0 1px 0 0 lightgrey;border-bottom: 1px solid gray;}


main > section{padding:0 20px}
section.flex {display: flex;flex-flow: row;}
section.flex > div {flex:1}/*flex: 1 1 50%*/
/*
section > .texto{font-family:'Lora';font-size:14px;line-height:20px}
section > .imagen{width:100%;height:auto!important;}
section > .imagen img{width:100%;}
section > div{padding:0 20px 30px;text-align: justify;box-sizing: border-box}


section img{max-width:100%;margin:30px 0}
/*para maximo de ancho de texto*/
/*
main > section.estatico p{max-width:700px;margin:auto}

	aside{width:180px;margin-bottom:50px;float:left}
	
	section#view{width:calc(100% - 210px);float:right;box-sizing: border-box}

	.placeholder-slider{overflow:hidden;padding-top:63%;}
	section#view{width:calc(100% - 230px);float:right;box-sizing: border-box}
	main{overflow:hidden}
	
	/*

@media (min-width: 720px) and (max-width: 1000px) { 
	body{width:98%;margin:10px;box-sizing:border-box}
	header{height:115px}
	footer{height:180px}
	#footer{width:720px;font-size:12px}
	.menu-ele{height:80px!important;font-size:80%}		
}


@media (max-width:720px){
	body{width:98%;margin:10px;box-sizing:border-box}
	header{height:95px}
	footer{height:150px}
	#footer{width:100%;font-size:11px}
	.menu-ele{height:60px!important;font-size:50%}
			
	section {display:block}
	section > div {display:block;flex:1}
	section > div.texto{order:1}
	section > div.imagen{order:2!important;}
	section {flex-flow: column!important;}
}
*/


/*


@media (min-width: 800px) and (max-width: 1100px) and (orientation: landscape){
	body,section#main,header#menu{width:100%}
	#zegers-logo{height:150px}
	header#responsive{display:none}
	footer{height:100px;font-size:90%;background-size:90px!important;}
}

@media (max-width: 799px) {
	body,main,main>section#view,main>aside{width:100%;display:block;clear:both}
	header#menu{display:none}
	header#responsive{display:block}
 	aside{display:none}
	footer{height:100px;font-size:70%;background-size:80px!important;}
}
*/