@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}
.ie6 img{width:100%;}
body{overflow:hidden}

/* Layout mobile: 480 px e inferiori. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/*MENU MOBILE OPEN*/
#barraNavigazione, #boxBtnMenuNav {display:none;}
.imgAstucciHeader { padding-top:25px; padding-bottom:25px; }

.BtnMobile{
	position:fixed;
	right:0px;
	top:0px;
	margin-top:3%;
	margin-right:3%;
	display:block;
	z-index:9999;
}
#tendina{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:0px;
	/*background-image:url(../img/bg_black70opacity.png);
	background-repeat:repeat;*/
	background-color:#e7c10f;
	overflow:auto;
	display:block;
	z-index:999;
}
#tendinaLv2Studio, #tendinaLv2Stampa{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:0px;
	background-color:#bceb1d;
	overflow:auto;
	display:block;
}
.btnMenuMobile{
	position:relative;
	top:0px;
	left:0px;
	width:88%;
	padding:6%;
	border-bottom:solid 1px #808080;
}
.btnMenuMobileLv2{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	padding:25px;
	width:88%;
	padding:6%;
}
/*MENU MOBILE CLOSED*/

#Box1-Header {
	position: relative;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	display: block;
	background-color:#fff;
}
#Box1-Margine, #Box2-Margine, #Box-Cookie {
	position: relative;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	display: block;
	text-align:center;
	background-color:#FFF;
}
#Box2-Margine {
	background-color:#e7c10f;
}
#Box-Cookie { text-align: left; padding-top:25px; padding-bottom:25px; background-color:#e7c10f; }
#Box1-full {
	position: relative;
	clear: both;
	width: 100%;
	display: block;
	background-color:#FFF;
}
#sfondo-Slide {
	position: relative;
	clear: both;
	width: 100%;
	min-height:200px;
	display: block;
	background-color:#e7c10f;
}
#Box-credit {
	position: relative;
	clear: both;
	width: 100%;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	display: block;
}

#logo-Molors {max-width:600px; padding-top:20px; padding-bottom:10px;}

/*SLIDESHOW CONTEINER*/
#BoxConteinerSliderProdotti {text-align:center; width: 100%; margin: 0 auto; padding-bottom:5%; }
#BoxConteinerSlider { display: inline-block; padding-bottom:3% }
.SlidesM, .SlidesP, .SlidesS { display:none; }
#ConteinerSlide, #ConteinerSlideStory {position:relative; max-width:500px; margin: auto; }
#ConteinerSlideStory { max-width:1000px; }
/*PULSANTI DI NAVIGAZIONE*/
#ConteinerArrowLeftM { position:absolute; top:50%; left:0px; width:50px; height:50px; background:url(../img/btnPrevMarker.png) top left no-repeat; cursor:pointer; }
#ConteinerArrowRightM { position:absolute; top:50%; right:0px; width:50px; height:50px; background:url(../img/btnNextMarker.png) top left no-repeat; cursor:pointer; }
#ConteinerArrowLeftP { position:absolute; top:50%; left:0px; width:50px; height:50px; background:url(../img/btnPrevPencil.png) top left no-repeat; cursor:pointer; }
#ConteinerArrowRightP { position:absolute; top:50%; right:0px; width:50px; height:50px; background:url(../img/btnNextPencil.png) top left no-repeat; cursor:pointer; }
/*PULSANTI DI SELEZIONE*/
#ConteinerBtnNavSlide, #ConteinerBtnNavSlideStory { position:absolute; top:100%; left:-41px; margin-left:50%; }#BtnNavSlide { width:27px; height:27px; margin:0px; display:inline-block; cursor:pointer; background:url(../img/btnNavSlide.png) top left no-repeat; }
#ConteinerBtnNavSlideStory { top:90%; left:-81px; }
#BtnNavSlide:hover { background:url(../img/btnNavSlide.png) bottom left no-repeat; }
.BtnNavSlideSelect { width:27px; height:27px; margin:0px; display:inline-block; cursor:pointer; background:url(../img/btnNavSlide.png) bottom left no-repeat !important}
/*ANIMAZIONE FADING*/
.animate-Fading {animation:fading 10s linear}@keyframes fading{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}
/*ANIMAZIONE MOVING+FADING*/
.animate-Moving-Fading {animation:moving 15s linear}@keyframes moving{0%{margin-left:100%;opacity:0;}5%{margin-left:0%;opacity:1}95%{margin-left:0%;opacity:1}100%{margin-left:-100%;opacity:0}}

