/* RESET CSS by http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;} /* remember to define focus styles! */
ins {text-decoration:none;} /* remember to highlight inserts somehow! */
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* source: http://sonspring.com/journal/clearing-floats */
a	{	text-decoration: none;}
/* BEGIN SQUARE GRID CODE */
body { background: url("../images/bg.jpg") 50% 0 fixed; font-size:62.5%; line-height:28px; /* for RTL add: 'direction: rtl;' */ }
.aggiornamenti li {line-height: 1em; margin-bottom: 10px}
/* your main wrapping div */
#wrapper{ margin: 0 auto; position:relative; overflow: hidden; width: 994px; }
#container{width:1008px; /* essential */ margin-left:-7px; display: table;}

/* global styling to apply to all columns */
.sg-1, .sg-2, .sg-3, .sg-4, .sg-5, .sg-6, .sg-7, .sg-8, .sg-9, .sg-10, .sg-11, .sg-12, .sg-13, .sg-14, .sg-15, .sg-16, .sg-17, .sg-18, .sg-19, .sg-20, .sg-21, .sg-22, .sg-23, .sg-24, .sg-25, .sg-26, .sg-27, .sg-28, .sg-29, .sg-30, .sg-31, .sg-32, .sg-33, .sg-34, .sg-35
{margin:0px 14px 28px 14px; float:left; /* for RTL change float to 'right' */ }

/* if you want to have a div as a parent with divs inside - add this class to parent div */
.sgParent{margin:0px;}

/* essential: width for all columns */
.sg-1{width:28px} .sg-2{width:56px} .sg-3{width:84px} .sg-4{width:112px} .sg-5{width:140px} .sg-6{width:168px} .sg-7{width:196px} .sg-8{width:224px} .sg-9{width:252px} .sg-10{width:280px} .sg-11{width:308px} .sg-12{width:336px} .sg-13{width:364px} .sg-14{width:392px} .sg-15{width:420px} .sg-16{width:448px} .sg-17{width:476px} .sg-18{width:504px} .sg-19{width:532px} .sg-20{width:560px} .sg-21{width:588px} .sg-22{width:616px} .sg-23{width:644px} .sg-24{width:672px} .sg-25{width:700px} .sg-26{width:728px} .sg-27{width:756px} .sg-28{width:784px} .sg-29{width:812px} .sg-30{width:840px} .sg-31{width:868px} .sg-32{width:896px} .sg-33{width:924px} .sg-34{width:952px} .sg-35{width:980px}

