/*  2016-6-20  */

::-webkit-scrollbar			{width:8px;height:8px}
::-webkit-scrollbar-track	{background-color:rgba(255,255,255,0.3)}
::-webkit-scrollbar-thumb	{background-color:grey;border-radius:5px;box-shadow:inset -1px -5px 10px rgba(0,0,0,0.3);}

* 					{padding:0;margin:0}
html 				{scroll-behavior: smooth;}
body				{font-family:sans-serif;margin:0 auto;}
h1,h2,h3,h4,h5,h6 	{letter-spacing:2px;}		
a:link,a:visited 	{text-decoration:none;color:black}
a:hover,a:action 	{color:red}
hr					{border-color:#eee;width:100%;margin:10px 0}
table				{width:100%;font-size:14px;border-collapse:collapse}
/*img					{background-color:#ddd}*/
figcaption			{padding:10px 0px 10px;background-color:rgba(255,255,255,0.7);font-size:80%;text-align:right}

main>aside, main>section{padding:20px}
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}
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}

/*
main > section{padding:0 20px}
section.flex {display: flex;flex-flow: row;}
section.flex > div {flex:1}/*flex: 1 1 50%
*/

/*##### ESTRUCTURA HEADER RESPONSIVE ######*/
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;}

/*##### ESTILO HEADER RESPONSIVE ######*/
header#responsive{z-index:10;height:120px;top:0;left:0;width:100%;box-shadow:0 5px 10px rgba(0,0,0,.3)}
header#responsive #logo{height:80px;width:80px;top:10px;left:10px}
header#responsive #sandwich{z-index:10;top:25px;right:20px;background:lightgrey;width:50px;height:50px;border-radius:25px;outline:0;box-shadow:0 0 5px rgba(0,0,0,0.5);background:white url(../img/default/menu.png)no-repeat center/ contain}
header#responsive>nav>div{height:90px}/*logos y redes sociales*/
header#responsive .facultad{background:url(../img/logo-facultad.png)no-repeat center/ contain;height:65px;width:180px;top:15px;left:30px;}
header#responsive .sociales{height:42px;width:150px;top:25px;right:90px}
header#responsive nav{background:#eee}
header#responsive nav>a{padding:25px;text-decoration:none}


/*##### REDES SOCIALES ######*/
header .facebook,header .instagram,header .twitter,header .youtuber{height:32px;width:32px;margin:3px;box-sizing:border-box;display:inline-block}
header .twitter{background:url(../img/sociales/twitter.png) no-repeat center/contain}
header .facebook{background:url(../img/sociales/facebook.png) no-repeat center/contain}
header .instagram{background:url(../img/sociales/instagram.png) no-repeat center/contain}
header .youtuber{background:url(../img/sociales/youtube.png) no-repeat center/contain}


/* para linea de titulares*/
.titular{margin:50px 0 30px;font-family: Lora}
.titular hr{border:2px solid hsl(0,79%,36%);margin-bottom:-18px}
.titular h2{display:inline-block;background-color:white;padding:0 30px;margin: 0 auto}

/* OTROS */
.link{cursor:pointer}
.pre{white-space:pre-wrap}
.flex{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-start;}
.flex>*{display:inline-block;flex:auto;box-sizing: content-box;}
.flexi{display:flex;flex-flow:row wrap;justify-content:space-between;}
.hide{display:none;transition:1s all}

/* LOGOUT */
#auth{box-sizing:border-box;position:fixed;z-index:100;top:0;left:0;padding:5px 40px;width:100%;background:rgba(125,125,125,0.5) url(../img/default/pattern.png);text-align:right;color:white} 
#auth form{display:inline}

/* OVERLAY */
.overlay{position:fixed;display:flex;justify-content:center;align-items:center;z-index:30;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6) url(../img/default/pattern.png);}
.deploy{display:sticky;background-color:white;border-radius:2px;box-sizing:border-box;margin:10px;padding:20px;max-height:100vh;overflow-x:hidden;overflow-y:auto}

