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

* {margin:0; padding:0; border:0}
html,body {	margin:0;	padding:0;	
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background:#3d4961 url(../images/bg.jpg) top left repeat-x; color:#010101;		font-family:Tahoma,arial,sans-serif;}

#container {	
	margin:0 auto; /* center, not in IE5 */
	width: 980px; background:url(../images/bg_white.gif) top left repeat;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
* html #container {
height: 100%;
}

a, a:active, a:visited {text-decoration:none; color:#1e51a4}
a:hover {color:#39291f; }

a.vedi{ display:block;color:#fff; font-size:12px;padding:0px 5px; background:#5e4f42; float:right ; font-weight:bold}
#content-inner a.vedi:Hover{  background:#39291f;}
a.vedi{ display:block;color:#fff; font-size:12px;padding:0px 5px; background:#808080; float:right ; font-weight:bold}
a.vedi:Hover{  background: #666666 ;}
.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.floatLeft {float:left}
.floatRight {float:right}

H1 {color: #c5c5c5; font-size:26px; font-weight:bold; font-style:italic; margin:20px 0 0 20px; letter-spacing:-1px; line-height:28px; font-family:arial,sans-serif;}
H2 {color: #2b5293; font-size:22px; font-weight:bold; font-style:italic; margin:20px 0 0 20px; letter-spacing:-1px; line-height:28px; font-family:arial,sans-serif;}

#header {	margin-top:40px; 	 height:164px; width:980px; background:url(../images/costruttori.gif) 230px 0px no-repeat}
#header .logo { width:128px; height:128px; float:left}
#sfumatura {height:12px; width:980px; background:url(../images/sfumatura.gif) top left repeat-x}

#header ul#nav {	list-style: none;	padding: 0px;	width: 800px; font-size: 14px;float:right; border:1px solid #cccccc;height:36px; background:url(../images/bg_nav.jpg) top left repeat-x; margin-top:90px}
#header ul#nav li {	float: left;	margin: 0px;	padding: 0px;border-right:1px solid #cccccc;	}
#header ul#nav li.last {border-right:0px ; background:url(../images/facebook.gif) 16px 8px no-repeat	}
#header ul#nav li.last a {padding-left:40px; font-size: 13px;	}
#header ul#nav li a {color: #5e4f42;	display: block;	padding: 10px;}
#header ul#nav li a:hover {	text-decoration:none; color:#39291f;}

#proposte {	margin: 0; width:980px; position:relative;min-height:604px;height:auto}
#proposte #all {  width:980px; min-height:604px;height:auto} 
#proposte #left {	margin: 0;	  width:220px; float:left} 
#proposte .foto{	margin: 0;	 height:178px; width:240px; background:url(../images/bg_foto.jpg) top left no-repeat; float:left}
#proposte .foto span{	display: block; color:#808080; text-transform:uppercase; font-size:15px; font-weight:bold; letter-spacing:-1px; width:240px; text-align:center; padding-top:8px; font-family: Arial, sans-serif}
#proposte #right {  width:700px; margin-left:60px; float:left} 
#proposte #ctright {  width:698px; margin-left:40px; float:left; background:url(../images/riga.gif) no-repeat;min-height:604px;height:auto} 
#proposte #ctright .image{  width:354px; height:244px; padding:9px 0 0 9px; background:url(../images/image.gif) no-repeat; float:right} 
#ctright .inside{  width:550px; margin:0 auto; font-size:13px; clear:both; display:block; text-align:justify} 
#proposte #ctright h1,#proposte #ctright h2{ clear:both; } 
#proposte ul {	margin:40px 0 0 20px;}
#proposte ul li{	display: block; color:#808080; text-transform:uppercase; font-size:15px; font-weight:bold;  padding-top:8px; font-family: Arial, sans-serif;margin-bottom:20px }
#proposte ul li a{ color:#808080;  }

#proposte ul.lista {	margin:40px 0 0 20px; overflow:auto; height: 525px; width:240px}
#proposte ul.lista li{	display: block; color:#808080; text-transform:uppercase; font-size:15px; font-weight:bold;  padding-top:8px; font-family: Arial, sans-serif;margin-bottom:10px }
#proposte ul.lista li a{ color:#808080;  }

#proposte ul.realizzazioni {	margin:40px 20px 0 20px;border-right:2px solid #b3b3b3; float: left; width: 230px; height: 525px;}
#proposte ul.realizzazioni li{	display: block; color:#808080; text-transform:uppercase; font-size:15px; font-weight:bold;  padding-top:8px; font-family: Arial, sans-serif;margin-bottom:20px; clear:both }
#proposte ul.realizzazioni li a{ color:#808080;  }

#610 {	margin: 0;	 min-height:610px;height:610px; width:980px; position:relative; }
#pagina {	margin: 0;	 min-height:580px;height:auto; width:980px; position:relative; background:url(../images/bg_pagina.gif) no-repeat}
.new {	margin:20px auto; overflow:auto; height: 510px; width:780px; font-family: Arial, sans-serifcolor:#808080;font-size:12px}
.new .div{ border-top:2px solid #b2b2b2; display:block; width:760px; clear:both }
.new  .title{  color:#727272; text-transform:uppercase; font-size:13px; font-weight:bold;  }
.new  .foto{ background:url(../images/bg_foto_news.jpg) no-repeat; width:347px; height:237px; padding:5px 0 0 4px; margin:40px 0 0 30px;float:left; display:block}
.new  p{  width:347px;  padding:5px 0 0 4px; margin:40px 0 0 20px; float:left}
.new  .space{  display:block; width:760px; clear:both;height:30px }


div#content {	padding:1em 1em 5em 0; font-family:Tahoma, Arial, sans-serif /* bottom padding for footer */}
div#content p {		text-align:justify;		padding:0 1em;	}

div#primopiano {margin: 0; padding:0; height:167px; width:512px; float:left; background:#e9e9e9; }
div#primopiano h2{height:23px;width:512px; text-align:right; font-style:italic; font-size:24px; font-weight:bold; color:#c7c7c7; text-transform:uppercase; letter-spacing:-1px; display:block; background:#fff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif}
div#primopiano img{border-right:4px solid #fff; float:left; margin-right:10px}
div#primopiano p{text-align:justify;margin:10px;font-size:12px; }

div#home{margin-left: 40px; padding:0; height:215x; width:400px; float:left;  }
div#home span{display:block; border-left:2px solid #b3b3b3; height:215x; width:280px; float:left;  margin-left:20px; text-align:justify; padding:20px;font-size:13px; line-height:20px }


div#footer {
	font-size:12px;
	width:960px; margin:0 auto;
	padding:0 10px;
	clear: both;
	background:#fff;height:40px; 
	}

div#footer p {  float:left; padding-top:20px;color:#010101;}
div#footer p.right { float:right;padding-top:20px;}

/** 
 * Slideshow style rules.
 */

#slideshow {
	margin:0 auto;
	width:700px;
	height:344px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:700px;
  height:344px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:344px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:19px;
  height:141px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:90px;
  left:0px;
  background:transparent url(../images/prev.png) no-repeat 0 0; z-index:100000
}
#rightControl {
  top:90px;
  right:0;
  background:transparent url(../images/next.png) no-repeat 0 0;
}
			

/* // Easy Slider */

#contact-area {
	width: 550px;
	margin-top: 25px;
	height:473px 
}

#contact-area input, #contact-area textarea , #contact-area select{
	padding: 3px;
	width: 250px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #b3b3b3;
}
#contact-area input#privacy, #contact-area input#mailing{
	width: 10px;
	border: 2px solid #b3b3b3;
	margin:10px 0 20px 0px;
}


#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #1e51a4;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right:25px
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 250px;

	font-size: 1.1em;
	color:#808080
}
form span {
	float: left;
	text-align:left;
	width: 300px;
	font-size: 1em;
	margin-left:210px;
}