* {margin:0;padding:0}
body {padding: 0 0 20px 0; background: #000 url("images/bgBody.jpg") repeat-x top; color:#666; font:83%/1.5 arial, helvetica, tahoma, sans-serif}

/* LINKS */

a,a:link,a:link,a:link,a:hover {color:#0055D5; background:transparent; text-decoration:none; cursor:pointer} 
a:link, a:visited {text-decoration:none;} 
a:hover {text-decoration:underline;} 

/* FORMS */
form {margin: 0 0 1.5em; overflow:hidden;}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-size:96%}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {padding: 10px; background: #fafafa; border:0; position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:200px;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:150px;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00; font-size:120%; float:left; width:12px;}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:150em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 200px}
		form.f-wrap-1 label textarea.f-comments {width: 200px}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}



	button.pulsBlu { 
	  background:url(images/pulsBluDx.gif) right no-repeat; 
	  font-size:10px; 
	  border:0; 
	  cursor:pointer;
	  font-weight:bold; 
	  padding:0 9px 0 0;
	  margin:0 0 0 7px;
	  width:auto; 
  	overflow:visible;
  	font-family: arial, helvetica, sans-serif;
  	vertical-align:middle;
	}
	button.pulsBlu span { 
	  height:18px; 
	  line-height:18px;
	  background:url(images/pulsBluSx.gif) left no-repeat;
	  color:#fff; 
	  position:relative;
	  display:block; 
	  white-space:nowrap; 
	  padding:0 0 0 12px;
	  left:-3px;
	  margin:2px 0 0 0;
	}
	
	button.pulsBlu:hover {
		background:url(images/pulsBluDxH.gif) right no-repeat; 
	}
	button.pulsBlu:hover span {
		background:url(images/pulsBluSxH.gif) left no-repeat; 
	}



/* TYPOGRAPHY */
p, ul, ol {margin: 0.2em 0 1.3em}
/*colore - personalizzare*/
h1, h2, h3, h4 {color:#004AB9;font-family: arial narrow, helvetica condensed, arial, helvetica, sans-serif; margin: 1.2em 0 .3em;border-bottom: 1px solid #eee;padding-bottom:0}
h5, h6{color:#399AD5; font-family: arial, helvetica, sans-serif; margin: 0 0 3px 0; border-bottom: 1px solid #eee;}
h2{border-bottom: 1px solid #bbb;}
h3{border-bottom: 1px solid #ccc;}

h1 {background: url(images/h1freccina.gif) no-repeat 0 8px; padding:0 0 0 23px; border-bottom: 1px solid #aaa;}
h2 {background: url(images/h2freccina.gif) no-repeat 0 7px; padding:0 0 0 20px;}


h1 {font-size: 22px; margin-top:.6em; letter-spacing: -1px;}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 123%}
h5 {font-size: 107%}
h6 {font-size: 96%}

h5{overflow:hidden; padding-bottom:3px;}

.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font-size: 82%; font-weight:bold; color:#ccc;display:block;letter-spacing: 1px; display:block;clear:both;margin:20px 0 0 0;}
small {font-size:11px; color:#999;}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 13px;background: transparent url("images/bullet1.gif") no-repeat 0 7px}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 0.5em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both; position:relative; font-size:0px; height:0px; line-height:0px} 

/* LAYOUT - HEADER */

#headerFrame {background: #fff url("images/bgHeadFrame.jpg") no-repeat right;height:60px; border-bottom:1px solid #666; margin:0; padding:0}

	#headerFrame #logoSito {margin:0; border:none; height:60px;}

#header {background: #fff url("images/bgHead.jpg") no-repeat right; height:93px; margin:0; padding:0}

	#header #logoSito {margin:0; border:none; height:105px;}
	
	
	/* TOP, NAVIGAZIONE SX */
	#navTop {color:#fff; font-size:10px; font-family: verdana, sans-serif; position:absolute;top:15px; right:10px; left:auto; text-align:right; }
	
	#navTop div {width:140px; background:transparent;margin:1px; padding:0px 10px;color: #ABC7F1 clear:both;}
	#navTop a:link, #navTop a{color:#ABC7F1}
	#navTop a:hover{color:#fff; text-decoration:none;}

	#headerFrame 	#navTop {font-size:9px; font-family: verdana, sans-serif; position:absolute; top:4px; right:10px; left:auto; text-align:right; }
	

	#navigazione {color:#fff;}
	#navigazione div {margin:10px;}
	#navigazione a:link, #navigazione a{color:#ABC7F1}
	#navigazione a:hover{color:#fff; text-decoration:normal;}



/* LAYOUT - main body of page */

#wrapTot{position:relative; width:918px; margin: 1px auto 10px auto;}
#wrap { width:839px; margin: 0 auto; padding:0; position:relative; background: #fff url("images/bgContentWrap.gif") repeat-y;}
#content-wrap { margin:0;}
#content {margin: 0 25px 0 225px; overflow:hidden;min-height:580px}


#sidebar {position:absolute;top:0;left:0; width:200px; padding: 1px 0 0 0; margin:93px 0 0 0; background:transparent url(images/bgSidebar.jpg) repeat-x top;}

/* LAYOUT - fine */

/* LAYOUT HP */

#contentHp {margin: 0 15px 0 215px; overflow:hidden;min-height:380px;}

#contentHp h2 {margin: .2em 0 .4em; background: url(images/h2freccina.gif) no-repeat 0 7px; padding:0 0 0 20px; line-height:1.5em}

#contentHp hr {margin: 3px 0 1px 0; padding:0; background:transparent; height:1px; color:#C7C9CB; border:none; border-bottom:#C7C9CB 1px dashed; clear:both}

.hpBox1{margin:0 10px; height:160px; border-bottom:#EAEAEA 1px solid;overflow:hidden;}

.hpBox2{width:187px; height:190px; margin:0 4px 0 0; float:left; background: url(images/boxHpBg.jpg) repeat-x 0 50px; }
.hpBox2 .mid { height:165px; margin:10px; line-height:1.3em}
.hpBoxCentrale{width:226px;}

a.frecciato,a.frecciato:link,a.frecciato:hover {font-weight:bold; color:#999; background:transparent url(images/freccinaLink.gif) no-repeat 0 6px; margin:0 0 0 10px; padding:0 0 0 12px; text-decoration:none; cursor:pointer} 
a.frecciato:link, a.frecciato:visited {text-decoration:none;} 
a.frecciato:hover {text-decoration:none; color:#004AB9;} 


a.moreLink,a.moreLink:link,a.moreLink:hover {background:transparent url(images/freccinaLink.gif) no-repeat 0 6px; margin:0 0 0 10px; padding:0 0 0 12px; cursor:pointer;} 

a.pdf,a.pdf:link,a.pdf:hover {background:transparent url(images/icoPdf.png) no-repeat 0 0; margin:0; padding:0 0 0 22px; cursor:pointer;} 


/* LAYOUT HP - fine */

	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.thumbnail img {border: 1px solid #000}
	
	.pagination {background: #f8f8f8; color:#666;padding: 4px 2px 4px 7px; margin: 15px 0}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff url(images/bgPaginazione.png) repeat-x 0 0; padding:2px 5px; border: 1px solid #E1E1E1}

	.pagination p a:hover {background-position: 0 -25px; color:#fff}
	.pagination p span {text-decoration:none;background:#fafafa; padding:2px 5px;border: 1px solid #E1E1E1;color:#cfcfcf}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
	
	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial} 
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}

	
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}


/* LAYOUT - FOOTER */
#footerWrap {clear:both; width:100%; padding: 6px 0 0 0; overflow:hidden; background:transparent url(images/lineaFooter.png) no-repeat top;}
#footer { background:#000 url(images/bgFooter1.jpg) repeat-x top; padding:15px 20px; font-size:86%;color:#69717C; clear:both; overflow:hidden;}
#footer p {margin:0}
#footer a:link,#footer a {color:#737C88}
#footer a:hover {text-decoration:none; color:#7E8792}
#footer .lingua{float:right; margin:7px 0;}

	
/* FINE FOOTER */

.ico{vertical-align:middle;}
.pdf{margin:0 7px 7px 0; float:left;}
.boxPdf { height:40px; margin:13px 0; line-height:1.2em; font-size:11px; color:#888}
.boxPdf b{font-size:12px;}

.destra{float:right; margin: 0 0 10px 10px }
.sinistra{float:left; margin: 0 10px 10px 0}

.foto{border:1px solid #ddd; padding:7px}
.dida{font-size:10px; color:#aaa}

.pagColonna{width:280px; margin:0 25px 0 0; float:left; }

.boxSettore { height:72px; margin:7px 0; line-height:1.2em; font-size:11px; color:#888}
.boxSettore b{font-size:12px}
.boxSettore a:hover,.boxMarchio a:hover, .boxProdotto a:hover{text-decoration:none}
.fotoSettore {border:1px solid #ccc; padding:1px; margin:0 7px 7px 0; float:left;}

.partner{clear:both;border-bottom:1px dashed #ddd; padding:10px 0 0 0; overflow:hidden; height:125px; line-height:1.4em}
.partner p{margin:0 0 4px 0;  overflow:hidden; padding:3px 0 1px 0}
.partner a.frecciato,.partner a.frecciato:link{margin:0; }

.boxMarchio { width:106px; margin:5px 14px 5px 0; padding:0; line-height:1.2em; font-size:11px; color:#888; float:left;overflow:hidden;}
.boxMarchio a, .boxMarchio a:link{ font-size:12px;}
.boxMarchio .fotoSettore {margin-right:0;float:none;}

.boxProdotto { height:70px; margin:10px 0 5px 0; line-height:1.2em; font-size:12px; color:#777;}

.boxCategoria{float:left;margin:12px 8px 0 0;}

.ultimo{margin-right:0; border:0;}

#ombraLati{position:absolute; top:0;  right:auto; z-index:-1;}

.xpand{
	cursor:pointer;
}