*{ outline:none;}
:root{
	--azul:#09589a;
	--naranja:#FF510D;
	--principal:#09589a;
	--secundario:#FF510D;
}
html{ font-family: Arial, Helvetica, sans-serif; background:url($fondo) no-repeat center; background-attachment:fixed; background-size:cover; font-size:0.9rem }
body{ width:100%; height:100%; left:0; margin:0; color:#6f7c82}

h1{ text-transform:uppercase}
h3 > img{ width:30px; height:30px}
h4{ color:var(--naranja); text-transform:capitalize}

button{ background: var(--azul); color:white; margin: 10px 0}
select{margin:10px 0}
span > select{ margin: 3px 0 0 0;}

header{ width:100%; background:url(../imgs/fondos_cont/bann_header.jpg) no-repeat #FFF; background-position:right; background-size:cover; padding: 10px 0;}
header img{ width:auto; height:80px}


#b_departments{ width:100%; border-radius:30px; padding:10px; box-sizing:border-box; border:none; cursor: pointer; text-transform: uppercase;}
#b_departments:hover{ background-color: var(--naranja) !important;}
#contact_icons{ margin:20px 0}
#contact_icons a{ background:var(--azul); color:white; margin:10px; border-radius:100%; padding:20px; font-size:1.5rem;}

/*#departments{ position:absolute; z-index:20; width:100%;}
#departments i{ float:right;}
#departments > ul{ padding:0; border:1px solid #DDD; border-radius:10px; background:white}
#departments > ul li{ border-bottom:1px solid #DDD; list-style:none; text-transform:uppercase;}
#departments > ul li a{ display: block; padding: 10px; color:var(--azul)}
#departments > ul li:last-child{ border-bottom:none}
#departments > ul li img{ width:30px; height:30px; border-radius:50%; vertical-align:middle}

#departments li:hover{background:#7abded;}
#departments li:hover > ul{display:block; transition:all 0.5s linear; height:auto}
#departments li ul{ padding:5px;  background: white;  display:none; min-width:140px; transition:all 0.5s linear; height:0; box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2);}
#departments li ul {position:relative;top:0;}*/

#about .title{ font-size: 3rem;}
#about p{ font-size: 2rem;}

#principal{ padding:20px 0}

.cont_dist{ display: grid; grid-template-columns: repeat(4, 1fr); margin:40px 0}

#categorias_muebles{ margin:40px 0 }
#categorias_muebles > div{width:100%; padding:10px; box-sizing: border-box; border-radius:5px; border:1px solid #DDD; border-bottom:10px solid #444; transition: all 0.3s linear;}
#categorias_muebles > div:hover{ border-bottom:10px solid var(--naranja); transform: scale(1.05); transition: all 0.3s linear;}
#categorias_muebles > div img{ width: 40px; height: 40px; vertical-align: middle;}
#categorias_muebles > div a{  text-align: center; display: block; width: 100%; height: 100%; color:#444; font-weight: bold; text-decoration: none;}
#img_border{ width: 100%; box-sizing: border-box; border-top-left-radius: 30px; border-bottom-left-radius: 200px; border-left: 50px solid #09589a; height: 580px; box-shadow: 0px 30px 80px -30px rgba(102,141,186,0.7);}

#footer{ background:#0257a7; padding:30px 0 }
#footer > div{ justify-content:center}

#footer_blue{ display:grid; grid-template-columns:repeat(4, 1fr);}
#footer_blue >div{ width:100%; text-align:center; color:white; border-right:1px solid #DDD;}
#footer_blue >div:last-child{ border-right:none}

#footer2{ padding:30px 0}

#footer3{ background:#272727; padding: 50px 0 0 20px}
#footer3 h5{ color:#999}


/* ===========================================================================================================================*/
fieldset{ border-radius:10px; border:3px solid #DDD; padding: 10px !important;}
legend{ border:2px solid #444; padding:10px 20px; border-radius:20px; font-weight:bold; font-size:1rem !important; background:white; width: auto !important;}

.fieldset{ background: #FFF;}
/* ===========================================================================================================================*/
.ver_mapa{color:white; border-radius:0; padding:10px 20px; margin-top:10px; display:inline-block; box-shadow:1px 2px 1px rgba(0,0,0,0.5);  transition:all 0.3s linear}

.cont_general{ margin:0 10%}
.resultados{ width:100%; display:grid; grid-template-columns:repeat(4, 25%); gap:20px; padding:30px 0; overflow: hidden !important;}
.resultados_categorias{ width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; padding: 30px 0; overflow: hidden !important}

.ficha_mueble{ box-shadow: 0px 5px 5px rgba(0,0,0,0.2);transition: all 0.2s linear; border-radius:0 0 5px 5px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.ficha_mueble:hover{ transform: scale(1.04); transition: all 0.2s linear;}
.ficha_mueble img{ width: 100%; height: 300px; object-fit:fill;}
.ficha_mueble__descripcion{ padding:10px; text-align: right;}
.ficha_mueble .relampago{ height: 50px; width: 50px; position: absolute; top:10px;}

.div_categorias {box-sizing: border-box; width:100%; height: 300px; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); display:flex;}
.div_categorias h1{ font-size: 1.3rem;}
.div_categorias > div { height: 100%; width: 50%;}
.div_categorias__img{ width: 100%; height: 100%; object-fit: cover;}
.div_categorias__descripcion{ display: flex; flex-direction: column; justify-content: space-between;}
.div_categorias__buttons{ display: flex;}
.div_categorias__buttons button{ width: 100%; height: 100%; box-sizing: border-box; margin:0; border-radius: 0; box-shadow: none; font-weight: bold; }
.div_categorias__buttons a{width: 100%; height: 100%; border-radius:0 !important; padding: 0; margin:0}
.descripcion_mueble{ padding: 15px; box-sizing: border-box;}

.sucs{ height: 330px;}

.title{font-family:'Montserrat', sans-serif;  color:#09589a; font-size:2rem; font-weight: bold;}
.title img, .title_oferta img{ width: 20px; height: 20px; vertical-align: middle;}
.title_oferta{font-family:'Montserrat', sans-serif; font-size:1.6rem;  color:#F00; text-decoration:line-through}

.outletprod{ text-decoration: none; background: linear-gradient(135deg, #ffaf4b 0%,#ff920a 100%); color:white; border-radius:5px; padding:10px 20px; margin-top:10px; display:inline-block; box-shadow:1px 2px 1px rgba(0,0,0,0.5);  transition:all 0.3s linear}

.color{ border:1px solid #DDD; width: 20px; height: 20px;}
.ver_esp{color: var(--naranja); margin:10px 0; display:block}

.b_button{ background: linear-gradient(to right, #09589a 0%,#7abded 76%,#7abded 98%); color:white; border:none; font-size:1.1em; margin: 0 !important}
.b_button img{ width:25px !important; height:25px !important}

.div_resultados{ overflow: auto; margin:20px 0;}
.foco{ background: var(--secundario);}
.foco_green{ background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%) !important; color:#272727}
.focom{ border-color:var(--naranja) !important; transform: scale(1.05);}

#navbar{ margin-top: 20px;}
.navbar-default{ background: none; border:none}
.navbar-fixed-top, .navbar-fixed-bottom{ position:relative !important}
.id{ color:var(--naranja) !important; border-bottom:1px solid  var(--naranja)}

/* ===========================================================================================================================*/



input[class=pagi] + label{ border:1px solid #CCC; width:auto; padding:10px}
input[class=sucursales] + label{ border:none; border-radius:0px; padding:20px 0; color:white !important; background: linear-gradient(to top, #09589a 0%,#7abded 76%,#7abded 98%);}
input[class=sucursales] + label img{ width:80px; height:80px; display:block; margin:10px 0}
input[class=sucursales] + label h6{ margin:5px 0;}
input[class=sucursales]:checked + label{ background:var(--naranja);}

.select_suc{ display: none;}
.filters{ padding: 20px 0}

.apartar{ background:darkgreen}

.img_pers{ width: auto; height: 200px;}
.personalizar{ background: linear-gradient(135deg, #c143aa 0%,#2989d8 60%,#1e5799 100%); transition: all 0.1s linear;}
.personalizar:hover{ background: linear-gradient(135deg, #c143aa 0%,#2989d8 90%);}

.sel_colores{ text-align: center; justify-content:space-between; display: flex;}
.colores{width:30px; height:30px; display:inline-block; margin:0 20px; border:1px solid #888}

.detalle_mueble{ padding:20px; box-sizing: border-box;}
.detalle_mueble p{ margin:30px 0 !important}
.detalle_mueble table{ margin:30px 0 }
.detalle_mueble table tr{ background: none; text-align: center;}
.detalle_mueble table td{ border:1px solid #222; }
.detalle_mueble .precio_v{ font-weight: bolder; font-size:2rem; color:#FF510D}

.carrito th{ background: none; color:#555; border:1px solid #555}
.carrito tr, .carrito tr:hover{background: none !important;}
.carrito tbody tr{ border-bottom:1px solid #999;}

.b_compra{ margin:50px 0}
.nota{ font-size:12px; font-weight: normal;}

input[type=radio]:checked + label{ background: var(--naranja) !important;}
input[type=radio]:disabled + label{ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); color:#222  }

.red input[type=radio]:checked + label{background: #F00 !important;}