/*
Reset from Eric Meyer:
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, 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;
}
/** {
margin:0;
padding:0;
border:0;
font-size:100%;
}*/
:focus {
outline:0;
}
body {
line-height:1;
color:black;
background:white;
}
ol, ul {
list-style:none;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}

body{
font-size:1em;
font-family:arial,helvetica,sans-serif;
text-align:center;
}

/* formattazione dei link */
a:link,
a:visited{
color:#a34103;
}
a:focus,
a:hover,
a:active{
color:#b32720;
}

/* ------------------------- LAYOUT ---------------------------- */
body {
width:1014px;
margin:0 auto;
margin-top:0px;
background:#000 url(../img/bg2.jpg) left top repeat-x;
text-align:left;
}

/* ----- HEADER ----- */
#header {
width:1014px;
height:296px;
background:#000 url(../img/bg_header.jpg) no-repeat top left;
}

/* ----- LOGO ----- */
#logo {
width:1014px;
height:81px;
}
.logo {
width:316px;
margin-top:12px;
margin-left:63px;
float:left;
}
.txt_spot {
width:240px;
margin-top:12px;
margin-left:150px;
float:left;
}
/* ----- NAV ----- */
#navigation {
width:1014px;
height:30px;
}

/* ----- WRAPPER ----- */
#wrapper{
width:852px;
overflow:auto; /* necessario per le magagne di IE */
background:#fff url(../img/bg_main.jpg) no-repeat top left;
margin-top:0px;
margin-left:81px;
margin-right:81px;
}
#wrapperextra{
width:852px;
overflow:auto; 
background-color:#fff;
margin-top:0px;
margin-left:81px;
margin-right:81px;
}

/* ----- COLONNA SINISTRA ----- */
#colsx {
width:238px;
margin-left:20px;
margin-right:20px;
padding-left:10px;
padding-right:10px;
padding-top:30px;
float:left;
}

/* ----- MAIN CONTENT ----- */
#maincontent { 
width:474px;
margin:0;
padding-left:10px;
padding-right:10px;
padding-top:0;
text-align:left;
float:left;
overflow:hidden;
}

/* ----- EXTRA ----- */
#extrasx {
width:375px;
min-height:200px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:200px; /* for IE5.x and IE6 */
background-color:#eee;
float:left;
}
#extradx {
width:375px;
min-height:200px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:200px; /* for IE5.x and IE6 */
background-color:#eee;
float:left;
}

/* ----- FOOTER ----- */
#footer { 
width:822px;
height:56px;
overflow:auto; /* necessario per le magagne di IE */
background:#626262 url(../img/bg_footer.jpg) no-repeat top left;
margin-top:0px;
margin-left:81px;
margin-right:81px;
margin-bottom:30px;
padding-top:80px;
padding-bottom:20px;
padding-left:30px;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:1.3em;
color:#666;
}

#footer a:link,
#footer a:visited{
color:#666;
text-decoration:underline;
margin-left:2px;
margin-right:2px;
}
#footer a:focus,
#footer a:hover,
#footer a:active{
color:#c00;
text-decoration:none;
}

.footerdx {
margin-left:130px;
padding-left:20px;
border-left:1px solid #666;
float:left;
}
/* ------------------------- FOTO SLIDESHOW ---------------------------- */

#slideShow1
{
	width:455px;
	height:180px;
	/*background-color:#fff;*/
	padding:0;
	padding-bottom:5px;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #534442;
}

.pagelinks a
{
	/*font-weight:bold;
	color:#666;*/
	visibility:hidden;
}
.slideCaption
{	
	/*background-color:#FFFFCC;
	padding:4px;
	text-align:center;
	font-weight:bold;*/
	visibility:hidden;
}
.pagelinks a.activeSlide
{
	/*color:#f90;*/
	visibility:hidden;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	/*background-image:url(images/spacer.gif);*/
}
.nextSlide:hover
{
	/*background-image:url(images/nextslide.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;*/
}
.prevSlide:hover
{
	/*background-image:url(images/prevslide.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;*/
}
.inputsTooltip
{
	/*border:1px solid #ccc;
	background-color:#eee;
	padding:4px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;*/
}
#tooltipURL
{
	display:none;
}

/* ------------------------- GLOBALI ---------------------------- */
.clear
	{	clear:both;
		overflow:hidden;
		height:0}
/* menu styles */
#jsddm
{	margin:0;
	padding:0;}

	#jsddm li
	{	/*float:left;  togliere per fare menu verticale */
		list-style:none;
		font:13px Tahoma, Arial;
		font-weight:700;
                }

	#jsddm li a
	{	display:block;
		padding:5px 12px;
		text-decoration:none;
		/*border-right:1px solid white;*/
		border-bottom:1px solid #000;
		width:150px;
		height:16px;
		color:#000;
		white-space:nowrap;
                }

	#jsddm li a:hover
	{	background-color:#000;
		color:#FFC801;
                }

		#jsddm li ul
		{	margin:0;
		    margin-top:-28px;
		    margin-left:170px;
			padding:0;
			position:absolute;
			visibility:hidden;
			border-top:1px solid #000;
                        }

			#jsddm li ul li
			{	float:none;
				display:inline;
                       }
			
			#jsddm li ul li a
			{	width:auto;
				background-color:#FEE800;
				color:#000;
				width:230px;
						}

			#jsddm li ul li a:hover
			{	background-color:#000;
				color:#FEE800;
			        }
