@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Oxygen', sans-serif;
	margin:0px;
}
.boton-funcionalidad{
	background-color:#c5e8ec; padding:15px; margin-top:15px;
}
.icos-rrss{
	float:right; margin-top:10px;
}
.boton-video-tutorial{
	float: left; width: 220px; background-color: #c4bbb6; font-size: 14px; color: #504644; padding: 7px 0px 7px 15px;
}
.boton-video-tutorial:hover{
	cursor:pointer;
	opacity:.75;
}
.boton-cerrar{
	background-color:#19a0ab; 
	padding:15px; 
	color:#FFF; 
	text-align:center;
	border-radius:10px;
	width:100px;
	margin:auto;
}
.boton-cerrar:hover{
	cursor:pointer;
	opacity:.75;
}
.raya-separador-pie{
	float:left;background-color:#e1ddda; line-height:60px; width:20px;
}
.boton-tutorial{
	float: left; width: 220px; background-color: #c4bbb6; font-size: 14px; color: #504644; padding: 7px 0px 7px 15px;
}
.boton-tutorial:hover{
	cursor:pointer;
	opacity:.75;
}
.boton-ayudas{
	float:left;width:130px;background-color:#e1ddda; line-height:60px;color:#504644; text-align:center;
}
.contenedor-barra-idiomas{
	width:1200px;
}
.barra-idiomas{
	position:fixed; background-color:#f1f1f1; height:40px; width:100%; z-index:999;
}
.barra-idiomas-mobile{
	display:none;
}
.campo-localizador{
	float: left; margin-left:10px; height:46px; width: 180px; font-size: 14px; color: #978e89; padding: 7px 0px 7px 15px; border: 1px solid #e1ddda;
}
.boton-localizar-distribuidor{
	float: right; width: 220px; font-size: 14px; color: #978e89; padding: 7px 0px 7px 15px; border: 1px solid #e1ddda;
}
.boton-localizar-distribuidor:hover{
	cursor:pointer;
	opacity:.75;
}
.boton-localizar-distribuidor a{
	text-decoration:none;
	color: #978e89;
}
.boton-idioma{
	background-color: #fff; 
	color: #869090; 
	padding-left:10px; 
	padding-right:10px;
	font-size: 12px; 
	height: 40px; 
	line-height: 40px;
	float:right;
	text-align:center;
	border-bottom:solid 4px #f1f1f1;
}
.boton-idioma.off:hover{
	cursor:pointer;
	background-color: #fff; 
	color: #869090; 
	border-bottom:solid 4px #f1f1f1;
}
.boton-idioma.off{
	background-color: #f1f1f1; 
	color: #869090; 
	border-bottom:none;
}
.zona-titulos{
	padding-top:15px; 
	width:1200px; 
	margin:auto;
	background-color:#fff;
	margin-top:-4px;
	padding-bottom:15px;
}
.contenedor{
	width:1200px; 
	margin:auto;
	padding-top:110px;
}
.titulo-dv{
	float: left;
	margin-left: 40px;
	height: 48px;
	line-height: 48px;
	font-size: 26px;
	letter-spacing: 6px;
	color: #000;
}
.color-turquesa{
	color:#3acbc4;
}
.color-turquesa.grande{
	font-size:22px;
	font-weight:bold;
}
.titulo-barrita{
	float:left;
	margin-left:40px; 
	height:60px; 
	width:2px; 
	background-color:#3acbc4;
}
.titulo-logo{
	float:left;
}
.home-cuadro-explicacion{
	background-color:#fff; opacity: .75; padding: 30px; font-size: 14px;
}
.home-grupo-mamparas{
	color:#FFF; 
	padding:15px;
	background-color:#18a0aa;
	background-image:url(img/ico-flechadown.png);
	background-repeat:no-repeat;
	background-position:90% 50%;
	background-size:10%;
}
.home-grupo-mamparas.std{
	margin-top: 2px;
	background-color: #14868F;
}
.home-grupo-mamparas:hover{
	cursor:pointer;
	opacity:.75;
}
.grupo-abierto{
	background-image:url(img/ico-rayita.png);
}
.home-boton{
	color:#FFF; padding:15px;
}
.home-boton:hover{
	cursor:pointer; opacity:.75;
}
.home-boton.serie{
	background-color:#64bec5;margin-top:2px;
}
.home-boton.std{
	background-color: #1F7D85;
	margin-top: 2px;
}
.home-boton.platos{
	background-color: #17bcb4;
	margin-top: 2px;
}
.home-boton.konvert{
	background-color: #a99477;
	margin-top: 2px;
}
.cuadro-menu{
	border:solid 1px #c3bbb6; height:610px; margin-top:15px; width:1200px; background-image:url(img/bg-cuadroindex.png); background-size:cover;
}
.zona-foto{
	float: left; margin-top: 150px; margin-left: 350px;
}
.zona-botones{
	float: right;
	margin-top: 52px;
	margin-right: 20px;
	width: 320px;
}
.pie-pagina{
	margin-top:20px; height:70px;
}
.thumb-serie-texto{
	background-color:#e1f3f3; 
	padding:12px; 
	color:#606e6e;
}
.thumb-serie-foto{
	position:relative;
	width:230px;
}
.thumb-serie-foto.seleccionada,.thumb-modelo-foto.seleccionada{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 2px solid #3acbc4;
}
.thumb-serie-foto:hover{
	cursor:pointer;
	opacity:.7;
}
.banderola-apertura{
	position:absolute;
	top:0px;
	left:180px;
}
.banderola-new{
	position:absolute;
	left:185px;
	top:50px;
}
.cabecera-filtro{
	background-color:#f0f0f0; height:70px; margin-top:20px;
}
.thumb-modelo-texto{
	background-color:#e1f3f3; 
	padding:12px; 
	color:#606e6e;
}
.thumb-modelo-foto{
	position:relative;
	width:230px;
}
.thumb-modelo-foto:hover{
	cursor:pointer;
	opacity:.7;
}
.radiobutton-cuadrado{
	cursor:pointer;
	float: right; 
	background-color: #FFF; 
	width: 20px; 
	height: 20px;
}
.radiobutton-cuadrado.checado{
	background-image:url(img/ico-check.png);
	background-repeat:no-repeat;
	background-position:center;
}
.boton-verde{
	background-color:#19a0ab; 
	padding:15px; 
	color:#FFF; 
	text-align:center;
	cursor:pointer;
	opacity:1;
}
.boton-verde:hover{
	cursor:pointer;
	opacity:.75;
}
.boton-verde.off{
	cursor:default;
	opacity:.25;
}
.cierra-selector{
	float:left;margin-top:15px; margin-left:15px; cursor:pointer;
}
.cierra-selector:hover{
	opacity:.75;
}
.ico-definemampara{
	float: left; 
	margin-top: 8px; 
	margin-left: 40px;
	background-image:url(img/ico-definemampara.png);
	width:61px;
	height:54px;	
}
.opciones-mampara{
	float:left; margin-left:20px; width:180px; font-size:11px; color:#616e6d;position:relative; height:576px;
}
.boton-opcional{
	margin-bottom:15px;
	background-color:#f0f0f0; 
	padding:12px; 
	width:92%; 
	background-image:url(img/ico-burger.png); 
	background-repeat:no-repeat; 
	background-position:94% 50%;
}
.boton-opcional.abierto{
	background-image:url(img/ico-burger-close.png); 
}
.boton-opcional:hover{
	opacity:.75;
	cursor:pointer;
}
.boton-opcional.last{
	margin-top:0px;
}
.boton-opcional.off{
	opacity:.25;
	cursor:default;
}
.boton-opcional.imagik{
	padding-top:8px;
	padding-bottom:8px;
}
.virtualbuffer{
	float:left; width:990px; overflow:hidden;
}
.info-mampara{
	position: absolute; 
	bottom: 0px; 
	background-color: #f0f0f0; 
	width: 180px; 
	padding: 12px; 
	width: 92%; 
	line-height: 22px;
	text-transform: uppercase;
} 
.desplegable-opciones{
	height:370px; width:202px; overflow-x:hidden; overflow-y:auto; display:none;
}
.desplegable-opciones-konvert{
	height:275px; width:230px; overflow-x:hidden; overflow-y:auto; display:none; margin-bottom:15px;
}
.ico-opcion{
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}
.ico-opcion:hover{
	cursor:pointer;
	opacity:.75;
}
.ico-opcion.selected{
	border:2px solid #3acbc4;
}
.ico-opcion.subselected{
	border:2px solid #3acbc4;
}
.subselector-imagik{
	z-index:100;
	font-size:11px; 
	color:#616e6d;
	position:absolute; 
	display:none; 
	background-color:#FFF; 
	padding:10px; 
	margin-top:100px; 
	border-radius:8px; 
	box-shadow:5px 5px 5px #444;
}
.ico-rotar180{
	position: absolute; 
	margin-left: 900px; 
	margin-top: 500px;
	z-index:99;
}
.ico-rotar180-konvert{
	position: absolute; 
	margin-left: 630px; 
	margin-top: 650px;
	z-index:99;
}
.ico-abrir-konvert{
	position: absolute; 
	margin-left: 15px; 
	margin-top: 640px;
	z-index:99;
}
.ico-rotar180:hover,.ico-rotar180-konvert:hover,.ico-abrir-konvert:hover{
	opacity:.75;
	cursor:pointer
}
.ico-escenarioclaro{
	position: absolute;
	margin-left: 945px;
	margin-top: 10px;
	z-index: 99;
}
.ico-escenariooscuro{
	position: absolute;
	z-index: 99;
	margin-left: 945px;
	margin-top: 55px;
}
.ico-playvideo{
	position: absolute;
	z-index: 99;
	margin-left: 480px;
	margin-top: 512px;
}
.ico-escenarioclaro:hover,.ico-escenariooscuro:hover,.ico-playvideo:hover{
	opacity:.75;
	cursor:pointer
}
.ico-esquema{
	position:absolute; 
	margin-left:10px;
	margin-top:415px;
	z-index:99;
	background-color: #fff;
	border-radius: 10px;
	width:140px;
	height:140px;
	padding-top:10px;
	padding-left:10px;
}
#esquemaPNG{
	margin-left:10px; 
	max-height:130px;
}
#img_virtualbuffer{
	width:990px;
}
/*
.ico-esquema.rotate0{
	transform:rotateY(0deg); 
}
.ico-esquema.scale2x{
	transform:scale(2,2); 
	transform-origin:bottom left;
}
.ico-esquema.scale1x{
	transform:scale(1,1); 
	transform-origin:bottom left;
}
*/
.capa-loader{
	position:absolute;
	display:none;
	z-index:100;
	background-color: #fff; 
	opacity: .9;
	width: 990px; 
	height: 476px;
	padding-top:100px;
}

