@charset "utf-8";
/* CSS Document */
body {text-align: center;	font-family: 'Amethysta', serif; background-color: rgba(255,250,0,1);  margin: 0 5%}
a:link {	color: #612336; text-decoration: none;}
a:visited {	color: #612336;text-decoration: none;}
a:hover {	text-decoration: underline; 	color: #e13278}
a:active {color: #e13278;text-decoration: none}
strong { font-weight:normal }
#top {max-width:18%}
.fucsia { font-weight:bold; color: #e13278 }
#header_block { width:90%; max-width:950px;  text-align:justify; margin:auto}
#logo { width:100%;}
.cerchio {background:#ff7aa4; padding:0px 6px; border-radius:50%; margin-right:5px; color:#FFF; font-size:85%; font-weight:bold}
#cuore {margin:50px 5px 0px 0px;  color:#F09; font-size:130%; font-weight:bold}
#link_frasi { padding:0px 5px; background: rgba(255,212,228,0.3);  border-radius:2px;  border:rgba(255,122,164,0.5) thin solid; }
.link_frasi2 { margin-top:2px; padding:2px; background-color:#FFD4E4;  border-radius:2px;  border:#ff7aa4 thin solid; width: 98%; text-align:center; font-weight:bold }
a img:hover {  }
figure a img{width:100%; border-radius:8px; cursor:zoom-in }
figcaption p{ margin-top:-10px   }
@media screen and (max-width: 450px) {	figcaption p{ margin-top:-2px}}
h1 { text-align:center}
@media screen and (max-width: 450px) {	h1 { font-size:20px;}}
h3 {margin-top:5px; text-align:center; color: #e13278}
#section_prod {margin:auto;}
.figure { font-size:12px; display: inline-block; width:90%; max-width:450px; margin: 20px; text-align:justify; overflow: auto; height:530px}
@media screen and (max-width: 450px) {	.figure { height:500px; overflow: visible}}
.campione { margin-top:-7px; padding:2px; background-color:#FFD4E4;  border-radius:2px;  border:#ff7aa4 thin solid; width: 98%; text-align:center; font-weight:bold }
#btn_header_cont {  margin:auto; width:95%; max-width:950px}
.btn_header { display:inline-block; margin:5px;} 
@media screen and (max-width: 450px) {	.btn_header img{ width:120px}}
.codice {margin-top:-10px; color: #e13278}
.articolo:hover {background: rgba(255,212,228,0.3);  border-radius:2px;  border:rgba(255,122,164,0.5) thin solid;}
#contatti { margin-bottom:50px}
@media screen and (max-width: 450px) {	#contatti {margin-top:16px }}
.marchio { position:fixed; margin-left:-40px; left:50%; z-index:100; bottom:-5px; filter:drop-shadow(0px 0px 10px white);  -webkit-filter:drop-shadow(0px 0px 10px white); -ms-filter:drop-shadow(0px 0px 10px white); -moz-filter:drop-shadow(0px 0px 10px white); -o-filter:drop-shadow(0px 0px 10px white); }
.marchio:hover {	filter:drop-shadow(0px 0px 20px #ff7aa4); -webkit-filter:drop-shadow(0px 0px 20px #ff7aa4); -ms-filter:drop-shadow(0px 0px 20px #ff7aa4); -moz-filter:drop-shadow(0px 0px 20px #ff7aa4); -o-filter:drop-shadow(0px 0px 20px #ff7aa4);-webkit-transition: all 150ms linear;	-moz-transition: all 150ms linear;	-ms-transition: all 150ms linear;	-o-transition: all 150ms linear;	transition: all 150ms linear;}
video { width:100%}
::-webkit-scrollbar {  width: 15px;  height: 15px}
::-webkit-scrollbar-button {  width: 0px;  height: 0px}
::-webkit-scrollbar-thumb {  background: rgba(170, 170, 170, 0.5);  border: 2px solid #f1f1f1;  border-radius: 15px }  /*scroller*/
::-webkit-scrollbar-thumb:hover {  background: rgba(140, 140, 140, 0.5)}  /*scroller hover*/
::-webkit-scrollbar-thumb:active {   background: #FF7AA4}  /*scroller active*/
::-webkit-scrollbar-track {  background: rgba(220, 220, 220, 1.0);  }  /*sfondo scroller*/
::-webkit-scrollbar-track:hover {  background: rgba(220, 220, 220, 1.0);} /*sfondo scroller hover*/
::-webkit-scrollbar-corner {  background: transparent;}
#bt_cont { top:35px; color:#000; font-size:22px }
.bt:hover {color:#000; background-color:#F9F;	-webkit-transition: all 100ms linear;	-moz-transition: all 100ms linear;	-ms-transition: all 100ms linear; -o-transition: all 100ms linear;	transition: all 100ms linear;}
.bt {	 display:inline-block; background-color: #FCF;	text-align: center; width: 200px; border-radius: 8px;	margin:12px;padding:10px;}