body { 
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	color: black;
}
body.home {
	background-color: #000;
}
body.pages {
	background-color: white;
}
	
.tableContainer {
    width: 100%;
    height: 100%;
}

.tdContainer {
    vertical-align: middle;
    text-align: center;
}

div.container {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    height: 154px;
}

div.main {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 500px;
    height: 15px;
}

h1, p, div { 
	color: #404040; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
}

.testoPag {
    font-size: 14px;
    text-align: justify;
    margin-right: 9px;
}

h1 {
	font-size: 14px;
}

td {}
a { color: #f49f00; text-decoration: none; }
a:hover { color: #f49f00; text-decoration: underline; }

div.logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 140px;
}

/*
.mainLogo {
	position: absolute;
	top: 12px;
	left: 0px;
}

.mainScritta {
	position: absolute;
	top: 47px;
	left: 85px;

}
*/

/* Per risolvere un bug di IE con gli elemento float che raddoppiano margine */
div.floatLeft {
	float: left;
}

div.contenitore {
	width: 1000px;
	height: 460px;
}

div.divisioni {
	position: absolute;
	top: 18px;
	left: 310px;
	width: 686px;
	height: 90px;
}

div.divisione {
	width: 73px;
	height: 73px;
	margin-right: 8px;
}

div.cioccolatiera {
	border: 2px solid #5A3D1C;
}

div.gruppoMultiplo {
	border: 2px solid #8F0000;
}

div.spremiagrumi {
	border: 2px solid #FF7F00;
}

div.macinadosatore {
	border: 2px solid #F0CA00;
}

div.frullino {
	border: 2px solid #F8AFAD;
}

div.frullatore {
	border: 2px solid #00A33D;
}

div.tritaGhiaccio {
	border: 2px solid #00A0C6;
}

div.piastraElettrica {
	border: 2px solid #7B0078;
}

.cioccolatieraBg {
	background-color: #5A3D1C;
}

.gruppoMultiploBg {
	background-color: #8F0000;
}

.spremiagrumiBg {
	background-color: #FF7F00;
}

.macinadosatoreBg {
	background-color: #F0CA00;
}

.frullinoBg {
	background-color:#F8AFAD;
}

.frullatoreBg {
	background-color: #00A33D;
}

.tritaGhiaccioBg {
	background-color: #00A0C6;
}

.piastraElettricaBg {
	background-color: #7B0078;
}

.defaultBg {
    background-color:#753A25;
}

div.contenitoreMenu {
	position: relative;
	width: 310px;
	height: 445px;
}

div.footer {
	position: absolute;
	top: 563px;
	left: 10px;
	width: 290px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	background-color: #CCC;
}

div.studioaqua {
	position: absolute;
	top: 598px;
	left: 10px;
	width: 290px;
	vertical-align: right;
}

div.news {
    position: absolute;
    top: 330px;
    left: 25px;
    width: 290px;
    color: #404040;
}
.newsTitolo {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
}
tr.newsDispari, tr.newsPari {
    width: 290px;
    /*height: 32px;*/
}
tr.newsDispari {
    background-color: #E8C59E;
}
tr.newsPari {
    background-color: #FBF2C4;
}
td.newsPunto {
	width:31px;
	text-align:center;
	vertical-align: top;
}
img.newsPunto {
	margin-top:5px;
}
.newsTesto {
	font-size:11px;
    color: #404040;
	width:100px;
	float:left;
}

a.newsTesto:hover {
	color: #753A25;
	text-decoration: underline;
}

div.lingua {
    position: absolute;
    top: 521px;
    left: 10px;
    width: 290px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    background-color: #E6E6E6;
}

.flag {
    margin-right:9px;
    margin-top: 5px;
    border: 1px solid #404040;
}

div.contenitoreCorpo {
	position: absolute;
	top: 150px;
	left: 310px;
	width: 687px;
	height: 445px;
}

div.cellaProdotto {
    width: 218px;
    /*height: 443px;*/
    height: 216px;
}

div.cioccolatieraBorder {
    border: 1px solid #5A3D1C;
}

div.gruppoMultiploBorder {
    border: 1px solid #8F0000;
}

div.spremiagrumiBorder {
    border: 1px solid #FF7F00;
}

div.macinadosatoreBorder {
    border: 1px solid #F0CA00;
}

div.frullinoBorder {
    border: 1px solid #F8AFAD;
}

div.frullatoreBorder {
    border: 1px solid #00A33D;
}

div.tritaGhiaccioBorder {
    border: 1px solid #00A0C6;
}

div.piastraElettricaBorder {
    border: 1px solid #7B0078;
}

div.titoloProd, div.titoloProdOver {
	width: 218px;
	height: 31px;
	line-height: 31px;
	font-size: 22px;
	text-align: right;
	letter-spacing: 1px;
	vertical-align: middle;
}

div.titoloProd {
	color: #808080;	
}

div.titoloProdOver {
	color: white;	
}

div.fotoSmallProd {
	width: 218px;
	height: 180px;
}

div.descrizioneProd, div.descrizioneProdOver {
	margin-top: 40px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
	width: 198px;
	height: 125px;
	text-align: justify;
}

div.descrizioneProd {
	color: #808080;
}

div.descrizioneProdOver {
	color: #404040;
}

div.dettaglioProd {
    text-align: justify;
    font-size: 14px;
}

div.carProd {
    font-size: 12px;
    margin-top: 18px;
}

.dettaglioProdTitolo, .carProdTitolo {
    font-weight: bold;
    margin-bottom: 3px;
}

div.contenitorePdf {
    /*margin-top: 18px;*/
    width: 184px;
    height: 68px;
}
div.trans70 {
	width: 100%;
  height: auto;
}
.testoPdf {
    margin: 3px;
}

/*
div.tipologie {
	width: 330px;
	height: 460px;
}
*/

div.griglia {
	position: absolute;
	top: 310px;
	left: 150px;
	width: 687px;
	height: 445px;
}

div.cella {
	width: 220px;
	/*height: 445px;*/
	height: 218px;
	margin-right: 9px;
	margin-bottom: 9px;
}

div.articoloFoto {
    width: 285px;
    height: 445px;
}

div.articoloFotoThumb {
	margin-right: 6px;
	margin-bottom: 12px;
}

div.articoloDescrizione {
    width: 385px;
    height: 445px;
    margin-left: 10px;    
}

img.divisione{
/*	vertical-align: middle;*/
}

/*
div.colonnaTesto {
	width: 485px;
	height: 450px;
	margin-top: 10px;
	margin-left: 10px;
}

.testo {
	font-size: 110%;
	text-align: justify;
}
*/
div.menu {
	position: absolute;
	top: 160px;
	left: 10px;
	width: 300px;
}


div.contestoLine {
	position: absolute;
	top: 108px;
	left: 310px;
	width: 678px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;

}

div.contestoText {
	margin-left: 5px;
	font-size: 22px;
	color: white;
	letter-spacing: 1px;
}

a.contestoText {
    font-size: 22px;
    color: white;
    letter-spacing: 1px;
    text-decoration: underline;
}

/*
div.giustificato {
	text-align: justify;
	margin-top: 32px;
	margin-right: 5px;
	margin-left: 5px;
}

div.contesto {
	position: absolute;
	top: 115px;
	left: 175px;
}

div.tipologia {
	padding-bottom: 5px;
}

a.tipologia {
	color: #f49f00;
	text-decoration: none;
}

a.tipologia:hover {
	color: #404040;
	text-decoration: underline;
}

img.vetrina {
	border: 1px solid #CCCCCC;
}
*/
.transIN {background-color: white; opacity: .20; filter: alpha(opacity=20); -khtml-opacity:.20; -moz-opacity:.20; cursor: pointer}
.trans70 {background-color: white; opacity: .70; filter: alpha(opacity=70); -khtml-opacity:.70; -moz-opacity:.70; cursor: pointer}
.transOFF {background-color: white; opacity: 1; filter: alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; cursor: pointer;width: 100%;height: auto;}
.flagTransOFF {background-color: white; opacity: 1; filter: alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; cursor: pointer}


/************************************
* Bottoni ***************************
*************************************/
/* cursor:pointer definito per IE senza il quale la mano spariva sopra il testo del bottone */
.bottone{
	background-color: #FFE192;
	border: 1px solid #753A25;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #753A25;
	text-decoration: none;
	cursor: pointer;
	margin-left: 100px;
	width: 50%;
}
.bottoneAttivo {
	background-color: #753A25;
	border: 1px solid #753A25;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #FFE192;
	text-decoration: underline;
	cursor: pointer;
}

/************************************
* Menu*** ***************************
*************************************/
/*Styles for level 0*/
.clLevel0 {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	background-color: #CCCCCC;
	/*border: 1px solid #404040;*/
	padding-top: 3px;
	text-align: center;
	cursor: pointer;
}
.clLevel0over {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F49F00;
	background-color: #CCCCCC;
	/*border: 1px solid #404040;*/
	padding-top: 3px;
	text-align: center;
	cursor: pointer;
}
.clLevel0border {
	position:absolute; 
	visibility:hidden; 
	background-color:#753A25; 
	layer-background-color:#753A25;
}

/*Styles for level 1*/
.clLevel1{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #753A25;
	background-color: #FFE192;
	/*border: 1px solid #404040;*/
	padding-top: 3px;
	padding-left: 31px;
	cursor: pointer;
}
.clLevel1over {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFE192;
	background-color: #753A25;
	/*border: 1px solid #404040;*/
	padding-top: 3px;
	padding-left: 31px;
	cursor: pointer;
}
.clLevel1border {
	position:absolute; 
	visibility:hidden; 
	background-color:#753A25; 
	layer-background-color:#753A25;
}
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#CCC; layer-background-color:#CCC; visibility:hidden}


/**************************************
* Stili per le pagine con campi form
***************************************/
form {
	font-family: Verdana, Arial, Sans-Serif;
	padding: 10px;
	height: expression('1%'); /* IE Pick-a-boo bug fix */
    width: 400px;
}

fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 15px 10px;
	margin: 20px 0;
}

