@charset "utf-8";

/* ---------------------
css copyright altrementi.it
handcoded by Mauro Pistocco
--------------------- */

body {
	background-color: #5D574F;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 0;
}
img {
	font-size: 9px;
	color: #444;
}


form   {
	padding: 0;
	margin: 0;
}
#page {
width: 900px;
margin: 6px auto;
position: relative;
}
#header {
width: 900px;
height: 56px;
float:left;
overflow: hidden;
}
#logo {
width: 208px;
float:left
}

#lang {
width: 685px;
float:left;
height: 18px;
padding: 0;
margin: 0;

}

#langhome {
width: 880px;
float:left;
height: 18px;
padding: 0;
margin: 0;

}

#lang p {
text-align: right;
font-size: 12px;
color: #fff;
padding: 0;
margin: 0;
}

#langhome p {
text-align: right;
font-size: 14px;
color: #fff;
padding: 0;
margin: 0;
}

#lang a, #langhome a {
	color: #fff;
}

#menu{
width: 685px;
float:left;

}
#menu ul {
float: left;
padding: 18px 0 0 8px;
margin: 0;
list-style:none;
height: 18px;
}

#menu li {
float: left;
}
#menu a {
padding: 1px 5px;
font-size: 12px;
display:block;
height: 20px;
color: #fff;
text-decoration:none;
border-left: 1px solid #ccc;
float:left;
}
#menu a:hover {
color: #fff;
text-decoration:underline;
}

#menu a.active {
padding: 1px 5px;
font-size: 12px;
display:block;
height: 20px;
color: #000;
text-decoration:none;
background-color: #F9F9F9;
border-left: 1px solid #ccc;
}

#menu .childpathactive {
	background-color: #7c7c7c;
}

#flashhome {
width: 900px;
height: 276px;
background-color:#F9F9F9;
float:left;
}

#cercahome {
padding: 8px;
margin: 0;
font-size: 12px;
font-weight: normal;
}

#cercahome .inp, #cercabox .inp {
width: 160px;
background-color: #F0F0EE;
border: 1px solid #C3C3C3;
border-top-color: #7C7C7C;
border-bottom-color: #DDD;
font-size: 13px;
line-height: 16px;
float: left;
}
#cercahome .invia, #cercabox .invia  {
	float: left;
	padding-left: 4px;
}
#contenuti .col1, #contenuti .col2, #contenuti .col3, #contenuti .col4 {
width: 225px;
min-height: 380px;
height:auto !important;
height: 380px;
float:left;
text-align:left;
overflow: hidden;
}

#scheda, #contenuti, #ab, #schedad {
	width: 900px;
	background: #e3e2e0 url(grafica/sfondo4c.gif) repeat-y top left;
	float:left;
	position: relative;
}


#scheda .col1,#scheda  .col2, #scheda .col3, #scheda .col4 {
width: 225px;
min-height: 260px;
height:auto !important;
height: 260px;
float:left;
text-align:left;
overflow: hidden;
}

#schedad .col1,#schedad  .col2, #schedad .col3, #schedad .col4 {
width: 225px;
height: 150px;
float:left;
text-align:left;
overflow: hidden;
}

#ab .col1,#ab .col2, #ab .col3, #ab .col4 {
width: 225px;
height: 60px;
float:left;
text-align:left;
overflow: hidden;
}

.col1 h3, .col2 h3 , .col3 h3{
padding: 12px 8px 2px 8px;
margin: 0;
font-size: 18px;
font-weight: normal;
color: #333;
}

.col4 h3{
padding: 12px 8px 10px 8px;
margin: 0;
font-size: 18px;
font-weight: normal;
color: #333;
}


.col1 p, .col2 p {
padding: 8px;
margin: 0;
font-size: 12px;
font-weight: normal;
color: #333;
}

.col3 p {
padding: 0 8px;
margin: 0;
font-size: 12px;
font-weight: normal;
color: #333;
}


#logo_fiera {
	padding: 8px;
	width: 90px;
	height: 100px;
	float: left;
}

.col4 p{
padding: 0 8px 0 8px;
margin: 0;
font-size: 12px;
font-weight: normal;
color: #333;
}

.col4 a{
color: #333;
text-decoration: underline;
}

.col4 .menu {
	list-style: none;
	margin: 0;
	padding: 0 8px;
	font-size: 11px;
}

.col4 .menu a {
	color: #000;
}

