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

html, body {
	width:100%;
	margin: 6px 0 0 0;
	padding:0;
	background-color: #3a1d16;
	background-image: url(/img/tpl/bg.jpg);
	background-repeat: repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
* {
	margin:0;
	padding:0;
}
img {
	border: none;
}

h1 {
	font-size: 9pt;
	text-align:left;
}
/* --------------------	BOX CONTENITORI PRINCIPALI -------------------- */

#ContainerBox {
	width:1000px;
	height: 622px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	text-align:left;
	background-image: url(/img/tpl/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#HeaderBox {
	margin:0;
	position:relative;
	width:1000px;
	height: 100px;/*background: #EEE;*/
}
#ContentBox {
	height: 469px;
	margin: 0 225px 0 271px;/*background-color: #CCC;*/
}
#SxBox {
	width:271px;
	height: 469px;
	margin-left:-1000px;
	float:left;/*background:#B9CAFF;*/
}
#DxBox {
	width:225px;
	height: 469px;
	margin-left:-225px;
	float:left;/*background:#FF8539;*/
}
#FlagBox {
	width:100%;
	height:32px;
	padding-left: 175px;
	clear:left;
}
#FooterBox {
	width:100%;
	height:21px;
	color: #8c775e;
	font-size:8pt;
	text-align:right;
	clear: both;/*background: #333;*/
}
#FooterBox a {
	display:inline;
	padding:0;
	color: #8c775e;
	text-decoration: none;
}
#WrapperBox {
	float:left;
	width:100%
}
/* --------------------	STILI GENERICI CONTENUTI -------------------- */
.ContentFormat {
	padding: 10px 10px 0 30px;
	font-size:9pt;
}
/* --------------------	STILI MENU PRINCIPALE -------------------- */
/* Questo div spinge alla giusta altezza il menu per risolvere un bug di margin*/
div#SpacerMenu {
	width:1000px;
	height:58px;
}
div#MenuPrincipale {
	width: 388px;
	height: 26px;
	margin: 0 0 0 306px;/*background-color:#00C;*/
}
#MenuPrincipale a {
	height: 26px;
	display:block;
	float:left;
	text-indent: -9999px;
}

a.MenuPrincDrogheria {
	width:169px;
	margin-left:23px;
	background-image: url(../img/tpl/bg_menu_principale_it.gif);
	background-repeat: no-repeat;
	background-position: -219px 0px;
}
a.MenuPrincDrogheria:hover {
	background-position: -219px -26px;
}


