*{ margin: 0px; padding: 0px; font-size: 18px; } body{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; } .btn-foo { background: #BB8800; color: white; text-align: center; border-radius: 50px; border: none; font-size: 18px; margin: 30px; box-sizing: border-box; transition: all 500ms ease; } .btn-foo:hover{ background: rgba(163,120,0,0.9); box-shadow: inset 0 0 0 3px #916500; } #b1{ height: 33px; } #b3{ height: 33px; } #b4{ height: 33px; } /*NAVBAR*/ .bg-gold{ background-color: #bb8800; } .it{ color: #fff; transition: all 250ms ease; } .it:hover{ color: #bb8800; } .ti{ background-color: #bb8800; transition: all 250ms ease; } .ti:hover{ background-color: #fff; } /*Multinivel Dropdown*/ /*nivel 1*/ .dropdown-submenu { position: relative; background-color: #BB8800; } /*nivel 3*/ .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } /*nivel 3*/ .dropdown-submenu:hover>.dropdown-menu { display: block; background-color: #E9AD0C; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; /*pestaƱa para mostrar mas border-left-color:red;*/ margin-top: 5px; margin-right: -10px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown-menu{ background-color: transparent; border: transparent; border: none; } .dropdown-menu .dropdown-item > li > a:hover { background-image: none; background-color: #000!important; } .navbar { background: none; } .dropdown-content a:hover { background-color: transparent; } .nav.inline-navbar>li{ display: inline-block; } /*CARRUSEL*/ .carousel-inner img { width: 100%; height: 90%; } /*Redes Sociales*/ /*CONTENEDOR DE LOGOTIPOS*/ .cont-social{ background-color: #3b4142; /* width: 60%; */ } /*ANCHO DE IMAGENES*/ .ancho-img-social{ width: 100%; transition: all 250ms ease; } .ancho-img-social:hover{ transform: translate(0,-8px); } /*Novedades*/ .nov{ width: 45%; height: 60px; background-color: #404040; border-radius: 30px 30px 0px 0px; margin-left: 27%; } .lin{ height: 5px; background-color: #404040; } .n{ color: #ffffff; text-align: center; font-size: 33px; padding-top: 13px; }