legend {
	font-weight: bold;
}

label,input {
	display: block;
	width: 100px;
	float: left;
}

input.checkbox {
	width: auto;
}

label {
	text-align: right;
	padding-right: 10px;
}


label.preField {
	text-align: right;
	width: 120px;
	padding-right: 10px;
	margin-bottom: 10px;
}

br {
	clear: left;
	height:1px;
}

input.mq,
.inputText,
.inputSelect{
	border: thin solid #C0C0C0;
	background-color: #F5F5F5;
	width: 150px;
}

.inputTextObbl,
.inputSelectObbl,
.inputLogin {
	border: thin solid #C0C0C0;
	background-color: #E6E6E6;
	width: 150px;
	float: left;
}

div.inputDiv {
	width: 150px;
	float: left;
	}
	
input.radio {
	display: inline;
	float: none;
	width: auto;
	margin-bottom: 0px;
	}

div.inputMsg {
	width: 120px;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	color: #8F0000;
}

/************************************
* Errori ****************************
*************************************/
.errors {
    color: red;
    margin-bottom: 18px;
}
.testoErr {
    color: red;
    font-size: 14px;
    text-align: justify;
    margin-right: 9px;
}

/************************************
* Tooltip ***************************
*************************************/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#log_res {
	overflow: auto;
}

#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/spinner.gif) no-repeat center;
}