@font-face { font-family: "Gilroy-light"; src: url("../fonts/Gilroy-light.otf"); } @font-face { font-family: "Gilroy-extrabold"; src: url("../fonts/Gilroy-extrabold.otf"); } * { font-family: "Gilroy-light"; } body { background-image: url('../img/index/fondo.png'); background-position: center top; background-size: 100% auto; } .Gilroy-extrabold { font-family: "Gilroy-extrabold"; } .navbar-color { color: #E29DDD; } .text-black { color: black; } a:active { color: #E29DDD; } a:hover { color: #E29DDD; font-family: "Gilroy-light"; } .navbar-background-color { background: linear-gradient(to right, #7BCBFF , #E29DDD); } .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; } .banner-imagen-ancho { width: 100px; } .margin-top-contacto { } .height-card-producto { height: 300px; } } @media (min-width: 576px) and (max-width: 768px) { .main-container { margin-top: 100px; } .banner-imagen-ancho { width: 100px; } .margin-top-contacto { } .height-card-producto { height: 300px; } } @media (min-width: 768px) and (max-width: 992px) { .main-container { margin-top: 50px; } .banner-imagen-ancho { width: 300px; display: block; } .margin-top-contacto { margin-top: -80px; } .height-card-producto { height: 200px; } } @media (min-width: 992px) and (max-width: 1200px) { .main-container { margin-top: 50px; } .banner-imagen-ancho { width: 300px; display: block; } .margin-top-contacto { margin-top: -80px; } .height-card-producto { height: 200px; } } @media (min-width: 1200px) { .main-container { margin-top: 50px; } .banner-imagen-ancho { width: 300px; display: block; } .margin-top-contacto { margin-top: -80px; } .height-card-producto { height: 200px; } } .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; } .background-nosotros { background-image: url('../img/nosotros/fondo-nosotros.png'); background-position: center top; background-size: 100% auto; }