#ConteinerBtnNav {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

/*BOX DI PRESENTAZIONE DEI MOLORS*/
#BoxConteinerMolors {text-align:center; width: 100%; margin: 0 auto; padding-bottom:5%; }
#BoxConteinerImgMolors { max-width: 100px; display: inline-block; }

/* BOX DEI DISEGNI DA SCARICARE >> PERSONAGGI*/
#BoxConteinerDisegniMolors { text-align:center; width: 100%; margin: 0 auto; }
#BoxDisegniMolors1, #BoxDisegniMolors1:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/molmol-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors2, #BoxDisegniMolors2:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/mosmos-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors3, #BoxDisegniMolors3:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/modmod-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors4, #BoxDisegniMolors4:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/mormor-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors5, #BoxDisegniMolors5:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/mofmof-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors1:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/molmol-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors2:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/mosmos-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors3:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/modmod-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors4:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/mormor-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors5:hover { width: 100px; height: 107px; margin:10px; display: inline-block; background: url(../img/mofmof-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }

/*BOX DEI DISEGNI DA SCARICARE >> LUOGHI*/
#BoxConteiner {	text-align:center; width: 100%;	margin: 0 auto; }
#BoxConteinerImg1, #BoxConteinerImg1:hover { width: 200px; height: 272px; display: inline-block; margin: 25px; background: url(../img/imgArt1-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg2, #BoxConteinerImg2:hover { width: 200px; height: 272px; display: inline-block; margin: 25px; background: url(../img/imgArt2-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg3, #BoxConteinerImg3:hover { width: 200px; height: 272px; display: inline-block; margin: 25px; background: url(../img/imgArt3-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg4, #BoxConteinerImg4:hover { width: 200px; height: 272px; display: inline-block; margin: 25px; background: url(../img/imgArt4-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg5, #BoxConteinerImg4:hover { width: 200px; height: 272px; display: inline-block; margin: 25px; background: url(../img/imgArt5-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg6, #BoxConteinerImg4:hover { width: 200px; height: 272px; display: inline-block; margin: 25px; background: url(../img/imgArt6-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg7, #BoxConteinerImg4:hover { width: 200px; height: 272px; display: inline-block; margin: 25px; background: url(../img/imgArt7-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
/*ANIMAZIONE SCALING SU HOVER*/
#BoxDisegniMolors1:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors2:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors3:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors4:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors5:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg1:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg2:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg3:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg4:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg5:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg6:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg7:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }

/*SFONDO DEI CONTENUTI DA SCARICARE*/
#SfondoContenuti { position:fixed; top:0%;	left:0%; width:100%; height:100%; padding-top: 10%; background: url(../img/bg_black70opacity.png) center center repeat; z-index:9999; display:none; overflow:auto; }
#AreaContenuti { width:100%; max-width:900px; margin: 0 auto; padding: 2,5%; z-index: 99999; text-align:center; }
#btnCloseContenuti { position:absolute; top:2%; right:2%; width:50px; height:50px; display:none; overflow:auto; background:url(../img/btnCloseDownload.png) top left no-repeat; cursor:pointer; }

/* Layout tablet: da 481 px a 768 px. Eredita stili da: Layout mobile. */