/* BUBBLE */
.bubble{position:relative;display:inline-block;background: #84b5d5;border: 3px solid #c2e1f5;border-radius:10px;padding:10px}
.bubble:after, .bubble:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.bubble:after {border-color: rgba(132, 181, 213, 0);border-top-color: #84b5d5;border-width: 15px;margin-left: -15px;}
.bubble:before {border-color: rgba(194, 225, 245, 0);border-top-color: #c2e1f5;border-width: 19px;margin-left: -19px;}

/* MENU */
nav ul.menu{list-style-type: none;font-size:25px;text-transform:uppercase;line-height: 33px;}
nav ul.menu li{display:inline}

/* menu primario */
nav ul.menu{list-style-type: none;text-align:right;font-family: sans-serif;font-size:20px;margin:8px 0 0}
nav ul.menu > li{display:inline-block;position:relative;}
nav ul.menu li > ul{display:none;list-style-type: none;position:absolute;left:-9px;padding:15px 10px 7px;border:2px solid lightgrey;border-top-color:white;text-align:left;width:200px;background-color:white;z-index:1}
nav ul.menu li > ul li{border-top:1px solid lightgrey}
nav ul.menu li > ul li:first-child{border-top:1px solid white}
nav ul.menu li:hover > ul , nav ul.menu li > ul:hover {display:block}
/* menu secundario */
nav ul.menu li ul li{position:relative;padding:5px 0;font-size:90%}
nav ul.menu li > ul > li > ul{display:none;list-style-type: none;position:absolute;top:0;left:200px;padding:10px;border:2px solid #aaa;text-align:left;width:200px;background-color:white;z-index:1}
nav ul.menu li > ul > li:hover >ul , nav ul.menu li > ul > li >ul:hover {display:block}

/* FORMS */
.count{float:right;color:grey;padding:2px;font-size:90%}
span.comboboxPlus{float:left;padding:3px;cursor:pointer}

/* TERCIOS */
#container{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-start;}
#container div{flex:auto;box-sizing: content-box;} /* width:200px;margin:10px; */
#container div p{display:block;position:relative}
#container div img{width: 100%; height:auto;}/*object-fit: scale-down;*/

/* RIBBON  padre debe tener overflow hidden*/
.ribbon{position: absolute;left:-33px;top:33px;width:150px;text-align:center!important;transform: rotate(-45deg);padding:5px;transform-origin: 50% 50%;color:white;font-weight: bold;background: #79A70A;background:linear-gradient(#dc3941 0%, #e40d1b 100%);box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);}
.ribbon p{width:230px;display:inline-block;}

/* lightbox */
.lb-image{background-color:black;width:700px!important;height:auto!important}
.lb-outerContainer,.lb-container{background-color:black;width:700px!important;}

/*. CARRUSEL */
tiles#carrusel {display:block;position:relative;overflow:hidden!important;margin-top:20px;margin-bottom:20px;width:100%;    height:530px}
tiles#carrusel .right-arrow {position:absolute;right:10px;margin-top:-9px;top:50%;}
tiles#carrusel .carrusel {width:97%;white-space:nowrap;left:0px;position:relative;z-index:0;}
tiles#carrusel .carrusel>.tiles {position:relative;display:inline-block;margin-right: 5px;text-align:center;vertical-align: top!important;  width:32%;height: 203px;}
tiles#carrusel .tiles > .imagen {width:100%;aspect-ratio:1/1;cursor:pointer;}
tiles#carrusel .tiles > h4 {white-space:normal}

/*
	
@font-face {
font-family: "avenir";
src: url("../fuentes/avenir.ttc") format("ttc");
}
@font-face {
font-family: "avenir";
src: url("../fuentes/avenir.otf") format("opentype");
}
@font-face {
font-family: "avenir";
src: url("CustomFont.ttf") format("truetype");
}	
	
*/

/* FORMULARIOS */

input,select,option,fieldset,textarea{-webkit-appearance: none!important;appearance: none!important;outline: 0;}
button::-moz-focus-inner,input[type='reset']::-moz-focus-inner,input[type='button']::-moz-focus-inner,input[type='submit']::-moz-focus-inner,select::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner {border: none;}
[disabled='disabled'],[disabled='disabled']:hover,[disabled='disabled']:active,[disabled='disabled']:focus {cursor: not-allowed;opacity: 0.5;}
[required]{border:1px solid transparent;border-bottom-color: #ecb7b7!important}
[required]:focus,[required]:hover,[required]:active{border:1px solid transparent;border-bottom-color: red!important}
:focus,:hover,:active{border-bottom-color:rgba(0, 0, 0, 0.8);}
input[type='text'],input[type='date'],input[type='time'],input[type='search'],input[type='password'],input[type='search']{height: 22px;}

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

input[type='text'],input[type='password'],input[type='email']{padding:2px 3px;border: 1px solid transparent;border-bottom-color: rgba(0,0,0,0.25);box-sizing: border-box;margin-top: 2px;width: 100%;font-size:90%;font-family: inherit;} /*  ESTA LINE AES SUPER IMPORTANTE POQEU ACTUALIZA EMAIL!!!!!!!!!!*/

input[type='date'],input[type='time'],input[type='datetime-local']{padding:2px 3px;border: 1px solid transparent;border-bottom-color: rgba(0,0,0,0.25);box-sizing: border-box;margin-top: 2px;font-size:90%;font-family: inherit;}

input[type='radio'],input[type='checkbox']{display:inline-block;height:13px;width:13px!important;background-color: #fafafa;border: 1px solid #cacece;margin-right: 10px;}
input[type='radio']:checked,input[type='checkbox']:checked{background-color: #cf4242;border: 1px solid #adb8c0;}

input[type='search']{border-radius:20px;padding-left:18px;background:transparent url(../img/default/lupa.gif) no-repeat 3% center;}

input[type='submit'],button,input[type='button']{cursor:pointer;font-family: sans-serif;display: inline-block; min-height: 20px;padding: 0 10px; background-color: #efefed; color: rgba(85, 85, 85, 0.95); background-image: linear-gradient(to bottom, #fbfbfa 0%, #fbfbfa 30%, #e3e3df 100%); border: 1px solid rgba(0, 0, 0, 0.25); border-bottom-color: rgba(0, 0, 0, 0.3); border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); line-height: 1.85;}

textarea{padding:2px 3px;border: 1px solid transparent;border-bottom-color: rgba(0,0,0,0.25);box-shadow:inset 0 -1px 3px rgba(0, 0, 0, 0.05);box-sizing: border-box;margin-top: 2px;width: 100%;font-size:90%;font-family: inherit;outline: 0;}

select{width: 100%;display: block;margin-top: 2px;box-sizing: border-box;display: inline-block; min-height: 20px padding: 0 10px; background-color:white; color: rgba(85, 85, 85, 0.95);border: 1px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.3); height:22px;border-radius:0}
select:hover{color: #3c3c3c;cursor: pointer;}
select[multiple]{height:auto;background-image:none;background-color:white;border-radius:0}
select[multiple] > option{padding:3px;font-size:12px}

::-webkit-file-upload-button{display: block;margin-top: 2px;box-sizing: border-box;display: inline-block; min-height: 20px padding: 0 10px; background-color: #efefed; color: rgba(85, 85, 85, 0.95); background-image: linear-gradient(to bottom, #fbfbfa 0%, #fbfbfa 30%, #e3e3df 100%); border: 1px solid rgba(0, 0, 0, 0.25); border-bottom-color: rgba(0, 0, 0, 0.3); border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); height:22px;}
::-webkit-file-upload-button:hover{color: #3c3c3c;border-color:rgba(0, 0, 0, 0.4);box-shadow:0 0 7px rgba(0, 0, 0, 0.05),0 0 1px 2px rgba(77, 120, 180, 0.1);cursor: pointer;}