/* ------------------------------------------- */
/*  Estilos genéricos para todos los portales  */
/*           Universidad ORT Uruguay           */
/*           -----------------------           */
/*               Desarrollo Web                */
/* ------------------------------------------- */
/* Prod */


/* En esta hoja de estilos sólo debe haber estilos que se usarán genéricamente en todos los portales de la universidad.
   No se deberían definir colores aquí, ya que estos son individuales para cada facultad.
   Este archivo debe ser llamado desde cada hoja de estilos, al comienzo de la misma, mediante un @import.
   Declarar los estilos lo menos específicos posible, de manera de poder sobreescribirlos desde la stylesheet de cada portal.
   Evitar el uso de id (#...).   */

/* No se deben agregar estilos que no hayan sido exhaustivamente chequeados en todos los portales de la universidad */

/*! normalize.css v1.1.2 | MIT License | github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1.3em 0;line-height:1.5em}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}select{background:#fff}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0;width:100%;text-align:left}details{display:block}summary{display:list-item}template{display:none}
/*! normalize.css - end */

/* Variables */
:root {
	--resultsColor: var(--greyText, #363636);
}

/* Paginación */
.page-selector {clear: both;width: 100%;display: block;margin: 30px 0 0 0;padding: 0 .5em;background: #DDD8D4;overflow: hidden;}
.page-selector .next-page { float: right; }
.page-selector .previous-page { float: left; }
.page-selector a { display: inline-block; width: 100%; margin: 0; padding: 12px; line-height: 1.6; font-size: 1.15384em; outline: none; text-decoration: underline; cursor: pointer; }
.page-selector a:hover { text-decoration: none; }
.page-selector .next-page a:after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 10px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 17px solid #fff; vertical-align: middle; }
.page-selector .previous-page a:before { content: ""; display: inline-block; width: 0; height: 0; margin-right: 10px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 17px solid #fff; vertical-align: middle; }

/* Google results - Resultados de búsqueda */
#centralpanel .gsc-control-cse,
#centralpanel .gsc-control-cse table,
#centralpanel .gsc-above-wrapper-area-container,
#centralpanel .gsc-wrapper table { margin: 0; padding: 0; border: none; }
#centralpanel .gsc-above-wrapper-area-container { overflow: visible; }
#centralpanel .gsc-wrapper .gsc-table-result { margin-left: 0; }
#centralpanel .gsc-control-cse td { padding: 2px; border: none; line-height: 1.4; text-align: left; }
#centralpanel .gsc-control-cse * { box-sizing: content-box; }
#centralpanel .gsc-control-cse .gsc-orderby-container { text-align: right; }
#centralpanel .gs-web-image-box,
#centralpanel .gs-promotion-image-box { width: auto; }
#centralpanel .gs-web-image-box img.gs-image,
#centralpanel .gs-promotion-image-box img.gs-promotion-image { max-width: 70px; }
#centralpanel .gsc-input * { box-sizing: border-box; }
#centralpanel .gsc-input table { margin: 0; }
#centralpanel .gcsc-more-maybe-branding-root > a { display: none; }
#centralpanel .gs-spelling a { color: var(--mainColor, #661020); }

#centralpanel .searchScope { margin: 0 0 2em; text-align: right }
#centralpanel .searchScope a { text-decoration: underline; }

#centralpanel .searchScope ~ div a b,
#centralpanel .searchScope ~ div a { color: var(--mainColor, #661020); }
#centralpanel .searchScope ~ div .gsc-url-top * { color: var(--resultsColor); }
#centralpanel .searchScope ~ div .gsc-search-button-v2 { background-color: var(--mainColor, #661020); border-color: var(--mainColor, #661020); }
#centralpanel .gsc-results .gsc-cursor-box .gsc-cursor-page { padding: 3px; background: #fff; color: var(--mainColor, #661020); }

.gsc-search-box tr:nth-child(2n+1),
.gsc-search-box tr,
.gsc-completion-container tr:not(.gsc-completion-selected) { background: transparent; }
.gsc-completion-container td { font-size: .95em; }

/* Formularios */
#type-innova-form td[width="100%"] { width: auto; }
#captcha-img { display: inline-block; vertical-align: top; }
#refresh-text { display: none; }
#refresh-icon { display: inline-block; margin-left: -25px; }
#refresh-icon a { display: block; width: 18px; height: 24px; background: url(../img/icon-refresh.png) 0 0 no-repeat; text-decoration: none !important; }
#captcha-text { display: none; }
#captchafield { max-width: 200px; }

.captcha-place { clear: both; }
.captcha-img { display: inline-block; vertical-align: top; }
.refresh-text { display: none; }
.refresh-icon { display: inline-block; margin-left: -25px; }
.refresh-icon a { display: block; width: 18px; height: 24px; background: url(../img/icon-refresh.png) 0 0 no-repeat; text-decoration: none !important; }
.captcha-text { display: none; }

/* Filtros */
.filtersSelect { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.filtersSelect .filter { margin: 5px 0 5px 1em; }
.filtersSelect input,
.filtersSelect select { padding: 3px; border: 1px solid #000; font-weight: normal; }
@media screen and (max-width: 480px) {
	.filtersSelect { justify-content: flex-start; }
	.filtersSelect .filter { margin-right: 1em; margin-left: 0; }
}
.msgContainerEmpty { margin: 5em .5em; }

/* Galería de imágenes */
#fancyGallery .image_gallery { display: inline-block; margin: 0 8px 0 0; padding: 0 2px; max-width: 180px; vertical-align: top; }
#fancyGallery .image_gallery a { display: block; margin: 0; padding: 0; }
#fancyGallery .image_gallery a img{ width: 100%; max-width: 170px; height: auto; margin-bottom: 10px; padding:5px; border: 1px solid #d0d0d0; box-sizing: border-box; }
#fancyGallery .image_gallery a img:hover { background:#e0e0e0; }

/* Ampliación de imágenes con Fancybox */
.fancybox-title { width: 100%; box-sizing: border-box; }
.fancybox-title .fancyTitle { float: left; }
.fancybox-title .fancyCounter { float: right; margin-left: 2em; font-size: 0.92307em; }
.fancybox-title:after { content: ""; clear: both; display: block; width: 100%; height: 1px; }
#fancybox-thumbs { display: none; }

/* Imágenes para móviles y desktop con distinta clase */
@media screen and (max-width: 640px) {
	#body #centralpanel .imgDesk { display: none; }
}
@media screen and (min-width: 641px) {
	#body #centralpanel .imgMov { display: none; }
}

/* Lista miniaturas (se usa con la clase personalizada en Tyny: listThumbs) */
#type-innova-text .listThumbs { margin: 0; padding: 0; font-size: 0; }
#type-innova-text .listThumbs li { display: inline-block; width: 50%; margin: 0; padding: 2em 2em 0 0; background: none; font-size: 14px; vertical-align: bottom; box-sizing: border-box; }
#type-innova-text .listThumbs li:before { position: absolute; visibility: hidden; }
#type-innova-text .listThumbs li img { display: block; margin: 1em 0 0 0; width: 100%; max-width: 100%; height: auto; }

/* Video Responsive */
.videoResponsive { position: relative; display: block; height: 0;overflow: hidden; margin: 0 0 15px;
	padding-bottom: 56.25%; /* 16/9 ratio */
}
.videoResponsive.video-16-9 { padding-bottom: 56.25%; } /* 16/9 ratio */
.videoRepsonsive.video-4-3 { padding-bottom: 75%; } /* 4/3 ratio */
.videoResponsive iframe,
.videoResponsive object,
.videoResponsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ORT: Docentes */
/* Se agrega el id #body al selector porque en algunos casos hay mayor especificidad. */
#body .docentesTitulo { display: block; padding: 20px 0 10px; }
#body .docentesAreasWrapper { margin: 0; padding: 10px 5px 10px 10px; border: 1px solid #cecece; border-radius: 10px; }
#body .docentesAreasWrapper ul { max-height: 180px; margin: 0; padding: 0; list-style: none; overflow: auto; }
#body .docentesAreasWrapper ul li { line-height: 2; }
#body .docentesAreasWrapper ul li a { display: block; padding: 0 5px; text-decoration: none; }

#body .docentesListadoWrapper h3 { margin-bottom: 5px; padding-bottom: 0; border-radius: var(--boxRadius); box-shadow: var(--boxShadow); transition: .3s; }
#body .docentesListadoWrapper h3:has( + .expand),
#body .docentesListadoWrapper h3:hover { box-shadow: var(--boxShadow-hover); }
#body .docentesListadoWrapper ul { margin: 0; padding: 0; list-style: none; }
#body .docentesListadoWrapper li { margin: 0 0 0 16px; padding: 15px 0; border-bottom: 1px solid #999; overflow: hidden; }
#body .docentesListadoWrapper li:last-child { border: none; }
#body .docentesListadoWrapper ul li a { text-decoration: underline; }
#body .docentesListadoWrapper ul li a:hover { text-decoration: none; }
#body .docentesListadoWrapper .docenteFoto { float: left; max-width: 150px; padding: 0 1em 0 0; }
#body .docentesListadoWrapper .docenteFoto img { width: 100%; height: auto; }
#body .docentesListadoWrapper .docenteNombre { display: block; padding-right: 3px; font-weight: bold; }
#body .docentesListadoWrapper p { margin: 0; padding: 0; overflow: hidden; }
#body .docentesListadoWrapper p:empty { display: none; }

/* ORT: Docentes ampliación */
.docenteInfo { overflow: hidden; margin-bottom: 1em; }
.docenteImg { display: none; float: left; margin-right: 1em; }
.docenteSecciones { display: none; }

.docenteMaterias li { display: inline; } /* Se convierte el listado de materias en una línea y se separa con comas ("y" al final) */
.docenteMaterias li:after { content: ","; }
.docenteMaterias li:last-child:before { content: " y "; }
.docenteMaterias li:last-child:after { content: ""; }
.docenteMaterias li:first-child:before { content: ""; }
.docenteMaterias li:nth-last-child(2):after { content: "" }

/* ORT - Dspace */		/* Trabajos Finales de Carreras - TFDC */
.dspaceBtSearch { padding: 30px 0; }
.dspaceBtSearch a { display: block; padding: 20px; background: #DDD8D4; font-size: 14px; text-align: center; text-decoration: underline; }
.dspaceBtSearch a:hover { background: #EDEAE2; text-decoration: none; }

/* ORT - Producción científica */
.scientificProductionList { list-style: none; }
.scientificProductionList li { margin-bottom: 15px; margin-left: 15px; }
.scientificProductionList li::before { content: ""; position: absolute; width: 6px; height: 6px; margin: 5px auto 0 -15px; background: #C99E8C; }
.scientificProductionList + .newsFilters { text-align: right; }


#type-ort-scientificprod-container span.help,
.prod-cientifica #content-description h2 span.help {
	position:relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 7px;
    background: var(--mainColor, #661020);
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

#type-ort-scientificprod-container span.help,
.prod-cientifica #content-description h2  .help span { display:none; }

#type-ort-scientificprod-container span.help span,
.prod-cientifica #content-description h2 .help span {
	display:none;
    position: absolute;
    left: 30px;
    top: 0;
    width: 200px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--mainColor, #661020);
    font-size: 13px;
    font-weight: normal;
    color: #000;
    text-align: left;
    box-shadow: 2px 2px 2px #999;
    white-space: normal;
    z-index: 100;
    cursor: default;
}
#type-ort-scientificprod-container span.help:hover span,
.prod-cientifica #content-description h2 span.help:hover span {
    display: block;
}

/* ORT - Noticias */

.newsFilters { padding: 0 0 1.3em; }
.newsFilters .filtersLabel { display: inline-block; }
.newsFilters ul { display: inline-block; margin: 0; padding: 0; }
.newsFilters li { display: inline-block; margin: 0; padding: 0; line-height:1.8; }
.newsFilters li a { position: relative; display: block; padding: 5px 1em 5px 2em; text-decoration: none !important; }
.newsFilters li.selected a,
.newsFilters li:hover  { background: #edeae2; }

.newsFilters li a:after { content:""; display:block; position:absolute; top:14px; left:6px; width:4px; height:3px; 
	border-color:#ffffff #ffffff transparent transparent; border-width: 1px; border-style:solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);	
}
.newsFilters li a:before { content:""; display:block; position:absolute; background:#820000; width:11px; height:11px;  top:11px; left:5px; }

.filters .categories,
.fechasSelector { padding: 2em 0 4em; text-align: right; overflow: hidden; }
.fechasSelector .fechaYear { display: inline-block; margin-left: 1em; vertical-align: middle; }
.fechasSelector .fechaYear select { padding: 3px; border: 1px solid var(--mainColor, #661020); font-weight: bold; color: var(--mainColor, #661020); }
.fechasSelector .fechaMonth { display: inline-block; vertical-align: middle; font-size: 0; }
.fechasSelector .fechaMonth li { display: inline-block; padding: 0; border-left: 1px solid #570C15; font-size: 13px; }
.fechasSelector .fechaMonth li:first-child { border-left: none; }
.fechasSelector .fechaMonth li a { display: block; padding: 4px 8px; color: #332B1D; text-decoration: none !important; }
.fechasSelector .fechaMonth li.selected a,
.fechasSelector .fechaMonth li a:hover { background: #EDEAE2; color: var(--mainColor, #661020); }
.fechasSelector .fechaMonth li.selected a { font-weight: bold; }

#type-ort-news-container .newsListWrapper h3 { margin: 0; padding: 1.5em 0 1em; font-size: inherit; }
.newsList { margin: 1em 0; padding: 0; list-style: none; }
.newsList li { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px dotted var(--mainColor, #661020) }
.newsList .newsTitle { margin-bottom: 1em; font-weight: bold; font-size: 16px; }
.newsList .newsTitle a { text-decoration: none; }
.newsList .newsDate { margin-bottom: 1em; }

#type-ortnews .fechasSelector { padding-bottom: 2em; }
#type-ortnews .newsDetail > h2 { margin: 0; margin-bottom: 1em; padding: 0 !important; font-weight: bold; font-size: 16px; color: var(--mainColor, #661020); }


/* ORT - Cubo de productos */
.prodInfoDetail + .viewMore { margin-top: 1em; }
.productFootNote { margin-top: 1em; color: #808080; font-size: .875em; }


/* Videos de Youtube sin precarga  */
#body .videoYoutube { position: relative; margin-bottom: 30px; padding-top: 56.25%; overflow: hidden; background-color: #000; cursor: pointer; }
#body .videoYoutube img { top: 0; left: 0; width: 100%; opacity: 1; transition: opacity .3s; }
#body .videoYoutube[data-ytdefimg] img { top: -16.84%; width: 100%; }
#body .videoYoutube .play-button { width: 90px; height: 60px; z-index: 1; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); background-color: #333; opacity: 0.8; border-radius: 6px; transition: .3s; }
#body .videoYoutube .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; }
#body .videoYoutube img,
#body .videoYoutube .play-button { cursor: pointer; }
#body .videoYoutube img,
#body .videoYoutube iframe,
#body .videoYoutube .play-button,
#body .videoYoutube .play-button:before { position: absolute; }
#body .videoYoutube .play-button,
#body .videoYoutube .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); }
#body .videoYoutube iframe { top: 0; left: 0; width: 100%; height: 100%; }
#body .videoYoutube:hover img { opacity: 0.7; }
#body .videoYoutube:hover .play-button { background-color: red; opacity: 1; }
/* Se duplica el bloque anterior para Fancybox 2. Modificar en ambos lados. El id #body es necesario por especificidad. En el fancy no se necesita, porque hay menos estilos que se hereden. */
.fancybox-wrap .videoYoutube { position: relative; margin-bottom: 30px; padding-top: 56.25%; overflow: hidden; background-color: #000; cursor: pointer; }
.fancybox-wrap .videoYoutube img { top: 0; left: 0; width: 100%; opacity: 1; transition: opacity .3s; }
.fancybox-wrap .videoYoutube[data-ytdefimg] img { top: -16.84%; width: 100%; }
.fancybox-wrap .videoYoutube .play-button { width: 90px; height: 60px; z-index: 1; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); background-color: #333; opacity: 0.8; border-radius: 6px; transition: .3s; }
.fancybox-wrap .videoYoutube .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; }
.fancybox-wrap .videoYoutube img,
.fancybox-wrap .videoYoutube .play-button { cursor: pointer; }
.fancybox-wrap .videoYoutube img,
.fancybox-wrap .videoYoutube iframe,
.fancybox-wrap .videoYoutube .play-button,
.fancybox-wrap .videoYoutube .play-button:before { position: absolute; }
.fancybox-wrap .videoYoutube .play-button,
.fancybox-wrap .videoYoutube .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); }
.fancybox-wrap .videoYoutube iframe { top: 0; left: 0; width: 100%; height: 100%; }
.fancybox-wrap .videoYoutube:hover img { opacity: 0.7; }
.fancybox-wrap .videoYoutube:hover .play-button { background-color: red; opacity: 1; }
/* Se duplica el bloque anterior para Fancybox 3. Modificar en ambos lados y en el original. */
.fancybox-container .videoYoutube { position: relative; margin-bottom: 30px; padding-top: 56.25%; overflow: hidden; background-color: #000; cursor: pointer; }
.fancybox-container .videoYoutube img { top: 0; left: 0; width: 100%; opacity: 1; transition: opacity .3s; }
.fancybox-container .videoYoutube[data-ytdefimg] img { top: -16.84%; width: 100%; }
.fancybox-container .videoYoutube .play-button { width: 90px; height: 60px; z-index: 1; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); background-color: #333; opacity: 0.8; border-radius: 6px; transition: .3s; }
.fancybox-container .videoYoutube .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; }
.fancybox-container .videoYoutube img,
.fancybox-container .videoYoutube .play-button { cursor: pointer; }
.fancybox-container .videoYoutube img,
.fancybox-container .videoYoutube iframe,
.fancybox-container .videoYoutube .play-button,
.fancybox-container .videoYoutube .play-button:before { position: absolute; }
.fancybox-container .videoYoutube .play-button,
.fancybox-container .videoYoutube .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); }
.fancybox-container .videoYoutube iframe { top: 0; left: 0; width: 100%; height: 100%; }
.fancybox-container .videoYoutube:hover img { opacity: 0.7; }
.fancybox-container .videoYoutube:hover .play-button { background-color: red; opacity: 1; }