@media only screen and (min-width: 481px) {
#Box1-Header {
	position: relative;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	display: block;
	background-color:#fff;
}
#Box1-Margine, #Box2-Margine {
	position: relative;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	display: block;
	text-align:center;
	background-color:#FFF;
}
#Box2-Margine {
	background-color:#e7c10f;
}
#Box1-full {
	position: relative;
	clear: both;
	width: 100%;
	display: block;
	background-color:#FFF;
}
#sfondo-Slide {
	position: relative;
	clear: both;
	width: 100%;
	display: block;
	background-color:#e7c10f;
}
}

/* Layout desktop: da 769 px a 1232 px max.  Eredita stili da: Layout mobile e Layout tablet. */

@media only screen and (min-width: 769px) {
.BtnMobile, #tendina, .btnMenuMobile, #imgMobile  {display:none;}
.imgAstucciHeader { padding:0px; }

/* MENU OPEN
#barraNavigazione{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:80px;
	background-image:url(../img/bg_black70opacity.png);
	background-repeat:repeat;
	overflow:auto;
	display:block;
	z-index:9999;
}
#boxBtnMenuNav {
	position:relative;
	top:0px;
	right:0px;
	margin-right:3%;
	margin-top:25px;
	float:right;
	display:block;
}
MENU CLOSE */

#Box1-Header {
	position: relative;
	clear: both;
	width: 100%;
	display: block;
}
#Box1-Margine, #Box2-Margine {
	position: relative;
	clear:both;
	width: 90%;
	padding-left:5%;
	padding-right:5%;
	display:block;
	text-align:center;
	background-color:#fff;
}
#Box2-Margine {
	background-color:#e7c10f;
}
#Box1-full {
	position: relative;
	clear: both;
	width: 100%;
	display: block;
	background-color:#fff;
}
#sfondo-Slide {
	position: relative;
	clear: both;
	width: 100%;
	display: block;
	background-color:#e7c10f;
}

/* ELEMENTI HEADER */
#Box2-Header { text-align:center; position:relative; width:100%; max-width:1000px; margin: auto; }
#logo-Molors-Desk { position:relative; left:-250px; top:3%; max-width:500px; padding:50px; }
#img-Astucci-Header { position:relative; right:-110px; top:40%; max-width:620px; padding-bottom:25px; }
#testoHeader { position:absolute; left:-50px; top:92%; }
#pesci { position:absolute; width:284px; height:183px; top:30%; left:100px; background: url(../img/pesci.png) top left no-repeat; }
#rondini { position:absolute; width:180px; height:89px; top:3%; right:30px; background: url(../img/rondini.png) top left no-repeat; }

#mosmos { position:absolute; width:281px; height:267px; top:45%; left:-100%; background: url(../img/mosmos.png) top left no-repeat; }
/*ANIMAZIONE MOSMOS*/
.animate-mosmos {animation:mosmos 2s linear; animation-fill-mode:forwards;}@keyframes mosmos{0%{left:-100%;}100%{left:-8%;}}

#mofmof { position:absolute; width:198px; height:205px; top:63%; right:60%; background: url(../img/mofmof.png) top left no-repeat; }
/*ANIMAZIONE MOLMOL*/
.animate-mofmof {animation:mofmof 2s linear; animation-fill-mode:forwards;}@keyframes mofmof{0%{right:40%;}100%{right:55%;}}

#molmol { position:absolute; width:268px; height:311px; top:45%; right:8%; background: url(../img/molmol.png) top left no-repeat; }
/*ANIMAZIONE MOLMOL*/
.animate-molmol {animation:molmol 2s linear; animation-fill-mode:forwards;}@keyframes molmol{0%{right:8%;}100%{right:-8%;}}

#modmod { position:absolute; width:240px; height:238px; top:50%; right:10%; background: url(../img/modmod.png) top left no-repeat; }
/*ANIMAZIONE MODMOD*/
.animate-modmod {animation:modmod 2s linear; animation-fill-mode:forwards;}@keyframes modmod{0%{top:50%;}100%{top:15%;}}