.more {
	display: block;
	text-align: right;
	font-size: 11px;
	padding: 0  8px 0 0;
	margin-bottom: 8px;
}
.col4 .more a{
	color: #000;
}


.col1 strong, .col2 strong, .col3 strong, .col4 strong{
font-weight: bold;
color: #000;
}



.col2 img {
	float: left;
	padding-right: 8px;
	border: none;
}
.col2 p {
	display: block;
	clear: both;
}

.col2 .vai, .col3 .vai {
	display: block;
	text-align: right;
	border-top: 1px solid #A1A1A1; 
	padding: 2px;
	margin: 8px;
   font-size: 11px;
	clear: both;
}

.col2 .vai a{
	color: #000;
}

#footer {
width: 900px;
height: 32px;
text-align: left;
background: url(grafica/logo_sm.png) 6px no-repeat;
float:left;
}

#footer p {
font-size: 9px;
color: #fff;
padding-top: 8px;
padding-left: 110px;
margin: 0;
line-height: 12px;
}
#footer a {
color: #fff;
}

#online {
width: 900px;
height: 12px;
text-align: left;
float:left;
}

#online p {
font-size: 9px;
color: #fff;
padding-top: 0;
padding-left: 110px;
margin: 0;
line-height: 12px;
}

#newsletter {
padding: 8px;
margin: 0;

}

#newsletter div{
padding-top: 4px;

}

#newsletter .imp {
width: 200px;
background-color: #F0F0EE;
border: 1px solid #C3C3C3;
border-top-color: #7C7C7C;
border-bottom-color: #DDD;
font-size: 12px;
line-height: 15px;

}

#prodotto,  #news {
width: 900px;
min-height: 360px;
background-color: #F9F9F9;
float:left;
text-align: left;
position: relative;
}

#abaco, #pagina {
position: relative;
width: 900px;
min-height: 360px;
height:auto !important;
height: 360px;
background-color: #F9F9F9;
float:left;
text-align: left;
}

#designer {
width: 900px;
padding-bottom: 8px;
background-color:#F9F9F9;
float:left;
text-align: left;
}


#abaco .cont {
margin: 4px 0 8px 8px !important; margin: 4px 0 8px 4px; 
width: 892px;
float: left;
}

#pagina .cont, #pagina .webform {
margin: 4px 0 8px 8px !important; margin: 4px 0 8px 4px; 
width: 880px;
float: left;
}



#abaco .thumb {
	width: 221px;
	margin-right: 2px;
	height: 180px;
	float: left;
		
}

#abaco .thumb2 {
	width: 106px;
	margin-right: 4px;
	height: 150px;
	float: left;
	line-height: 13px;
}


#abaco .thumb img  {
	border: 1px solid #EFF0F0;

}

 #abaco .thumb2 img  {
	border: none;
	
}

#abaco .thumb a  {
	text-decoration: none;
	color: #333;
}

#abaco .thumb2 a {
	text-decoration: none;
	color: #333;
	font-size: 12px;
}


#abaco .thumb a:hover, #abaco .thumb2 a:hover {
	color: #F20000;	
}


#prodotto h4, #abaco h4, #designer h4, #news h4, #pagina h4 {
padding: 0;
margin: 8px;
font-size: 24px;
font-weight: normal;
color: #333;
border-bottom: 1px solid #BFBFBF;
height: 26px;
overflow: hidden;
clear: both;
}

.code {
	color: #bfbfbf;
}

#pagina h3 {
padding: 0;
margin: 0;
font-size: 20px;
font-weight: normal;
color: #333;
border-bottom: 1px solid #D5D5D5;
overflow: hidden;
clear: both;	
}



#prodotto h3, #designer h3, #news h3 {
padding: 0;
margin: 0 8px;
font-size: 16px;
font-weight: normal;
color: #5D574F;
height: 20px;
overflow: hidden;
}

#prodotto h3 a {
	text-decoration: none;
	color: #5D574F; 
}

#prodotto h3 a:hover {
	text-decoration: underline;
}


#prodotto .c1 {
margin: 4px 0 0 8px !important; margin: 4px 0 0 4px;
width: 442px;
height: 298px;
float: left;
}

#prodotto .c2 {
margin: 4px 0 0 0;
width: 442px;
height: 298px;
float: left;	
}

#prodotto  img {
	float: left;
	margin: 1px;
	padding: 0;
	border: hidden;
	border: none;
		color: #ccc;
}

