@font-face { font-family: "FiraSans"; src: url("../../assets/fonts/FiraSans-ExtraLight.ttf"); } @font-face { font-family: "FiraSans-Bold"; src: url("../../assets/fonts/FiraSans-Bold.ttf"); } @font-face { font-family: "FiraSans-BoldItalic"; src: url("../../assets/fonts/FiraSans-BoldItalic.ttf"); } @font-face { font-family: "FiraSans-ExtraLightItalic"; src: url("../../assets/fonts/FiraSans-ExtraLightItalic.ttf"); } @font-face { font-family: "FiraSans-MediumItalic"; src: url("../../assets/fonts/FiraSans-MediumItalic.ttf"); } * { font-family: "FiraSans"; } body { background-image: url('../img/index/fondo1.jpg') !important; background-position: center top !important; background-size: 100% auto !important; } .FiraSans-Bold { font-family: "FiraSans-Bold"; } .FiraSans-BoldItalic { font-family: "FiraSans-BoldItalic"; } .FiraSans-ExtraLightItalic { font-family: "FiraSans-ExtraLightItalic"; } .FiraSans-MediumItalic { font-family: "FiraSans-MediumItalic"; } .titulo-banner { font-family: "FiraSans-BoldItalic"; color: #ec552f; font-weight: bold; } .navbar-color { color: #ec552f; } .navbar-background-color { background-color: black; } .white-background-color { background-color: white; } .black-color { color: black !important; } .alertaIndex { position: fixed; z-index: 999; width: 500px; height: 200px; margin: 5% auto; left: 0; right: 0; } .titulo { text-align: center; font-size: 40px; color: #9C0001; font-weight: bold; font-family: "FiraSans"; } .separador { border-top-style: solid; border-top-width: 1px; width: 100%; } .link-activo { color: #fbf005 !important } /*GOOGLE BUTTON*/ /*GOOGLE BUTTON*/ #customBtn { display: inline-block; background: white; color: #444; width: 100%; border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; } #customBtn:hover { cursor: pointer; } span.label { font-family: serif; font-weight: normal; } span.icon { background: url('../img/g-normal.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 42px; } span.buttonText { display: inline-block; vertical-align: middle; font-size: 1rem; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', sans-serif; } /* END GOOGLE BUTTON*/ .text-egipcio { color: #9C0001 !important; } .modal { z-index: 2001; } /* Chrome, Safari, Edge, Opera */ .removeArrows input::-webkit-outer-spin-button, .removeArrows input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } /* Firefox */ .removeArrows input[type=number] { -moz-appearance: textfield !important; } /* ########################## - MEDIAQUERIES ############## */ @media (max-width: 576px) { .main-container { margin-top: 100px; } } @media (min-width: 576px) and (max-width: 768px) { .main-container { margin-top: 100px; } } @media (min-width: 768px) and (max-width: 992px) { .main-container { margin-top: 50px; } } @media (min-width: 992px) and (max-width: 1200px) { .main-container { margin-top: 50px; } } @media (min-width: 1200px) { .main-container { margin-top: 50px; } } .ui-autocomplete { position: absolute; z-index: 1000; cursor: default; padding: 0; margin-top: 2px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .ui-autocomplete>li { padding: 3px 20px; } .ui-autocomplete>li:hover { background-color: #ec552f; color: white; font-weight: bold; } .ui-helper-hidden-accessible { display: none; }