@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700&display=swap');

/** font-family: 'Oswald', sans-serif;
font-family: 'Roboto', sans-serif; **/

*:focus, button.btn.btn-buscartop:focus, button.btn.btn-buscartop:active {outline: none}
*::placeholder { padding-left: 4px}
::-webkit-scrollbar { width: 15px; background: #4e4e4e}
::-webkit-scrollbar-thumb { background-color: var(--color-marca2);} 
::-webkit-scrollbar-thumb:hover { background: #2196F3; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-thumb:active { background-color: #2196F3;}
body {
    --color-marca1:#003c71;
    --color-marca2:#966305;
    --color-marca3:#003c71;
    --color-marca4:#003c71;
    background:#F0F0F0;
}
h1, h2, h3, h4, h5, h6 {color: #003c71; font-family: 'Roboto', sans-serif;}
h6 { border-bottom: 1px solid var(--color-marca2);}
body.ofertas { padding-top: 105px;}
div#barraDemo { width:100%; position:fixed; background:rgba(255,0,0,0.8); bottom:0; z-index:999999; padding:0; margin:0; left:0; }
div#barraDemo p{ padding:15px; text-align:center; color:#fff; margin:0 }
div#barraDemo p img { position:relative; top:-2px; }
div#barraDemo i {color:#fff; font-size:30px; position:absolute; right:20px; top:12px; z-index:99999999}
.top-bar {background: #003c71; border: 0;padding-bottom: 0;}
.top-bar a {color: #fff}
/**.top-bar .search {display:none}**/
.slick-dots { bottom: 0px;}

.col-md-12.contact-form p{font-size: 15px; font-family: 'Roboto', sans-serif;}
ul#menutop { margin-bottom: 0;}
.suscripcion .fa-envelope:before {content: "\f1d8"}
header#header {z-index: 100;}
.navbar-header { padding-top: 0;}
.navbar-default { box-shadow: none;  padding: 0;}
.slick-track { margin-top: -8px;}

.navbar-fixed-top .navbar-collapse {padding: 0 15px}
.navbar-default .navbar-nav>li>a {font-weight: 400;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;}
.navbar-nav.navbar-left>li>a { font-weight: 400; color: #444;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .dropdown-menu {background: #2196f3; color: #fff}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background: #2196f3; color: #fff}
.menu-info {
    position: absolute;
    width: 100%;
    background: #5a5a59;
    left: 0;
    top: 95%;
    padding-left: 30%;
}
.buscador-mobile {display: none;}
ul#menutop li a:hover, ul.social-share li a:hover {
    color: #000;
}
/***** MENU *****/
#navbar-menu-superior .dropdown-menu {width: 110% !important; max-width: 110% !important}
#navbar-menu-superior .navbar-nav>li>.dropdown-menu>li {
   /** float: left;  este float:left hace que la barra del menú este a lo largo en vez uno debajo del otro **/
    width: 100% !important;
}
/****************/

/**  logo **/
.ban-top-izquierda {display:none;}


/***************************************/

form#top-buscar { width: 450px; margin-top: 0; position: absolute; top: -55px; left: 28%}
input.search-form, input.search-form:hover, input.search-form:focus { -webkit-box-shadow: 0 6px 8px -10px rgba(0,0,0,.5);}
.btn-buscartop { background: transparent;}
.caja_func_sup {
	margin-top: 15px;
    font-size: 1.8em;
}

#nombre_usuario:before { display:none;}
a.ircarrito:before { font-family: "Font Awesome 5 Pro"; content: "\f290"; font-size: 20px}
.registracion:before { font-family: "Font Awesome 5 Pro"; content: "\f234"; font-size: 20px}
#login_sup:before { font-family: "Font Awesome 5 Pro"; content: "\f090"; font-size: 20px}
.terminar_sesion_top:before { font-family: "Font Awesome 5 Pro"; content: "\f08b"; font-size: 20px}
.cambiar_cuenta_top:before { font-family: "Font Awesome 5 Pro"; content: "\f013"; font-size: 20px}
div#carrito_top {
    float: right;
    margin-top: 8px;
    margin-left: 16px;
}
#cantidad_carrito.badge {background: var(--color-marca1)}
ul.nav.navbar-nav { margin-left: 0; margin-top: 0}

/***** HOME *****/
.title-sol {font-family: 'Roboto', sans-serif;}
.ofertas .container.general { margin-top: 0; width:100%;}
.container.general { margin-top: 3%;}
.style2 .title-sol span, .title-sol.style2 span { background: #f0f0f0;}
.style2 .title-sol span, .title-sol.style2.solnuevo span { background: #f0f0f0; display:none;}
.solnuevo.solnoticia span { background: #f0f0f0; display:block;}
#tit-serv{
	background: #f0f0f0; display:block;
}
.style2 .title-sol:after, .title-sol-style2:after, .title-sol.style2:after {
    background: #ddd;
    content: "";
    display: none;
    /* height: 1px;*/
    margin-left: 10%;
    position: absolute;
    top: 28px;
    width: 80%;
    z-index: 1;
}

.product:hover { background: #fff;}
.featuredImgLook2 .inner:hover, .product:hover { border: 1px solid var(--color-marca2);}
.price-standard {color: var(--color-marca1); font-weight: 100}
.price-sales {color: var(--color-marca2); font-weight: 100}
.price {margin-bottom: 5%; font-weight: 100}
.spot_ofertas_inf img { width: 50%; margin-top: 3%}
p.iva { background: #f0f0f0;}
.datos-footer {
    background: #202020;
    padding: 3% 8%;
}
.datos-footer h1, .datos-footer h1 a { font-size: 20px; color: #003c71;}
.datos-footer h1 a:hover {color: #00acee;}
.datos-footer li {padding: 8px 0}
.datos_pie{
    margin-left: auto;
    margin-right: auto;
}

.favButton {color: var(--color-marca3)}
.favButton.favCaja { padding-right: 20px; padding-top: 20px }
.favButton.favCaja:hover {
    font-size: 25px;
    padding-right: 20px;
    padding-top: 20px;
    color: var(--color-marca3);
}
.favButton.favDetalle:hover, .favButton.activo { color: var(--color-marca3) }
.favButton.favLista:hover { font-size: 25px; color: #4e4e4e}
a.favoritos_top {float: left; 	color: var(--color-marca1)}

.container.leyenda_slide h1 {
    color: #202020;
    font: 700 80px Poppins,sans-serif!important;
    /* margin-top: 130px; */
    text-shadow: none!important;
    position: absolute;
    width: 45%;
    top: 120px;
    right: 10%;
	background-color: rgb(255 255 255 / 25%);
}




.container.leyenda_slide h2.subt {
    color: #003c71;
    font: 400 30px Poppins,sans-serif!important;
    text-shadow: none!important;
    position: absolute;
    width: 45%;
    top: 175px;
    right: 10%;
}
#cajanovofe{
	margin-bottom:50px;
}
.box{
	margin-bottom:25px;
	text-align: center;
}
.card-body{
	text-align:center;
	
}
.proy_promociones{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px; 
    margin-bottom: 50px;
    padding: 0 8%;
}
footer{
    background: #003c71;
    padding: 30px 0;
    text-align: center;
    color: #fff;
    border-top: #ffffff solid;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
    color: #ffffff;
}
.list-unstyled li a {
	color: #fff;
}

/***** CONTENIDOS *****/
.breadcrumb {background: #fff}
input#cantidad { width: 80px;}
.productFilter {border-top: 0}
#detalle .details-description {border: 0}
.cart-actions {border-bottom: 0}
.stButton { background: #F0F0F0;}
.stButton:after {color: #444 !important;}
.socialIcon a { background: #F0F0F0!important; color: #ccc !important}
span.st_googleplus_large {display: none}
span.st_facebook_large:hover .stButton:after {color: #3b5998 !important}
span.st_twitter_large:hover .stButton:after  {color:#00acee !important }
.detalle-form {
    background: #f5f5f5;
    border-top: 4px solid var(--color-marca1);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li:hover>a {
    background: var(--color-marca2);
}
.nav-tabs { border-bottom: 3px solid var(--color-marca2);}
.modal-header-primary {background: #000}
.modal-prod-agregado-container h5 { 
    padding: 10px;
    margin: 0 !important;
    text-align: center;
}
.modal span#nombre_prod_alert {color: #000}
.orderStep li.active { background: var(--color-marca1);}
.orderStep li { background: var(--color-marca2); color: #fff}
.orderStep li.active:after {border-top-color: var(--color-marca1) !important}
.cartFooter, .cartTableHeader, tr.CartProduct, .cartMiniTable, table#entrega, table#resumen { background: #fff;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background: #000; border: 0}

.navbar-lateral .ley_cate_lateral_xs {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.icon {
    /*float: left;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: auto;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin-left: auto;
    transition: 0.5s;
    border: 1px solid #fff;
    background-color: #fff;
}

h4.panel-title.panel-title-filtros { padding-left: 0; font-weight: 600}
h4.panel-title {padding-left: 10px; text-transform: unset !important; font-weight: 400}
.change-view a {background: #fff}
.content_marcas { margin: 2% 0;}
.financiacion { color: var(--color-marca4);}
.detalle .detalle_producto .financiacion { font-size: 20px}
.detalle .detalle_producto .financiacion br { display: none;}
.verdoc a.le {
    background: var(--color-marca1);
    padding: 10px 20px;
    border-radius: 5px;
    line-height: 5;
    color: #fff;
}
.item_downloads {
    border-bottom: 1px solid #ccc;
    background: #fff;
    border-radius: 10px;
    padding: 0 20px 5px;
}
a.lkdesc { color: var(--color-marca1);}

.newsletter{
	text-align:center;
}

.margen{
    margin-top: 20px;
    margin-bottom: 20px;
}
.about{
	background-color: #003c71;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 1.25em;
    line-height: 1.5em;
    color: #fff;
}
.about-text{
	margin-top:30px;
}
.about .about-img-1 {
    position: relative;
    height: 100%;
    height: 100%;
    margin: 0 150px 150px 0;
}
.about .about-img-2 {
    position: absolute;
    height: 100%;
    height: 100%;
    top: 150px;
    left: 150px;
    z-index: 1;
}
.about .about-img::after {
    position: absolute;
    content: "";
    top: 60px;
    right: 60px;
    bottom: 60px;
    left: 60px;
    background: transparent;
    border: 30px solid;
    border-image: repeating-linear-gradient(45deg, rgba(0,0,0,.05), rgba(0,0,0,.05) .5%, rgba(0,0,0,.1) .5%, rgba(0,0,0,.1) 1%) 30; 
	z-index: 1;
}
.noticiashome2{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 0 10%;
}
.noticiashome3{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	background-color:#c1bfbd;
}
.noticiashome3-row{
	width: 75%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	background-color:#c1bfbd;
}
.noticiashome3-row .cajasnove h4{
	display:block;
}
.noticiashome3 #cajasnove{
	width: 75%;
    margin-left: auto;
    margin-right: auto;
	/*background-color:#c1bfbd;*/
}
.cajasnove {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.cajasnove h4 {
    margin-top: 0;
    display: none;
}
.cajasnove .des_nov {
    margin-top: 7px;
    font-size: 1.2em;
    line-height: 1.7em;
    font-family: 'Roboto', sans-serif;
}
.cajasnove div img{
	float: left;
    margin-right: 80px;
}
.cajasnove a img{
	display: inherit;
}

/***** BOTONES *****/

.btn {
    border: medium none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    padding: 8px 20px;
    transition: all 0.25s linear 0s;
	background:#c1bfbd;
}

.ofertas .btn-compra { margin-top: 5%;}
input#boton_compra, 
.btn-default, 
.btn.btn-compra, 
.btn-success,
.btn-danger, 
.btn-primary,
input#iniciarpago,
button#iniciarpago {
	background: #003c71;
	color:#fff;
}
input#boton_compra:hover, 
.btn-default:hover, 
.btn.btn-compra:hover, 
.btn-success:hover,
.btn-danger:hover,
.btn-primary:hover,
input#iniciarpago:hover,
button#iniciarpago:hover {
	background: var(--color-marca2);
	color: #fff;
}
input#boton_compra {
    position: absolute;
    left: 20%;
    top: 35%;
    border: 0;
}
.seguir_superior, .seguir_inferior {display: none}

aside.col-md-3.cols-grals { margin-top: 25px;}
/***** MEDIA *****/
@media (min-width: 1920px) {
	form#top-buscar {left: 32%}
	.menu-info {padding-left: 20%}
}
@media (max-width: 1366px) {
	form#top-buscar {left: 23%}
	.container.leyenda_slide h2.subt {
    color: #ff8c00;
    font: 400 30px Poppins,sans-serif!important;
    text-shadow: none!important;
    position: absolute;
    width: 45%;
    top: 105px;
    right: 10%;
}
.noticiashome2 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
	.container.leyenda_slide h1 {
    color: #202020;
    font: 700 60px Poppins,sans-serif!important;
    margin-top: 60px;
    text-shadow: none!important;
    position: absolute;
    width: 45%;
    /*top: 120px;*/
    right: 10%;
}
.container.leyenda_slide h2.subt {
    color: #003c71;
    font: 400 30px Poppins,sans-serif!important;
    text-shadow: none!important;
    position: absolute;
    width: 45%;
    top: 120px;
    right: 10%;
}
	#nombre_usuario:before { font-family: "Font Awesome 5 Pro"; content: "\f007"; font-size: 20px; display:none;}
.solnuevo.solnoticia span { background: #f0f0f0; display:block;}	
	.cajasnove div img {
    float: left;
    margin-right: 80px;
}
}
@media (max-width: 760px) {
    .search {margin-right: 32px; }
    .ban-top-derecha img { margin-top: 20px;}
    aside.col-md-3.cols-grals {   margin-top: 0;}
}
@media (max-width: 480px) {
    aside.col-md-3.cols-grals {   margin-top: 0;}
    .container.general .col-md-9.cols-grals, .container.general .col-xs-9, .col-xs-9 {width: 94% !important; margin: 0 3% !important;}
	body.ofertas, body { padding-top: 100px;}
	header#header {top: 6%}
	.top-bar {position: fixed;z-index: 11; top: 0; width: 100%}
	div#leyenda_gral_top { top: 45px;
    position: fixed;
    z-index: 100;
    right: 90px;
	}
	#slides_ofertas_t{
		height:380px;
	}
	div.item-slide.imagen-slide-2 {
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
	.container.leyenda_slide h1 {
    color: #202020;
    font: 700 28px Poppins,sans-serif!important;
    margin-top: 0px;
    text-shadow: none!important;
    position: absolute;
    width: 55%;
    top: 90px;
    right: 6%;
}
	.container.leyenda_slide h2 {
    
    color: #003c71;
    font: 400 20px Poppins,sans-serif!important;
    text-shadow:1px 1px 1px #000000;
    position: absolute;
    width: 55%;
    top: 0px;
    right: 5%;
}
h1{
	color: #003c71;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8em;
}
.nov_dcorta{
	padding-left:15px;
	padding-right:15px;
}
.nov_dcorta h1{
	display:none;
}
.slick-dots {
    position: absolute;
    bottom: 165px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 99;
    width: 100%;
}
.datos_pie {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent;}
	ul.nav.navbar-nav { margin: 0;}
	.container > .navbar-header, .container > .navbar-collapse {margin: 0; padding: 0}
	#micuenta_top.cart_top {text-align: right;}
	#micuenta_top.cart_top span a:nth-child(1) { padding-right: 10px;}
	.navbar-nav > li {margin-top: 10px}
	.menu-info {
	    position: relative;
	    padding-left: 0;
	    top: auto;
	    background: #fff;
	}
	form#top-buscar { display: none;}
	input.search-form, input.search-form:hover, input.search-form:focus { width: 55%;}
	li.open { background: #00284b;}
	.spot_ofertas_inf img { width: 100%;}
	/**nav#navbar-sidebar { display: none;}**/
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .dropdown-menu { background: var(--color-marca2); color: #fff;}
	.navbar-default {
		top: 5%;
		-webkit-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);
    	-moz-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);
    	box-shadow: 0 20px 25px -30px rgba(0,0,0,.8);
	}
	.navbar-default .navbar-nav>li>a {color: #000;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 100%;}

	.dropdown-menu {width: 100%!important; max-width: 100%!important}
	.navbar-nav>li>.dropdown-menu>li {	float: none;  width: auto !important;}
	.buscador-mobile {display: none; margin-top: 10px;}
    .buscador-mobile i {color: #fff}
    .modal-buscar .modal-body {background: #fff; text-align: left;}
	.modal-buscar h4 {padding:10px 10px 0;}
	.modal-buscar input.search-form { border: 1px solid #000; width: 480px}
    .modal-buscar h4#myModalLabel { padding: 5px 12px;}
    .modal-buscar .modal-body {text-align: left;}
    .modal-buscar form#form-buscar { width: 90%;}
    .modal-buscar input.search-form, .modal-buscar input.search-form:hover, .modal-buscar input.search-form:active {width: 95%}
    button.navbar-toggle {margin-top: 7%;}
    .col-md-12.col-xs-12.cols-grals { top: -40px; }
    .noticiashome2-row .cajasnove a img {width: 100% !important;}
}
.slick-dots li {width: 10px;height: 10px;background: #353534d0;}
.slick-dots li button{	width: 10px; weight: 10px;}
.slick-dots li button::before {	width: 10px; height: 10px; content: '';	}
.cajasnove a img {  display: inherit;  width: 50%;}

a.btn.btn-default.btn-vernota {  margin-top: 45px;}
.spot-derechos{     background: #d1d1d1;  color: #fff; text-align: center; margin-top: -28px;}
.spot-dl, .spot-dc, .spot-dp {
    text-align: center;
    margin-top: 0 auto;
    height: 100%;
    padding: 0px 0 10px 0;
    border-right: 1px solid;
}
/**.spot-dl{ background-color: #003c7140; border-right: 1px solid #3c3c3b;  padding: 20px 0 40px 0;}
.spot-dc{ background-color: #003c7163; border-right: 1px solid #3c3c3b;  padding: 20px 0 40px 0;}
.spot-dp{ background-color: #003c7129; padding: 20px 0 40px 0;}**/
form#top-buscar {    display: none;}
div#navbar-menu-superior{height: 99px !important;}
nav#navbar-sidebar .container-fluid { padding-left: 10px !important;}
div#contacto aside.col-md-3.cols-grals {display: none;}

div#contacto .col-md-9.col-xs-9.cols-grals {width: 100%;}