/* ========================================================================== */
/* General Style Settings */
/* ========================================================================== */

body {
    background-color: #FFF;
    background-image: url(/img/layout/bck.gif);
    background-repeat: repeat;
}

strong{ font-weight: bold; }

em { font-style: italic; }

a {
    /*color: #333;*/
    color: #6F181B;
    text-decoration: none;
}

a:visited { /*color: #333;*/ color: #6F181B; }

a:hover { color: #999; }

p {
    margin-bottom: 1em;
    text-align: left;
    line-height: 1.3em;
}

h1 {
    margin-top: 0.2em;
    margin-bottom: 0.4em;
}

h2 {
    margin-top: 0.1em;
    margin-bottom: 0.3em;
}

h3 {
  margin-bottom: 0.1em;
  font-weight: bold;
}

ul {
  margin-left: 10px;
}

/* ========================================================================== */
/* PER UTILIZZARE L'OMBRA COME UN .PNG ANCHE SU IE6 */
#brand { behavior: url(/stylesheets/iepngfix.htc); }
#brand_close { behavior: url(/stylesheets/iepngfix.htc); }
h6#logo_footer { behavior: url(/stylesheets/iepngfix.htc); }
#news div h3 span { behavior: url(/stylesheets/iepngfix.htc); }
h1#logo { behavior: url(/stylesheets/iepngfix.htc); }
h2#claim.it-IT { behavior: url(/stylesheets/iepngfix.htc); }
h2#claim.en-US { behavior: url(/stylesheets/iepngfix.htc); }
h3.logo_vicenzi a { behavior: url(/stylesheets/iepngfix.htc); }
h3.logo_mrday a { behavior: url(/stylesheets/iepngfix.htc); }
h3.logo_grisbi a { behavior: url(/stylesheets/iepngfix.htc); }
h3.logo_prontoforno a { behavior: url(/stylesheets/iepngfix.htc); }
li.prodotto a img { behavior: url(/stylesheets/iepngfix.htc); }
/* ========================================================================== */


/* ========================================================================== */
/* Main Structural Elements */
/* ========================================================================== */

#brand {
    width: 965px;
    margin: 10px auto 0;
    background-color: #FFFFFF;
    background-image: url(/img/layout/shadow.png);
    background-repeat: repeat-y;
    background-position: top left;
    position: relative;
    font-size: 0.75em;
}

#brand_image_right {
 height: 515px;
}

#brand_close {
    height: 7px;
    background-image: url(/img/layout/shadow_bottom.png);
    background-repeat: none;
    width: 965px;
    margin: 0 auto;
}

/* Common attributes for panel_main regardless of side panels */
.panel_main p {
    line-height: 1.5em;
    text-align: justify;
}

/* No side panels */
#panel_main { width: 1000px; }

/* Only left side panel */
#panel_main_left {
    margin-left: 190px;
    width: 740px;
}

#brand .recipesLayout {
	margin-left: 260px;
	width: 670px;
}

/* Only for recipes pages */
#brand #panel_main_left .recipes-layout {
    margin-left: 260px;
    width: 670px;
}

/* Only right side panel */
#panel_main_right {
    margin-right: 300px;
    margin-left: 3px;
    width: 668px;
    top: 0;
}

/* classe solo per ie7 */
*:first-child+html #panel_main_right {
    /*position: absolute;*/
    margin-right:0;
}

/* Both side panels */
#panel_main_left_right {
    margin-left: 180px;
    width: 460px;
}

#brand .recipes-layout{
    width: 240px;
}

	#brand .recipes-layout h2{
		color: #6F181B;
		font-size: 1.3em;
		margin: 6px 0 25px 31px;
	}
	
#panel_left {
    float: left;
    width: 170px;
    margin-left: 3px;
}

#panel_right {
    float: right;
    width: 290px;
    margin-right: 3px;
}

#panel_right.border {
    width: 289px !important;
     border-left: 1px solid #6F181B;
}

#border {
    margin-right: 292px;
    border-right: 1px solid #6F181B;
}

#top {
    margin: 0 3px;
}

#top div.head {
    position: relative;
    height: 65px;
}

#top div.head h1#logo {
    margin-left: 30px;
}

#top div.head a h1#logo {
    cursor: pointer;
    height: 66px;
    width: 50px;
    display: inline;
    float: left;
}

#top div.head h2#claim {
    background-repeat: no-repeat;
    margin-left: 100px;
    height: 65px;
}

