@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; font-size: 100%;}

body {
	background-color: #E3E3D9;
	font-family: "Book Antiqua", Palatino, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 16px;
	color: #545454;
	text-align: center;
}

img {vertical-align: top; border: 0;}

a {text-decoration: underline; color: #84513C;}

a:link {text-decoration: underline; color: #84513C;}

a:visited, a.visited {color: #595959;}/* */

a:hover, a.hover {text-decoration: none; color: #8E513C;}

h1 {color: #AB5F07;}

h2 {font-size: 22px; color: #E17C09;}

h3 {font-size: 18px; color: #816232;}

h4 {font-size: 18px; color: #333; text-align:center; font-style:italic;}

h5 {font-size: 10px; color: #A58830;}

h6 {font-size: 9px; color: #A2A2A2;}

.page-background-gradient
{
  background-image: url(../images/page_g.jpg);
  background-repeat: repeat-x;
  height: 700px;
}


/* descrizione foglio Sheet */

.sheet {
	position:relative;
	z-index: 0;
	margin: 0 auto;
	width: 866px;
	height: 660px;
}

.sheet {
	margin-top: 50px !important;
	cursor:auto;
}

.sheet-body {
	position: relative;
	z-index: 1;
	padding: 5px;
}

.sheet-tr, .sheet-tl, .sheet-br, .sheet-bl, .sheet-tc, .sheet-bc,.sheet-cr, .sheet-cl {
	position: absolute;
	z-index: -1;
}

.sheet-tr, .sheet-tl, .sheet-br, .sheet-bl {
	width: 68px;
	height: 68px;
	background-image: url(../images/sheet_s.png);
}

.sheet-tl {
	top: 0;
	left: 0;
	clip: rect(auto, 34px, 34px, auto);
}

.sheet-tr {
	top: 0;
	right: 0;
	clip: rect(auto, auto, 34px, 34px);
}

.sheet-bl {
	bottom: 0;
	left: 0;
	clip: rect(34px, 34px, auto, auto);
}

.sheet-br {
	bottom: 0;
	right: 0;
	clip: rect(34px, auto, auto, 34px);
}

.sheet-tc, .sheet-bc {
	left: 34px;
	right: 34px;
	height: 68px;
	background-image: url(../images/sheet_h.png);
}

.sheet-tc {
	top: 0;
	clip: rect(auto, auto, 34px, auto);
}

.sheet-bc
{
  bottom: 0;
  clip: rect(34px, auto, auto, auto);
}

.sheet-cr, .sheet-cl {
	top: 34px;
	bottom: 34px;
	width: 68px;
	background-image: url(../images/sheet_v.png);
}

.sheet-cr {
	right: 0;
	clip: rect(auto, auto, auto, 34px);
}

.sheet-cl
{
  left: 0;
  clip: rect(auto, 34px, auto, auto);
}

.sheet-cc {
	position: absolute;
	z-index: -1;
	top: 34px;
	left: 34px;
	right: 34px;
	bottom: 34px;
	background-color: #FdF8ed;
}

/* end Sheet */

#main {width:866px; height:700px; margin:0 auto;}

.header {width: 844px; height: 200px; margin-left: 25px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: left;
}

/*  Menu  */
.menu {
	margin-left: 700px;
	padding-top: 68px;
	font-style: normal;
	text-align: left;
}

.menu ul {
	list-style-type: none;
}

.menu a {
	color: #81815F;
	line-height: 26px;
	text-decoration: none;
}

.menu a:hover {
	color: #666;
	font-weight: bold;
	font-variant:small-caps;
}

.menu a.active {
	color: #814D0E;
	font-weight: bold;
	font-variant:small-caps;
}
/* end Menu */

.col-1, .col-2, .col-3 {float:left;}

.content {height: 350px; padding-top: 13px;} 

.bread {font-size: .8em ; text-align:left; padding: 10px 0 0 30px;}
.bread a {text-decoration:none;}
.bread img {padding-top: 2px;}

.footer {position:absolute; top: 630px; left: 370px; font-size: .7em; color: #A58830; }

.powered {clear: both; font-size:9px; text-align: center; color: #BCBCBC; font-style: normal; padding-top: 10px;}

.powered a {text-decoration:none; color: #D2A28A;}

.powered a:hover {text-decoration:underline}

/* ============================= page1 home ===========================*/

#page1 .row1 .col-1 {width:340px; padding: 5px 20px 0 26px; line-height:1.45em;}
#page1 .row1 .col-2 {width:460px; height: 393px; margin-top: 0px; background:#FFF url(../images/bg_home.jpg) no-repeat; text-align:left;}


/* ============================= page2 materiali =========================== */

#page2 .content {margin-top: 10px; background: url(../images/bg_mat.gif) no-repeat bottom;}

#page2 .row1 .col-1 {width:830px; font-size: 18px; color: #000; font-weight:bold; line-height:1.5em;}
#page2 .row2 .col-1 {width:830px; font-size: 24px; color: #5B2E00; font-weight:bold; padding-top:10px;}

#page2 .row3 .col-1 {width:130px; padding-left:280px; padding-top:26px;}
#page2 .row3 .col-2 {width:230px; margin-left:-40px; padding-top:26px;}

/* ============================= page3 ordini ===========================*/

#page3 .col-1 {width:432px; padding-left: 50px; text-align:left; line-height:1.5em;}
#page3 .col-1 .row2 {padding: 20px 0 30px 0; color: #814D0E; font:1.09em normal; font-weight:bold; text-align:center;}
#page3 .col-1 .row2 {background-image: url(../images/bg_gr_ord.jpg); background-repeat:repeat-x;}

#page3 .col-2 {width:320px; height: 315px;  padding: 0 0px 0 24px;}

/* ============================= page4 contatti ===========================*/

#page4 .content { height:430px; background: url(../images/bg_cont.png) no-repeat bottom;}

#page4 .row1 .col-1 {width:400px; padding: 0 40px 0 40px; text-align: center; line-height:1.5em;}
#page4 .row1 .col-1 a { font-size:1.4em; color: #060;}
#page4 .row1 .col-1 a:hover { font-size:1.4em; color: #814D0E;}

#page4 .row1 .col-2 {width:350px; background-image: url(../images/bg_form.png);}

/* ============================= page5 calligrafia =========================== */

#page5 .content {height:620px; width:: 700px; background: url(../images/bg_call.gif) no-repeat bottom; text-align:left;}

#page5 .row1 .col-1 {width:220px; font-weight:bold; line-height:1.5em; padding: 30px 0 0 60px;}

#page5 .row1 .col-1 .row1 {padding: 6px 0 0 14px;}
#page5 .row1 .col-1 .row2 {padding: 4px 0 0 64px;}

#page5 .row1 .col-2 {width:520px; font-size: 16px; font-style:normal; color: #201000; font-weight:bold; padding-top:54px; text-align: center;}


/* ============================= page6 carta =========================== */

#page6 .content {height:610px; width:: 600px; background: url(../images/bg_carta.gif) no-repeat; text-align:left; margin: 10px 0 0 10px;}

#page6 .row1 .col-1 {width:220px; font-weight:bold; line-height:1.5em; padding: 30px 0 0 60px;}

#page6 .row1 .col-2 {width:520px; font-size: 16px; font-style:normal; color: #201000; font-weight:bold; padding-top:54px; text-align: center;}
#page6 .row1 .col-2 .row1 {padding: 14px 0 0 5px;}

/* ============================= page7 privacy =========================== */

#page7 .row1 .col-1, #page7 .row1 .col-2  {width:380px; font-size: .9em; line-height:1.3em; text-align:left;}

#page7 .row1 .col-1 {padding: 10px 10px 20px 30px;}

#page7 .row1 .col-2 {padding: 10px 20px 20px 20px;}

/* ============================= page8 cortesia =========================== */

#page8 .row1 .col-1 {width:340px; padding: 20px 5px 0 60px; font-size: 1.2em; text-align:left; line-height:1.5em;}

#page8 .row1 .col-2 {padding: 0 0px 0 34px;}


/* ========================== img pop up   ========================= */

.pic {
	position: relative;
}

.pic a img {
	border: 0;
}

.pic a .mat1, .pic a .mat2, .pic a .cal1, .pic a .cal2, .pic a .carta {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

.pic a.p1:hover .mat1, .pic a.p1:hover .mat2 {
	display: block;
	position: absolute;
	height: 300px;
	top: -310px;
	z-index:100;
}

.pic a.p1:hover .mat1 {
	left: -78px;
	width: 430px;
}

.pic a.p1:hover .mat2 {
	left: -230px;
	width: 566px;
}

.pic a.p1:hover .cal1 {
	display: block;
	position: absolute;
	height: 340px;
	top: 84px;
	z-index:100;
}

.pic a.p1:hover .cal1 {
	left: 240px;
	width: 453px;
}

.pic a.p1:hover .cal2 {
	display: block;
	position: absolute;
	height: 340px;
	top: 4px;
	z-index:100;
}

.pic a.p1:hover .cal2 {
	left: 215px;
	width: 403px;
}

.pic a.p1:hover .cal2 {
	display: block;
	position: absolute;
	height: 340px;
	top: 4px;
	z-index:100;
}

.pic a.p1:hover .cal2 {
	left: 215px;
	width: 403px;
}

.pic a.p1:hover .carta {
	display: block;
	position: absolute;
	height: 520px;
	top: -370px;
	z-index:100;
}

.pic a.p1:hover .carta {
	left: 100px;
	width: 327px;
}