#news p {
font-size: 13px;
font-weight: normal;	
margin: 0;
padding: 0;
}

#news .cont {
margin: 4px 0 8px 8px !important; margin: 4px 0 8px 4px; 
width: 892px;
float: left;
}

#designer .c1 {
margin: 4px 0 0 8px !important; margin: 4px 0 0 4px;
width: 217px;
float: left;
overflow: hidden;

}

#designer .c2 {
margin: 4px 0 0 0;
width: 450px;
float: left;	
overflow: hidden;

}

#designer .c2 p, #designer .c3 p {
padding: 0 8px;
margin: 0;
font-size: 13px;
font-weight: normal;
color: #333;
}



#designer .c3 {
margin: 4px 0 0 0;
width: 217px;
float: left;	
overflow: hidden;
}


#designer  img {
	float: left;
	margin: 0;
	padding: 0;
	border: hidden;
	border: none;
}

#designer .item-list {
	font-size: 11px;
	line-height: 14px;
	padding-top: 4px;
}

#designer .item-list a:hover {
	color: #F20000;
}

#lightbox{	
position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ 
width: auto; height: auto;}
#lightbox a img{ 
border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:grafica/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(grafica/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(grafica/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ 
font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; 
margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-family: Arial, Helvetica, sans-serif; font-size: 12px}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #5D574F; }

.col1 a, .col3 a {
	color: #333;
	text-decoration: underline;
	font-size: 12px;
}

.col2 a {
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

.col1 a:hover, .col3 a:hover, .col4 a:hover, .col2 .vai a:hover {
	color: #F20000;
}


.col2 table  {
	border-collapse: collapse;
	width: 208px;
	margin: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}


.col2 table td {
	margin:0;
	padding:0;
	text-align: center;
	border-bottom: 1px solid #555;
}

.col2 .ico1, .col2 .ico2,.col2 .ico3,.col2 .ico4,.col2 .ico5, .col2 .ico6, .col2 .ico7 {
	width: 22px;
	height: 34px;
	
	}
	
.col2 .ico1 {
			background: url(grafica/symbols.png) no-repeat 0 0;
	}
	
.col2 .ico2 {
			background: url(grafica/symbols.png) no-repeat -26px 0;
		}
.col2 .ico3 {
			background: url(grafica/symbols.png) no-repeat -52px 0;
		}
.col2 .ico4 {
			background: url(grafica/symbols.png) no-repeat -78px 0;
		}
.col2 .ico5 {
			background: url(grafica/symbols.png) no-repeat -104px 0;
		}
.col2 .ico6 {
			background: url(grafica/symbols.png) no-repeat -130px 0;
		}			
.col2 .ico7 {
			background: url(grafica/symbols.png) no-repeat -156px 0;
		}				
							
.col2 .mod {
	text-align: left;
}	 



.links {
	list-style: none;
}

#cercabar {
margin: 4px 0 8px 8px !important; margin: 4px 0 8px 4px; 
width: 886px;
float: left;
height: 18px;
text-align: right;
}

#cercabar a, #chiudi a {
	color: #333;
	font-size: 12px;
}

#chiudi {
margin: 4px 0;
width: 886px;
float: left;
height: 18px;
text-align: right;
}

#cercabox {	
clear: both;
float: left;
position: absolute;
left: 8px;
top: 0;
width: 886px;
height: 244px;
background-color: #F7F7F7;
padding: 0;
z-index: 2;

}

.cercaint .imp {
width: 150px;
background-color: #DCDAD6;
border: 1px solid #fff;
border: 1px solid #C3C3C3;
border-top-color: #7C7C7C;
border-bottom-color: #DDD;
font-size: 12px;
line-height: 14px;
}

.cercaint {
width: 219px;
height: 200px;
border-left: 1px solid #ccc;
float:left;
text-align:left;
overflow: hidden;
margin: 0;
padding: 0;

}

.cercaint div{
margin:0;
padding: 4px 0;
float: left;
}

.cercaint div.form-item {
margin:0;
padding: 0;
float: left;

}

.cercaint h3 {
margin: 0;
font-size: 18px;
font-weight: normal;
color: #333;
padding: 0 4px;	
}

.cercaint select {
width: 150px;
background-color: #DCDAD6;
border: 1px solid #fff;
border: 1px solid #C3C3C3;
border-top-color: #7C7C7C;
border-bottom-color: #DDD;
font-size: 12px;
}

