* { user-select:none; }
body { padding-top: 96px; font-family: Roboto, Helvetica, Arial, sans-serif; background: linear-gradient(135deg, darkslategray 0%,slategray 100%); color: floralwhite; }
dd { padding-left: 24px; }

/*   100 = Thin || 200 = Extra Light (Ultra Light) || 300 = Light || 400 = Normal || 500 = Medium || 600 = Semi Bold (Demi Bold) || 700 = Bold || 800 = Extra Bold (Ultra Bold) || 900 = Black (Heavy)   */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url('/fonts/Roboto-Thin.woff2') format('woff2'), url('/fonts/Roboto-Thin.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/Roboto-Light.woff2') format('woff2'), url('/fonts/Roboto-Light.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/Roboto-Medium.woff2') format('woff2'), url('/fonts/Roboto-Medium.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff'); }
/*@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url('/fonts/Roboto-Black.woff2') format('woff2'), url('/fonts/Roboto-Black.woff') format('woff'); }*/
/*@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fonts/Roboto-ThinItalic.woff2') format('woff2'), url('/fonts/Roboto-ThinItalic.woff') format('woff'); }*/
/*@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/fonts/Roboto-LightItalic.woff2') format('woff2'), url('/fonts/Roboto-LightItalic.woff') format('woff'); }*/
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url('/fonts/Roboto-Italic.woff2') format('woff2'), url('/fonts/Roboto-Italic.woff') format('woff'); }
/*@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fonts/Roboto-MediumItalic.woff2') format('woff2'), url('/fonts/Roboto-MediumItalic.woff') format('woff'); }*/
/*@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fonts/Roboto-BoldItalic.woff2') format('woff2'), url('/fonts/Roboto-BoldItalic.woff') format('woff'); }*/
/*@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fonts/Roboto-BlackItalic.woff2') format('woff2'), url('/fonts/Roboto-BlackItalic.woff') format('woff'); }*/

#menuPrincipal { min-height: 96px; border-bottom: 2px solid #e5322f; }
#menuPrincipal .dropdown-toggle, #menuPrincipal .dropdown-menu a { cursor: pointer; display: inline-block; width: 100%; text-decoration: none; }
#menuPrincipal .dropdown-item:focus, #menuPrincipal .dropdown-item:hover { color: #16181b; }
@media (min-width: 992px) {
    #menuPrincipal a.nav-link { padding: 8px !important; margin-right:8px; }
}

#notifPrivacidad { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; padding: 16px; background: rgba(0,0,0,0.8); color: white; text-align: center; }

.secciones-numeradas p, .secciones-numeradas li, .secciones-numeradas dd { text-align: justify; }
.secciones-numeradas h1 { counter-reset: h2counter; }
.secciones-numeradas h2:before { content: counter(h2counter) ".\0000a0\0000a0"; counter-increment: h2counter; counter-reset: h3counter; }
.secciones-numeradas h3:before { content: counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0"; counter-increment: h3counter; }

.enlace-idioma > img { height: 18px; width: auto; vertical-align: middle; margin: 2px; }

.body-content { min-height: calc(100vh - 470px); }

a:hover { color: rgb(229,50,47) !important; text-decoration: none; transition: color 0.5s ease-out; }
a.active { color: #e5322f !important; }

a.card { background: rgba(255,255,255,0.1); color:white !important; border:none; font-weight:lighter; text-align: justify; }
a.card, a.card:hover { text-decoration: none; box-shadow: 0px 30px 30px -20px rgba(0,0,0,0.2); transition: all .4s cubic-bezier(1,.4,.4,1); }
a.card:hover { color: rgb(64,220,255) !important; }

.marquee { overflow: hidden; }
.marquee > img {width: 150px; max-height: 100px; }

#carouselPpal .adicional { position:absolute; top:0; left:0; right:0; bottom:0; padding:16px; }

#menuSecundario img { width:64px; max-height:64px; margin: 4px; }

.eslogan { height: 64px; line-height: 64px; text-align: center; font-size: 28px; letter-spacing: 2px; color: white; text-shadow: 0px 0px 16px lightgray; background: linear-gradient(135deg, rgb(110, 150, 215) 0%,rgb(67, 60, 151) 100%); }

footer { height:230px; margin-top: 16px; border-top: 2px solid #e5322f; padding: 32px 0; background: #17222d; color: #888888; font-weight: 300; font-size: 16px; }
footer a { color: white; }