.konvert-loader{
	position:absolute;
	display:none;
	z-index:100;
	background-color: #fff; 
	opacity: .9;
	width: 720px; 
	height: 620px;
	padding-top:100px;
}

.dialog-datacol{
	position:absolute;
	z-index:100;
}
.dialog-datacol.fondo{
	background-color: #fff; opacity: .8;width: 990px; height: 576px;
}
.dialog-datacol.formulario{
	background-color: #fff;
	opacity: 1;
	padding: 10px;
	border-radius: 6px;
	position: absolute;
	color: #000;
	font-size: 12px;
	margin-top: 50px;
	width: 400px;
	margin-left: 300px;
	box-shadow: 4px 4px 8px #666;
}
.video-mampara{
	position:absolute;
	display:none;
	z-index:98;
}
.banner-ayuda{
	position:absolute;
	display:block;
	z-index:100;
}
.banner-ayuda.fondo{
	background-color: #fff; opacity: .8;width: 990px; height: 576px;
}
.banner-ayuda.texto{
	font-family: 'Permanent Marker', cursive; position: absolute; color: #000; font-size: 32px; margin-top:50px; width:800px; margin-left:180px;
}
.texto-paso{
	float: left; margin-top: 15px; margin-left: 10px; color: #616e6d; font-size: 16px;
}
.ico-pdf{
	position: absolute; 
	top: 85px; 
	left: 150px;
}
.ico-pdf:hover{
	cursor:pointer;
	opacity:.75;
}
.ico-apv2{
	position: absolute;
	top: 10px;
	left: 150px;
}
.ico-apv2:hover{
	cursor:pointer;
	opacity:.75;
}
#zomi:hover{
	cursor:url(img/icon-ios7-search-strong-128.png), auto;
}
#zoomK:hover{
	cursor:url(img/icon-ios7-search-strong-128.png), auto;
}
.gotham-tituloseccion{
	font-size:15px; letter-spacing:3px; color:#616e6d;
}
.fichaPDFGotham{
	float:left; margin-left:10px;
}
.fichaPDFGotham:hover{
	cursor:pointer;
	opacity:.75;
}
.formulario-error{
	display:none;color:#f00; padding:10px; font-size:12px; text-align:center;
}
.espejo{
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
.boton-apps{
	margin-left:10px;
}
.boton-apps:hover{
	cursor:pointer;
	opacity:.5;
}
.konvert-tituloseccion{
	font-size:13px;text-align:center; padding:10px; background-color:#616e6d;color: #f0f0f0; margin-bottom:10px;
}
.boton-opcional.konvert{
	margin-bottom:15px;
	background-color:#f0f0f0; 
	padding:10px; 
	background-image:url(img/ico-burger.png); 
	background-repeat:no-repeat; 
	background-position:94% 50%;
}
.boton-opcional.konvert.abierto{
	background-image:url(img/ico-burger-close.png); 
}
.boton-imprimir-konvert{
		cursor:pointer;font-size:13px;text-align:center; padding:10px; background-color:#616e6d;color: #f0f0f0; margin-top:5px; margin-left:5px;
}
.boton-imprimir-konvert:hover{
	opacity:0.75;
}
.konvert-zona-humeda{
	float:left;
	width:31%;
	padding:10px;
}
.konvert-zona-humeda.selected{
	border:2px solid #3acbc4;
}
.konvert-zona-humeda:hover{
	cursor:pointer;
	opacity:.75;
}
.row-cole-imagik{
	cursor:pointer;
}
.row-cole-imagik:hover{
	cursor:pointer;
	opacity:.75;
}