/* ITA */
a.MenuPrincAzienda {
	width:64px;
	background-image: url(../img/tpl/bg_menu_principale_it.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.MenuPrincAzienda:hover {
	background-position: 0px -26px;
}
a.MenuPrincStoria {
	width:64px;
	margin-left:2px;
	background-image: url(../img/tpl/bg_menu_principale_it.gif);
	background-repeat: no-repeat;
	background-position: -66px 0px;
}
a.MenuPrincStoria:hover {
	background-position: -66px -26px;
}
a.MenuPrincContatti {
	width:64px;
	margin-left:2px;
	background-image: url(../img/tpl/bg_menu_principale_it.gif);
	background-repeat: no-repeat;
	background-position: -132px 0px;
}
a.MenuPrincContatti:hover {
	background-position: -132px -26px;
}

/*EN*/
a.MenuPrincAziendaEn {
	width:64px;
	background-image: url(../img/tpl/bg_menu_principale_en.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.MenuPrincAziendaEn:hover {
	background-position: 0px -26px;
}
a.MenuPrincStoriaEn {
	width:64px;
	margin-left:2px;
	background-image: url(../img/tpl/bg_menu_principale_en.gif);
	background-repeat: no-repeat;
	background-position: -66px 0px;
}
a.MenuPrincStoriaEn:hover {
	background-position: -66px -26px;
}
a.MenuPrincContattiEn {
	width:64px;
	margin-left:2px;
	background-image: url(../img/tpl/bg_menu_principale_en.gif);
	background-repeat: no-repeat;
	background-position: -132px 0px;
}
a.MenuPrincContattiEn:hover {
	background-position: -132px -26px;
}

/*DE*/
a.MenuPrincAziendaDe {
	width:64px;
	background-image: url(../img/tpl/bg_menu_principale_de.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.MenuPrincAziendaDe:hover {
	background-position: 0px -26px;
}
a.MenuPrincStoriaDe {
	width:64px;
	margin-left:2px;
	background-image: url(../img/tpl/bg_menu_principale_de.gif);
	background-repeat: no-repeat;
	background-position: -66px 0px;
}
a.MenuPrincStoriaDe:hover {
	background-position: -66px -26px;
}
a.MenuPrincContattiDe {
	width:64px;
	margin-left:2px;
	background-image: url(../img/tpl/bg_menu_principale_de.gif);
	background-repeat: no-repeat;
	background-position: -132px 0px;
}
a.MenuPrincContattiDe:hover {
	background-position: -132px -26px;
}

/* --------------------	STILI MENU PRODOTTI -------------------- */


ul.BoxMenuProdotti {
	width: 246px;
	margin: 5px auto 0 auto;
	list-style:none;
	border: 1px solid #d5cac1;
	background-color: #f6f0e8;
	background-repeat: no-repeat;
	background-position: right top;
	clear:both;
}
ul.BoxMenuProdotti li {
	width: 246px;
	display:inline;
}
ul.BoxMenuProdotti li a {
	display:block;
	line-height:13px;
	padding: 1px 0 1px 4px;
	text-decoration:none;
	font-size: 7.5pt;
	color:#563229;
	background-image: url(/img/tpl/bg_menu_prd.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.BoxMenuProdotti li a:hover {
	background-image: url(/img/tpl/bg_menu_prd.gif);
	background-repeat: no-repeat;
	background-position: left -20px;
}
ul.BoxMenuProdotti li a.SpacerPoint {
	background-image: url(/img/tpl/bg_menu_principale_points.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
	cursor: default;
}
/* --------------------	STILI SUB-MENU PRODOTTI -------------------- */
ul.BoxSubMenuProdotti {
	width: 186px;
	margin: 5px auto 0 auto;
	padding: 0;
	border: 1px solid #d5cac1;
	background-color: #c6b5a2;
	list-style: none;
}
ul.BoxSubMenuProdotti li {
	display: inline;
}
.BoxSubMenuProdotti li a {
	margin: 0;
	padding: 1px 0 1px 4px;
	display: block;
	width: 186px;
	color:#563229;
	font-size: 8pt;
	text-decoration:none;
	background-image: url(/img/tpl/bg_menu_subprd.gif);
	background-repeat: no-repeat;
	background-position: left top;/*background-color:#063;*/
}
.BoxSubMenuProdotti li a:hover {
	background-image: url(/img/tpl/bg_menu_subprd.gif);
	background-repeat: no-repeat;
	background-position: left -20px;
}
/* ----------------- SCHEDA PRODOTTO -------------------------*/
.ImgSchedaProdotto {
	border: 1px solid #999999;
	margin-right: 15px;
}
.ContentFormat p {
	margin-top:15px;
	text-align:left;
}

/* ANIMAZIONI SCHEDA */
#AnimationBox { width:282px; height:425px; border: 1px solid #999999; display: inline; float:left; margin-right: 15px;}

/* FORM CONTATTI */
#FormBox { /*background-color:#0F0;*/ width:100%; clear:both;}
#FormColSx { /*background-color:#00C;*/ width:50%; display:inline; float:left; }
#FormColDx { /*background-color:#F00;*/ width:50%; display:inline; float:right; }
.FormCampo { border-bottom:1px solid #999; padding:5px; min-height:42px;}
textarea { width:100%; height:100px; border: none; border: 1px solid #e3ddd5;}
input { width:100%; padding:0; margin:0; border: 1px solid #e3ddd5;}
select { width:100%; border: 1px solid #e3ddd5;}