@charset 'utf-8';

@font-face {
    font-family: 'LeagueGothic';
    src: url('../fonts/league_gothic-webfont.eot');
    src: url('../fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league_gothic-webfont.woff') format('woff'),
         url('../fonts/league_gothic-webfont.ttf') format('truetype'),
         url('../fonts/league_gothic-webfont.svg#LeagueGothic') format('svg');
    font-weight: normal; font-style: normal;
}
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; }
html, body { font-size: 10px; line-height: 12px; }
body { margin: 0 auto; background-color: #EEF1F2; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #000; }
a { color: #000; text-decoration: none; } a:hover { color: #666; }
img { width: 100%; height: auto; }
ul { list-style: none; }
li:before { content: "\00bb\00a0"; }
p, h1, h2, h3, h4, h5, h6, ul { margin-bottom: .5rem; }
p, h1, h2, h3, h4, h5, h6, li { font-weight: normal; font-size: 1.2rem; line-height: 1.7rem; }
h1, h2, h3, h4, h5, h6 { font-family: LeagueGothic, Arial, Helvetica, sans-serif; font-size: 1.5rem; text-transform: uppercase; }
main p a, main li a { border-bottom: .1rem solid #aaa; }
.overflowauto { overflow: auto; }
.tps_infinite, .displaynone { display: none; }

header { background-color: #e3e6e6; border-top: .1rem solid #ccc; border-bottom: .1rem solid #ccc; padding-top: 2rem; -webkit-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.2); -moz-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.2); box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.2); }

header hgroup { text-align: center; margin: .8rem 0; }
header hgroup h1 { font-weight: bold; }
header hgroup h1, header hgroup h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2rem; line-height: 1.6rem; margin: 0; text-transform: none; }
header #logo { width: 14rem; margin: 0 auto; }

header nav,
.tps-anteriores aside nav
    { padding-top: .5rem; text-transform: uppercase; text-align: center; }
header nav .topnav ul.doscol {    
    flex-direction: column;
    flex-wrap: wrap;
    height: 13.5rem;
    align-items: flex-start;
    align-content: center;
}
header nav .topnav ul.doscol > li { 
    margin-right: 2%;
}
header nav ul li ul,
.tps-anteriores aside nav ul li ul
    { padding-bottom: .3rem; margin: 0 0 .5rem 1rem; border-bottom: .2rem solid #000; }
.tps-anteriores aside nav ul li ul
    { margin-bottom: 1.5rem; border-bottom: 0; }
header nav ul li:before,
.tps-anteriores aside nav ul li:before
    { content: none; }
header nav ul li a,
.tps-anteriores aside nav ul li a
    { font-family: LeagueGothic, Arial, Helvetica, sans-serif; color: #000; font-size: 2.7rem; line-height: 3.1rem; display: block; }
header nav ul li ul li.historico 
    { display: none; }
.tps-anteriores aside nav ul li ul li.historico 
    { display: block; }
header nav ul li ul li a,
.tps-anteriores aside nav ul li ul li a
    { font-size: 1.7rem; line-height: 2.1rem; }
header nav ul li a span,
.tps-anteriores aside nav ul li a span
    { padding: 0 .5rem; }
header nav ul li a:hover span,
.tps-anteriores aside nav ul li a:hover span
    { color: #fff; background-color: #00B0E5; }
header nav ul li.menuactual ul li a,
.tps-anteriores aside nav ul li.menuactual ul li a
    { color: #000; }
header nav ul li.menuactual a,
.tps-anteriores aside nav ul li.menuactual a,
header nav ul li.menuactual ul li.menuactual a,
.tps-anteriores aside nav ul li.menuactual ul li.menuactual a
    { color: #999; }
header nav ul li ul,
.tps-anteriores aside nav ul li ul
    { display: none; }
header nav ul li.menuactual ul,
.tps-anteriores aside nav ul li.menuactual ul
    { display: flex; flex-direction: column; }

main .principal article h2 { font-size: 2.7rem; line-height: 2.9rem; color: #000; border-bottom: .2rem solid #000; padding-bottom: .2rem; margin-bottom: 1rem; margin-top: 2rem; }
main .principal article h3 { color: #999; border-bottom: .1rem solid #999; font-size: 2rem; line-height: 3rem; margin-top: 2.5rem; margin-bottom: 1rem; }

main .principal .dosturnos article { border-top: 0;  }
main .principal .dosturnos article h3 { font-size: 2.7rem; margin-top: .5rem; }

main .principal .dosturnos article.dosturnostitulo1 { width: 100%; }

main ul.linkscontextual { overflow: auto; display: block; margin-top: 3rem; }
main ul.linkscontextual li { margin: 0 2rem 1rem 0; font-size: 1rem; text-transform: uppercase; font-weight: bold; line-height: 1.2rem; float: left; }
main ul.linkscontextual li .fa { vertical-align: middle; margin-right: .5rem; margin-left: -.2rem; }
main ul.linkscontextual li:before { content: none; }
main ul.linkscontextual a { padding: .5rem 1rem; color: #FFF; background-color: #666; display: block; border-bottom: 0; }
main ul.linkscontextual a:hover { background-color: #00B0E5; }


/* http://www.w3schools.com/howto/howto_js_topnav.asp */
ul.topnav li.icon { display: none; }

main .principal article { margin-bottom: 1rem; border-top: .1rem solid #CCC; }
main .principal article > * { padding-left: 1rem; padding-right: 1rem; }
main .principal article figure { padding-left: 0; padding-right: 0; margin-bottom: 1rem;  }
.home main .principal ul.linkscontextual { margin-top: 1rem; }
main .principal article h4 { font-size: 1.2rem; line-height: 1.2rem; color: #999; font-family: Arial, Helvetica, sans-serif; text-transform: none; padding-top: 2rem; margin-bottom: 1rem; }
.home main .principal article h3 { font-size: 2.4rem; line-height: 2.6rem; color: #000; border-bottom: .2rem solid #000; padding-bottom: .5rem; margin-bottom: 1rem; margin-top: 0; }

main .principal aside { background-color: #e3e6e6; border-top: .1rem solid #ccc; border-bottom: .1rem solid #ccc; padding: 2rem 1rem 0 1rem; -webkit-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.2); -moz-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.2); box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.2); }
main .principal aside section { margin-bottom: 1.5rem; }
main .principal aside h3 { font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 1.2rem; line-height: 1.7rem; font-weight: bold; border-bottom: .1rem solid #333; padding-bottom: .8rem; margin-bottom: 0; }
.home main .principal aside ul { padding-top: .2rem; }
.home main .principal aside ul li { border-bottom: .1rem dashed #ccc; padding: .8rem 0; color: #333; }
.home main .principal aside ul li:last-child { border-bottom: 0; }
.home main .principal aside ul li a { display: block; border-bottom: 0; }
.home main .principal aside .linksrel ul li { padding: 0; }
.home main .principal aside .proximaclase ul li:before,
.home main .principal aside .linksrel ul li:before { content: none; }
.home main .principal aside .linksrel ul li a { padding: .8rem 0; }
.home main .principal aside .linksrel ul li a:before { content: "\00bb\00a0"; }

main .wrapper { border-bottom: .2rem solid #000; }
.home main .wrapper { border-bottom: 0; }

main .principal { margin-bottom: 2rem; }

footer { margin-top: 2rem; }
.home footer { margin-top: 0; }

/* Alvaro 2020 para banners home */
section.avisos .aviso > a {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
section.avisos .aviso img.avisoimg {
    max-width: 90%;
    height: auto;
    margin-bottom: 1em;
}
/* Fin Alvaro 2020 para banners home */





footer .wrapper { padding-left: 1rem; padding-right: 1rem; padding-bottom: 3rem; }
footer #pie .columna { margin-bottom: 2rem; }
footer #pie .columna ul li:before { content: none; }
footer #pie h5 { font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 1.2rem; line-height: 1.7rem; font-weight: bold; }
footer #logospie > div { width: 14rem; }
footer #logospie img { opacity: 0.5; filter: alpha(opacity=50); }


body.home main aside.asidecopia1 { display: block; }
body.home main aside.asidecopia2 { display: none; }
body.home main .principal aside { margin-top: 2rem; }


.programa main .principal article p { margin-bottom: 1rem; }
.programa main .principal article hgroup { margin-bottom: 1rem; margin-top: 2rem; }
.programa main .principal article hgroup h3 { border-bottom: 0; margin-top: 0; margin-bottom: .5rem; color: #000; line-height: 2.5rem; }
.programa main .principal .wrapper { padding-bottom: 2rem; }


.tps_infinite {
    padding-bottom: 1rem;
}
.tps_infinite li {
    margin-right: 1rem;
}
.tps_infinite li::before {
    content: none;
}
.tps_infinite p.epitpactflex {
    display: none;
}
.tps_infinite p a, .tps_infinite li a {
    border-bottom: 0;
}



.docentes section h3, .docentes section h5 { font-family: LeagueGothic, Arial, Helvetica, sans-serif; text-transform: uppercase; }
.docentes section h3, .docentes section h4, .docentes section h5, .docentes section h6, .docentes section p { margin: 0; padding: 0; font-weight: normal; }
.docentes section section { margin-bottom: 6rem; }
.docentes main .principal section h3 { font-size: 2.2rem; line-height: 3rem; border-bottom: .1rem solid #000; color: #000; margin-bottom: 0; }
.docentes section ul { list-style: none; margin: 0; padding: 0; overflow: auto; clear: both; }
.docentes section > ul { padding-bottom: 1rem; }
.docentes section ul li { margin: 0; padding: 0; }
.docentes section ul li:before { content: none; }
.docentes section > ul > li { margin: 1.6rem 0 0 0; border: .1rem solid #D6D8D9; background-color: #E7EAEB; padding: 1rem .2rem .4rem 1.2rem; -webkit-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.2); -moz-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.2); box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.2); }
.docentes section > ul > li a { border-bottom: 0; }
.docentes section > ul > li > h5 { color: #5C5E5E; font-size: 2rem; line-height: 2.4rem; border-bottom: .1rem solid #5C5E5E; margin: 0 1.5rem 1rem 0; }
.docentes section > ul > li > ul > li { float: left; margin: 0 1rem 1rem 0; width: 11rem; position: relative; padding-bottom: 2.5rem; }
.docentes section > ul > li > ul > li > h6 { font-size: 1rem; line-height: 1.3rem; font-family: Arial, Helvetica, sans-serif; text-transform: none; }
.docentes .principal article section > ul > li > ul > li > figure { width: 11rem; margin-top: .7rem; margin-bottom: .3rem; }
.docentes section > ul > li > ul > li > figure img { max-height: 15rem; }
.docentes main .principal article section > ul > li > ul > li > h4 { font-size: 1.4rem; line-height: 1.7rem; color: #000; font-weight: bold; margin-bottom: .2rem; padding-top: 0; }
.docentes section > ul > li > ul > li > p { font-size: 1rem; line-height: 1.3rem; color: #545454; }
.docentes section > ul > li > ul > li > ul.redes { height: 1.8rem; overflow: hidden; width: 11rem; position: absolute; bottom: 0; left: 0; }
.docentes section > ul > li > ul > li > ul.redes li { height: 1.8rem; width: 1.8rem; overflow: hidden; float: left; margin-right: .1rem; }
.docentes section > ul > li > ul > li > ul.redes li a { font-size: 1rem; line-height: 1.8rem; color: #FFF; text-align: center; height: 1.8rem; width: 1.8rem; display: block; overflow: hidden; border-radius: 50%; }
.docentes section > ul > li > ul > li > ul.redes li.fb a { background-color: rgba(8,102,255,.5); }
.docentes section > ul > li > ul > li > ul.redes li.tw a { background-color: rgba(0,0,0,.3); }
.docentes section > ul > li > ul > li > ul.redes li.in a { background-color: rgba(55,92,146,.5); }
.docentes section > ul > li > ul > li > ul.redes li.gp a { background-color: rgba(236,70,46,.5); }
.docentes section > ul > li > ul > li > ul.redes li.em a { background-color: rgba(0,140,70,.5); }
.docentes section > ul > li > ul > li > ul.redes li.ig a { background-color: rgba(214,36,159,.5); background: linear-gradient(220deg, rgba(131,58,180,.5) 0%, rgba(253,29,29,.5) 50%, rgba(252,176,69,.5) 100%); }
.docentes section > ul > li > ul > li > ul.redes li.be a { background-color: rgba(23,105,255,.5); }
.docentes section > ul > li > ul > li > ul.redes li.tk a { background-color: rgba(0,0,0,.3); }
.docentes section > ul > li > ul > li > ul.redes li.gh a { background-color: rgba(0,0,0,.3); }
.docentes section > ul > li > ul > li > ul.redes li.di a { background-color: rgba(81,101,246,.5); }
.docentes section > ul > li > ul > li > ul.redes li.yt a { background-color: rgba(255,0,0,.5); }
.docentes section > ul > li > ul > li > ul.redes li.pi a { background-color: rgba(189,8,28,.5); }
.docentes section > ul > li > ul > li > ul.redes li.sp a { background-color: rgba(141,193,0,.5); }
.docentes section > ul > li > ul > li > ul.redes li.th a { background-color: rgba(169,112,255,.5); }
.docentes section > ul > li > ul > li > ul.redes li.fb a:hover { background-color: rgba(8,102,255,1); }
.docentes section > ul > li > ul > li > ul.redes li.tw a:hover { background-color: rgba(0,0,0,1); }
.docentes section > ul > li > ul > li > ul.redes li.in a:hover { background-color: rgba(55,92,146,1); }
.docentes section > ul > li > ul > li > ul.redes li.gp a:hover { background-color: rgba(236,70,46,1); }
.docentes section > ul > li > ul > li > ul.redes li.em a:hover { background-color: rgba(0,140,70,1); }
.docentes section > ul > li > ul > li > ul.redes li.ig a:hover { background-color: rgba(214,36,159,1); background: linear-gradient(220deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.docentes section > ul > li > ul > li > ul.redes li.be a:hover { background-color: rgba(23,105,255,1); }
.docentes section > ul > li > ul > li > ul.redes li.tk a:hover { background-color: rgba(0,0,0,1); }
.docentes section > ul > li > ul > li > ul.redes li.gh a:hover { background-color: rgba(0,0,0,1); }
.docentes section > ul > li > ul > li > ul.redes li.di a:hover { background-color: rgba(81,101,246,1); }
.docentes section > ul > li > ul > li > ul.redes li.yt a:hover { background-color: rgba(255,0,0,1); }
.docentes section > ul > li > ul > li > ul.redes li.pi a:hover { background-color: rgba(189,8,28,1); }
.docentes section > ul > li > ul > li > ul.redes li.sp a:hover { background-color: rgba(141,193,0,1); }
.docentes section > ul > li > ul > li > ul.redes li.th a:hover { background-color: rgba(169,112,255,1); }

.docentes section.titulares { margin-bottom: 6rem; }
.docentes section.titulares h3 { border: none; }
.docentes section.titulares > ul > li { background-color: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.docentes section.titulares > ul > li > ul > li { width: 23.3rem; }
.docentes section.titulares > ul > li > ul > li > h6 { margin-top: .8rem; }

.tps-destacados main a, .tps-anteriores main a, .tps-actuales main a { border-bottom: 0; }
.tps-destacados main li:before, .tps-anteriores main li:before, .tps-actuales main li:before { content: none; }

/* Hasta acá, 100% optimizado */


.videogallery a { width: 22rem !important; height: 17rem !important; }
a.voverlay { text-align: left !important; }
.voverlay .nroequipo { padding-left: 1rem;font-family: Arial, Helvetica, sans-serif !important;  }


.tps-destacados main .wrapper { overflow: auto; border-bottom: .2rem solid #000; padding-bottom: 2rem; }

.tps-anteriores main .principal article { position: relative; }
.tps-anteriores main .principal article aside { margin: 3rem 0; }

/* Hasta acá, 50% optimizado */


.comision { 
    background-color: #0091BB; 
    border-bottom: 1px solid #151515; 
    display: block; 
    clear: both; 
    color: #FFF; 
    font-size: 12px; 
    margin-top: 15px; 
    padding: 4px 10px; 
    overflow: hidden; 
    line-height: 16px; 
    cursor: default;
}
.comision acronym, .comision abbr { font-size: 80%; }
.videogallery .comision { margin-top: 4rem; }
main .principal article > .comision { padding-left: 10px; }

#tp_cuatrimestre h3{
	margin:15px 0 0;
	/*font-size:12px;*/}
#tp_columna{
	float:left;
	margin-right:10px;
}
	
#tp_columna ul{
	 padding:0px;}		
#tp_columna ul li{
	font-size:11px;
	list-style-type:none;
	border-bottom:dotted 2px #ccc;
	padding:8px 2px;
	}	
#tp_columna ul li p.epitpanterior {
	font-size:10px;
	line-height: 17px; padding: 0; margin: 0;
	}	

p.epitpdest,
.boxdestflex p.epitpactflex {
	line-height: 17px; padding: 0; 
	font-size: 11px; text-align: left; color: #666; margin: 7px 0 0 5px; 
}
p.epitpdest a,
.boxdestflex p.epitpactflex a { color: #666; }
p.epitpdest a:hover,
.boxdestflex p.epitpactflex a:hover  {color: #000;}

#tp_columna a { text-decoration: none; color: #333; }
#tp_columna a:hover { text-decoration: underline; }

p.epitpact { 
    line-height: 14px; font-size: 11px; 
    margin-top: 114px; color: #666; 
}
p.epitpact a { color: #666; }
p.epitpact a:hover { text-decoration: underline; color: #000; }

.tps-actuales .fila { padding-bottom: .3rem; padding-top: 1rem; }
.tps-actuales .fila ul.comi {
    overflow: auto;
}
.tps-actuales .fila ul.comi li.liequipo {
    margin: 0 0 8px 8px; 
    float: left; width: 187px; height: 177px;
}

/* AVG2020 */
.liequipo .nohayfile {
    position: relative; cursor: not-allowed; cursor: no-drop; color: #800000;
}
.liequipo .nohayfile:hover .tooltip_dgpc { display: block; }
.liequipo .nohayfile .tooltip_dgpc { display: none;
    position: absolute; top: -24px; left: 50%; margin-left: -40px;
    background-color: #989898; color: black; text-align: center;
    font-size: 12px; line-height: 20px; width: 80px; height: 20px;
    font-family: Arial, Helvetica, sans-serif; font-weight: normal;
	-webkit-box-shadow: 0 .2rem .5rem -.1rem rgba(0,0,0,0.5);
    -moz-box-shadow: 0 .2rem .5rem -.1rem rgba(0,0,0,0.5);
    box-shadow: 0 .2rem .5rem -.1rem rgba(0,0,0,0.5); z-index: 2;
}
.liequipo .nohayfile .tooltip_error { 
    margin-left: -70px; width: 140px;
    background-color: #800000; color: white;
    top: -24px; z-index: 5;
}
/* /AVG2020 */


/* Modificaciones Alvaro AVG2019 */

.tps-actuales .fila ul.comiflex {
    display: flex; flex-wrap: wrap; flex-direction: row;
    justify-content: flex-start; align-items: flex-start;
    align-content: flex-start;
}
.tps-actuales .fila ul.comiflex li.liequipo {
    margin: 0 0 8px 6px; 
}
.tps-actuales .fila ul.comiflex p.epitpactflex { 
    line-height: 14px; font-size: 11px; 
    margin-top: 4px; color: #666; 
}
.tps-actuales .fila ul.comiflex p.epitpactflex a { color: #666; }
.tps-actuales .fila ul.comiflex p.epitpactflex a:hover { text-decoration: underline; color: #000; }

.boxflex .tooltip_dgpc { display: none;
    position: absolute; top: -24px; left: 50%; margin-left: -40px;
    background-color: #989898; color: black; text-align: center;
    font-size: 12px; line-height: 20px; width: 80px; height: 20px;
    font-family: Arial, Helvetica, sans-serif; font-weight: normal;
	-webkit-box-shadow: 0 .2rem .5rem -.1rem rgba(0,0,0,0.5);
    -moz-box-shadow: 0 .2rem .5rem -.1rem rgba(0,0,0,0.5);
    box-shadow: 0 .2rem .5rem -.1rem rgba(0,0,0,0.5); z-index: 2;
}
.boxflex .tooltip_error { 
    margin-left: -70px; width: 140px;
    background-color: #800000; color: white;
    top: -4px; z-index: 5;
}


.boxflex {
	-webkit-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.5);
    box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.5);
    background-color: #FFF; border: 1px solid #ccc;
    padding: 5px; display: flex; flex-direction: column;
    flex-wrap: nowrap; justify-content: flex-start;
    align-items: center; align-content: center; }
.boxflex .alumnosflex ul { display: flex; flex-direction: row; flex-wrap: nowrap;
    justify-content: center; align-items: center; align-content: center;
    margin: 0; list-style: none; height: 47px; }
.boxflex .alumnosflex ul li { margin: 0 3px 5px 0; }
.boxflex .alumnosflex ul li:last-of-type { margin-right: 0; }
.boxflex .alumnosflex ul li a { border: 1px solid #ccc;
	display: flex; justify-content: center; align-items: center;
	width: 42px; height: 42px; position: relative;
	line-height: 40px; font-size: 30px;
    text-align: center; color: #F3F3F3;
    font-family: LeagueGothic, Arial, sans-serif;
}
.boxflex .alumnosflex ul li a:hover { color: #dbdbdb; }
.boxflex .alumnosflex ul li a img {	width: 40px; height: 40px; }
.boxflex .alumnosflex ul li a .tooltip_gris { margin-left: -40px; width: 80px; }
.boxflex .alumnosflex ul li a:hover .tooltip_gris { display: block; }
.boxflex .alumnosflex ul li a:hover .tooltip_error { display: block; }

.boxflex a.banerequipo {
	display: flex; justify-content: center; align-items: center;
    width: 175px; height: 100px; position: relative;
	line-height: 80px; font-size: 65px;
    text-align: center; color: #F3F3F3;
    font-family: LeagueGothic, Arial, sans-serif;
}
.boxflex a.banerequipo:hover { color: #dbdbdb; }
.boxflex a.banerequipo.sinrotuloequipo, .boxflex a.banerequipo.sinrotuloequipo:hover { color: #F3F3F3; text-decoration: line-through; }
.boxflex a.banerequipo img { max-width: 175px; max-height: 100px; }
.boxflex a.banerequipo .errorbanerflex { position: absolute;
	display: flex; justify-content: center; align-items: center;
    top: 0; left: 0; right: 0; bottom: 0;
}
.boxflex a.banerequipo .errorbanerflex .tooltip_error { 
    margin: auto; width: 140px;
    top: auto; left: auto; z-index: 5;
}
.boxflex a.banerequipo:hover .errorbanerflex .tooltip_error { 
    display: block;
}



/* Alvaro - Tamaños nuevos 2019, se definen con clases */
.boxflex .alumnosflex.tm40x40 ul { height: 47px; } /* Siempre 7px más de alto */
.boxflex .alumnosflex.tm40x40 ul li a { width: 42px; height: 42px; line-height: 40px; } /* line-height coincide con alto, el resto son 2px más que ancho y alto */
.boxflex .alumnosflex.tm40x40 ul li a img { width: 40px; height: 40px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm175x100 { width: 175px; height: 100px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm175x100 img { max-width: 175px; max-height: 100px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm270x270 { width: 270px; height: 270px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm270x270 img { max-width: 270px; max-height: 270px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm240x240 { width: 240px; height: 240px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm240x240 img { max-width: 240px; max-height: 240px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm170x170 { width: 170px; height: 170px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm170x170 img { max-width: 170px; max-height: 170px; } /* Deben coincidir con ancho y alto */

.boxflex a.banerequipo.tm240x135 { width: 240px; height: 135px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm240x135 img { max-width: 240px; max-height: 135px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm170x102 { width: 170px; height: 102px; } /* Deben coincidir con ancho y alto */
.boxflex a.banerequipo.tm170x102 img { max-width: 170px; max-height: 95.625px; } /* Deben coincidir con ancho y alto */



/* Fin AVG2019 */
p.sintrabajoscomision { color: #989898; font-size: 1.1em; position: relative; top: -0.8em; }




.tps-actuales .dosturnos { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.tps-actuales .unturno { margin-bottom: 3rem; }
.tps-actuales ul.linkscontextual { margin-top: 1rem; }

.box {
	-webkit-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.5);
    box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.5);
    background-color: #FFF; border: 1px solid #ccc;
    padding-top: 3px; height: 156px;
    position: relative;

}
.box #alumnos ul { padding: 0; margin: 0; list-style: none; position: relative; top: 0; left: 3px; overflow: auto; }
.box #alumnos ul li { padding: 0; margin: 0 5px 0 0; float: left; }
.box #alumnos ul li a {
	text-indent:-9999px; background-repeat: no-repeat; background-position: center; display: block;
	width: 42px; height: 42px;
    border: 1px solid #ccc;
}
.box.cantint4 #alumnos ul { left: 5px; padding-top: 2px; }
.box.cantint4 #alumnos ul li a { height: 40px; width: 40px; }

.box a.banerequipo, .box .nrobig {
	width: 140px;
	left: 9px; top: 49px;
	position: absolute;
}
.box .nrobig {
	line-height: 100px; width: 140px;
	z-index: 0; font-size: 80px;
    text-align: center; color: #F3F3F3;
    font-family: LeagueGothic, Arial, sans-serif;
}

.box a.banerequipo {
	text-indent:-9999px; background-repeat: no-repeat; background-position: center center; display: block;
	height: 100px; z-index: 5;
}

.box a.banerequipo.cantint4,
.box .nrobig.cantint4 { width: 175px; left: 5px; }



.jQdescripcion { overflow: hidden; }
.jQtitulo { cursor: pointer; }

.comision acronym, .comision abbr { font-size: 80%; }
#soporte, #definicion { padding-left: 25px;}
#soporte { padding-bottom: 2rem; padding-top: 1rem; }
#soporte ul { list-style: none; padding: 0; margin: 0; margin-top: 10px;}
#soporte ul li { margin-bottom: 8px; }
#soporte ul li a {
	line-height: 15px; padding: 4px 5px 4px; color: #000; 
    border-bottom: 0;
}
#soporte ul li a:hover { color: #009CCA; }

#articlesoporte { padding-bottom: 4em; }
.materialdesoporte { padding-top: 1em; }
.materialdesoporte ul { display: flex; flex-wrap: wrap; 
    padding-top: .3em; }
.materialdesoporte ul li:before { content: none; }
.materialdesoporte ul li { flex-basis: 95%; margin-bottom: 1.2em; position: relative; overflow: hidden; }
.materialdesoporte ul li a { 
    display: block;
    padding: .4em 1em .6em 1em; border: 1px solid #ccc; 
    background-color: #fff; width: 100%; height: 100%;
    box-shadow: 0 1.2rem 1.4rem -0.9rem rgba(0,0,0,0.5); 
}
.materialdesoporte ul li a:hover { 
    background-color: #eee;
}
.materialdesoporte ul li h4 {
    color: #333; font-size: 1.6em; font-family: 'LeagueGothic', Arial, Helvetica, sans-serif;
    text-transform: uppercase; padding: .5em 0 0 0; line-height: 1em; margin-bottom: .3em;
}
.materialdesoporte ul li p {
    color: #666; font-size: 1em; 
}
.materialdesoporte ul li h5 {
    color: #333; font-size: 1.3em; font-family: 'LeagueGothic', Arial, Helvetica, sans-serif; position: absolute;
    text-transform: uppercase; padding: 0; line-height: 1em; transform: rotate(35deg);
    background-color: #e0c13b;
    width: 100%;   text-align: center;     top: .3em;     padding: .2em;     color: #775800;     right: -6.3em;
}


#subirarchivos h4, #datosuba h4, #titlepag h4 { text-transform: uppercase; font-size: 14px; color: #000; margin: 0 0 1rem 0; padding: 0; font-weight: bold; line-height: 18px; }


#titlepag p, #titlepag ul, #titlepag ul li, #titlepag ul li h5, #titlepag ul li p { margin: 0; padding: 0; }
#titlepag p { font-size: 12px; margin-left: 2px; line-height: 18px; }
#titlepag ul { list-style: none; }
#titlepag ul li { margin-top: 5px; }
#titlepag ul li h5 { font-size: 12px; display: inline; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; }
#titlepag ul li p { margin-left: 10px; }

#condiciones { padding-bottom: 2rem; }
#condiciones div { border-bottom: #CCC solid 1px; margin-bottom: 10px;  }
#condiciones ul, #condiciones ul li blockquote { margin: 0; padding: 0 0 0 15px; } 
#condiciones p, #condiciones ul li { margin: 0; padding: 0 0 8px 0; }
#condiciones p { margin-top: 8px; }
#condiciones ul { list-style: none; padding-left: 0; }
#condiciones ul li { /*width: 600px; */line-height: 18px; }
#condiciones ul li blockquote { padding-left: 15px; }

#condiciones ul.cond_iconos { overflow: auto; }
#condiciones ul.cond_iconos li { float: left; width: 15rem; margin: 0 1rem 0 0; }
#condiciones ul.cond_iconos li:before { content: none; }
#condiciones ul.cond_iconos li figure div { width: 10rem; margin: auto; border-radius: 50%; background-color: rgb(149, 213, 232); border-bottom: 0; }
#condiciones ul.cond_iconos li figure figcaption { text-align: center; margin-top: .5rem; }

.concopy {
    position: relative;
}
.concopy:hover .copy-button {
    background-color: rgb(0, 0, 0, .1);
}
.concopy .copy-button {
    position: absolute;
    display: block;
    bottom: 1rem;
    right: 0.2rem;
    color: gray;
    background-color: transparent;
    border: none;
    padding: .5rem;
    border-radius: .3rem;
    cursor: pointer;
    font-size: 1.2rem;
}
.concopy .copy-button .codecopiado {
    color: #33b306;
}

#seccalumnos .condcolumna { margin-bottom: 2rem; border-bottom: 1px solid #ccc; padding-left: 1.5rem; padding-right: 1.5rem; }

#subirarchivos #subirimg { margin-top: 8px; }
#subirarchivos #subirimg img { padding: 5px; background-color: #FFF; border: #999 1px solid; width: 205px; height: auto; }
#subirarchivos #subiraclaracion { font-size: 10px; }

#titlepag ul li p, #condiciones ul li blockquote, #datosuba p, #titlepag blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; color: #666; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
#titlepag ul li p, #datosuba p { line-height: 18px; }
#titlepag blockquote { line-height: 17px; margin-left: 5px; }

#titlepag ul li p:hover, #condiciones ul li blockquote:hover, #datosuba:hover, #titlepag blockquote:hover { background-color: #ccc; }

#datosuba p { margin-left: 2px; }

/* a.screenshot, .boxmini a, #tp_columna a { background-color: #666; } */

.banantcol20081 { width: 100px; }
.banant20081 {
	text-indent:-9999px; 
	background-repeat: no-repeat;
	background-position: center center;
	width: 100px;
	height: 60px;
	display:block;
}
.banantcol20082, .banantcol20091, .banantcol20092 { width: 120px; }
.banant20082, .banant20091, .banant20092 {
	text-indent:-9999px; 
	background-repeat: no-repeat;
	background-position: center center;
	width: 120px;
	height: 60px;
	display:block;
}
.banantcol20101, .banantcol20102 { width: 80px; }
.banant20101, .banant20102 {
	text-indent:-9999px; 
	background-repeat: no-repeat;
	background-position: center center;
	width: 80px;
	height: 40px;
	display:block;
}
#tp_columna.banantcol20111, #tp_columna.banantcol20112, #tp_columna.banantcol20121, #tp_columna.banantcol20122, #tp_columna.banantcol20131, #tp_columna.banantcol20132 { width: 140px; margin-right: 25px; }
.banant20111, .banant20112, .banant20121, .banant20122, .banant20131, .banant20132 {
	text-indent:-9999px; 
	background-repeat: no-repeat;
	background-position: center center;
	width: 140px;
	height: 100px;
	display:block;
}

#tp_columna.banantcol20151 { width: 175px; margin-right: 25px; }
.banant20151 {
	text-indent:-9999px; 
	background-repeat: no-repeat;
	background-position: center center;
	width: 175px;
	height: 100px;
	display: block;
}


#tp_cuatrimestre.anteriores_cuatrimestre_ancho { width: 520px; float: none; overflow: auto; }
#tp_cuatrimestre.anteriores_cuatrimestre_ancho.w700 { width: 700px; }

article.tpsdestacadosflex {
    display: flex;
    flex-wrap: wrap;
}
article.tpsdestacadosflex > h2 {
    flex-basis: 100%;
}
#tp_cuatrimestre { width: 100%; }
article.tpsdestacadosflex > #tp_cuatrimestre {
    float: none;
}
article.tpsdestacadosflex > #tp_cuatrimestre > h3 {
    margin-bottom: 1rem;
}

.boxdestflex {
	display: flex;
    align-items: flex-start;
	padding-bottom: 2rem;
    flex-wrap: wrap;
}
.boxdestflex .colbanerendest {
    margin-right: 1.5rem;
    padding-top: 20px;
}
.boxdestflex .colboxendest {
    padding-top: 20px;
    padding-left: 5px;
    position: relative;
    flex-grow: 1;
    width: 15rem;
    max-width: 22rem;
}

.boxdestflex i.fa {
    position: absolute;
    right: 5px; top: 13px;
    font-size: 2.5rem; color: #ffcd3a;
    text-stroke: .05rem #444;
    -webkit-text-stroke: .05rem #555;
    text-shadow: 0 .2rem .3rem rgba(0,0,0,.3);
}

.boxdest {
	/*height: 160px;*/
	overflow: auto;
	padding-bottom: 15px;
}
.boxdest .boxmini {
	float:left;
	width:149px;
	/*height:108px;*/
}
.boxdest .boxmini .banerensi {
	-webkit-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.5);
    box-shadow: 0 1.2rem 1.4rem -.9rem rgba(0,0,0,0.5);
    background-color: #FFF; border: 1px solid #ccc;
    padding-top: 3px; padding-bottom: 3px;
}
.boxdest .colboxendest { float: left; width: 170px; margin: 0 0 0 1.5rem; padding: 0; 	background-image: url(../images/ministar.png);
	background-repeat: no-repeat;
	background-position: 140px 15px;
}
.colboxendest h3, #tp_cuatrimestre .colboxendest h3 { font-size: 12px; line-height: 15px; font-weight: bold; margin: 0; border: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #000; text-transform: none; }
.colboxendest h3 a { margin: 0; padding: 0; }
.colboxendest p { margin: 0; padding: 5px 0 0 0; }
.colboxendest ul, .colboxendest p { color: #666; }
.colboxendest ul { list-style: none; margin: 0; padding: 0; }
.colboxendest ul li, .colboxendest p	{ font-size: 11px; line-height: 15px; }
.colboxendest ul li:before {content: "\203A\00a0"; }
.boxdest .boxmini { margin-top: 20px; margin-left: 1rem;     }
.boxdest .colboxendest { padding-top: 20px; }
.boxmini a.banerendest {
	text-indent:-9999px; 
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 100px;
	width: 140px;
	margin-left: 3px; 
}

/* Ajustes en TPs destacados para baner de 175px */
.boxdest.boxdest175 { background-position: 345px 16px; }
.boxdest.boxdest175 .boxmini { width: 183px;}
.boxdest.boxdest175 .colboxendest { width: 165px; }
.boxdest.boxdest175 .boxmini a.banerendest { width: 175px; }



#seccalumnos.estadoarchivos h3 { margin-top: 25px; }
#seccalumnos.estadoarchivos .etapatp h3 { margin-top: 15px; line-height: 22px;}


/* agregado de 2 estilos para Cátedra Ocampo*/
h2.titppal2 {
	margin-top: 0; 
	border-bottom: #000 solid 0px;
}
.cond-entrega-ocampo a {
font-family: LeagueGothic, Arial, sans-serif;
font-size: 28px;
font-weight: normal;
color: #F60;
display: inline-block;
text-align:right;
width:220px;
background-image:url(images/bg-ok.gif);
background-repeat:no-repeat;
background-position:5px ;
float:right;
border-bottom: #000 solid 0px;
margin: 0px 0px 4px 0px;
padding: 0 10px;
text-decoration:blink;
}


#seccalumnos .selector_catedras { width: 500px; height: 50px; margin: 10px 0 0 0; padding: 0; list-style: none; height: 65px; overflow: hidden; }
#seccalumnos .selector_catedras li { float: left; margin-right: 20px; width: 220px; height: 65px; }
#seccalumnos .selector_catedras li:before { content: none; }
#seccalumnos .selector_catedras li a { display: block; width: 220px; padding: 4px 0 7px 0; background-color: #CCC; border-bottom:0;  }
#seccalumnos .selector_catedras li a h3, #seccalumnos .selector_catedras li a h4 { margin: 0; padding: 0; border: 0; text-align: center; cursor: pointer; }
#seccalumnos .selector_catedras li a h3 { line-height: 28px; color: #666; }
#seccalumnos .selector_catedras li a h4 { line-height: 16px; }
#seccalumnos .selector_catedras li.act { background-image: url(images/flechainf.png); background-position: center bottom; background-repeat: no-repeat; }
#seccalumnos .selector_catedras li.act a { background-color: #AAA; }
#seccalumnos .selector_catedras li a:hover { background-color: #00B0E5; }
#seccalumnos .selector_catedras li a:hover h3 { color: #FFF; }
#seccalumnos .selector_catedras li a:hover h4 { color: #EEE; }







@media screen and (min-width: 24em) {

    main .principal aside .permanente { overflow: auto; }
    main .principal aside .permanente section { float: left; width: 45%; margin-right: 5%; }    

    /* Fin Alvaro 2020 para banners home */
    section.avisos {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1em;
    }
    section.avisos .aviso {
        flex-basis: 32%;
        margin-bottom: 0;
    }
    section.avisos .aviso img.avisoimg {
        max-width: 100%;
    }
    /* Fin Alvaro 2020 para banners home */


}



@media screen and (min-width: 32em) {

    footer #pie { overflow: auto; }
    footer #pie h5 { font-size: 1.2rem; line-height: 1.5rem; }
    footer #pie .columna { float: left; width: 45%; margin-right: 5%; }
    footer #pie .columna.col2 { margin-right: 0; float: right; }
    footer #pie .columna ul li { font-size: 1rem; line-height: 1.2rem; }

}


@media screen and (max-width: 42em) {
/* Estilos sólo para el menú */ 
    header nav ul.topnav li:not(:first-child) { display: none; }
    header nav ul.topnav li.icon { text-align: right; display: block; }
    header nav ul.topnav li.icon a span { color: #FFF; background-color: #666; }
    header nav ul.topnav li.icon a span span { padding: 0; }
    header nav ul.topnav li.icon a span.menu_rsp_open { display: inline; }
    header nav ul.topnav li.icon a span.menu_rsp_close { display: none; }
    header nav ul.topnav li.icon a:hover span { background-color: #00B0E5; }
    header nav ul.topnav.responsive { position: relative; padding-bottom: 1.5rem; }
    header nav ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0; }
    header nav ul.topnav.responsive li.icon a span.menu_rsp_open { display: none; }
    header nav ul.topnav.responsive li.icon a span.menu_rsp_close { display: inline; }
    header nav ul.topnav.responsive li { display: block; }
/* Estilos sólo para el menú */ 
}




@media screen and (min-width: 42em) {

    #pagina { overflow: auto; }
    header { width: 25%; position: fixed; top: 0; left: 0; -webkit-box-shadow: -1.2rem .3rem 1.4rem 0 rgba(0,0,0,0.2); -moz-box-shadow: -1.2rem .3rem 1.4rem 0 rgba(0,0,0,0.2); box-shadow: -1.2rem .3rem 1.4rem 0 rgba(0,0,0,0.2); }
    main, footer { float: right; width: 70%; margin-right: 2.5%; }
    
    header { border-top: 0; border-right: .1rem solid #ccc; padding-bottom: 1.5rem; }
    header hgroup h1, header hgroup h2 { font-size: .8rem; line-height: 1.1rem; }
    header nav { text-align: left; margin-left: 6%; margin-right: 6%; }
    header nav .topnav ul.doscol { align-content: flex-start; }

    main { margin-top: 2rem; }
    main .principal article > * { padding-left: 0; padding-right: 0; }
    main .principal article h4 { margin-bottom: .5rem; padding-top: .5rem; font-size: 1rem; }


    body.home main .principal aside { margin-top: 0; margin-bottom: 2.5rem; }

    main .principal aside { border: .1rem solid #ccc; }
    
    footer .wrapper { overflow: auto; position: relative; padding-left: 0; padding-right: 0; padding-bottom: 0;  }
    footer #pie { padding-left: 0; padding-right: 0; width: 75%; float: left; }
    footer #pie .columna.col1 { width: 60%; }
    footer #pie .columna.col2 { width: 33%; }
    footer #logospie { width: 14rem; position: absolute; bottom: 2.5rem; right: 1rem; }
    

    .docentes section > ul > li { margin-right: 1.5rem; float: left; }
    .docentes section.titulares > ul > li > ul > li { height: 26rem; padding-bottom: 0; }
    .docentes section > ul > li.lineas1 > ul > li { height: 23.9rem; }
    .docentes section > ul > li.lineas2 > ul > li { height: 25.6rem; }

    #condiciones div { margin-left: 20px; }

    #tp_cuatrimestre { width: 48%; float: left; margin-right: 2%; }

    .tps-actuales .unturno { 
        margin-bottom: 0;
        flex-basis: 49.5%;  
        margin-right: 1%;
        margin-right: .9%;
    }

    .tps-actuales .turno2 { 
        margin-right: 0;
    }

    .tps-actuales .fila ul.comi li.liequipo { margin-left: 6px; }
    
}

@media screen and (min-width: 52em) {

    header { width: 20%; }
    main, footer { width: 76.5%; margin-right: 1%; }

    body.home main aside.asidecopia1 { display: none; }
    body.home main aside.asidecopia2 { display: block; }

    .programa main article section > * { width: 60rem; margin-left: 2rem; }
    .programa main article section > h2, .programa main article section > h3 { width: auto; margin-left: 0; }
    
    .home main .principal { overflow: auto; border-bottom: .2rem solid #000; }
    .home main .principal article { width: 72%; float: left; }
    .home main .principal aside { width: 25%; float: right;  }

    .home main .principal aside .permanente section { float: none; width: auto; }    
    .home main .principal aside h3 { padding-bottom: 0; }
    .home main .principal aside ul li { font-size: 1rem; line-height: 1.2rem; }
    
    .tps-anteriores main .principal article aside { width: 20rem; position: absolute; right: 0; top: 10.8rem; margin: 0; }

    #seccalumnos .condcolumna { margin-right: 2%; float: left; padding-left: 0; padding-right: 0; border-bottom: 0; }
    #seccalumnos #subirarchivos { width: 30%; }
    #seccalumnos #datosuba { width: 34%; }
    #seccalumnos #titlepag { width: 30%; }

    footer #pie { width: 70%; }
}

@media screen and (min-width: 62em) {
    
    header { width: 20.5%; }
    main, footer { width: 79%; margin-right: 0; }

    .home main .principal article { width: 75%; float: left; }
    .home main .principal aside { width: 23%; float: right;  }

    header .wrapper { float: right; width: 17em; }
    main > section, footer .wrapper { float: left; width: 79rem; margin-left: 1rem; }

}


@media screen and (min-width: 35em) {
    .materialdesoporte ul li { flex-basis: 45%; margin-right: 1.2em; }
    .materialdesoporte ul li h4 { font-size: 1.6em; padding: .5em 0 0 0; line-height: 1em; margin-bottom: .3em; }
    .materialdesoporte ul li p { font-size: 1em; }
}
@media screen and (min-width: 52em) {
    .materialdesoporte ul li { flex-basis: 30%; }
}