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

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(../img/loading.gif);color:#000}
/*h1,h2,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}*/
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

body {
	background:url(../img/loading.gif) center center no-repeat;
}

.clear {
	clear:both;
}

#container {
	position:relative;
	display:block;
	z-index:100;
	height:100%;
	width:100%;
}

/*contenuto, parte in alpha bianca e nera*/

#container .contenuto {
	background:url(../img/sfondocontenuto.png) top left repeat-y;
	margin:0 20px;
	height:100%;
	display:block;
	position:absolute;
	/*width:auto!important;*/
	width:330px;
	/*min-width:300px;*/
	padding:0 0 0 160px;
}
#container .large {
	width:480px!important;
}
#container .contenuto h1 {
	background:url(../img/logo.gif) top left repeat-y;
	display:block;
	position:absolute;
	height:120px;
	width:120px;
	top:8px;
	left:9px;
	text-indent:-9999px;
}

#container .contenuto ul#menu {
	background:url(../img/menu.png) top left repeat-y;
	display:block;
	position:absolute;
	height:431px;
	width:151px;
	top:140px;
	left:-7px;
}

#container .contenuto ul#menu li.azienda a{
	font-size:15px;
	font-weight:bold;
	color:#fff;
	padding:4px 0 4px 20px;
	display:block;
	background:none;
}

#container .contenuto ul#menu li.spacer{
	height:25px;
}

#container .contenuto ul#menu li a{
	font-size:11px;
	font-weight:bold;
	color:#000;
	padding:5px 10px 5px 20px;
	display:block;
	background:url(../img/pipe_menu.png) bottom left no-repeat;
}

#container .contenuto .testi{
	display:block;
	width:300px;
	padding:10px 20px 10px 10px;
	font-size:14px;
	position:relative;	
	float:left;	
	/*cursor:pointer;*/
	
	height:auto!important;
}
#container .contenuto .testi h2 {
	color:#EA4F29;
	font-size:26px;
	font-family:Arial;
}

#container .contenuto .testi h2.home{
	display:block;
	background:url(../img/azienda.png) top left no-repeat;
	height:30px;
	text-indent:-9999px;
}

#container .contenuto ul#menu li a:hover, .active{
	color:#fff!important;
}

#container .contenuto ul#menu li.azienda a:hover, .active2{
	color:#000!important;
}


/**/

#container .elementi img{
	position:absolute;
	top:10px;
	left:-7px;
	display:block;
}

.slogan {
	position:absolute;
	top:20px;
	right:20px;
}

.home {
	background:url(../img/slogan/home.png) top left no-repeat;
	height:180px;
	width:480px;
}
.pavimenti {
	background:url(../img/slogan/pavimenti.png) top left no-repeat;
	width:318px;	
	height:148px;
}
.arredo {
	background:url(../img/slogan/arredo-bagno.png) top left no-repeat;
	width:480px;	
	height:280px;
}
.rubinetti {
	background:url(../img/slogan/rubinetti.png) top left no-repeat;
	width:382px;	
	height:180px;
}
.mosaici {
	background:url(../img/slogan/mosaici.png) top left no-repeat;
	width:437px;	
	height:210px;
}
.parquet {
	background:url(../img/slogan/parquet.png) top left no-repeat;
	width:382px;	
	height:180px;
}
.accessori {
	background:url(../img/slogan/accessori.png) top left no-repeat;
	width:245px;	
	height:180px;
}
.camini {
	background:url(../img/slogan/camini.png) top left no-repeat;
	width:480px;	
	height:180px;
}

.idromassaggi {
	background:url(../img/slogan/idromassaggi.png) top left no-repeat;
	width:480px;	
	height:106px;
}
.design {
	background:url(../img/slogan/design.png) top left no-repeat;
	width:480px;	
	height:106px;
}
#map {
	width:430px;
	height:404px;	
	display:block;
	/*background:url(../img/slogan/design.png) top left no-repeat;*/
	margin:50px 0 0 0;
	border:5px solid #AEA48C;
}