#mormor { position:absolute; width:174px; height:256px; top:-20%; left:50%; background: url(../img/mormor.png) top left no-repeat; }
/*ANIMAZIONE MORMOR*/
.animate-mormor {animation:mormor 2s linear; animation-fill-mode:forwards;}@keyframes mormor{0%{top:-20%;}100%{top:2%;}}

/*SLIDESHOW CONTEINER*/
#BoxConteinerSliderProdotti {text-align:center; width: 100%; margin: 0 auto; padding-bottom:5%; }
#BoxConteinerSlider { width: 550px; display: inline-block; padding-bottom:3% }
.SlidesM, .SlidesP, .SlidesS { display:none; }
#ConteinerSlide, #ConteinerSlideStory {position:relative; max-width:500px; margin: auto; }
#ConteinerSlideStory { max-width:1000px; }
/*PULSANTI DI NAVIGAZIONE*/
#ConteinerArrowLeftM { position:absolute; top:50%; left:0px; width:50px; height:50px; background:url(../img/btnPrevMarker.png) top left no-repeat; cursor:pointer; }
#ConteinerArrowRightM { position:absolute; top:50%; right:0px; width:50px; height:50px; background:url(../img/btnNextMarker.png) top left no-repeat; cursor:pointer; }
#ConteinerArrowLeftP { position:absolute; top:50%; left:0px; width:50px; height:50px; background:url(../img/btnPrevPencil.png) top left no-repeat; cursor:pointer; }
#ConteinerArrowRightP { position:absolute; top:50%; right:0px; width:50px; height:50px; background:url(../img/btnNextPencil.png) top left no-repeat; cursor:pointer; }
/*PULSANTI DI SELEZIONE*/
#ConteinerBtnNavSlideM, #ConteinerBtnNavSlideP, #ConteinerBtnNavSlideStory { position:absolute; top:100%; left:-95px; margin-left:50%; }#BtnNavSlide { width:27px; height:27px; margin:0px; display:inline-block; cursor:pointer; background:url(../img/btnNavSlide.png) top left no-repeat; }
#ConteinerBtnNavSlideP { left:-68px; }
#ConteinerBtnNavSlideStory { top:90%; left:-81px; }
#BtnNavSlide:hover { background:url(../img/btnNavSlide.png) bottom left no-repeat; }
.BtnNavSlideSelect { width:27px; height:27px; margin:0px; display:inline-block; cursor:pointer; background:url(../img/btnNavSlide.png) bottom left no-repeat !important}
/*ANIMAZIONE FADING*/
.animate-Fading {animation:fading 10s linear}@keyframes fading{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}
/*ANIMAZIONE MOVING+FADING*/
.animate-Moving-Fading {animation:moving 15s linear}@keyframes moving{0%{margin-left:100%;opacity:0;}5%{margin-left:0%;opacity:1}95%{margin-left:0%;opacity:1}100%{margin-left:-100%;opacity:0}}

#ConteinerBtnNav {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

/*BOX DI PRESENTAZIONE DEI MOLORS*/
#BoxConteinerMolors {text-align:center; width: 100%; margin: 0 auto; padding-bottom:5%; }
#BoxConteinerImgMolors1, #BoxConteinerImgMolors2, #BoxConteinerImgMolors3, #BoxConteinerImgMolors4, #BoxConteinerImgMolors5 { width: 196px; height: 418px; display: inline-block; background: url(../img/molors1.png) top left no-repeat; z-index:99 }
#BoxConteinerImgMolors2 { background: url(../img/molors2.png) top left no-repeat; }
#BoxConteinerImgMolors3 { background: url(../img/molors3.png) top left no-repeat; }
#BoxConteinerImgMolors4 { background: url(../img/molors4.png) top left no-repeat; }
#BoxConteinerImgMolors5 { background: url(../img/molors5.png) top left no-repeat; }