.cercaint .form-submit {
background-color: #DCDAD6;
background: url(grafica/cercasmall.png);
border: none;
font-size: 0px;
color: #DCDAD6;
width: 22px;
height: 20px;
cursor: pointer;
padding: 0;
margin-left: 4px;
}

.search-advanced {
	display: none;
}

.attach ul {
list-style: none;
margin: 0;
padding: 0;

}

.attach li {
padding: 0 8px 4px 22px;
margin: 0;
font-size: 12px;
font-weight: normal;
color: #333;
}
.attach a {
	color: #333;
	text-decoration: underline;
}

li.PDF {
	background: url(grafica/pdf.png) no-repeat 4px top;
}

li.JPEG, li.JPG {
	background: url(grafica/jpg.png) no-repeat 4px top;
}

li.DOC {
	background: url(grafica/doc.png) no-repeat 4px top;
}

.box h2 {
padding: 0;
margin: 8px 0;
font-size: 20px;
font-weight: normal;
color: #333;
height: 26px;
overflow: hidden;
clear: both;
}

.box li {
	font-size: 12px;
}
dl.search-results {
	list-style: none;
}

dt.title a {
	color: #f20000;
	text-decoration: underline;
}

dd {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	}
	
.pager {
	padding: 0;
margin: 8px 0;
font-size: 12px;
font-weight: normal;
color: #333;
}

.pager a {
	color: #f20000;
}

.item-list ul {
list-style: none;
margin: 0;
padding: 0 8px;
}


.item-list ul li {
  list-style: none;
    margin:  0;
  padding: 0;
}

.item-list a {
	color: #333;
	text-decoration: underline;
	font-size: 12px;
}

li.leaf {
  list-style: none;
  list-style-image: none;
  margin: 0;
}

.agents {
	display: block;
	width: 260px;
	float:left;
	margin-right: 10px;
	font-size: 11px;
}

.agents a {
	text-decoration: underline;
	color: #000;
}

.webform {
	font-size: 12px;
}

.webform  label {
	display: block;
	float: left;
	width: 207px;
	padding-right:8px;
	font-size: 12px;
	
		}
	
.form-text, .form-textarea	{
	background-color: #EAE3E3;
	border: 1px solid #5D574F;
	width: 424px;
	display: block;
}
.form-item {
	background-color: #EEEEEE;
	display: block;
	
}

.form-radios .form-item {
	float: left;
	display: block;
}

.webform-component-markup, .webform-component-select {
	clear: both;

}

.form- {
	margin-top: 20px;
	clear: both;
	float: left;
}

.edit {
	
	margin-left: 4px;
}

.edit  a {
	color: #333;
	padding-left: 22px;
	padding-bottom: 4px;
	text-decoration: underline;
	font-size: 11px;
	background: url(grafica/edit.gif) top left no-repeat;
}

.outlet p {
	font-size: 13px;
}

.outlet a {
	color: #333;
}

#attachments {
	font-size: 13px;
	width: 400px;
}

#login {
	color: #000;
	font-size: 14px;
	float: left;

}

#login form {
	margin: 0;
	padding: 0;
	text-align: left;
}

#login div {
	margin: 0;
	padding: 8px 0;
}

#login input {
	width: 350px;
}


#login .form-item {
	background-color: transparent;
	display: block;
	font-size: 1.0em;
	text-align: left;
}

#login .form-submit {  
font-size:1.0em
background-color: #ccc;
border: 1px solid #5D574F;
width: 100px;

}

.content a {
	color: #444;
	}
	
.content a:hover {
	color: #f20000;
}	

.messages {
	clear: both;
	display: block;
	width: 100%
}

.cat {
	width: 160px;
	height: 220px;
	float: left;
	padding: 0 16px 8px 0;
}


.cat a {
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
}

.icopdf {
	float: left;
	display: block;
}

.cont p, .content {
	font-size: 14px;

}
.cont p {
		line-height: 20px;
}


.thumbpress {
	width: 120px;
	margin-right: 4px;
	height: 206px;
	float: left;
	color: #333;
	font-weight: normal;
	font-size: 13px;
		
}


.thumbpress img  {
	border: 1px solid #EFF0F0;

}


.thumbpress a  {
	text-decoration: none;

	
}

.press {
	width: 212px;
	height: 320px;
	float: left;
	padding: 0 8px 8px 0;

}

.press a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
}