#top div.head #site_menu {
    position: absolute;
    top: 0;
    right: 0;
}

#top #brand_menu {
    padding: 15px 5px 25px 23px; /* 23px e non 30px = 7px di padding*/
}

#top #brand_menu a, #top #brand_menu a:visited {
    color: #B78B8D;
}

#top #brand_menu a:hover, #top #brand_menu a.selected {
    color: #6F181B;
}

#contents{
    margin-left: 29px;
    margin-right: 30px;
}

#space {
    height: 30px;
    width: 90%;
    margin: 0 auto;
    clear: both;
    background-color: #FFF;
}

#bottom {
    clear: both;
    margin: 0px 3px;
}

/* ========================================================================== */
/* Customized Style Settings */
/* ========================================================================== */

#site_menu {
    font-size: 0.9em;
    text-align: center;
    height: 25px;
    line-height: 25px;
}

#site_menu ul li {
    display: inline;
    border-left: 1px solid #6F181B;
}

#site_menu ul li a { padding: 0 3px; }
#site_menu ul li.first { border-left: none; }

#brand_menu {
    padding: 15px 5px 30px 8px;
    font-size: 1.25em;
    font-weight: bold;
}

#brand_menu ul { margin: 0; }

#brand_menu ul li a, #brand_menu ul li a:visited {
    color: #6F181B;
    border-left: 1px solid #6F181B;
    padding: 0 7px;
    letter-spacing: -1px;
    font-family: arial,verdana,sans-serif;
}

#brand_menu ul li a:hover { color:#B78B8D; }
#brand_menu ul li.first a { border-left: none; }

#brand_image_top {
    width: auto;
    position: relative;
}

#brand_menu ul li { display: inline; }

#content { position: relative; }

#news {
    width: 260px;
    height: 80px;
}

#news a { cursor: pointer; }

#news div {
    position: relative;
    width: 260px;
    height: 80px;
    margin: 0 0 10px 15px;
}

#news div h3 {
    font-family: arial,helvetica,clean,sans-serif;
    font-weight: bold;
    width: 158px;
    height:50px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 10px;
    position: absolute;
    top: 10px;
    left: 74px;
}

#news div h3 span {
    height: 27px;
    width: 130px;
    display: block;
}

#OtherBrand {
    height: 45px;
    width: 250px;
    margin-bottom: 10px;
    margin-left: 15px;
    padding: 5px;
    border: 1px solid #C0C0C0;
    background-repeat: no-repeat;
    background-position: left top;
    font-weight: bold;
    position: relative;
}

#OtherBrand h2 {
    font-weight: bold;
    padding: 6px 1px 1px 4px;
    width: 47px;
}

#OtherBrand ul li, #OtherBrand ul li h3, #bottom div.left ul li, #bottom div.left ul li h3 {
    display: inline;
}

#OtherBrand ul {
    position: absolute;
    top: 5px;
    left: 55px;
}

h3 a {
    background-repeat: no-repeat;
    display: inline;
    float: left;
    margin: 0 5px;
    height: 45px;
    cursor: pointer;
}

h3.logo_vicenzi a {
    width: 35px;
    background:url(/img/brand/vicenzi_small.png);
}

h3.logo_grisbi a {
    width: 58px;
    background:url(/img/brand/grisbi_small.png);
}

h3.logo_mrday a {
    width: 54px;
    background:url(/img/brand/mrday_small.png);
}

h3.logo_prontoforno a {
    width: 73px;
    background:url(/img/brand/prontoforno_small.png);
}

#text {
    position: absolute;
    top: 0;
    right: 20px;
    width: 328px;
    font-size: 0.95em;
    color: #6F181B;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#text .top {
    height: 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#text .testo {
    padding:0 15px;
}

#text .testo h1 {
    margin: 0;
}

h1#logo {
    background-repeat: no-repeat;
}

#text .testo p {
    padding-top:5px;
}

#site_credits {
    font-size: 0.8em;
    padding: 5px 0;
    text-align: center;
}

#product_listing {
    font-size: 0.9em;
    margin: 0;
    margin-top: 35px;
    padding: 0;
    text-align: center;
    /*border: 1px solid #C0C0C0;*/
    width: 100%;
}

#product_listing th {
    font-weight: normal;
    font-family: sans-serif;
    border-right: 1px solid #C0C0C0;
    text-align: right;
    height: 19px;
    line-height: 19px;
    padding: 0 5px;
    width: 130px;
}

