@font-face { font-family: Verdana; src: url('../fonts/verdana.ttf'); font-style: normal; font-weight: normal;}

@font-face { font-family: 'Verdana Bold'; src: url('../fonts/verdanaBold.ttf'); font-style: normal; font-weight: bold;}

body{ font-family: 'Verdana', sans-serif; color:#777777 !important; font-size: 18px !important;max-width: 100%; background-color: #ffffff;}

header{ background: url('../img/bg-cabecera.jpg') top left no-repeat; background-size: cover;}

#header-top{ border-bottom: 1px solid #D7D9E3; font-style: 0.8rem;}

a{ color:#777777 !important; cursor: pointer;}

a:hover, .nav-item.active a{ color: #1F5098 !important; text-decoration: none;}

h1,h2,h3{ font-family: 'Verdana Bold' !important;}

.text-grey-hover:hover{ color: #777777 !important;}

.text-blue{ color: #1F5098; }

.bg-carusel{ background-color: #D9D9D9; }

.title-product hr{ border-color:#1F5098; width: 80%; margin: 0; border-width: 3px;}

.embed-responsive-21by9::before{ padding-top: 30% !important;}

.carousel-control-next, .carousel-control-prev{ opacity: 0.2;}

#main-menu{ border-bottom: 2px solid #9BA1B9; }

#menu-border{position: absolute;z-index: 2;bottom: -2px;-webkit-transition:left 1s ease;-moz-transition:left 1s ease;transition:left 1s ease;}

#main-menu .nav-item:nth-child(1):hover ~ #menu-border,#main-menu .nav-item:nth-child(1).active ~ #menu-border, #main-menu .nav-item:nth-child(1):hover:focus ~ #menu-border {left:3%;}

#main-menu .nav-item:nth-child(2):hover ~ #menu-border,#main-menu .nav-item:nth-child(2).active ~ #menu-border, #main-menu .nav-item:nth-child(2):hover:focus ~ #menu-border {left:21%;}

#main-menu .nav-item:nth-child(3):hover ~ #menu-border,#main-menu .nav-item:nth-child(3).active ~ #menu-border, #main-menu .nav-item:nth-child(3):hover:focus ~ #menu-border {left:43%;}

#main-menu .nav-item:nth-child(4):hover ~ #menu-border,#main-menu .nav-item:nth-child(4).active ~ #menu-border, #main-menu .nav-item:nth-child(4):hover:focus ~ #menu-border {left:61%;}

#main-menu .nav-item:nth-child(5):hover ~ #menu-border,#main-menu .nav-item:nth-child(5).active ~ #menu-border, #main-menu .nav-item:nth-child(5):hover:focus ~ #menu-border {left:80%;}

#about-us{ background: url('../img/bg-bienvenidos.jpg') top center no-repeat; background-size: cover; overflow: hidden;}

#products,#services{ background: url('../img/bg-productos-servicios.jpg') top center no-repeat; background-size: cover; overflow: hidden;}

#contact{ background: url('../img/bg-contacto.jpg') center center no-repeat; background-size: cover; overflow: hidden;}

#footer-top{ background: url('../img/bg-piepagina.jpg') top right no-repeat; background-size: cover; overflow: hidden;}

#arrow-top{position: absolute;bottom: 10px;right: 30px;transform: rotate(-90deg);}


@media (max-width: 992px) {

    #main-menu{ border-bottom: 0;}

    #menu-border{ display: none;}

    #navbarSupportedContent{ position: absolute; right: 15px; text-align: right; top: 54px; border-radius: 5px;
    border: 1px solid #9ba1b9; padding: 5px 12px; z-index: 100000; background-color: #ffffff;}


}