/* stili comuni a tutte le configurazioni */

/* font faces */
@font-face {
    font-family: "Quicksand";
    src: url("./img/fonts/Quicksand_Book.otf");
	}

@font-face {
    font-family: "QuicksandI";
    src: url("./img/fonts/Quicksand_Book_Oblique.otf");
	}

@font-face {
    font-family: "QuicksandB";
    src: url("./img/fonts/Quicksand_Bold.otf");
	}

@font-face {
    font-family: "QuicksandL";
    src: url("./img/fonts/Quicksand_Light.otf");
	}

@font-face {
    font-family: "Excellentia";
    /*src: url("./img/fonts/Excellentia.ttf");*/
    src: url("./img/fonts/excell.otf");
	}

@font-face {
    font-family: 'bitcoinregular';
    src: url('./img/fonts/bitcoin-webfont.eot');
    src: url('./img/fonts/bitcoin-webfont.eot?#iefix') format('embedded-opentype'),
         url('./img/fonts/bitcoin-webfont.woff2') format('woff2'),
         url('./img/fonts/bitcoin-webfont.woff') format('woff'),
         url('./img/fonts/bitcoin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	}

/* stili globali */
html, body
	{
	/*width:100%;*/
	}

body *
	{
	box-sizing:border-box;
	}

body, td, div, ul, li, h1, h2, h3, input, p, form
	{
	margin:0;
	padding:0;
	}

body
	{
    font-size: 13px;
	font-weight:normal;
	font-family: Montserrat,sans-serif;
	}

table, td, div, ul, li, h1, h2, h3, input, p, form
	{
	color:inherit;
	font-size:inherit;
	}

div
	{
	/*outline:1px dashed red;*/
	}

a
	{
	color:#bc9486;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
	}

a:hover
	{
	color:#381e21;
	}

a img
	{
	border:0;
	}

body
	{
	font-size:18px;
	min-height:100%;
	font-family:Quicksand;
	background-color:#381E21;
	background-color:#584144;
	}
	
#estt
	{
	background-color:#EEEADC;
	background-image:url(img/bgt.gif);
	background-repeat:repeat-x;
	}

#est
	{
	margin-top: 110px;
	background-color:#F2F1EC;
	background-repeat:repeat;
	background-image:url(img/bg.gif);
	background-position: left bottom;
	}

#estp
	{
	background-color:#584144;
	}

#intt, #int, #intp
	{
	max-width:1070px;
	margin-left:auto;
	margin-right:auto;
	}

#intt, #colt
	{
	position:relative;
	}

#int
	{
	height:100%;
	}
	
#int, #intt
	{
	display:table;
	justify-content:center;
	}


#colt, #col, #colp
	{
	height:100%;
	background-color:#381E21;
	}
	
#colp
	{
	position:relative;
	}

#colp:after
	{
	height:31px;
	width:202px;
	content:"";
	display:block;
	bottom:-31px;
	position:absolute;
	background-image:url(img/coda.png);
	}

#col, #corpo
	{
	display:table-cell;
	vertical-align:top;
	}

#col
	{
	width: 202px;
	color:#EEEADC;
	font-size:24px;
	padding-top:173px;
	padding-left:15px;
	padding-bottom:136px;
	padding-right:15px;
	}

#corpo
	{
	max-width:calc(1070px - 202px);
	color:#584144;
	padding-top:42px;
	padding-left:106px;
	z-index:0;
	position:relative;
	}

.langalert
	{
	padding:15px;
	border:1px dotted red;
	margin-bottom:15px;
	}

#corpo h1
	{
	color:#584144;
	font-size:54px;
	line-height:50px;
	margin-bottom:30px;
	font-family:Excellentia;
	letter-spacing:2px;
	}

#listad
	{
	margin-top:20px;
	margin-bottom:100px;
	}

#listad:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.docs
	{
	border-bottom:1px dotted #584144;
	padding-bottom:50px;
	margin-bottom:15px;
	}

.docs:first-child
	{
	padding-top:15px;
	border-top:1px dotted #584144;
	}

.docs h2
	{
	font-size:22px;
	}

.docs h3
	{
	font-size:20px;
	font-weight:normal;
	}

.segue
	{
	float:right;
	margin-right:20px;
	display:inline-block;
	}

#logo
	{
	top:0;
	left:-3px;
	position:absolute;
	z-index:99;
	}

#social
	{
	top:0;
	right:210px;
	font-size:18px;
	position:absolute;
	line-height:44px;
	}

#social a
	{
	width:45px;
	height:56px;
	color:#584144;
	font-weight:normal;
	display:inline-block;
	text-align:center;
	background-repeat:no-repeat;
	background-image:url(img/social.png);
	}

#social a:first-of-type
	{
	margin-left:5px;
	}

#social a img
	{
	top:3px;
	position:relative;
	}

#langs
	{
	right:0;
	top:30px;
	position:absolute;
	font-family:QuicksandI;
	font-size:14px;
	}

#langs a
	{
	color:#584144;
	font-weight:normal;
	}

#langs a:hover
	{
	text-decoration:underline;
	}

#menu
	{
	display:flex;
	list-style:none;
	height:60px;
	top:78px;
	width:867px;
	padding-top:20px;
	margin-left:262px;
	position:relative;
	}

#menu li
	{
	flex:1;
	font-size:24px;
	text-align:center;
	}

#menu li a
	{
	color:#BC9486;
	font-weight:normal;
	}

#menu li a.on
	{
	color:#381E21;
	}

#menu li:hover
	{
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(img/hover.gif);
	background-position:bottom center;
	}

#menup
	{
	font-size:20px;
	list-style:none;
	padding-left:10px;
	border-top:1px solid #604B4C;
	}

#menup > li
	{
	margin-top:10px;
	}

#menup a
	{
	color:#EEEADC;
	font-weight:normal;
	}

#menup a.on
	{
	color:#957176;
	}

#menup li ul
	{
	font-size:18px;
	list-style:none;
	padding-left:10px;
	border-top:1px solid #604B4C;
	}

#menup > li ul > li
	{
	margin-top:5px;
	}

#copy
	{
	color:#896C6A;
	height:64px;
	margin-top:55px;
	text-align:center;
	padding-top:16px;
	padding-bottom:16px;
	font-size:14px;
	background-repeat:no-repeat;
	background-image:url(img/fregioup.png), url(img/fregiodw.png);
	background-position:top center, bottom center;
	}

#menuu
	{
	float:right;
	width:120px;
	color:#EEEADC;
	font-size:18px;
	margin-top:28px;
	margin-right:50px;
	}

#menuu ul
	{
	list-style:none;
	border-top:1px solid #725E60;
	}

#menuu ul li
	{
	margin-top:10px;
	}

#menuu ul a
	{
	color:#EEEADC;
	font-weight:normal;
	}

#categs, #prods
	{
	overflow:hidden;
	}

#prods div.itemt a
	{
	color:#bc9486;
	font-size:16px;
	margin-left:12px;
	display:inline-block;
	}

#prods div.itemt a:hover
	{
	color:#381e21;
	}

#prods div.itemt a.etsyl, #corpoint a.etsyl
	{
	display:block;
	}

#prods div.itemt a.etsyl
	{
	text-align:right;
    margin-right:40px;
	}

#corpoint a.etsyl
	{
    margin-top:10px;
	}

#prods div.itemt a.etsyl span:first-child, #corpoint a.etsyl span:first-child
	{
	color:#C04400;
	}

#prods div.itemt a.etsyl span:last-child, #corpoint a.etsyl span:last-child
	{
	color:#381E21;
	font-weight:bold;
	}

#corpoint ul li
	{
    margin-left:20px;
    margin-bottom:10px;
	}

.item
	{
	width:50%;
	float:left;
	font-size:14px;
	margin-top:30px;
	}

#prods .item, #gallery .item
	{
	width:33%;
	}

.itemi, #listadocs .docs img, .boxarea #corpoint img
	{
    padding:11px;
	position:relative;
	margin-bottom:30px;
	display:inline-block;
	background-color: white;
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);
	}

.itemi img
	{
	width:330px;
	height:150px;
	max-width:330px;
	max-height:150px;
	}

#prods .itemi img, #gallery .itemi img
	{
	width:200px;
	}

#gallery .itemi a
	{
	position:relative;
	display:inline-block;
	}

#gallery .itemi a:after
	{
	top:11px;
	right:18px;
	top:0;
	right:7px;
	content:"";
	width:32px;
	height:42px;
	position:absolute;
	background-image:url(img/lente.png);
	}

#gallery .itemi::before
	{
	display:none;
	}

.itemi span
	{
	top:25%;
	height:50%;
	width:330px;
	display:block;
	color:#fff;
	font-weight:normal;
	text-align:center;
	background-color: rgba(88,65,68,0.5);
    font-size: 54px;
	position:absolute;
    line-height: 90px;
    letter-spacing: 2px;
    font-family: Excellentia;
	}

.itemi::before
	{
	top:0;
	left:0;
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	background-color: white;
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);
    transform:rotate(357deg);
    transform-origin:top right;
	}

