@CHARSET "UTF-8";

* { margin:0; padding:0; list-style:none;}

body {
	background:#000;
	font-size:0.8em; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #fff;
}

h1,h2,h3,h4,h5 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	font-size: 4.8em;
	margin-top: 0px;
}

h2 {font-size: 1.6em; line-height: 1em;}

h3 {
	font-size:1.3em;
	line-height: 120%;	
}

h4 {
	color: #f3e00a;
	font-size: 1.1em;
}

h5 {font-size: 1.2em;}

a, a:visited { color: #fedd00; text-decoration: none;}
a:hover {color: #fedd00; text-decoration: underline;}

a.titleLink, a.titleLink:hover, a.titleLink:visited {color: #fff; text-decoration: none;}

td {vertical-align: top;}

p {margin: 0 0 10px 0;}

input, textarea {border: 2px solid #8A6537; background: #f0f2dd;}

#pagePreHome {	
	width:100%;
}

#pagePreHome #content{
	position: relative; width: 330px; margin-left: auto; margin-right: auto;	
}

#pagePreHome #italian {
	position: absolute; top: 500px; left:40px;
}

#pagePreHome #english {
	position: absolute; top: 500px; left:140px;
}

#pagePreHome #deutsch {
	position: absolute; top: 500px; left:240px;
}

#page {
	width: 960px;
	margin-bottom:20px;
}

#logo {
	position: absolute;
	left: 0;
	top: 0;	
	background: #000 url('../img/logo.gif') no-repeat;
	width: 180px; height: 250px;
}

#header {
	height:155px;
	margin-left:180px;
	overflow:hidden;
	position:relative;
}

#lang {position: absolute; right:0; top: 21px; font-size: 0.85em;}
#lang div {margin-bottom: 8px;}
#lang a {color: #fff;}
#lang .sel {font-weight: bold; color: #8A6537; margin-bottom: 3px;}

#page #content {
	margin-left: 180px;	
}

/* separation brown line*/
div.lineBrown {
	background-color: #8A6537; background-repeat: repeat-x;
	height: 2px; width: 100%;
	margin: 7px 0;
}

div.big {
	height: 7px;
}

div.bigMarginBottom {
	margin: 10px 0 15px 0;
}
/* END -separation brown line*/

/* Header */
div.menu {
	width: 115px;
	height: 115px;
	padding: 5px;
	margin:20px 5px 0 0;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.25em;
	line-height: 0.98em;
}

div.menuimg {width: 125px; height: 125px; padding: 0px;}
div.menu_0 {background-color: #8A6537;}
div.menu_1 {background-color: #5B182A;}
div.menu_2 {background-color: #491b03;}

div.menu a.unselected, div.menu a.unselected:hover {
	color: #fff;
	text-decoration: none;
}

div.menu a.selected {color: #f3e00a; text-decoration: none;}


div.menuContact {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1em;
}

/* FINE - header*/ 

div.squareimg {
	width: 125px;
	height: 125px;
	margin: 0px 5px 5px 0;
	float: left;
}

div.generalContainer {
	width: 780px;
	overflow: auto;
}

.brown {
	color: #8A6537;	
}

a.brown, a.brown:visited, a.brown:hover {
	color: #8A6537;
	text-decoration: none;	
}

/* DOCUMENT */
div.colLeft {
	float: left;
	overflow: auto;
	width: 280px;	
}

div.colRight {
	float: left;
	overflow: auto;
	width: 480px;
	margin-left: 20px;	
}

div.colLeft div.caption {
	font-style: italic;
	margin-bottom: 5px;
	font-size: 0.7em;
}

img.imageDoc {
	float: left; 
	width: 260px; 
	height: 150px; 
	border: 10px solid #f1f3dd; 
	margin-bottom: 5px;	
}
/* END - DOCUMENT */

/* STORIA */
div.imagesBox {
	width: 360px;
	height: 330px;	
}

div.descContainer {
	width: 400px; 
}

div.imagesBox .image_1 {
	position: absolute; top: 0px; left:0px; z-index: 1;
}

div.imagesBox .image_2 {
	position: absolute; z-index: 3;
}

div.imagesBox .image_3 {
	position: absolute; right:0px; bottom: 0px; z-index: 2;
}

div.imagesBox img {
	border: 10px solid #f1f3dd;	
}

div.imagesBox img.itemShow {z-index: 100;}
/* END - STORIA */

/* PRODOTTI - RICETTE*/
div.product {
	float: left;
	margin: 15px 15px 0 0;
	width: 382px;
	height: 150px;
	cursor: pointer;
	overflow: hidden;
}

.prodImgBox {float: left; background: #fff; width: 80px; height: 100%; border-right: 5px solid #000;}
.prodImgBoxBig {height: 510px; width: 275px;}
.prodImgPosition {position: absolute; bottom: 4px; text-align: center; width: 100%;}

div.product div.description {
	background: url('../img/icon-bg-product.gif');
	width: 277px;
	height: 130px;
	padding: 10px;
	float: left;
}

div.product div.recipe {
	background: url('../img/icon-bg-recipe.gif');
	border-left: 0;
}

div.product h3 {
	font-size: 1.3em;
	font-style: italic;
}

div.product h2 {
	color: #8A6537;
}

div.operation {
	float: right; 
	text-align: center;
	cursor: pointer;	
	font-size:0.9em;
}

table#recipeThickBox {
	width: 100%;
	border: 0;
	background-color: #6A1026;
}

table#recipeThickBox td.colLeft {padding-left: 20px; width: 230px;}

table#recipeThickBox td.colRight {padding: 0 20px 0 25px;}

table#recipeThickBox td.valignMiddle { vertical-align: middle;}

table#recipeThickBox div.lineBrown { margin: 0;}
/* END - PRODOTTI RICETTE*/


/* DISTRIBUZIONE */
table#pageContainer {
	border: 0;
	width: 780px;
}

table#pageContainer th {
	vertical-align: bottom;
	text-align: left;
}

table#pageContainer h2 {font-size:1.6em}

table#pageContainer h4 {margin: 18px 0;}
/* END - DISTRIBUZIONE */

/* PRESS AREA */
div.thumb {	float: left; margin: 22px 24px 0 0; }
/* END - PRESS AREA */


/* NEWS */
div.newsContainer {
	position: relative;
	width: 245px;
	height: 170px;
	margin: 0 20px 0 0;
	overflow: hidden;	
}
/* END - NEWS */

/* VISITA L'AZIENDA */ 
table#formContainer {background: #464646 url('../img/bg-contatti.gif') bottom right no-repeat; width:780px;}

table#formContainer td {width: 260px;}
table#formContainer .small {font-size: 0.85em;}

table#formContainer input.textfield {width: 240px;}
table#formContainer textarea {width: 425px; height: 56px;}
table#formContainer input.submit {border:0; background:transparent; color: #fff; font-weight: bold; width: 50px;}
/* END - VISITA L'AZIENDA */

/* QUALITA' */
table#qualityTable {
	margin-top: -13px;
	width: 100%;
	font-size: 0.89em;
}

table#qualityTable td{
	padding: 2px 0;
	border-bottom: 2px solid #8A6537; 
	text-align: center;
}

table#qualityTable td.left{
	text-align: left;
}

/* SCUOLE DI CUCINA */
a.scuoleDiCucina {
	color: #7f1c33;
	font-size: 1.4em;
	font-family: "Times New Roman", Times, serif;
}

/* sitemap */
ul#sitemap {
	margin: 10px 0 0;
}

ul#sitemap li {margin: 5px 0 0 15px;}

/* must to stay on the bottom */
div.rightNoMargin {margin-right:0px;}