@charset "UTF-8";
/* CSS Document */



.box  {
background-color:#FFFFFF;
position:relative;
width:100%;
overflow:hidden;
}

.bottom-block h3 {
	font-size: 8px;
	letter-spacing:-1px;
	color: #1C98D7;
	text-transform: uppercase;
}

.bottom-block {
	float: left;
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
}

.bottom-block p {
	margin-top: 15px;
}

.abbassa-img {
margin-top:20px;
}

.bottom-block.last {
	margin-right: 0px;
}

.bottom-block ul {
	list-style-type: none;
}









body { background: #2f2f2f; }

#wrapper, #wrapper p { color: #333; font-family: "Helvetica", Arial; font-weight: 300; }


h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; line-height: 1em; color: #fff; margin-bottom: 0.5em; }
p { font-size: 14px; line-height: 21px }
a:link, a:visited { color: #1c98d7; }
a:hover { text-decoration: none; }
strong { font-weight: bold }


#super-nav { background: #252525; background-image: url('img/bg-su.png'); background-repeat: repeat; background-position: top; height: 20px; font-size: 11px; padding-top: 6px; letter-spacing: -0.15px; }
#super-nav, #super-nav a { color: #6F6F6F; }
#super-nav a { text-decoration: none; padding: 6px 0 8px 0;  }
#super-nav a:hover { color: #1c98d7; }
#super-nav span { margin: 0 4px; color: ##444; }




#top-contact { text-align: right }

#content { margin-bottom: 0.5em; background:#fff; background-image: url('img/content-bg.png'); background-repeat: repeat-x; } 
#header { background: #fefefe; background-image: url('img/header-bg.png'); background-repeat: repeat; background-position: top; }

#logo { height: 114px }
#logo h1, #logo h2 { text-indent: -9999px; }
#logo a { height: 114px; width: 210px; display: block; background: url('img/logo.png') no-repeat; }
#logo a:hover { background-position: bottom; }







#nav { height: 114px; display: block; float: left; margin: 0; }
#nav ul { margin: 0; padding: 0; }
#nav li { display: inline; margin: 0; padding: 0; }
#nav li a { display: block; float: right; height: 114px; }

ul.menu {margin: 50px 0 0 60px; font-weight:bold; font-size:16px; height: 25px; }
ul.menu li{ display:inline; margin: 0 15px 0 15px; height:25px; list-style:none; padding: 0 5px 0 5px; height:100%; position:relative; float:left; }
ul.menu li a {text-decoration: none; color: #373636; display:block; text-transform: uppercase; line-height:25px;}
ul.menu li a:hover, li.active a {color: 379fe1; border-bottom: 3px #379fe1 solid; }



#scelta {margin: 10px 0 20px 0; }
#scelta ul {list-style:none;}
#scelta ul li { float:left; padding:5px; margin: 0 20px 10px 0;}
#scelta h2 { font-size: 30px; color:#1c98d7; letter-spacing:-1px; font-weight:normal; position: relative; }



#vantaggi ul {margin: 0; padding: 0; }
#vantaggi li { display:inline; float: left; width: 180px; margin: 0px 50px 10px 0px; padding: 0 0 0 40px;}
/*  Firefox, Safari MAC //////   Firefox, Windows
#vantaggi li { display:inline; float: left; width: 180px; margin: 0px 45px 10px 0px; padding: 0 0 0 40px;}
*/
#vantaggi li#first {background: url(img/lock.png) 0px 11px no-repeat; }
#vantaggi li#second {background: url(img/ordine.png) 0px 11px no-repeat; }
#vantaggi li#third {background: url(img/star.png) 0px 11px no-repeat; }
#vantaggi li#fourth {background: url(img/aggiornamento.png) 0px 11px no-repeat; }
#vantaggi ul li.last {margin-right: 0px; }
#vantaggi h3 { font-size: 20px; color:#555; letter-spacing: -0.25px; line-height: 25px; font-weight:normal; position: relative; margin-top: 25px; }
#vantaggi h4 { font-size: 18px; color:#2d2d2d; letter-spacing: -0.5px; line-height: 25px; font-weight:normal; margin: 10px 0 5px 10px; }
#vantaggi p { font-size: 14px; color:#848282; letter-spacing: -0.25px; line-height: 19px; font-weight:normal; margin-left:10px;}


#armadi { /*border: 1px solid #b4b3b4;*/ padding: 20px; margin: 30px 0 10px 0; background: #fff; }
#armadi h2 {font-size: 26px; letter-spacing: -0.25px; color: #1c98d7; font-weight: normal; line-height: 22px; border-bottom: 1px #eaeaea solid; padding-bottom: 5px;}
#armadi h4 {font-size: 20px; color: #555; font-weight: normal; line-height: 22px;}
#armadi h3 {font-size: 16px; color: #1c98d7; font-weight: bold; text-shadow:#CCCCCC; line-height: 22px;}
#armadi h5 {font-size: 14px; color: #45B0DF; font-weight: normal; text-transform:uppercase; text-shadow:#CCCCCC; line-height: 20px;}
#armadi p {font-size: 14px; color: #1c1c1c; line-height: 19px;}
#armadi li { list-style: none; padding: 0 0 0 20px; background: transparent url(img/check.gif) 0 2px no-repeat; margin: 0 0 4px 0; }
#armadi li ul { margin: 0;}
#armadi li li {background: none; font-size: 11px; color:#333; margin: 0;}
#armadi img { padding: 5px 5px 7px 5px; }
#armadi img.center { text-align:center; display:block; margin-left:auto; margin-right:auto;  }
#armadi .pdf { background: url(img/pdf.png) no-repeat left center; padding: 30px; margin: 15px;}
.seleziona { margin: 5px; padding: 5px 0 15px 0;  }
.seleziona a:hover { background-image: url('img/seleziona-hover.png'); }
.seleziona a { display: block; height: 33px; width: 106px; text-indent: -9999px; float: left; background-image: url('img/seleziona.jpg');  }


#armadi-int { /*border: 1px solid #b4b3b4;*/ padding: 20px; margin: 30px 0 20px 0; }
#armadi-int h2 {font-size: 30px; letter-spacing: -0.25px; color: #1c98d7; font-weight: normal; line-height: 22px; border-bottom: 1px #eaeaea solid; padding-bottom: 5px;}
#armadi-int h3 {font-size: 18px; color: #1c98d7; font-weight: normal; line-height: 22px;}
#armadi-int h4 {font-size: 16px; color: #555; font-weight: bold; text-shadow:#CCCCCC; line-height: 22px;}
#armadi-int h5 {font-size: 14px; color: #45B0DF; font-weight: normal; text-transform:uppercase; text-shadow:#CCCCCC; line-height: 20px;}
#armadi-int p {font-size: 14px; color: #1c1c1c; line-height: 19px;}
#armadi-int li { list-style: none; padding: 0 0 0 20px; background: transparent url(img/check.gif) 0 2px no-repeat; margin: 0 0 4px 0; }
#armadi-int li ul { margin: 0;}
#armadi-int li li {background: none; font-size: 11px; color:#333; margin: 0;}
#armadi-int img { padding: 15px 5px }
#armadi-int img.su { padding: 0px 5px 0 0 }

#controlli {margin: 10px 0;  background-color:#FFF;}
.avanti { display:inline;  margin: 10px 30px; float:right}
.indietro { display:inline; margin: 0 30px; float:left}

img.armadio {float: right; margin: 0 0 10px 15px; display: inline;}


#contatti {width: 250px; padding: 10px 25px 0 25px; position: relative; background: #ffffc6; margin: 70px 0 0 20px;}
#contatti h3 { font-size: 20px; color: #DF6300; font-weight: normal; text-shadow: 0 1 #000000; line-height: 25px; margin: 15px 0; }
#contatti p{font-size: 14px; color: #555; text-shadow: 0 1 #000000;  line-height: 20px; margin-right:0; padding-right:0;}
#contatti img.bordo {text-align:center; display:block; margin-left:auto; margin-right:auto; padding: 3px; border:1px #e5e5e5 solid; background:#fff;}
#contatti .pdf { background: url(img/pdf.png) no-repeat left center; padding: 30px; margin: 10px;}

.paper { margin: 0 -25px; }
.paper { width: 300px; height: 9px; background: url(img/paper.png) no-repeat 50% 0; }
.paper hr { display: none; }

h3 {font-size: 22px; color: #555; line-height: 24px; font-weight:bold;}
h4 {font-size: 14px; color: #1c98d7; margin-bottom:4px; }




#footer {background:#1c1c1c; background-image: url('img/footer.png'); background-repeat: repeat; background-position: bottom; margin: 10px auto 10px auto; padding: 10px 0;}
#footer p { color: #8f8f8f; font-size: 12px; line-height: 17px; }
#footer a { color: #8f8f8f; }




body.home .callout-link a { margin-left: 0; }

/* -- homepage -- */
#callout { height: 315px; background: url('img/header-back.png') repeat-x; position:relative }
#callout-interno { height: 90px; background: url('img/header-interno.png') repeat-x; position:relative }
#mission { margin: 20px 0 0 0 }
#mission h2 { font-size: 40px; color:#fafafa; letter-spacing:-1px; font-weight:normal; margin: 30px 0 0 0 }



#realizzazione {margin: 0 0 15px 0; }
#realizzazione ul {list-style:none;}
#realizzazione ul li { float:left; padding:5px; margin: 0 10px 10px 0;}

#realizzazione h2 { font-size: 30px; color:#1c98d7; letter-spacing:-1px; font-weight:normal; position: relative; margin-top: 20px; }
/*#realizzazione p { font-size: 18px; line-height: 26px; letter-spacing: 0.25px }*/
#realizzazione .bordo {padding: 3px; border:1px #e5e5e5 solid; background:#fff;}

/*#rotator { margin:0px; padding:0px 10px; position:relative;}
#rotator a { height: 380px; width: 315px; display: block;}*/
.destra { height: 64px; width: 64px; display: block; position: absolute; top: 20px; left: 180px; background: none;}
.contatti_img {margin:0; padding: 20px 50px 0 0; float: right; }


#options { margin: 15px 0 0 0; float: left}
#options a:hover { background-image: url('img/bot-modelli-hover.png'); }
#options a { display: block; height: 50x; width: 225px; text-indent: -9999px; float: left; background-image: url('img/bot-modelli.png');  }
/*#options a#lm { background-image: url('img/buttons/lm.png'); margin-right: 20px; }
#options a#git { background-image: url('img/buttons/git.png'); }
#options a:hover { background-position: bottom; }*/

/*body.home #content { margin: 60px 0 0 0; }
body.home h2 { font-weight: 300; font-size: 24px; margin-bottom: 10px}


*/

/*#brochure { margin: 20px 0 0 0; float: left}
*/#armadi a:hover brochure { background-image: url('img/brochure-hover.png');  }
#armadi a.brochure { display: block; height: 40x; width: 199px; text-indent: -9999px; float: left; background-image: url('img/brochure.png');  }



/*---------------------------- CONTACT PAGE ----------------------------*/

label {
	display:block;
	font-weight:bold;
	font-size:16px;
	margin:5px 0;
	padding:0;
}

.contattitext { font-size: 16px; line-height: 21px}

.input{
	width:300px;
	height:20px;
	border:1px solid #ccc;
	background-color:#fff;
	padding-top:6px;
	font-size:16px;
}

.textArea{
	height:205px;
	width:300px;
	padding-top:0px;
	font-family:Arial;
	font-size:16px;
	padding-top:8px;
	padding-bottom:8px;
}

.errorMessage{
	color:#cc0000;
}

input.button { width:150px;
	margin: 0; 
	font: bold 1.2em Arial, Sans-serif; 
	border: 1px solid #FFDE9F;
	background: #EFA415; 
	padding: 3px; 
	color: #fffbf0;	
}






/*--------------------- PAGINE CONTATORE ---------------------------*/

div.controlliPag {

	text-align:right; padding: 2px 0px 20px 0px; font-size: 20px;

}

div.controlliPag a {

	color: #008ed3;

	text-decoration: none;

	padding: 1px 4px;	

	border: 1px solid #DDD;	

}

div.controlliPag a:hover {

	color: #008ed3;

	text-decoration: none;	

}

div.controlliPag span.pageGapSeparator {

	padding: 2px 1px 2px 1px;	

}

div.controlliPag a.pageLink {	

}

div.controlliPag a.pageLink:hover {	

	
	border: 1px solid #444;
	color: black;	

}

div.controlliPag a.pageLink_active {	

	color: black;

	font-weight: bold;

	border: 1px solid #777;	

}

div.controlliPag a.pageLink_disabled {

	color: #AAA;	

	border: 1px solid #EEE;	

	background-color: #F8F8F8;

}