@font-face {font-family: 'fuenteCorporativa';src: url('../font/ITCEDSCR.TTF')  format('truetype');}

body{zoom: -10;font-family: 'Open Sans', sans-serif;/*font-family: 'Roboto', sans-serif;*/background-repeat: repeat;background-image: url('../image/bg.png');margin: 0px;padding: 0px;/*display: table;*/width: 100%;height: 100vh;}
	a:link{color: #fed336;text-decoration: none;}
	a:hover{cursor: pointer;}

.grad { background-image: -webkit-linear-gradient(white, #bcbcbc, white); /* For Safari 5.1 to 6.0 */background-image: -o-linear-gradient(white, #bcbcbc, white); /* For Opera 11.1 to 12.0 */background-image: -moz-linear-gradient(white, #bcbcbc, white); /* For Firefox 3.6 to 15 */background-image: linear-gradient(white, #bcbcbc, white); /* Standard syntax */}

/* Menú superior y cabecera de apartado*/
	.portaMenu{height: 100px;cursor: default;}
	.menuCenterTitle{position: absolute;top: 50%;margin-top: -22px;height: 44px;text-shadow: 0px 0px 2px #fed336;width: 100%;text-align: center;color: #000;font-size: 32px;font-weight: bold;z-index: 120;}
	.menuStyleDer {border-radius: 80px 0px 0px 80px;text-align: right;background: #6f918a;padding-top: 10px;padding-bottom: 10px;margin-bottom: 20px;margin-top: 20px;width: 100%;height: 80px;position: relative;top: 50%;transform: translate(3px,-50%);box-shadow: 0px 10px 5px #888;border-width: 3px;border-style: solid;border-color: #000;z-index: 10;}
	.menuStyleIzq {background: #6f918a;padding-bottom: 10px;margin-bottom: 20px;margin-top: 20px;width: 100%;height: 80px;position: relative;top: 50%;transform: translate(-3px,-50%);border-radius: 0px 80px 80px 0px;box-shadow: 0px 10px 5px #888;border-width: 3px;border-style: solid;border-color: #000;z-index: 10;}
	#vCentDiv {top: 50%;transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);position: absolute;display: table-cell;min-width: 1000px;width: 100vw;height: 100vh;}
	
	#fixedTest{position: absolute;padding-left: 200px;padding-right: 50px;z-index: 200;top: 6px;min-width: 690px;max-width: 690px;/*top: 22px;min-width: 1220px;max-width: 1220px;*/background-color: #6f918a;opacity: 0.8;font-size: 14px;border: 3px solid black;border-radius: 0px 80px 80px 0px;z-index: 10;margin-left: -4px;}
		#fixedTest #m {position: relative;display: inline-block;background-color: #6f918a;float: left;height: 21px;width: 200px;border-top: 3px;border-left: 0px;border-bottom: 3px;border-right: 0px;text-align: center;padding-top: 2px;padding-bottom: 4px;}
			#fixedTest #m:hover {cursor: pointer;background-color: #fed336;}

		#fixedTest #m a {text-decoration: none;color: #000;font-weight: bold;}
		#fixedTest #mSelect{background-color: #fed336;float: left;height: 21px;width: 200px;display: block;text-align: center;padding-top: 2px;padding-bottom: 4px;cursor: default;font-weight: bold;}
			.nombreApartado{background: #6f918a;padding-bottom: 10px;margin-bottom: 20px;margin-top: 20px;position:absolute;top:50px;width:620px;height:60px;opacity:0.8;box-shadow: 0px 0px 0px #fff;border-radius: 0px 80px 80px 0px;border-width: 3px;border-style: solid;border-color: #000;z-index: 10;margin-left: -4px;}
/* Vuelta al inicio*/
	.returnMain{position:absolute;border-style: solid;border-color: black;border-width: 3px;border-radius: 100px 100px 100px 100px;top:620px;left:80px;width:120px;height:120px;background-color:#6f918a;z-index: 10;}
		.returnMainContent{position:absolute;text-align: center;width:83px;max-width: 83px;height:83px;max-height: 83px;top: 50%;left: 50%;margin-top: -41px;margin-left: -41px;}
			.returnMainContent img{opacity: 0.6;}
				.returnMainContent img:hover{opacity: 1;}


/* Galería general Slideshow*/
	.galleryContent{position:absolute;display: inline-block;width: 598px;height:180px;left: 340px;top: 590px;overflow: hidden;z-index: 102;}

/* Contenido del libro - General*/
	.libroCompleto{position:absolute;top: 160px;left:340px;width:600px;height:400px;background-image: url(../image/book-open.png);background-size: 600px 400px;}
	.divHide{visibility: hidden;}
	.divNone{display: none;}
	.divBlock{display: block;}
	.divShow{visibility: visible;}

/* Contenido del libro - Página texto*/
	#paginaLibro{position: absolute;transform: skewy(3.5deg);-webkit-transform: skewy(3.5deg);top: 20px;left: 35px;width: 260px;height: 355px;}
	.etiqueta{position: relative;}
	.titulo{text-align: center;padding-top: 5px;padding-bottom: 5px;font-size: 14px;width: 260px;background-color: #fff;font-weight: bold;box-shadow: 0px 1px 3px rgba(0,0,0,0.4);}
	.contenido{margin-top: 4px;font-size: 13px;text-align: left;padding-top: 5px;padding-bottom: 5px;width: 260px;height: 312px;}
	.contenedorServicio{font-weight: normal;}
		.contenedorServicio:hover{font-weight: bold;}
		.servicio{margin-left: 5px;position: absolute;display: inline-block;float: left;max-width: 200px;left: 0px;padding-top: 3px;padding-bottom: 3px;}
		.precioServicio{position: absolute;display: inline-block;float: right;right: 0px;padding-top: 3px;padding-bottom: 3px;}

	.explicacionServicio{font-size: 12px;}
		.explicacionServicio i{font-size:.8em;padding-left: 5px;}

	.descripcionServicio{padding: 0px;padding-top: 3px;padding-bottom: 5px;margin:0px;width: 90%;font-weight: bolder;}


/* Contenido del libro - Página foto*/
	#paginaFoto{position: absolute;margin-top: 18px;left: 300px;width:287px;height:370px;text-align: center;}
	#paginaFotoIE{position: absolute;margin-top: 18px;left: 450px;width:287px;height:370px;text-align: center;}
	#fotoLibro{transform: translate(-50%,0px);overflow: visible;}
	#fotoLibro img{max-width: 235px;max-height: 310px;}
		#imgLibro-button:hover{cursor: pointer;}
	#fotoModal {height: 98%;border-radius: 10px 10px 10px 10px;display: none;}
		#fotoModal img{position: absolute;left: 50%;height: inherit;transform: translate(-50%,0px);-moz-transform: translate(-50%,0px);-webkit-transform: translate(-50%,0px);border: 10px solid #6f918a;border-radius: 20px 20px 20px 20px;}

		.cinta {position: absolute;top: 20px;text-align: center;display: inline-block; *display: inline; zoom: 1;margin:0px;}
			.uno:before,.dos:before, .dos:after,.tres:before, .tres:after,.cuatro:before, .cuatro:after {content: "";display: block;width: 100px;height: 25px;position: relative;top: 20px;margin: auto;background: rgba(255,255,200,0.6);-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);box-shadow: 0px 1px 3px rgba(0,0,0,0.4);}
			.abajo:before, .abajo:after {content: "";display: block;width: 100px;height: 30px;position: relative;top: 20px;margin: auto;background: rgba(255,255,200,0.6);-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);box-shadow: 0px 1px 3px rgba(0,0,0,0.4);}
			.dos:before, .dos:after {position: absolute;top: 10px;}
			.dos:before {left: 0;-webkit-transform: rotate(-35deg);-moz-transform: rotate(-35deg);transform: rotate(-35deg);}
			.dos:after {right: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
			.abajo:before, .abajo:after{position: absolute;bottom: 10px;}
			.abajo:before{left:0;}
			.abajo:after{right:0;}
			.tres:before, .tres:after {position: absolute;top: 10px;}
			.tres:before {left: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
			.tres:after {top: inherit;bottom: 10px;right: 0;-webkit-transform: rotate(-35deg);-moz-transform: rotate(-35deg);transform: rotate(-35deg);}
			/* Esto es sólo algo de estilo adicional para la imagen */
			.cinta img {display: inline-block; *display: inline; zoom: 1;left: 200px;border: 1px solid #ddd;margin: 0 20px;padding: 8px;background: #fff;text-align:center;vertical-align:middle;-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);box-shadow: 0px 1px 3px rgba(0,0,0,0.4);}


/* Subcategorías y Sub-Subcategorías*/
	.subCategoryMain{position:absolute;top: 170px;left:160px;width:230px;height:393px;}
		.subCategory{background-color: rgba(111,145,138,0.5);border: 3px solid rgba(111,145,138,1);box-shadow: 0px 1px 3px rgba(0,0,0,0.4);height: 28px;border-radius: 5px 0px 0px 5px;width: 180px;font-size: 14px;}
			.subCategory .tab{display: inline-block;background-color: rgba(111,145,138,1);width: 13px;height: 28px;}
			.subCategory .text{display: inline-block;padding-left: 5px;vertical-align: top;margin-top: 4px;}
		.subCategory:hover{font-weight: bold;cursor: pointer;}
			.subCategory:hover .tab{background-color: #fed336;}
		.subCatBlock{font-size: 10px;cursor: pointer;margin-left: 15px;padding-left: 5px;padding-top: 5px;padding-bottom: 5px;width: 160px;font-weight: normal;text-align: left;vertical-align: center;background-color: rgba(127,127,127,0.3);box-shadow: 0px 3px 3px #888;}
			.subCatItem{height: 20px;}
				.subCatItem:hover{font-weight: bold;}
			.subCatSelect{font-weight: bold;}
			.subCatSelect .tab{background-color: #fed336;}


/* Decoración - Cintas métricas*/
	.cMetrica{position:relative;top:660px;left:0px;width:94.8%;min-width: 1268px;height:50px;background-image: url(../image/RcintaMetrica.jpg);background-repeat: repeat-x;margin-left: 100px;z-index: 1;}
	.cMetricaFinal{position:relative;top:660px;width: 300px;height: 50px;right: 0%;transform: translate(-100%,-100%);z-index: 90;}

/* Galería de La Modista Modernista */
	.gal_container{background-color: rgba(200,200,200,0.8);position:absolute;top: 160px;left:345px;width:690px;height:480px;border: 10px solid #6f918a;overflow-y:scroll;}
		.gal{text-align: center;}
		.gal li{display: inline-block;margin: 10px;}
			.gal li img{max-width: 170px;max-height: 170px;opacity: 0.7;border-radius: 5px;}
				.gal li img:hover{opacity: 1;}


/* Panel de Scroll personalizado */
	.scroll-pane{width: 260px;height: 320px;overflow: auto;}

/* Página de inicio */
	.iniciol{height: 100%;font-family: 'Oxygen', sans-serif;}
	.centerDiv{position:absolute;width: 100%;min-width:912px;top: 50%;margin-top: -180px;overflow:visible;}
		.leftDiv,.rightDiv{display: inline-block;min-width: 400px;height: 100%;text-align: center; overflow: hidden;}
			.rightDiv{float: right;}
			.leftDiv{float: left;}

		.leftMenu,.rightMenu {border: 5px solid black;height: 100px;font-weight: normal;padding: 0px 5px 0px 5px;margin: 0px;margin-bottom: 5px;background-color: rgba(111,145,138,0.8);}
			.leftMenu{border-radius: 0px 80px 80px 0px;margin-left: -6px;text-align: left;padding-left:10px;}
			.rightMenu{border-radius: 80px 0px 0px 80px;margin-right: -6px;text-align: right;padding-right: 10px;}

		.leftMenu h1,.rightMenu h1{font-weight: normal;display: table-cell;height: inherit;vertical-align: middle;width: inherit;}	

		.logoImagen{position: absolute;height:200px;left: 50%;top:50%;margin-left: -125px; margin-top: -100px;}
		@media screen and (min-width: 1090px){
			.logoImagen{
		 		position: absolute;height:360px;left: 50%;top:50%;margin-left: -225px; margin-top: -180px;
		 	}
		}
		a:link {color: #000;}
		a:visited {color: #000;}
		a:hover {color: #fed336;}
		a:active {color: #fed336;}
		.pie{border-top: 1px dashed rgba(162,184,173,1.0);position: fixed;bottom: 0;width: 100%;height: 18px;z-index: 10;color: black;font-weight: bold;font-family: 'Oxygen', sans-serif;font-size: 15px;text-align: center;padding-top: 5px;padding-bottom: 5px;background-color: rgba(111,145,138,1.0);}
			.pie a{float: left; margin-left: 20px;color:#fed336;}

		.pieBSI{vertical-align:top;text-align:center;background: rgba(111,145,138,0.5);width: 100%;height:40px;position: fixed;left: 0px;bottom: 18px;z-index: 1;padding-left: 20px;padding-right: 20px;padding-top: 3px;font-family: 'Oxygen', sans-serif;font-size: 15px;}
			.pieBSI span{padding: 0px; margin: 0px;}
			.pieBSI span:hover{font-weight: bold; cursor: pointer;}
			.pieBSI span img{width:23px;height: 23px;background: url(../image/map-icons-black.png);background-repeat: no-repeat;background-size: 100% 100%;float: left;}
			.pieBSI span:hover img{background: url(../image/map-icons-91519.png);background-repeat: no-repeat;background-size: 100% 100%;}
			
			.popup{padding:25px;position: fixed;bottom:60px;left: 50%;margin-left:-200px;background:url(../image/didalPopupBig2.png);background-repeat: no-repeat;background-size: 100% 100%;width:400px;height: 350px;visibility: hidden;}
			
			.popup iframe{width: 100%;height: 200px;border:2px solid #cacaca;display: block;opacity: 1;}