.titlescenes {vertical-align:center; border-top:#f0f0f0 1px solid; border-bottom:#f0f0f0 1px solid;cursor:pointer;}
.titlescenes:hover {border-top:#a7a7a7 4px solid; border-bottom:#a7a7a7 4px solid;}
.titlescenes.selected {border-top:#a7a7a7 4px solid; border-bottom:#a7a7a7 4px solid;}
.titlescenes div {width:100%; height:24px; line-height:24px; font-size:12px; text-align:center; color:#000;}
.imagescenes {cursor:pointer;}
.info_button {background-color:#fff; border-radius:12px;width: 22px;height: 20px;}
.fa,.typcn,.icon,.fi {cursor:pointer; color:#ffffff;}
#boton_cerrar_catalogo #backbut{color:#ffffff;}
.boton_cerrar #backbut{color:#ffffff;}
#solapa_atras {color:#ffffff; margin:0px 6px}

body {font-family:"Sansation"; height:100%; color:#ffffff; background-color:#ffffff;}
h1 {margin:6px;}

	#boton_catalogo,#boton_tiendas, #boton_carrito {display:none; font-size:16px; color:inherit; background-color:#000000; text-align:center; padding:5px; cursor:pointer;}

	#boton_catalogo {margin-top:2px; margin-left:2px; padding:0px; vertical-align:middle; height:21px; display:none; position:absolute; width:98%; text-align:center; bottom:35px;}
	#boton_catalogo div {padding:3px 10px; border:#fff 1px solid; border-radius:4px; display:inline-block;}
	#boton_catalogo div:hover {border-width:2px; padding:2px 9px;}

	#botones_especiales {position:absolute; height:25px; overflow-y: hidden; display:none; text-align:center; visibility:hidden;}

	.boton_especial {
		background-color:#000000;
		border:#000000 1px solid;
		border-radius:4px;
		display:inline-block;
		padding:0px 5px;
		margin:2px 0px 0px 10px;
		cursor: pointer;
		font-size:14px;
	}
	.boton_especial:hover {background-color:#494949}
	#boton_zoom, #boton_fullscr{background-color:rgba(255, 255, 255, 0.8);}
	#logo {float:right; margin-top:10px; max-width:50%; max-height:70px;}
	#contenedor_wrapper{ position:absolute;left:101px;align-items: center; justify-content:center;}
	#contenedor {display:inline-block; position:relative;}
	.capazona {position:absolute; width:100%;}
	.capazonafilter {position:absolute; width:100%;}
	#menu_window {
		pointer-events: none;
		position:absolute;
		top: 5px;
		left:0px;
		width: 135px;
		height: 500px;
		overflow:hidden;
		overflow-y:hidden;
		display:inline-block;
		min-height:300px;
	}
	#ventana{
		pointer-events: auto;
		background-color:#000000;
		border-radius:10px;
		position:absolute;
		top:0px;
		left:0px;
		width:100px;
		height: 100%;
		overflow:hidden;
		overflow-y:hidden;
		display:block;

	}
	.menuSheet {position:absolute; left:100px; width:100px; overflow-y:hidden; overflow-x: hidden; padding-left:4px; background-color:#000; border-radius:10px;}
	.menu_item{border-bottom:transparent 1px solid; height:50px; text-align:left; padding-left:32px; width:calc(100% - 36px); cursor:pointer; font-size:24px;display: table; table-layout:fixed; color:#fff;}
	.menu_item_icon{border-bottom:transparent 1px solid; height:auto; text-align:left; padding-left:5%; width:95%; cursor:pointer; font-size:13px; position:relative;}
	.menu_item_image{display:inline-block;cursor:pointer;margin:5px; padding:4px;}
	.menu_item_image:hover {background-color:#494949}
	.menu_item p{ display: table-cell;vertical-align: middle; }
	.menu_item:hover {background-color:#494949; color:inherit}
	.menu_item_icon:hover {background-color:#494949}
	.menu_item_button {float: right; border: #fff 1px solid; border-radius: 4px; margin-right: 30px; margin-top:2px; font-size: 18px; padding: 3px 8px;}
	.backarrow {margin: 4px 0px 0px 4px; vertical-align:middle;}
	.rap_container {position:relative; width:114px; height:145px; margin:1px; overflow:hidden; text-align:center; font-size:14px; line-height:100%; display:inline-block; vertical-align:top; text-wrap:normal;background-color: rgb(0, 0, 0); padding-top: 10px; border: #000 2px solid; border-radius: 10px;}
	.rapimg {
		width:90px; 
		height:90px; 
		cursor:pointer; 
		margin-bottom:2px;
		border-radius:5px;
		}
	.rapimgs {
		width:80px; 
		height:80px; 
		cursor:pointer; 
		margin:7px 5px;
		border-radius:5px;
		}
	.menu_header{width:87px; height:60px; overflow:hidden; text-align:left; background-color:transparent; background-repeat:repeat-x; background-size: 30px 34px;border-bottom:transparent 1px solid; position:relative;}
	.backarrow_box #backbut {color:#ffffff;}
	.menu_content{width:87px;  overflow-y:auto; overflow-x: hidden; text-align:center; margin-top:60px;}
	.loading{
		position:absolute;
		top:36px;
		right:9px;
		float:right;
		display:none;
	}
 .cerrar {
		position:absolute;
		top:36px;
		right:9px;
		float:right;
	}
h1 {color:inherit}
h3 {color:inherit}
#scene_window {width:100%; text-align:center; position:absolute;top:5px; background-color:#ffffff; height:auto;}
.boton_cerrar{position:fixed; left:10px; width:32px; height:32px; padding:10px; cursor:pointer; top:10px;}
#boton_cerrar_catalogo{display:none;}
#scene_menu { margin-left:2%; margin-right:2%; margin-top:5%px; text-align:center; width:98%; overflow-x:hidden; overflow-y:auto}
.scene_selector {width:27vw; height:17vw; overflow:hidden; position:relative; display:inline-block; margin:2%; cursor:pointer; min-height:100px; min-width:150px;}
.scene_category_title {
	font-weight: 300;
	line-height: 15px;
	position: absolute;
	bottom: 0px;
	height: 20%;
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	color: #fff;
	text-align: center;
	opacity: 0.7;
	transition: all 0.3s;
}
.scene_image_window {position:absolute; left:0px; top:0px;width:100%; height:100%; overflow:hidden;}
.scene_category_image {position:absolute; left:0px; top:0px; width:100%; transition: all ease 0.5s;}

.scene_selector:hover .scene_category_image{width:120%; left:-10%; top:-10%;}
.hover .scene_category_image{width:120%; left:-10%; top:-10%;}

.scene_category_title div,.scene_title div, #simloading span, #simloading2 span, #simloading img, #simloading2 img {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
 }

.scene_selector:hover .scene_category_title {
	background-color: rgba(0,0,0,1);
}
.hover .scene_category_title {
	background-color: rgba(0,0,0,1);
}
#scene_list { width:100%; overflow-x:hidden; overflow-y:auto }
#scene_list .boton_cerrar { display:none; }
#scene_list h1 {margin: 100px auto auto auto;font-size: 60px; font-weight: normal; color:#000;}

.escena {display:inline-block; width:200px; height:auto; position:relative; vertical-align:top; margin: 20px 20px 20px 20px; cursor:pointer; background-color:transparent}
.escena img {
	position: absolute;
	bottom: 40px;
	width:100%;
	transition: all 0.3s;
	left:0px;
	border-radius:10px;
	border:#fff 2px solid;
}

.escena:hover img{border:#000 2px solid;}
.scene_title {
	font-weight: 300;
	line-height: 15px;
	position: absolute;
	bottom: 0px;
	height: 40px;
	width: 100%;
	text-align: center;
	opacity: 0.7;
	transition: all 0.3s;
	color:#000000;
}
#boton_inicio {position:absolute; top:25px; right:30px; display:inline-block; border:#000 1px solid; border-radius:4px; padding:3px 10px; font-size:16px; color:#000; cursor:pointer;}
#boton_inicio:hover {border-width:2px; padding:2px 9px;}

#boton_pdf,#boton_zoom_container {
	border:#fff 2px solid;
}
#boton_pdf:hover,#boton_zoom_container:hover {
	border:#000 2px solid;
}
#boton_tejidos, #boton_cerrar_tejidos {
	display:none; 
	background-color:transparent;
	transition: transform 0.3s;
	transition-delay: 0.8s;
	}
.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
#capa_ultimos {height:105px; overflow-x:auto; overflow-y:hidden;}
.mtela {
		width:60px; 
		height:60px; 
		cursor:pointer; 
		margin:1px;
		margin-bottom:0px;
}
#ultimos td {vertical-align:top;}
.memory {
	cursor:pointer;
	width:86px;
	text-align:center;
	text-wrap:normal;
	line-height:8px
}
.backarrow_box {
	position:absolute;
	bottom:0px;
}
#buscado {border:none; height:22px; text-align:center; width:300px; max-width:90%}

.info_button {
	position:absolute; top:1px; right:3px; cursor:pointer;
	display:none;
}
.rap_container:hover .info_button {display:block;}

#ficha_content div {display: inline-block;}
#form_content div {display: inline-block}


.formfield {
	direction: ltr;
	text-align: left;
	vertical-align: middle;
	margin: 1px 6px 1px 12px;
	display: inline-block;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-weight: normal;
	padding: 4px 6px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
	background: none repeat scroll 0% 0% #FFFFFF;
	border: 1px solid #CCC;	
	width: 200px;
}
.formfield:focus {
	outline: 0px none;
	border: 1px solid #74B9EF;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(116, 185, 239, 0.6);
}
#barra_cabecera {margin-top:20px;}
#barra_cabecera div {margin-left:20px;}

.formulario {
    font-family: Arial, sans-serif;
    max-width: 600px;
    width: 100%;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

input[type="text"], 
input[type="email"], 
select {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
select:focus {
    border-color: #a0c4ff;
    box-shadow: 0 0 5px rgba(160, 196, 255, 0.7);
    outline: none;
}

.checkbox-container {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #6c757d;
}

.checkbox-container input {
    margin: 0px;
}

a {
    color: #0d6efd;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.legalInfo {
	font-size: 11px;
	color: #333333;
	margin-top:20px;	
}
.znbutton {
    width: 50%;
    padding: 6px 15px;
    margin-top: 15px;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background-color: #e0e0e0;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
	float:right;
}

.znbutton:hover {
    background-color: #d6d6d6;
    border-color: #bfbfbf;
}
#etiqueta {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:fit-content;
	height:17px;
	background-color:#FF9;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:4px;
	padding-left: 5px;
 	padding-right: 5px;
}

@media (max-width: 1200px) {
	.scene_selector {width:42vw; height:26vw; overflow:hidden; position:relative; display:inline-block; margin:2%; cursor:pointer; min-height:100px; min-width:150px;}
}
@media (max-width: 800px) {
	.escena {max-width:80%;}
	#barra_cabecera {margin-top:10px;}
	#barra_cabecera div {margin-left:2px;}
	#logo {max-width:200px; max-height:48px;}
	h1 {font-size: large;}
}
@media (max-height: 370px) {
	#ficha_content div {font-size:12px;display:block}
	#rap_sim {margin-top:-40px;}
	.items_menu img {max-width:130px;}
}
@media (max-width: 560px) {
	#ficha_content {font-size:12px;}
	.scene_selector {width:88vw; height:55vw; overflow:hidden; position:relative; display:inline-block; margin:2%; cursor:pointer; min-height:100px; min-width:150px;}
	.rap_container {width:84px; height:95px; font-size:12px;}
	.rapimg {
		width:60px; 
		height:60px; 
	}
.formfield {width:170px;}
	#boton_tiendas {
		font-size:10px;
		width:70px;
	}
@media (max-width: 400px) {
}