/* botonera */ .navbar-nav { float: left; position: relative; padding-right: 5px; } @media (max-width: 991px) { .navbar-nav { float: none; margin: 0; padding: 0; } } .navbar-nav:after { content: ""; width: 1px; height: 20px; background: #312b27; /* VER ESTO */ /* background: none rgba(19, 16, 14, 0.8); */ top: 13px; right: 0; position: absolute; } @media (max-width: 991px) { .navbar-nav:after { display: none; } } .navbar-nav LI A { font: 600 14px/48px "Raleway", sans-serif; letter-spacing: 0.3px; text-transform: uppercase; text-shadow: none; color: #FFFFFF; /* Color_Institucional; /* #d3c2ae; */ padding: 0 13px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (max-width: 1199px) { .navbar-nav LI A { padding: 0 12px; } } .navbar-nav LI A:hover { color: #c89551; /* */ } .navbar-nav LI A + UL { border: none; padding: 20px 26px; border-radius: 0; /* background-color: #1c130d; */ background: none rgba(19, 16, 14, 0.8); min-width: 250px; margin-top: 1px; } @media (min-width: 1025px) { .navbar-nav LI A + UL { display: block; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-transition-duration: 200ms; transition-duration: 200ms; } } .navbar-nav LI A + UL LI { padding: 0; position: relative; } .navbar-nav LI A + UL LI A { border-left: 0; border-right: 0; font-size: 13px; line-height: 40px; font-family: "Open Sans", sans-serif; letter-spacing: 1.3px; font-weight: 400 !important; white-space: nowrap; padding: 0; font-weight: 600; color: #FFFFFF; /* #bc945e; */ } .navbar-nav LI A + UL LI A:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/32px "FontAwesome"; /* font: normal normal normal 14px/38px FontAwesome; */ font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: none; float: left; position: relative; top: 4px; /* 4px; */ left: 0; width: 18px; height: auto; } @media (max-width: 991px) { .navbar-nav LI A + UL LI A:before { width: 15px; } } @media (max-width: 767px) { .navbar-nav LI A + UL LI A:before { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .navbar-nav LI A + UL LI A:hover, .navbar-nav LI A + UL LI A:focus { text-shadow: none; color: #d3c2ae; /* */ background: none; } .navbar-nav LI A + UL LI A:hover:before, .navbar-nav li a + ul li a:focus:before { color: #d3c2ae; /* */ } .navbar-nav LI:hover:before, .navbar-nav LI.open:before { height: 3px; } .navbar-nav LI:hover > A, .navbar-nav LI.open > A { background: none; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav li:hover > a + ul, .navbar-nav li.open > a + ul { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } @media (min-width: 1025px) { .navbar-nav li:hover > a + ul li a + ul, .navbar-nav li.open > a + ul li a + ul { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } } @media (min-width: 1025px) { .navbar-nav li:hover > a + ul li:hover a + ul, .navbar-nav li:hover > a + ul li.active a + ul, .navbar-nav li:hover > a + ul li.open a + ul, .navbar-nav li.open > a + ul li:hover a + ul, .navbar-nav li.open > a + ul li.active a + ul, .navbar-nav li.open > a + ul li.open a + ul { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } } .navbar-nav li.active:before { height: 3px; } .navbar-nav li.active > a { background: none; -webkit-box-shadow: none; box-shadow: none; color: #c89551; /* */ } .navbar-nav li.active > a:before { display: block; } /* descolgables a derecha del icono */ .navbar-right { margin-right: 0; padding-right: 0; } /* .navbar-right:after { display: none; } .navbar-right li a { padding: 0; } */ .navbar-right { margin: 0; } /* */ /* @media (max-width: 991px) { .navbar-right { -webkit-transform: skew(38deg); -ms-transform: skew(38deg); transform: skew(38deg); float: left; margin-left: -320px; } } */ /* */ .navbar-right li { float: left; margin-left: 26px; position: relative; } /* @media (max-width: 1199px) { .navbar-right li { margin-left: 15px; } } .navbar-right li a { font: 600 14px/48px "Raleway", sans-serif; Letter-spacing: 0.3px; text-transform: uppercase; text-shadow: none; color: #d3c2ae; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; padding: 0; color: #d1d0cf; } .navbar-right li a:hover, .navbar-right li a:focus { color: #c89551; } .navbar-right li a + ul { display: none; } */ /* @media (min-width: 1025px) { .navbar-right li a + ul { display: none !important; -webkit-transform: none; -ms-transform: none; transform: none; } } .navbar-right li a + ul li { margin-left: 0; } .navbar-right li a + ul li a:before { display: none; } */ .navbar-right li a + ul.cart-box { width: 350px; } .navbar-right li a + ul.cart-box .cart-header h4 { font-size: 20px; line-height: 50px; font-weight: bold; text-transform: capitalize; color: #c89551; font-family: "Raleway", sans-serif; margin-top: 0; } .navbar-right li a + ul.cart-box .cart-content { padding: 15px 0; border-top: 1px dashed #c89551; z-index: 12; } .navbar-right li a + ul.cart-box .cart-content .img-box { width: 100px; display: table-cell; vertical-align: top; } .navbar-right li a + ul.cart-box .cart-content .img-box img { width: 100%; } .navbar-right li a + ul.cart-box .cart-content .content { display: table-cell; vertical-align: top; padding-left: 30px; } .navbar-right li a + ul.cart-box .cart-content .content h5 { font-size: 13px; font-family: "Open Sans", sans-serif; color: #d3c2ae; } .navbar-right li a + ul.cart-box .cart-content .content .rating { padding-top: 15px; } .navbar-right li a + ul.cart-box .cart-content .content .rating i { color: #bc945e; cursor: pointer; font-size: 13px; } .navbar-right li a + ul.cart-box .cart-content .content ul.price { margin-top: 5px; margin-left: -10px; list-style: none; padding-left: 0; } .navbar-right li a + ul.cart-box .cart-content .content ul.price li { display: table-cell; padding: 0 10px; } .navbar-right li a + ul.cart-box .cart-content .content ul.price li span { font-size: 16px; font-weight: 600; color: #d3c2ae; font-style: italic; font-family: "PT Serif",serif; } .navbar-right li a + ul.cart-box .cart-footer { border-top: 1px dashed #c89551; padding-top: 15px; } .navbar-right li a + ul.cart-box .cart-footer .total-price { float: left; } .navbar-right li a + ul.cart-box .cart-footer .total-price h4 { color: #c89551; text-transform: capitalize; font-weight: 700; font-size: 14px; line-height: 35px; } .navbar-right li a + ul.cart-box .cart-footer .checkout-box { float: right; padding: 0px 25px; margin-left: 25px; } .navbar-right li a + ul.cart-box .cart-footer .checkout-box a { font-size: 14px; padding: 0; line-height: 35px; color: #d3c2ae; } .navbar-right LI A + UL.cart-box .cart-footer .checkout-box:hover A { color: #000; } /* .navbar-right LI .search-form { margin-left: 0; } .navbar-right LI .search-form .form-control { border-radius: 0; background: #333333; color: #FFFFFF; border: none; -webkit-box-shadow: none; box-shadow: none; } .navbar-right LI.open { background: none; } .navbar-right LI.open A { background: none; } .navbar-right LI.open A + UL { display: block; position: absolute; right: 0; left: auto; background: none rgba(19, 16, 14, 0.8); padding: 20px 26px; min-width: 250px; } @media (min-width: 1025px) { .navbar-right li.open a + ul { display: block !important; } } .navbar-right li.open a + ul li a:before { display: none; } */ .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } @media (max-width: 991px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 992px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } @media (max-width: 991px) { .navbar-nav .open .dropdown-menu > li > a { color: #777777; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { color: #333333; background-color: transparent; } .navbar-nav .open .dropdown-menu > .active > a, .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } } .capa_elemento { margin: 0; padding: 0; width: 100%; display: table; background-color: #00FF00; }