@import "reset.css";

body {
	margin:0;
	font-family:Arial;
	font-size:12px;
	color:#000;
}
.clear { clear:both; }

a { text-decoration:underline; 
color:#FF7800; }

a:hover { color:#FF7800; 
 text-decoration:none;
}
h1 a {
 text-decoration:none;
}
.right { text-align:right; }
.left { text-align:left; }

#container {
	margin:0 auto;
	width:922px;
	height:auto !important;
	min-height:100px;
	height:100px;
	position:relative;	
}
h1 a {
	background:url(/img/logo.png) top left no-repeat;
	width:220px;
	height:62px;
	display:block;
	text-indent:-9999px;
	position:relative;
	left:0;
	top:0;
	margin:10px 0;
	z-index:10;
}
#header {
	display:block;
}
#header.home{
	height:420px;
	display:block;
}

#prodotti{
    display:block;
	height:410px;
	width:922px;
	background:url(/img/loader.gif) center center no-repeat;
	position:absolute;
	top:10px;
}

#prev {
	position:absolute;
	top:210px;
	left:-6px;
	display:block;
	width:51px;
	height:94px;
	background:url(/img/slide/prev.png);
	z-index:10;
	text-indent:-9999px;
}

#next {
	position:absolute;
	top:210px;
	right:-6px;
	display:block;
	width:51px;
	height:94px;
	background:url(/img/slide/next.png);
	z-index:10;
	text-indent:-9999px;
}

#menu {
	height:40px;
	padding:15px 0 0 0;	
}
#menu ul{
}
#menu ul li{
	float:left;
}
#menu ul li.spacer{
	background:url(/img/menu/spacer.gif) center no-repeat;
	width:22px;
	height:18px;
}
#menu ul li a{
	float:left;
	display:block;
	height:18px;
	text-indent:-9999px;
}
#menu ul li a:hover, .active{
	background-position: bottom!important;
}
#menu ul li a.home{
	background:url(/img/menu/home.gif) top left no-repeat;
	width:37px;
}
#menu ul li a.aesse{
	background:url(/img/menu/aessestampa.gif) top left no-repeat;
	width:89px;
}
#menu ul li a.stampa{
	background:url(/img/menu/stampa.gif) top left no-repeat;
	width:94px;
}
#menu ul li a.stampa-digitale{
	background:url(/img/menu/stampa-digitale.gif) top left no-repeat;
	width:107px;
}
#menu ul li a.comunicazione{
	background:url(/img/menu/comunicazione.gif) top left no-repeat;
	width:187px;
}
#menu ul li a.editoria{
	background:url(/img/menu/editoria.gif) top left no-repeat;
	width:52px;
}
#menu ul li a.clienti{
	background:url(/img/menu/clienti.gif) top left no-repeat;
	width:44px;
}
#menu ul li a.contatti{
	background:url(/img/menu/contatti.gif) top left no-repeat;
	width:55px;
}
#menu ul li a.dove-siamo{
	background:url(/img/menu/dove.gif) top left no-repeat;
	width:77px;
}

/**/
#primo-piano {
	background:url(/img/bg-box-home.gif) top left no-repeat;
	width:922px;
	height:274px;
}
#primo-piano .box{
	padding:40px 25px;
	width:257px;
	float:left;
	position:relative;
	height:194px;
} 
/*INTERNA************************************************************/
#pay-off {
	width:527px;
	height:88px;
	padding:48px 35px 48px 370px;
	position:relative;
}
#pay-off.stampa-offset {
	background:url(/img/pay-off/stampa-offset.png) top left no-repeat;
}
#pay-off.dove-siamo {
	background:url(/img/pay-off/dove-siamo.png) top left no-repeat;
}
#pay-off.contatti {
	background:url(/img/pay-off/contatti.png) top left no-repeat;
}
#pay-off.stampa-digitale {
	background:url(/img/pay-off/stampa-digitale.png) top left no-repeat;
}
#pay-off.comunicazione {
	background:url(/img/pay-off/comunicazione.png) top left no-repeat;
}
#pay-off.editoria {
	background:url(/img/pay-off/editoria.png) top left no-repeat;
}
#pay-off.clienti {
	background:url(/img/pay-off/clienti.png) top left no-repeat;
}
#pay-off.aessestampa {
	background:url(/img/pay-off/aessestampa.png) top left no-repeat;
}
/**************************************************************/