/* BOX DEI DISEGNI DA SCARICARE >> PERSONAGGI*/
#BoxConteinerDisegniMolors { text-align:center; width: 100%; margin: 0 auto; }
#BoxDisegniMolors1, #BoxDisegniMolors1:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/molmol-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors2, #BoxDisegniMolors2:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/mosmos-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors3, #BoxDisegniMolors3:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/modmod-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors4, #BoxDisegniMolors4:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/mormor-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors5, #BoxDisegniMolors5:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/mofmof-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
/*#BoxDisegniMolors1, #BoxDisegniMolors2, #BoxDisegniMolors3, #BoxDisegniMolors4, #BoxDisegniMolors5 { width: 151px; height: 161px; display: inline-block; background: url(../img/molmol-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxDisegniMolors2 { width: 151px; height: 161px; display: inline-block; background: url(../img/mosmos-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors3 { width: 151px; height: 161px; display: inline-block; background: url(../img/modmod-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors4 { width: 151px; height: 161px; display: inline-block; background: url(../img/mormor-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors5 { width: 151px; height: 161px; display: inline-block; background: url(../img/mofmof-Sketch1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }*/
#BoxDisegniMolors1:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/molmol-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors2:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/mosmos-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors3:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/modmod-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors4:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/mormor-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors5:hover { width: 151px; height: 161px; margin:10px; display: inline-block; background: url(../img/mofmof-Color1.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }

/*BOX DEI DISEGNI DA SCARICARE >> LUOGHI*/
#BoxConteiner {	text-align:center; width: 100%;	margin: 0 auto; }
#BoxConteinerImg1, #BoxConteinerImg1:hover { width: 275px; height: 374px; display: inline-block; margin: 25px; background: url(../img/imgArt1-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg2, #BoxConteinerImg2:hover { width: 275px; height: 374px; display: inline-block; margin: 25px; background: url(../img/imgArt2-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg3, #BoxConteinerImg3:hover { width: 275px; height: 374px; display: inline-block; margin: 25px; background: url(../img/imgArt3-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg4, #BoxConteinerImg4:hover { width: 275px; height: 374px; display: inline-block; margin: 25px; background: url(../img/imgArt4-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg5, #BoxConteinerImg5:hover { width: 275px; height: 374px; display: inline-block; margin: 25px; background: url(../img/imgArt5-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg6, #BoxConteinerImg6:hover { width: 275px; height: 374px; display: inline-block; margin: 25px; background: url(../img/imgArt6-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
#BoxConteinerImg7, #BoxConteinerImg7:hover { width: 275px; height: 374px; display: inline-block; margin: 25px; background: url(../img/imgArt7-New.png) top left no-repeat; background-size:cover; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; cursor:pointer; }
/*ANIMAZIONE SCALING SU HOVER*/
#BoxDisegniMolors1:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors2:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors3:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors4:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxDisegniMolors5:hover {-moz-transform:scale(1.5,1.5); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg1:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg2:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg3:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg4:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg5:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg6:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }
#BoxConteinerImg7:hover {-moz-transform:scale(1.2,1.2); -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; transition: width 0.5s, height 0.5s, transform 0.5s; }

/*SFONDO DEI CONTENUTI DA SCARICARE*/
#SfondoContenuti { position:fixed; top:0%;	left:0%; width:100%; height:100%; padding-top: 10%; background: url(../img/bg_black70opacity.png) center center repeat; z-index:9999; display:none; overflow:auto; }
#AreaContenuti { width:100%; max-width:900px; margin: 0 auto; padding: 2,5%; z-index: 99999; text-align:center; }

#myBtn { display: none;
    position: fixed;
	width:50px;
	height:50px;
	background: url(../img/btnToTop.png) center center no-repeat;
    bottom: 30px;
    right: 30px;
    border: none;
    outline: none;
	z-index: 999;
}

#myBtn:hover {
	animation-name: btnTopMove;
    animation-duration: 0.8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
	cursor: pointer;
}
/* Standard syntax */
@keyframes btnTopMove {
	0%   {bottom: 30px}
    50%  {bottom: 50px}
    100% {bottom: 30px}
}
}