#product_listing td {
    font-weight: normal;
    font-family: sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 19px;
}

#product_listing img{
    margin-bottom: 6px;
}

#site_credits{
    height: 50px;
    line-height: 35px;
}

#site_credits a{
    cursor: pointer;
}

h6#logo_footer {
    width: 42px;
    height: 27px;
    background:url(/img/brand/vicenzi_group.png);
    background-repeat: no-repeat;
    display: inline;
    float: left;
    margin-top: 5px;
    margin-left: 25px;
    /*margin-left: 10px;*/ /*-- vecchio logo di gruppo --*/
}


/* stile da applicare per cancellare il testo e sostituirlo con le immagini*/
h1#logo span, h6#logo_footer span, h2#claim span, h3 a span {
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
}

#bottom div.left { width: auto; }
#bottom div.left h3 a { margin:0 7px; }

#bottom #site_credits, #top #site_menu {
    width: 290px;
    margin-left: 669px;
}

#site_credits .text {
  line-height: 12px;
  padding-top: 5px;
}

.clickable {
  cursor: pointer;
}

.bread {
    font-size: 0.8em;
    margin-left: 30px;
}

.bread ul { margin: 0 0 10px 0; }

.bread ul li {
    display: inline;
}

.bread, .bread a, .bread a:visited {
    color: #CCC;
}

.bread a:hover {
    color: #B9B9B9;
    text-decoration: underline;
}

#panel_left, #panel_left a, #panel_right, #panel_right a { color: #B78B8D; }

#panel_left ul {
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    list-style: none;
}

#panel_left ul li {
    padding-left: 10px;
    padding-bottom: 8px;
}

#panel_left ul li.selected {
    background-image: url(/img/layout/bullet.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-bottom: 8px;
}

#panel_left ul li a.selected, #panel_left ul li a:hover {
    font-weight: bold;
    color: #6F181B;
}

  ul#recipes-menu li a:hover {
  font-weight:normal;
  }

  ul#recipes-menu li a.selected {
  font-weight: bold;
    color: #6F181B;
  font-weight:bold;
  }

#panel_right ul.catalog, #panel_right ul.prod { /*--- catalogo generale ---*/
    margin: 0;
    margin-right: 5px;
}

#panel_right ul.catalog li.sottocat { /*--- catalogo sottocat ---*/
    display: block;
    clear: both;
    width: 100%;
    line-height: 1.6em;
    margin-left: 10px;
}

#panel_right ul.catalog li.selected h4 span {
    font-weight: bold;
}

ul.prod { /*--- catalogo prodotti singoli ---*/
    clear: both;
    margin: 0;
}

li.prodotto {
    display:block;
    float:left;
    width:50%;
    height: 135px;
    border-bottom:1px solid #6F181B;
    text-align: center;
}

li.sottocat h4 a {
    margin-top: 2px;
    margin-left: -10px;
    padding: 2px;
    padding-left: 10px;
    display: block;
    width: 267px;
    height: 100%;
}

li.sottocat ul li.prodotto {
    margin-left: -10px; /* per attaccare il bordo inferiore al bordo di sx*/
    margin-right: 10px;
}

li.prodotto img {
    display: block;
    margin: auto;
}

div.imgSpace {
    padding: 10px 0 3px 0;
}

li.prodotto a, li.prodotto a:visited {
    color: #333333 !important;
    font-weight: normal;
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
    line-height: 1.0em;
}

li.prodotto a.selected {
    font-weight: bold;
}

li.prodotto span {
    margin: 0 5px;
}

#panel_main_left_right {
    color: #6F181B;
    min-height: 480px;
}

#panel_main_left_right h2,
#panel_main_right h2,
#panel_main_left h2 {
    font-weight: bold;
    font-size: 1.8em;
    color: #6f181b;
}

#panel_main_left_right a.highlight{
    text-decoration: underline;
}

h2.small{
    font-size: 100% !important;
}

#product_images {
    text-align: center;
    margin: 35px 0;
}

#product_images span { color: #333333; }

div.product_image { text-align: left; }

div.product_image img {
    margin: auto;
    display: block;
}

.panel_main p {
    line-height: 1.5em;
    text-align: justify;
}

#product_listing td.img_items { vertical-align: bottom; }

