@charset "UTF-8";
/*RESET CSS*/
* {margin:0;padding:0;font-family:'Nunito', Arial, sans-serif;}
input,textarea,select {font-family:'Nunito', Arial, sans-serif;}
input[type='radio'],
input[type='checkbox'] {margin:0;display:inline-block;}
textarea {font-family:'Nunito', Arial, sans-serif;border:0;}

button {cursor:pointer;}

.clear {clear:both;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;vertical-align:top;background: transparent;background-repeat:no-repeat;}
input,button {background-repeat:no-repeat;padding:0;border:0;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
h1,h2{font-weight:normal;font-size: 100%}



body a {text-decoration:none;color:#392c20;}

body {font-family:'Nunito', Arial, sans-serif;font-size:14px;line-height:20px; background-color:#ffffff;color:#3e3e3e; letter-spacing:0px}


.container{width:100%; max-width:1090px; background-color:#ffffff; margin:0 auto; }

#footer{width:100%; background-color:#212529; margin-top:0px}

#footer .inner{font-size:12px; color:#ffffff; padding-left:40px; padding-right:40px; padding-top:5px; padding-bottom:5px; background-color:inherit; width:auto}
#footer .inner a{padding-left:10px; padding-right:10px; color:#ffffff;}

.montaje{width:100%; max-width: 900px; height:900px; background-image: url(../files/productos/background.jpg); background-size: 100% auto; position: relative}
.montaje .item{width:100%; max-width: 900px; position: absolute; background-size: 100% auto; }
.montaje_export{width:100%; max-width: 1256px; height:1256px; background-image: url(../files/productos/background.jpg); background-size: 100% auto;}
.montaje_export .item{width:100%; max-width: 1256px; position: absolute; background-size: 100% auto;}


.montaje .item.encimera, .montaje .item.espejo, .montaje_export .item.encimera, .montaje_export .item.espejo{z-index: 99;}


.sticky-sidebar {
	position: sticky;
	top: 50;
	height: 90vh;
	overflow-y: auto;
}
.opcion{white-space:initial}
.opcion li{cursor: pointer; display: inline-block; width:49%; font-size: 14px; color:#707070; margin-bottom: 20px; padding: 10px; border: 1px solid #ffffff; border-radius: 5px;}
.opcion li:hover, .opcion li.selected{border-color:#707070}

.opcion_modelo{white-space:initial}
.opcion_modelo li{cursor: pointer; display: inline-block; width:49%; font-size: 14px; color:#707070; margin-bottom: 20px; padding: 10px; border: 1px solid #ffffff; border-radius: 5px;}
.opcion_modelo li:hover, .opcion_modelo li.selected{border-color:#707070}

.opcion_tipo{white-space:initial}
.opcion_tipo li{cursor: pointer; display: inline-flex; width:45%; font-size: 14px; color:#707070; margin: 20px 9px; padding: 10px; border: 1px solid #ffffff; border-radius: 5px; height: 200px; align-items:center; border-color:#a8a8a8}
.opcion_tipo li:hover, .opcion li.selected{border-color:#707070}


.descargar{display:inline-flex; padding:10px 25px; background-color:#000000; color:#ffffff; cursor: pointer; margin-top: 40px; border-radius: 4px; align-items:center}
.descargar.siguiente i{padding-left: 20px;}
.descargar.anterior i{padding-right: 20px;}
.title{font-size:24px; line-height: 1.1em;}
.configurador {overflow: hidden; padding-top: 30px;white-space: nowrap;}


.nueva_composicion{display:inline-flex; padding:10px 25px; background-color:#ffffff; color:#000000; border:1px solid #000000; cursor: pointer; margin-top: 40px; border-radius: 4px; align-items:center}
.nueva_composicion:hover{ background-color:#000000; color:#ffffff; border:1px solid #ffffff; }

.opcion li h1{font-weight: 600;color:#000000; padding-top: 5px;}
.opcion li h2{font-size:12px}

.opcion_modelo li h1{font-weight: 600;color:#000000; padding-top: 5px;}
.opcion_modelo li h2{font-size:12px}


.resumen h1{font-weight: 600; color:#000000; padding-bottom: 10px;}
.resumen .item{ margin-bottom: 20px;  padding-bottom:20px; padding-left:20px; border-bottom: 1px solid #707070;}
.resumen .item .referencia{border-radius:10px; padding: 5px 10px; margin:5px 0px; background-color: #D9E2FF; color:#707070; display: inline-block;}
.resumen .item i{font-size: 20px;}
.resumen .item i:first-of-type{padding-right: 10px;}


.pagina{ position: fixed; bottom:100vh; width:1256px; max-width: 1256px; min-height:1256px;text-align: center;left:0px}
.pagina .logo{padding: 50px 0px; margin: 0 auto;}
.pagina .resumen{padding-top: 50px; width: 90%; margin: 0 auto;}
.pagina .resumen h1{text-align: left;}
.pagina .resumen .item{padding-left: 0px; border:0px}
.pagina .resumen .item .referencia{padding: 0px; background-color: transparent;}


.configurador{white-space: nowrap;}
.configurador .level1, .configurador .level2{transition:all 0.5s ease; position: relative; width: 100%;display: inline-block;}
.configurador .level2 {transform: translateX(20%);}
.configurador .level2 .opcion{display: none;}
.configurador .level2 .volver{padding-left: 20px; padding-bottom: 10px; cursor: pointer;}
.configurador .level2 .volver::before{font-family: "FontAwesome"; font-weight: 400; content:"\f060"; left:0px; position: absolute; padding-left: 0px;}


@media (max-width:991px) {
.container{max-width: 600px;}
.sticky-sidebar {height: inherit;}
}


@media (max-height:760px) {
	.montaje{max-width: 450px; height:450px; margin: 0 auto;}
	.montaje .item{max-width: 450px;}
}

.mt-lg-5{margin-top: 0px!important;}


.txt_input{border:1px solid #000000; padding: 10px; border-radius: 5px;}
.errors{color: #ca2727; font-weight: 700;}