/* add a dividing border to the right or left simply by addiing one of these classes to a div */
.borderRight{border-right:1px solid #222; margin-right:0px; padding-right:13px;}
.borderLeft  {border-left:1px solid #222; margin-left:0px; padding-left:13px;}

/* CONTROLLER - optional */
#controller{position:fixed; top:14px; right:14px; z-index:9999;}
#controller ul{border-color:#222; border-style:solid; border-width:0px 1px;}
#controller ul li a{color:#222; display:block; font:14px/26px Verdana; height:26px; width:26px; margin:1px; text-align:center; text-decoration:none;}
#controller ul li a:hover{font-weight:bold;}
#controller ul li.selected a{background-color:#222; color:#fff; font-weight:bold;}

h1	{	font-family: Helvetica; font-size: 42px; letter-spacing: -3px;		}
#banda h1	{	padding-top: 14px;	}
h2.sottotitolo	{ font-size: 35px; letter-spacing: 0px; font-weight: normal; color: #666; padding-top: 7px; font-weight: normal; font-family: 'Forelle'; line-height: 140%; text-rendering: optimizeLegibility;		}
h2	{	font-size: 19px; font-weight: bold; font-family: Georgia,Helvetica, Arial; color: #222; margin-bottom: 10px;	}
h2 a	{	color: #111; text-decoration: none }
h2 a:hover	{	color: #103881;	}
h3	{	font-family: Helvetica; font-size: 24px; letter-spacing: -1px; color: #103881; padding: 0 0 14px 0;		}
h3 a	{	color: #2179d7; text-decoration: none }
h3 a:hover	{	color: #103881;	}
p	{	font-family: Helvetica; font-size: 14px; line-height: 1.3em; padding-bottom: 7px;}
button	{	background: url("../images/button-sm.png") 0 0 no-repeat; width: 75px; height: 30px; border: none; color: #fff; margin: 10px 10px 10px 0; clear: both; float: none}
.blue	{	color: #2179d7;}
.contenuto {	margin: 28px;}
.contenutob {	margin: 28px; min-height: 650px;}

#head	{	height: 94px; display: block; background: url("../images/logo.png") 0 0 no-repeat; margin-top:10px; width: 272px; }
#banda	{	height: 140px; background-color: #fff; display: block; margin: 10px 14px 0 14px;	}
#iso	{	height: 112px; display:block; margin: 10px 0px 0 28px;	}
#isog	{	background: url("../images/iso.png") 0 0 no-repeat; display: block; height: 112px;}

#iso1	{	background: url("../images/iso1.png") 0 0 no-repeat; display: block; height: 112px;}
#iso2	{	background: url("../images/iso2.png") 0 0 no-repeat; display: block; height: 112px;}
#left	{	height: 560px; display:block; background-color: #ccc; margin:0px 0px 28px 14px; width: 308px; }
#right	{	background: url("../images/bg-tbl.png") 0 0 repeat; margin:0px 0 0 0; display: table;}
#corner	{	height: 28px; margin: 0;}
#footer	{	float: right; font-size: 20px; letter-spacing: 2px; font-weight: normal; color: #fff; font-weight: normal; font-family: 'Forelle';
line-height: 110%;  text-decoration: none;
text-rendering: optimizeLegibility; margin:-28px 0 28px 0; background-color: #103881; height: 41px; width: 224px; padding: 15px 0 0 0; text-align: center;	}
#footer:hover	{	background-color:#2179d7; color: #fff; }
#footer .copy	{	font-size: 18px;float: left; padding: 3px 0 0 10px; margin: 0 -8px 0 0;}

#right .col	{	float: left; width:308px;}

.sg-11.nob	{	margin: 0; clear: both; float: none; }
.sg-4.nob	{	margin:0;height: 120px; width: 120px; display: block;}

.sg-11.nob.intro	{	min-height: 100%; height: auto !important; height: 100%;}
.sg-11.nob.galleria	{	min-height: 100%; height: auto !important; height: 100%;}
.sg-11.nob.qualita	{	min-height: 100%; height: auto !important; height: 100%;}
.sg-11.nob.banqueting	{	min-height: 100%; height: auto !important; height: 100%; }
.sg-11.nob.clienti	{	min-height: 100%; height: auto !important; height: 100%; }

.testo-descrizione	{	padding: 0 0 10px 0;	}
.testo-descrizione ul {font-family: Helvetica;
    font-size: 14px;
    line-height: 1.3em;
    padding-bottom: 7px; list-style: disc;}

.immagini	{	padding: 0 0 28px 0; display: table;	}
.clienti	{	font-size: 12px; font-family: Helvetica, Georgia, Arial; color: #444; margin: -7px 0 28px 0;  }
.clienti li	{	line-height: 1.1em; margin-bottom: 5px	}
.contatti	{	font-size: 14px; font-family: Helvetica, Georgia Arial; color: #444; margin: -7px 0 28px 0;  }
.contatti li	{	min-height: 22px;	}
.contatti li.soc	{	font-weight: bold; font-family: Georgia,Helvetica, Arial; font-size: 16px;	}
.contatti li.tel	{	background-color: #333; height: 58px; padding:7px 0 0 28px; margin: 5px 0 0 0; 	}
.contatti li.tel span	{	 background: url("../images/tel.png") 0 0 no-repeat; height: 39px; padding:7px 0 0 40px; font-size: 26px; color: #fff; margin: 5px 0 0 0; display: block;	}
.contatti li.mail	{	font-weight: bold; font-family: Georgia,Helvetica, Arial; font-size: 16px; padding: 0 0 5px 0;	}
.contatti a	{	font-family: Georgia; font-weight: bold; text-decoration: none; color: #333; }
.contatti a:hover	{	color: #2179d7; }

.aggiornamenti	{	font-size: 14px; font-family: Helvetica, Georgia, Arial; color: #222; margin: -7px 0 28px 0; height: 100px  }
.aggiornamenti .titolo	{	font-family: Georgia,Helvetica, Arial; font-weight: bold; text-decoration: none; color: #111; }
.aggiornamenti .titolo:hover	{	color: #2179d7; }

legend	{	font-size: 19px; font-weight: bold; font-family: Georgia,Helvetica, Arial; color: #222; margin-bottom: 10px;	}
legend span	{	display: block; margin-bottom: 5px;	}
label .spanna	{	float: left; font-size: 20px; font-family: Helvetica, Georgia, Arial; color: #222; padding-top: 12px; width: 140px;	}
label .input	{	border: none; width: 389px; margin: 7px 0 0 8px; height: 37px; font-size: 18px; color: #444;}
label .dati	{	background: url("../images/input.png") 0 0 no-repeat; width: 405px; height: 55px; display: block; margin-bottom: 5px; float: left;	}
label .testo	{	background: url("../images/textarea.png") 0 0 no-repeat; width: 405px; height: 355px; display: block; margin-bottom: 5px; float: left;	}
label textarea	{	border: none; width: 389px; margin: 7px 0 0 8px; font-size: 16px; height: 340px; color: #444; font-family: Helvetica; line-height: 1.2em;	}
label.privacy .spanna	{ height: 90px; line-height: 1.5em; display: block; }
label.privacy .clausola	{height: 90px; line-height: 1.5em; display: block; float: left;width: 389px;}
label.privacy	{	 font-family: Helvetica, Georgia, Arial; line-height: .9em; font-size: 12px; clear: both; float: none; height: 90px; }
label.errore .errore	{	color: #FF1500;}
.dispxsuc	{	padding:10px; clear: both; display: block; background: #C0FF8F; margin: 0 0 15px 0; font-size: 12px;}
.dispxerr	{	padding:10px; clear: both; display: block; background: #FF7673; margin: 0 0 15px 0; font-size: 12px;}

.destinatari li 	{ 	border-bottom: dotted 1px #444; padding: 10px;	}
.destinatari li:hover	{	background-color: #D4EAFF; display: block;	}
.destinatari .nome	{	font-size: 19px; font-weight: bold; font-family: Georgia,Helvetica, Arial; color: #222; display: block;}
.destinatari .mail	{	font-size: 14px; font-family: Helvetica, Georgia, Arial; color: #333; display: block;}

ul#pagination {	clear: both; text-align: center; padding: 5px; width:90%; margin:20px auto 0 auto; font-size: 14px; text-decoration: none; font-family: Helvetica;	}
ul#pagination li {	display: inline;	}
ul#pagination a {	padding: 3px; color:#333; text-decoration: none;	}
ul#pagination li.selected {	color: #3F5883; font-weight:bold;	}
ul#pagination a:hover {	padding: 3px; color: #103881;}

.allegato	{	font-size: 16px; font-weight: bold; color: #2179d7;}
.img	{	float:left; padding:5px 10px 10px 0;	}

#myslide {width:308px;overflow:hidden;position: relative;height:278px;margin-bottom:10px}
#myslide .cover{
		width:1032px; /*308 * 4 */
		position: absolute;
		height:278px;
}
#myslide .mystuff {width:308px;float:left;padding:20px 0;}
.button1,.button2,.button3,.button4,.button5,.button6,.button7,.button8,.button9{background:#999;padding:6px;display:block;float:left;margin-right:5px; cursor: pointer; }
.active{background:#103881;padding:6px;display:block;float:left;outline:none;}
.clear{clear:both;}