.indirizzo {
	position:absolute;
	bottom:0;
	right:20px;
	height:70px;
	width:320px;
	background:url(../img/indirizzo.png);
	text-align:right;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 10px;
}

/*modifica stili*/

.selezione {
	position:absolute;
	bottom:120px;
	right:20px;
	width:320px;
}

.selezione a{
	margin:0 6px 0 0;
	float:left;
}
.selezione a span{
	background:url(../img/bg-thumb.png) bottom center no-repeat;
	width:100px;
	height:8px;
	display:block;
	position:relative;
	bottom:0;
	left:0;
}
.selezione a img{
	border:1px solid #fff;
}
/**/

#trama {
	width:100%;
	height:100%;
	background:url(../img/trama.png);
	z-index:10;
}
img.sfondo {
}
#loghi {
	display:block;
	margin:0 0 10px 0;
	height:10px;
	min-height:10px;
	height:auto!important;
	width:auto;
}
#loghi a img, .testi p a img{
	float:left;
	margin:0 8px 4px 0 ;
	display:block;
	border:1px solid #fff;
}
.testi p a {
	color:#EA4F29;
	font-weight:bold;
}
.testi p a:hover {
	text-decoration:underline;
}
.undici {
	font-size:11px;
}


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

#contatti form{
	padding:5px 0;
	width:450px;
}

#contatti p {
	margin:5px 10px 5px 0;
	float:left;
	width:180px;
}

#contatti label {
	display:block;
	padding:3px 5px;
	/*margin:0 5px 0 0;*/
	/*width:120px;*/
	float:left;
	/*border-top:1px solid #E84E29;*/
	background:#E84E29;
	color:#FFFFFF;
	/*border:1px solid #E84E29;*/
	font-size:11px;
}

#contatti input {
	float:left;
	/*width:120px;*/
	padding:0 5px;
	height:20px;
	border:1px solid #AEA48C;
}

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

#contatti div.info {
	font-size:10px;
	font-family:Arial;
	color:#494949;
	background:#fff;
	height:82px;
	overflow: auto;
	width:322px;
	padding:5px;
	border:1px solid #CCCCCC;
	float:left;
}
#contatti .informativa {
	font-size:10px;
	font-family:Arial;
	color:#000000;
	background:#fff;
	height:50px!important;
	float:left;
	margin:0 20px 0 0;
	padding:5px;
}
#contatti textarea {
	font-size:12px;
	height:82px;
	padding:10px;
	width:240px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #AEA48C;
}


#contatti .inviannulla{
	padding:3px;
	margin:10px 5px 0 0;
	width:70px;
	color:#FFF;
	text-align:center;
}
input.checkbox{
	margin:0 10px 0 0;
}
input[type=checkbox] {
	border:0;
	width:15px !important;
	background:none;
	display:block;
}

#contatti input.button{
	background:#E84E29;
	height:30px;
	width:100px;
	text-align:center;
	color:#fff;
	display:block;
	padding:2px 0;
	cursor:pointer;
	border:1px solid #E84E29;
	margin:0 5px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight:bold;
	font-size:11px;
	float:left;
}
/*++++++++++++++ the overlayed element+++++++++++++++ */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background:#000000/*E6C402*/;
	color:#fff;
	
	width:675px;	
	min-height:200px;
	border:1px solid #000;
	padding:20px;
	font-size:11px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #ccc;
	-webkit-box-shadow: 0 0 90px #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:50px;
	width:50px;
}
div.wrap {
	height:600px;
	overflow-y:auto;
}
a#neikos{
	background:url(http://www.neikos.it/img/mediakit/logoNeikos-white.png) center right no-repeat;
	font-size:10px;
	color:#fff!important;
	text-decoration:none;
	text-indent:0!important;
	padding:5px 0 0 120px!important;
	display:block;
	text-align:center;
	margin:5px 0;
}