h2, h3 {
	font-family:Arial;
	font-size:20px;
	font-weight:normal;
	padding:0 0 20px 0;
}
#primo-piano .info-bottom, #side-sx .info-bottom{
	position:absolute;
	bottom:0;
	display:block;
	left:85px;
}
#side-sx .info-bottom{
	left:10px;
}
.info {
	background:url(/img/p-info.png) top left no-repeat;
	width:142px;
	height:35px;
	display:block;
	text-indent:-9999px;
}
.gallery {
	background:url(/img/p-gallery.png) top left no-repeat;
	width:83px;
	height:44px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	bottom:0;
	right:20px;
}
#magazine {
	background:url(/img/magazine.jpg) bottom left no-repeat;
	padding:20px 0 0 500px;
	height:300px;
}
#interna {
	padding:10px 0;
	height:490px;
	min-height:490px;
	height:auto!important;
	
}
#side-sx {
	width:290px;
	float:left;
	margin:0 10px 0 0;
}
#side-sx ul li{
	background:#ECECEC;
	padding:15px 150px 0 15px;
	margin:0 0 10px 0;
	height:100px;
	position:relative;
}
#side-sx ul li h2{
	font-size:15px;
	font-weight:bold;
	padding:0;
}
#side-sx ul li.stampa-offset{
	background:#ECECEC url(/img/side-sx/stampa-offset.jpg) bottom right no-repeat;
}
#side-sx ul li.stampa-digitale{
	background:#ECECEC url(/img/side-sx/stampa-digitale.jpg) bottom right no-repeat;
}
#side-sx ul li.editoria{
	background:#ECECEC url(/img/side-sx/editoria.jpg) bottom right no-repeat;
}
#side-sx ul li.marketing{
	background:#ECECEC url(/img/side-sx/marketing.jpg) bottom right no-repeat;
}
#side-sx ul li.clienti{
	background:#ECECEC url(/img/side-sx/clienti.jpg) bottom right no-repeat;
}
#side-sx ul li p {
	font-size:10px;
	color:#767676;
}
/**********************************************************************************/
#gallery {
	float:left;
	position:relative;
	width:382px;
	background:url(/img/bg-gallery.jpg) top left no-repeat;
	height:252px;
	display:block;
	padding:120px;
}
#foto {
	width:370px;
	margin:0 auto;
	display:block;
	height:auto;
}
#foto div a{
	float:left;
	display:block;
	border:1px solid #000;
	margin:0 10px 10px 0;
	width:110px;
	height:110px;
}
#corpo {
	float:left;
	position:relative;
	width:622px;
	display:block;
}
/***CONTATTI********************/
#contatti {
	width:622px;
	margin:0 auto;
	display:block;
	height:100px;
	min-height:100px;
	height:auto!important;
}
#contatti form{
	padding:0 0 15px 0;
	margin:0 auto;
}

#contatti p {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	clear:both;
	display:block;
	color:#666666;
	height:20px;
	min-height:20px;
	height:auto!important;
}

#contatti label {
	display:block;
	padding:3px 10px;
	margin:0 10px 0 0;
	width:280px;
	float:left;
	background:#ECECEC;
	border-top:2px solid #ccc;
	color:#000;
	text-align:right;
}

#contatti input {
	border:1px solid #ccc;
	padding:2px;
	float:left;
	text-align:left;
	color:#999;
	width:305px;
	/*background:#ededed;*/
}

#contatti select {
	border:1px solid #ccc;
	padding:3px;
	width:310px;
	float:left;
	text-align:left;
	color:#999;
	margin:0;
	/*background:#ededed;*/
}

#contatti textarea {
	border:1px solid #ccc;
	padding:3px;
	width:300px;
	/*background:#ededed;*/
	color:#999;
	font-family:Tahoma;
}

#contatti .inviannulla{
	padding:5px;
	margin:10px 5px 0 0;
	width:70px;
	height:20px;
	color:#ccc;
	text-align:center;
	background:#ccc;
	border:1px solid #ccc;
}

#contatti .checkbox {
	border:0;
	width:20px;
	background:none;
}
#contatti input.button{
	background:#999;
	color:#FFFFFF;
	height:30px;
	text-align:center;
	width:100px;
	display:block;
	padding:5px 0 5px 0;
	cursor:pointer;
	border:0;
	margin:0 5px 0 0;
}
/*fine form contatti*/
.dieci {
	font-size:10px;
}
#map {
	display:block;
	width:620px;
	height:488px;
	border:1px solid #c0c0c0;	

}
/*Footer-------------------------*/

#footer {
	border-top:1px solid #ccc;
	color:#999;
	padding:5px 0;
	position:relative;
	display:block;
	height:50px;
}
#footer p{
	font-size:11px;
}
#footer a.neikos {
	position:absolute;
	top:22px;
	right:0;
	background:url(/img/logoNeikos.gif) center right no-repeat;
	width:100px;
	font-size:10px;
	color:#999;
	text-decoration:none;
}
#footer a:hover.neikos {
	text-decoration:underline;
}
/***/
.undici{
	font-size:11px;

}