#img_right {
    background-color: transparent;
    height: 40px;
    width: 290px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#flash_notice {
    width: auto;
    border: 2px solid #00aa00;
    background-color: #efffef;
    padding: 10px;
    color: #00aa00;
    font-weight: bold;
    margin-bottom: 10px;
}

#flash_error {
    width: auto;
    border: 2px solid #aa0000;
    background-color: #ffefef;
    padding: 10px;
    color: #AA0000;
    font-weight: bold;
    margin-bottom: 10px;
}

ul.utilities {
    margin: 0;
    margin-top: 8px;
}

ul.utilities li {
    display: inline;
}

a.print, a:visited.print {
    width: 20px;
    height: 24px;
    background: url(/img/layout/ico/print.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    padding: 0 5px;
}

a.download, a:visited.download {
    width: 23px;
    height: 24px;
    background: url(/img/layout/ico/download.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    padding: 0 5px;
}

a:hover.print, a:hover.download { background-position: 0 -23px; }

#legenda {
    background: #f9f9f9 none repeat scroll 0%;
    border: 1px dotted #CCCCCC;
    color: #999999;
    float: right;
    font-size: 0.9em;
    margin-top: 30px;
    padding: 3px;
    text-align: left;
    width: auto;
}

#legenda img {
    margin: 2px;
}

#contact_us h2 {
    font-size:1.8em;
    font-weight:bold;
}

hr{
  background-color: #E9DCDD;
  border: none;
  height: 1px;
  margin-left: 65px;
}

#select_office{ margin-bottom: 25px;}

#select_office p a{font-weight: bold;}

.office{
    padding-left: 20px;
    background-image: url(/img/layout/bullet_contact.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.numeroVerde{
   padding-left: 80px;
   background-image: url(/img/layout/numeroverde.gif);
   background-repeat: no-repeat;
   background-position: 0 0;
   margin-top: 25px;
   height: 30px;
}

.numeroVerde p{
    line-height: 1.1em;
}

#consent, #complaint{
    width: auto !important;
    border: none !important;
    margin-right: 5px;
}

#map {
    margin: 0;
    border: 2px solid #541900;
}

#contact_form {
    margin-left: 30px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 30px;
}

#contact_form a, #contact_form a:visited{
    color: #B78B8D;
    text-decoration: underline;
}

#contact_form td {
    padding: 2px;
}

#contact_form input, #contact_form textarea, #contact_form select {
    width: 250px;
    border: 1px solid #B78B8D;
    color: #C7A34A;
    padding: 2px;
}

#contact_form select{
   width: 256px;
}

#contact_form textarea {
    width: 480px;
    height: 70px;
}

#contact_form .send_mail {
    border: 1px solid #B78B8D;
    width: auto;
    background-color: #D5C08A;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 15px;
    padding-right: 15px;
    color: #541900;
    cursor: pointer;
    font-weight: bold;
    margin-top: 5px;
}

#contact_form .label {
    color: #B78B8D;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

#contact_us label{
    color: #B78B8D;
    font-weight: bold;
}

#contact_form .send_mail:hover {
    background-color: #e5d09A;
}

#contact_form .mandatory{
    font-size: 0.9em;
    text-align: right;
    color: #B78B8D;
    font-weight: bold;
}

#contact_right {
    margin-left: 10px;
}

.images{
    padding-left: 9px;
}

.images img {
    margin: 25px 2px 5px 0;
}

.images img.first { margin-top: 0; }

.centerImages{text-align: center;}

.images div.sp {
    margin: 20px auto 10px auto;
    width: 155px;
    height: 1px;
    border-bottom:1px solid #D3D3D3;
}

#history th {
    vertical-align: top;
    padding-top: 15px;
    padding-right: 10px;
    font-weight: bold;
    text-align: right;
    width: 18%;
}

#history td {
    vertical-align: top;
    padding-top: 15px;
    line-height: 1.3em;
}

#history td ul {
    list-style: disc;
    margin: 10px 0;
}

#history td ul li {
    list-style-image: none;
    list-style-position: inside;
    list-style-type: circle;
}

#panel_left ul ul {
    margin: 5px 0 5px 6px;
}

dl {
    border-left: 2px dotted #6F181B;
    padding-left: 10px;
}

dl dt { font-weight: bold; }

dl dd {
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 1.4em;
}

#panel_main_left_right h3 {
    font-weight: bold;
    margin-top: 20px;
}

