/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800);

[class^=icon-], [class*=" icon-"] {font-family:FontAwesome!important;}

html {box-sizing: border-box; -webkit-font-smoothing: antialiased; position: relative; }
body {font-family: "Roboto", sans-serif; font-size:14px; overflow-x: hidden; min-width: 320px; min-height: 100%;/*margin-bottom: 390px;*/; padding-top: 47px; box-shadow: 0 2px 1px #333;}
*, *:before, *:after {box-sizing: inherit; position: relative;}

h1, h2, h3, h4, h5, h6 {font-family:"Montserrat", sans-serif; letter-spacing: -0.025em;}
a, a:visited {color: inherit}
a:hover, a:focus {text-decoration:none; color: inherit;}
a:not(.noicon)[href^="https:"]:after {display: none !important}
b, strong {font-weight: 600;}
input, select, textarea {font-family: "Roboto", sans-serif;}
button, a.button {font-family:"Montserrat", sans-serif; letter-spacing: -0.025em;}

img, a img {max-width: 100%; border: 0; height: auto;}

/* HACKS */
select option[disabled]:first-child {display: none !important;}   
iframe[name="google_conversion_frame"] {position: absolute; z-index: -100; /*width: 0; height: 0; overflow: hidden;*/ }


/*--- COMMON ---*/
.row {max-width:1280px; margin: 0 auto; position: relative;}   
.disabled {opacity: 0.2; cursor: default; pointer-events: none;}
.noselect, .noselect * {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.noclicks, .noclicks * {pointer-events: none !important;}   
img.pull-left {margin-right: 1em;}

a:not(.noicon)[href$=".jpg"]:after,
a:not(.noicon)[href$=".jpeg"]:after,
a:not(.noicon)[href$=".png"]:after,
a:not(.noicon)[href$=".gif"]:after,
a:not(.noicon)[href$=".svg"]:after {display: none !important;}

.bg_derecho, .bg_derecho .nav ul ul {background:#A68AB9;}
.bg_arquitectura, .bg_arquitectura .nav ul ul {background:#da2530;}
.bg_historia, .bg_historia .nav ul ul {background:#F4A821;}
.bg_gobierno, .bg_gobierno .nav ul ul {background:#A2C33A;}
.bg_matematicas, .bg_matematicas .nav ul ul {background:#562583;}
.bg_economia, .bg_economia .nav ul ul {background:#00A1AF;}
.bg_negocios, .bg_negocios .nav ul ul {background:#7CAFD4;}
.bg_cpoliticas, .bg_cpoliticas .nav ul ul {background:#5487BB;}
.bg_clibre {background:#58595B;}
.bg_arte, .bg_arte .nav ul ul {background:#A6A7A9;}
.bg_amarillo-ditella, .bg_amarillo-ditella .nav ul ul {background:#FDBD15;}
.bg_gris_oscuro {background:#595A5C;}
.bg_gris_claro, .bg_gris_claro .nav ul ul {background:#D1D3D4;}

.derecho-color {color:#A68AB9!important;}
.arquitectura-color {color:#da2530!important;}
.historia-color {color:#F4A821!important;}
.gobierno-color {color:#A2C33A!important;}
.matematicas-color {color:#562583!important;}
.economia-color {color:#00A1AF!important;}
.negocios-color {color:#7CAFD4!important;}
.cpoliticas-color {color:#5487BB!important;}
.arte-color {color:#A6A7A9!important;}
.amarillo-ditella-color {color:#FDBD15!important;}
.diseno-color {color: #00AF66!important;}

/*--- LAYOUT ---*/
.utdt-page {background: #FFF;position: relative; z-index: 1;}

.footer-utdt {background:#2A2929; padding: 30px 0 20px; /*position: fixed; bottom: 0; z-index: -1; */width: 100%; }
.footer-utdt a {color:#ACACAC; font-weight:300; white-space: nowrap; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; display: inline-block; line-height: 1.2em; font-size: 13px;}
.footer-utdt a:hover {color:#fff;}
.footer-utdt span {color:#ACACAC; font-weight:300;display: inline-block; line-height: 1.2em; font-size: 14px;white-space: nowrap;}
.footer-utdt h4 {color:#fff;padding:0;margin: 0 0 5px; font-size:16px;line-height:1em;font-weight:600;}
.footer-utdt h4 + div {margin-bottom: 15px; line-height: 21px;}

.footer-utdt .social a {display: inline-block; padding: 0; margin-right: 2px;
/* FIX 20230911 */
margin-right: 12px;
margin-top: 6px;
}

.footer-utdt .social a:hover {color: #fff;}
.footer-utdt .social a:before {background: transparent; width: 28px; height: 28px; line-height: 28px; padding-left: 6px; border-radius: 50%; font-size: 20px; }
.footer-utdt .social a:not(.noicon)[href*="facebook.com"]:before {content: "\f09a"; padding-left: 10px;}
.footer-utdt .social a:not(.noicon)[href*="twitter.com"]:before {content: "\f099"; padding-left: 6px;}
.footer-utdt .social a:not(.noicon)[href*="linkedin.com"]:before {content: "\f08c";}
.footer-utdt .social a:not(.noicon)[href*="youtube.com"]:before {content: "\f167";}
.footer-utdt .social a:not(.noicon)[href*="instagram.com"]:before {content: "\f16d";}

.footer-utdt .social a:hover:not(.noicon)[href*="facebook.com"]:before {background-color: #3b5998; padding-left: 10px;}
.footer-utdt .social a:hover:not(.noicon)[href*="twitter.com"]:before {background-color: #55acee; padding-left: 6px;}
.footer-utdt .social a:hover:not(.noicon)[href*="linkedin.com"]:before {background-color: #007bb5;}
.footer-utdt .social a:hover:not(.noicon)[href*="youtube.com"]:before {background-color: #bb0000;}
.footer-utdt .social a:hover:not(.noicon)[href*="instagram.com"]:before {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}

.footer-utdt .logo-svg {width: 60px; height: 60px; border-radius: 50%; float: left; margin-right: 15px;}

.footer-utdt .info-utdt {display: flex; align-items: flex-start; align-content: flex-start;}
.footer-utdt .info-utdt > * {display: inline-block;}
.footer-utdt .info-utdt p {line-height: 1.1em; white-space: nowrap; display: inline-block; margin-bottom: 0;}
.footer-utdt .data-fiscal {margin-left: 15px; min-width: 60px;}

@media screen and (max-width: 1024px) {
    body {margin-bottom: 360px;}
    .footer-utdt {font-size: 0.9em;}
}
@media screen and (max-width: 768px) {
    body {min-height: 100%; margin-bottom: 0; }
    .footer-utdt {position: relative; bottom: initial; width: 100%; z-index: 1000; padding: 15px;}
    .footer-utdt a,
    .footer-utdt span {font-size: 13px;}
    .footer-utdt h4 {margin-bottom: 10px;}
    .footer-utdt h4 + div:not(.social) {overflow: hidden; height: 0;}
    .footer-utdt h4 + div:not(.social) a {opacity: 0; transition: opacity 0.5s;}
    .footer-utdt h4 + div:not(.social).open {height: auto;}
    .footer-utdt h4 + div:not(.social).open a {opacity: 1;}
    .footer-utdt .info-utdt p {white-space: normal; display: inline-block; }
    .footer-utdt .info-utdt * {font-size: 11px !important;}
}
@media screen and (max-width: 480px) {
    .footer-utdt .info-utdt img {width: 40px;}
    .footer-utdt .info-utdt * {font-size: 10px !important;}
}