@import "reset.css";
@import "typography.css";

body {
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#3F1F2F;
	background:#fff;
}
.clear { clear:both; }

a { 
	text-decoration:underline; 
	color:#3F1F2F;
	font-weight:bold; 
}

a:hover { 
	color:#cc6699; 
	text-decoration:none;
}
h1 a {
 text-decoration:none;
}
h1, h2, h3 {
	line-height:20px;
}
.right { text-align:right; }
.left { text-align:left; }

#intro{
  background:#000 url(../../img/bg_intro.jpg) top center no-repeat;
}

#entry{
	  position:relative;
	  width:950px;
	  display:block;
	  height:500px;
	  margin:0 auto;
}
#entry h1 a{
	  position:absolute;
	  top:264px;
	  left:0;
	  width:950px;
	  height:50px;
	  text-indent:-9999px;
	  z-index:100;
}
#presentazione {
	padding:520px 0 0 320px;
	color:#FFFFFF;
	position:relative;
}
#presentazione a{
	color:#FFFFFF;
	text-decoration:none;
}
#presentazione h2 {
	left:22px;
	top:580px;
	position:absolute;
	width:275px;
	font-size:18px;
	font-weight:bold;
}
#header{
	margin:0 auto;
	height:360px;
	width:100%;
	border-bottom:1px solid #000;
}
#header.home{
  background:#000 url(../../img/header/home.jpg) top center no-repeat;
}
#header.prodotti{
  background:#000 url(../../img/header/prodotti.jpg) top center no-repeat;
}
#header.lettere-scatolate{
  background:#000 url(../../img/header/lettere-scatolate.jpg) top center no-repeat;
}
#header.lavorazione{
  background:#000 url(../../img/header/lavorazione.jpg) top center no-repeat;
}
#header.neon{
  background:#000 url(../../img/header/neon.jpg) top center no-repeat;
}
#header.stampa{
  background:#000 url(../../img/header/stampa.jpg) top center no-repeat;
}
#header.cassonetti{
  background:#000 url(../../img/header/cassonetti.jpg) top center no-repeat;
}
#header.traforo{
  background:#000 url(../../img/header/traforo.jpg) top center no-repeat;
}
#header.led{
  background:#000 url(../../img/header/led.jpg) top center no-repeat;
}
#header.contatti{
  background:#000 url(../../img/header/contatti.jpg) top center no-repeat;
}
#header.dove{
  background:#000 url(../../img/header/dovesiamo.jpg) top center no-repeat;
}


.container {
	margin:0 auto;
	width:950px!important;
	position:relative;
	display:block;
}
.container h1 a{
	text-indent:-9999px;
	position:absolute;
	top:25px;
	left:15px;
	width:250px;
	height:36px;
	display:block;
}
#header h2{
	color:#fff;
	position:absolute;
	top:32px;
	left:265px;
	width:180px;
	height:33px;
	display:block;
	font-size:11px;
	line-height:13px;
}
ul#menu{
	height:33px;
	display:block;
	position:absolute;
	right:15px;
	top:33px;
}
ul#menu li{
	display:inline;
}
ul#menu li a{
	display:block;
	float:left;
	color:#FFFFFF;
	padding:0 25px 0 10px;
	font-size:20px;
	text-decoration:none;
	background:url(../../img/bull-white.png) left no-repeat;
}
ul#menu li a:hover, .active{
	color:#CD6492/*FEA250*/!important;
}

/*Home*/
#corpo-home {
	padding:20px;
}
#corpo-home .box-home, #box-menu, #box-large{
	width:280px;
	float:left;
	padding:0 50px 0 0;
	line-height:15px;
}
#box-large{
	width:620px!important;
}
#box-large h3{
	color:#3F1F2F;
	font-size:28px;
	padding:0 0 20px 0;
}

#corpo-home .box-home p, #box-large p{
	padding:0 0 20px 0;
}

