/* @override http://www.arrigonivaltaleggio.it/arrigoni-style.css */

/* CSS Document */

@import "menu-style.css";

/* ----------reset accordion-------- */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ------------ */

body {
	width: 1020px;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/body-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #8a8a8a;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, p, ul {
	margin: 0;
	padding: 0;
}

h2, .testo-news h1, .news-singola h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Agenda, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
.news-singola h1 {
	font-size: 27px;
}

.testo-news h1 {
    padding: 18px 0 9px 0;
}
.testo-news a {
    color: #000000;
}
.testo-news a:hover {
    color: #E2001A;
}

.description a, .description a:hover {
	text-decoration: none;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3em;
}

p {
	font-size: 14px;
	line-height: 1.3em;
}

li {
	list-style: none;
}

.clear {
	clear: both;
}

.color-freschi {
    color: #0083be;
}
.color-bio {
    color: #b6bf00;
}
.color-tradizionali {
    color: #9c6409;
}
.color-unici {
    color: #E2001A;
}
.color-arrigoni {
    color: #E2001A;
}

#container {
	background-color:#FFFFFF;
	margin: 0 auto;
}

/* Inizio pasticci di giulio */

#header {
	height: 54px;
	/*background-image: url(images/arrigoni-valtaleggio.gif);
	background-position: 800px 18px;
	background-repeat: no-repeat;*/
	padding: 110px 40px 0 40px;
}

#header {
	position: relative;
}

#header #logo {
	position: absolute;
	top: 18px;
	right: 40px;
}

/* Fine pasticci di giulio */

#header .menu a{
	float: left;
	padding: 0;
	margin: 0;
}

#box-image {
	height: 360px;
	padding: 0 40px;
	background-position: bottom left;
	background-repeat: no-repeat;
	margin: 0;
}

/* Inizio pasticci di giulio */

#box-image.red.home {
	background-image: url(images/red-bg-home.gif);
}

/* Fine pasticci di giulio */

#title {
	padding: 18px 40px;
	background-position: left;
	background-repeat: repeat-y;
	width: 538px;
	_position: relative;
	margin-left: -40px;
	margin-bottom: 36px;
}

#title h1, .adv h1 {
	font-family: Agenda, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 54px;
	font-weight: bold;
}

#title .blu, .adv .blu {
	background-color: #0083be;
}
#title .verde, .adv .verde {
    background-color: #b6bf00;
}
#title .marrone, .adv .marrone {
    background-color: #9c6409;
}
#title .arrigoni, .adv .arrigoni {
    background-color: #E2001A;
}

.adv h1 {
    font-size: 18px;
    padding: 7px 9px;
    margin-bottom: 18px;
}

/* commenti di giulio: sembra che alcuni adv abbiano h1 e poi a, altri a e poi h1. Per ora sono andato giù grosso, da sistemare */

.adv a {
	text-decoration: none;
}

#title .azienda {
    font-size: 36px;
	font-weight: normal;
	font-style: normal;
	line-height: 36px;
}

#title h1 span, .adv h1 span {
    font-weight: normal;
	font-style: normal;
}

.red {
	background-image: url(images/red-bg.gif);
}
.arrigoni {
	background-image: url(images/red-bg.gif);
}
.blu {
	background-image: url(images/blu-bg.gif);
}
.marrone {
	background-image: url(images/marrone-bg.gif);
}
.verde {
	background-image: url(images/verde-bg.gif);
}

#content, #content-footer {
	padding: 0 40px;
	background-color: #FFFFFF;
	padding-bottom: 18px;
	margin: 0;
}

.column-sx {
	float: left;
	width: 560px;
}

.c-s-doppia {
	width: 630px;
}

.column-sx .sx {
	float: left;
	width: 300px;
	padding-right: 20px;
}



#content .column-sx .sx h3 {
	color: #E2001A;
	padding-top: 27px;
}

.column-sx .dx {
	float: left;
	width: 300px;
}

.column-sx .dx #news .item {
	padding: 18px 0;
	border-bottom: 1px solid #000000;
}


.column-sx .dx #news .item, .ui-accordion-header {
	padding-bottom: 9px;
	border-top: 1px solid #000000;
    cursor:pointer;
    padding-top: 18px;
}
.ui-accordion-content{
    height: 144px;
}

.column-sx .dx #news .first {
	height: 180px;
}

.column-sx .dx #news .last, .column-sx #prodotti .last {
	border-bottom: none;
}

.column-sx .dx #news h2 {
	text-transform: uppercase;
}

.column-sx .dx #news h2 a{
    text-decoration:none; color:#000;
}

.column-sx .dx #news .data, .info-prodotto label, .news-singola .data, #news .continua {
	text-transform: uppercase;
	font-size: 10px;
	padding: 0;
}

#news .testo-news {
    height: 157px;
}

#news .continua {
    font-weight: bold;
    color: #cc370a;
    margin-top: 4px;
}
#news .continua a {
    color: #cc370a;
    font-weight: bold;
}
#news .continua a:hover {
    color: #cc370a;
}

.data {
	color: #cc370a;
}

.news-singola {
    width: 560px;
}

.news-singola .testo-news {
    margin-top: 18px;
}

.news-singola p {
	margin-bottom: 18px;
}

.news-singola .data {
    margin-bottom: 9px;
}

.column-dx {
	float: right;
	width: 300px;
}

#content .column-dx {
	padding-top: 36px;
}

#content-footer {
	padding-bottom: 90px;
}

#content-footer p, .adv .vedi-tutti p {
	text-transform: uppercase;
	font-size: 10px;
	border-top: 1px solid #000000;
	padding-top: 9px;
}