ul.elenco_prodotti {
    margin-bottom: 5px;
    padding-left: 10px;
}

ul.elenco_prodotti li {
    line-height: 18px;
    list-style-type: circle;
}

ul.nations li, ul.chain li {
    line-height: 1.5em;
    list-style-type: circle;
}

ul.chain, ul.nations {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}

ul.chain li {
    float: left;
    width: 140px;
}

#communication img, #novita img {
    margin: 25px 0 5px 0;
}

div.col {
    float: left;
    width: 46%;
}

#sitemap ul li a {
    font-weight: bold;
    color: #6F181B;
    line-height: 19px;
}

#sitemap ul li ul li ul li a {
    font-weight: normal;
    margin-left: 15px;
    font-weight: bold;
    color: #B78B8D;
    line-height: 17px;
}

#sitemap ul li ul li ul li ul {
    list-style: inside;
    padding-left: 50px;
    margin-left: 0;
}

#sitemap ul li ul li ul li ul li {
    list-style-type: circle;
     margin-left: 0;
     padding-left: 0;
}

#sitemap ul li ul li ul li ul li a {
    font-weight: normal;
    color: #6F181B;
    margin-left: 0;
    padding-left: 0;
}

#sitemap ul li ul li ul li ul li {
    font-weight: normal;
    color: #6F181B;
    margin-left: 0;
    padding-left: 0;
}

#sitemap ul li ul li ul li ul li a {
    margin-left: 0;
    padding-left: 0;
}

#sitemap #product, #sitemap #corporate {
    width: 90%;
    padding: 3px;
    border: 1px dashed #D5C08A;
    background-color: #FDF7F4;
    margin-bottom: 15px;
}

#sitemap #product li.category {
    list-style-type: disc;
}

#sitemap #product li.none {
    list-style-type: none;
}

.prod_space {
    padding-left: 2px;
    height: 135px;
}

.office {
  margin-bottom: 1em;
}

.privacy ul li{
   margin: 5px 5px;
   padding-left: 5px;
   list-style-type: disc;
}

.comment {
  font-style: italic;
}

/*//////   recipe  ///////*/
.recipe-image:hover {
  opacity:.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
}

#recipe h3 {
  color: #6F181B;
  margin-top: 1em;
  font-size: 1.2em;
}

#book {
	position: relative;
	width: 450px;
	height: 314px;
	min-height: 314px;
	background-image: url(/img/vicenzi/vicenzi-recipe_bg.jpg);
	margin: 15px auto;
}

#recipe .main_book {
	background-image: url(/img/vicenzi/main_book_bg.jpg);
}

	#recipe .main_book p{
	display: block;
	width: 250px;
	padding: 50px 0 0 45px;	
	color: #CC6600;
	font-style:italic;
	line-height: 2.5em;
	
	}

#ingredients {
  position: absolute;
  top: 10px;
  left: 37px;
  width: 189px;
  height: 295px;
  min-height: 295px;
}

	#ingredients p{
		margin-top:0px;
		margin-bottom:0px;
		}

#book ul{
  font-size: 11px;
  margin-top: 2px;
}

#book #book_page{
  position: absolute;
  right: 0;
  top: 0;
}

#book #product {
  display: block;
  position: absolute;
  left: 47px;
  top: 206px;
  width: 150px;
  height: 90px;
  min-height: 90px;
  text-align: center;
}

#recipe #pdf a{
  float: left;
  background-image: url(/img/vicenzi/pdf_icon.jpg);
  background-position: left;
  background-repeat:no-repeat;
  padding: 3px 0 0 20px;
  color: #6F181B;
  margin-top: 1em;
  font-size: 1.1em;
  text-decoration: underline;
}

#recipe #pdf a:hover{
  color: #6F181B;
  text-decoration: none;
}

#recipe #pdf #editore{
  background-image: url(/img/vicenzi/food_editore.jpg);
  width: 55px;
  height: 35px;
  min-height: 35px;
  float: right;
}

#recipe #pdf #editore span{
  display: none;
}

/*-- comunicazione gruppo 2008 --*/
#communication .com08 {
    width: 230px;
}

#communication .com08 p {
  width: 175px;
}

/*-- comunicazione Vicenzi 2008 --*/
#communication .container {
    clear: both;
    display: block;
}

#communication .container a {
    float: left;
    margin: 0 2px;
}

#communication .container p {
    clear: both;
}