.itemt
	{
	height:38px;
	}

#imgpop
	{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	background-color:black;
	background-color:rgba(0,0,0,0.8);
	background-position:center center;
	background-image:url(img/loading.gif);
	background-repeat:no-repeat;
	display:none;
	}

#poptit
	{
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	}

#popimgc
	{
	position:fixed;
	left:60px;
	right:60px;
	top:60px;
	bottom:60px;
	}

#popimg
	{
	margin-left:auto;
	margin-right:auto;
	display:table;
	max-width:100%;
	max-height:100%;
	padding:3px;
	border:1px solid white;
	}

#popprev
	{
	position:fixed;
	top:60px;
	left:0;
	width:35%;
	height:100%;
	}

#popprev img
	{
 float:left;
	margin-top:50%;
	}

#popnext
	{
	position:fixed;
	top:60px;
	right:0;
	width:35%;
	height:100%;
	}

#popnext img
	{
 float:right;
	margin-top:50%;
	}

#popclose
	{
	position:fixed;
	right:0;
	top:0;
	height:60px;
	width:15%;
	}

#popclose img
	{
 float:right;
	margin-top:5px;
    margin-right:5px;
	}

#popsave
	{
	position:fixed;
	left:0;
	top:0;
	height:60px;
	width:15%;
	}

#popsave img
	{
 float:left;
	margin-top:5px;
    margin-left:5px;
	}
*/

/* stili per le cifre indicate in bitcoins */
.btcsymbol var
	{
	display:none;
	}

.btcsymbol:before
	{
	/*serif*/
	content:"\000e3f";
    content:"฿";
	/*sans serif*/
    content:"Ƀ";
	font-family: 'bitcoinregular';
	}

.btcsymbol:after
	{
	/*attivare per vedere XBT invece del simbolo bitcoin*/
	/*content:"XBT";*/
	}