.marginedx {
margin-right:20px;
}
.cinquanta {
width:396px;
float:left;
text-align:left;
padding-left:20px;
}

.lingua {
width:156px;
height:52px;
margin-top:130px;
margin-left:250px;
padding:0;
float:left;
}

/* ------------------------- I FONT!! MAIN TYPOGRAPHY ------------------------- */

blockquote { border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#666; }
blockquote *:first-child:before { content:"\201C"; }
blockquote *:first-child:after { content:"\201D"; }

/* language specific quotes! */
q { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes:'\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes:'\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes:'\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes:'\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes:'\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes:'\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE:safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content:'\201C'; }
html[lang|='en'] q:after    { content:'\201D'; }
html[lang|='en'] q q:before { content:'\2018'; }
html[lang|='en'] q q:after  { content:'\2019'; }

/* FORMS */
fieldset { border:1px solid #ccc; }
legend { background:#fff; }
textarea, input[type='text'], select { border:1px solid #ccc; background:#fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color:#aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color:#888; outline:2px solid #ffffaa; }
input, select { cursor:pointer; }
input[type='text'] { cursor:text; }

/*
-----------------------------
contenuto specifico
-----------------------------
*/
#maincontent { color:#333; }
/* BASE SIZES */
#maincontent h1 { font-size:1.6em; letter-spacing:-0.05em; font-weight:900; border-left:#c00 solid 5px; padding-left:10px;}
#maincontent h2 { font-size:1.2em; letter-spacing:-0.05em;}
#maincontent h3 { font-size:1.1em; }
#maincontent h4, #maincontent h5, #maincontent h6 { font-size:1.2em; }
#maincontent p, #maincontent ul, #maincontent ol { font-size:0.85em; line-height:1.4em;margin:1.25em 0; text-align:left; }

/* HR */
#maincontent hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none; }

/* LISTS */
#maincontent ul li { text-indent:-.85em; margin-left:.85em; }
#maincontent ul li:before { content:"\2022\00a0\00a0"; }
#maincontent ol { list-style-position:outside; list-style-type:decimal; }
#maincontent dt { font-weight:bold; }

/* TABLES */
#maincontent table { border-top:1px solid #ccc;  border-left:1px solid #ccc; }
#maincontent th, #maincontent td { border-bottom:1px solid #ddd; border-right:1px solid #ccc; }

/* MARGINS & PADDINGS */
#maincontent blockquote *:first-child { margin:.8em 0; }
#maincontent hr, #maincontent p, #maincontent ul, #maincontent ol, #maincontent dl, #maincontent pre, #maincontent blockquote, #maincontent address, #maincontent table, #maincontent form { margin-bottom:1.6em; }
#maincontent p+p { margin-top:-.8em; }
/* NOTE:Calulate header margins:TOP:1.6em/size, BOTTOM:1.6em/size/2 */
#maincontent h1 { /*margin:1em 0 .5em;  */}
#maincontent h2 { margin:1.07em 0 .535em; }
#maincontent h3 { margin:1.14em 0 .57em; }
#maincontent h4 { margin:1.23em 0 .615em; }
#maincontent h5 { margin:1.33em 0 .67em; }
#maincontent h6 { margin:1.6em 0 .8em; }
#maincontent th, #maincontent td { padding:.8em; }
#maincontent caption { padding-bottom:.8em; } /* padding instead of margin for IE */
#maincontent blockquote { padding:0 1em; margin:1.6em 0; }
#maincontent fieldset { padding:0 1em 1em 1em; margin:1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
#maincontent legend { padding-left:.8em; padding-right:.8em; }
#maincontent legend+* { margin-top:1em; } /* compensates for the opera margin bug */
#maincontent textarea, #maincontent input { padding:.3em .4em .15em .4em; }
#maincontent select { padding:.1em .2em 0 .2em; }
#maincontent option { padding:0 .4em; }
/*#maincontent a { position:relative; padding:0.3em 0 .1em 0; }  for larger click-area */
#maincontent dt { margin-top:.8em; margin-bottom:.4em; }
#maincontent ul { margin-left:1.5em; }
#maincontent ol { margin-left:2.35em; }
#maincontent ol ol, #maincontent ul ol { margin-left:2.5em; }
#maincontent form div { margin-bottom:.8em; }

/* COLORS */
#maincontent a:link { text-decoration:underline; color:#36c; }
#maincontent a:visited { text-decoration:underline; color:#99c; }
#maincontent a:hover { text-decoration:underline; color:#c33; }
#maincontent a:active, #maincontent a:focus { text-decoration:underline; color:#000; }
#maincontent code, #maincontent pre { color:#c33; } 

/* TABLES altri prodotti */
#altriprod table { 
border:0; 
}
#altriprod th, #altriprod td { 
border:0;
border-bottom:1px solid #ccc; 
padding:0; 
}

/* classi */
.certificazioni {
text-align:center;
display:block;
}
.certificazioni img {
background-color:#eee;
padding:3px;
margin:5px 0;
border:1px solid #999;
}