/*Interno*/
#box-menu h2, #corpo-home .box-home h2 {
	font-size:28px;
	font-weight:bold;
	padding:0 0 20px 0;
	color:#cc6699;
}
#box-menu ul {
	border-right:1px solid #F5E0EB;
	width:280px;
	padding:10px 10px 40px 10px;
	/*background:#FFEFF8;/*url(../../img/bg-menu.gif) top left repeat-x*/
}
#box-menu ul li{
	background:url(../../img/bull-viola.png) top left no-repeat;
	padding:0 0 0 20px;
	height:25px;
}
#box-menu ul li a{
	display:block;
	margin:0 0 8px 0;
	padding:2px;
	color:#3F1F2F/*cc6699*/;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#box-menu ul li a:hover, .sub-active {
	color:#fff!important;
	background:#cc6699;
}
.sub-active {
	font-weight:bold!important;
}
.full {
	width:620px!important;
}
.certificazione {
	padding:10px 0 40px 0;
}
/*Footer*/

#footer{
	background:url(../../img/bg-footer-grey.gif) top left repeat-x;
	height:120px;
	padding:20px 0 0 0;
	display:block;
}
#footer p{
	padding:50px 0 0 0;
	font-size:12px;
	position:relative;
	display:block;
	clear:both;
	height:5px;
}
a.neikos {
	position:absolute;
	top:50px;
	right:0;
	background:url(../../img/logoNeikos.gif) top right no-repeat;
	width:100px;
	font-size:10px;
	color:#3F1F2F;
	text-decoration:none;
}
a:hover.neikos {
	text-decoration:underline;
}

ul#subnav {
	float:right;
	padding:0;
	width:650px;
	display:block;
}
ul#subnav li{
	display:inline;
	position:relative;
}
ul#subnav li a{
	display:block;
	float:left;
	padding:0 10px;
	text-decoration:none;
	border-right:1px solid #A6A6A6;
	color:#3F1F2F;
	font-size:12px;
	width:auto;
	position:relative;
}
ul#subnav li a:hover{
	color:#cc6699;
}
span a.design{
	background:url(../../img/ruggeri-design.png) top left no-repeat;
	width:400px;
	height:122px;
	border:0;
	position:absolute;
	top:-50px;
	left:-10px;
	text-indent:-9999px!important;
}
#map{
	width:600px;
	height:300px;
	display:block;
	margin:0 0 30px 0;
	border:1px solid #ccc;
}
#slide-lightbox {
	margin:0 auto 100px auto;
	height:50px;
	display:block;

}

/*CONTATTI**********************/

#contatti form{
	padding:5px 0 15px 0;
	margin:0;
	width:550px;
}

#contatti p {
	margin:0;
	padding:5px 0;
	clear:both;
}

#contatti label {
	display:block;
	padding:3px 5px;
	margin:0 5px 0 0;
	width:220px;
	float:left;
	border-top:1px solid #dedede;
}

#contatti input {
	border:1px solid #eeeeee;
	padding:2px;
	float:left;
	text-align:left;
	color:#3F1F2F;
	width:280px;
	background:url(../../img/bg-footer-grey.gif) top left repeat-x;

}

#contatti select {
	border:1px solid #eeeeee;
	padding:3px;
	width:200px;
	float:left;
	text-align:left;
	color:#004a78;
	margin:0;
}

#contatti textarea {
	border:1px solid #eeeeee;
	padding:3px;
	font-size:12px;
	width:280px;
	color:#3F1F2F;
	background:#EAEAEA;

}
#contatti textarea.info {
	font-size:10px;
	font-family:"Trebuchet MS";
	color:#000000;
	background:#fff;

}

#contatti .inviannulla{
	padding:3px;
	margin:10px 5px 0 0;
	width:70px;
	color:#FFF;
	text-align:center;
}

input[type=checkbox] {
	border:0;
	width:15px !important;
	background:none;
	display:block;
}

#contatti input.button{
	background:#ccc;
	height:30px;
	width:100px;
	text-align:center;
	color:#000;
	display:block;
	padding:2px 0;
	cursor:pointer;
	border:0;
	margin:0 5px 0 0;
	font-family:Tahoma;
}

#multiselection{
	width:280px;
	float:left;
	display:block;
}

#multiselection label {
	display:block;
	padding:3px 0;
	margin:0 5px 0 0;
	width:220px;
	float:left;
	background:none;
}