.adv .vedi-tutti p {
    margin-top: 18px;
}

#content-footer a, .adv .vedi-tutti a, #news a {
	color: #000000;
}

#content-footer a:hover, .adv .vedi-tutti a:hover, #news a:hover {
	color: #E2001A;
}

#footer {
	background-image: url(images/ombra.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #8a8a8a;
	padding-top: 40px;
	width: 940px;
	_position: relative;
	margin-left: -40px;
	padding: 36px 80px 90px 80px;
}



#footer .box{
    width: 140px;
	float: left;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer .big{
	width: 300px;
}
#footer p {
	font-size: 11px;
	color: #c8c8c8;
	padding-top: 9px;
}

#footer strong {
	color: #e5e5e5
}

#footer a {
	color: #c8c8c8;
	text-decoration: none;
}

#footer a:hover {
	color: #e5e5e5;
	text-decoration: underline;
}

#footer .language {
	padding: 0;
	height: 27px;
}


#footer .language p {
}

#footer .language a {
	color: #E2001A;
	display: block;
	height: 20px;
	background-image: url(images/language.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 6px 8px 0 26px;
	margin-left: 0;
	border: 1px solid #7f7f7f;
}

#footer .language.it a {
	background-position: 0 0;
}

#footer .language.it a:hover {
	background-position: 0 -26px;
}

#footer .language.it a:active {
	background-position: 0 -52px;
}

#footer .language.en a {
	background-position: -200px 0;
}

#footer .language.en a:hover {
	background-position: -200px -26px;
}

#footer .language.en a:active {
	background-position: -200px -52px;
}

#footer .language a:hover {
	color: #cb0017;
	text-decoration: underline;
}

#footer .language a:active {
	color: #fff;
}



#prodotti {
	width: 560px;
}

#prodotti .item {
	height: 126px;
	border-bottom: 1px solid #000000;
	padding: 9px 18px 9px 0;
}

#prodotti .item img {
	float: left;
}

#prodotti .item .description {
	padding-top: 18px;
	margin-left: 160px;
}

#prodotti .item .description h2 {
	text-transform: uppercase;
	padding-bottom: 9px;
}

.group-description h3 {
	font-size: 27px;
	font-weight: normal;
	padding-bottom: 18px;
}

.group-description p a, a.scheda_pdf {
	color:#7C7C7C;
	font-size:11px;
	white-space: nowrap;
	background: url(images/download-s.gif) no-repeat left top;
	padding-left: 25px;
	margin-top: 1.5em;
	display: block;
	height: 19px;
}


.group-description p a:hover, a.scheda_pdf:hover {
	background-position: 0 bottom;
	color: #000;
}

.info-prodotto .info {
	padding-bottom: 102px;
	font-size: 16px;
}

.info-prodotto .ingredienti {
	padding-bottom: 36px;
}

.info-prodotto .dettaglio {
	padding-bottom: 18px;
	width: 300px; 
	float: left; 
}

.info-prodotto .dettaglio-plus {
    width: 235px;
    float: right;
}

.info-prodotto h6 {
    font-size: 12px; 
    font-weight: bold; 
    text-transform: uppercase; 
    color: #ffffff; 
    padding: 8px 4px 2px 4px;
    margin: 0 0 12px 0;
    font-family: Agenda, Arial, Helvetica, sans-serif;
}

.info-prodotto img {
    padding: 18px 0;
}

.info-prodotto h4 { 
    text-transform: uppercase;
    font-size: 18px;
	font-weight: normal;
	font-family: Agenda, Arial, Helvetica, sans-serif;
	display: inline;
	padding-right: 10px;
}

.info-prodotto .dettaglio span {	
	font-weight: bold;
	font-size: 10px;
	display:inline;
	text-transform: uppercase;
}

.info-prodotto .dettaglio p {
	margin-bottom: 6px;
	line-height: 14px;
}

.info-prodotto p, .info-prodotto .dettaglio p, .info-prodotto td {
	font-size: 12px;
}

.info-prodotto .table-big {
	width: 558px;
}

.info-prodotto .table-dettaglio {
	width: 235px;
	margin-bottom: 15px;
}
.info-prodotto .table-dettaglio td {
    border-bottom: 1px solid #bebebe;
}

.info-prodotto .table-big thead .key {
	width: 400px;
}

.info-prodotto .table-big thead .value {
	width: 140px;
}

.info-prodotto .table-small {
	width: 300px;
	padding-bottom: 9px;
}

.info-prodotto .table-small thead .key {
	width: 200px;
}

.info-prodotto .table-small thead .value {
	width: 100px;
}

.info-prodotto td {
	border-bottom: 1px solid #000000;
	padding: 5px 0 5px 7px;
	width: 150px;
	vertical-align: top;
}

.info-prodotto thead td {
	border-bottom: 2px solid #000000;
	padding-bottom: 2px;
}

.legno {
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 250px;
}

.info-prodotto .no-border, .info-prodotto .table-dettaglio .no-border {
    border: none;
}

.bio-foglia {
    margin-left: -30px;
    position: relative;
}

.testo-azienda {
	width: 558px;
}

.abstract p {
    font-size: 16px;
}

.testo-azienda hr {
    width: 240px;
    color: #000000;
    background-color: #000000;
    border: solid 1px #000000;
    margin: 18px 0 36px 0;
}

.testo-azienda img {
	float: left;
	padding: 0 18px 18px 0;
}
.testo-azienda h2{
	color: #E2001A;
}

#content-footer a.scheda_pdf {color:#7C7C7C; font-size:11px;
	white-space: nowrap;
}