html{
	margin-top:45px;
	background-color:white;
}

body { 
	background-color:#000;
	  background-image:url(../img/sfondo.jpg); 
	  background-size: 100%;
    background-repeat: no-repeat;
    background-position:top center;
    height: 100%;
	width:100%;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    /*letter-spacing: 1px;*/
    line-height: 25px;
	/*font-weight:300;*/
    margin: 0px;
	padding:0px;
	font-size:14px;
	
}

#logo{
max-width:520px;
}

href {text-decoration:underline; color:#3366FF;}



h1 { font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;font-size:28px; color:#000; margin-top: 10px; float: left; margin-bottom: 10px; text-align:center; width:100%;}
h2 { font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;font-size:13pt; color:#000; }
h3 { font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;font-size:12pt; color:#000; }

#box1 {border:2px dashed #43B543; padding:2%; width: 95%; background-color:#FFFFFF;}

.ordc2 { color:#007CCE; font-size:12pt;}

#contenitore{
    background-color: #3B3B3B;
	max-width:850px;
    padding: 2%;
    margin: 0 auto;
    overflow: hidden;
	color:#FFF;
    /*border: 1px solid #3B3B3B;*/
	text-align:justify;
    margin-bottom: 50px;
	margin-top:100px;
}

#colonna_sx{
overflow: hidden;
width:20%;
margin-left:7%;
font-size:14px;
float:left;
line-height: 26px;
overflow:hidden;
}

#colonna_dx{
overflow: hidden;
width:65%;
/*margin-left:1%;*/
font-size:14px;
line-height: 26px;
float:left;
overflow:hidden;
}

#colonna_dx img{
	margin: 10px 30px 0 10px;	
	float:left;
}


a:link, a:visited, a:active{
color: #000;
font-weight:bold;
text-decoration:none;
}

a:hover{
text-decoration:underline;
color:#007CCE;
}

ul{
    float: left;
    margin: 0;
    padding: 0
}

ul#evidenza {
    float: right;
    width: 65%;
    margin: 0;
}

ul#evidenza li {
    list-style-image: url(../img/spunta.jpg);
    line-height: 20px;


}

li a:link, li a:visited, li a:active{
    color:black;
	font-weight:normal;
	font-size:15px;
}

.box {

	width:100%;
    float: left;
    overflow: hidden;
}

.box .corpo img {
    margin: 5px 5px 5px 0px;
}

.titolo {
    width: 98%;
    padding: 1% 1% 1% 1%;
    float: left;
    font-size: 20px;
    color: #FFF;
	font-weight:lighter;
    text-align: center;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    margin-bottom: 20px;
	background-repeat:no-repeat;
	background:url(../img/bg.png);
	background-repeat:repeat-x;
}

.titolohistory {
    font-size: 20px;
    color: #FFF;
	font-weight:lighter;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.titolo .testo {
    padding:0 50px 0 50px;
	background-color:#3B3B3B;
}

#servizi{
	width:100%;
margin-top:20px;
float:left;	
}

#gallery2{
	width:100%;
	float:left;	
}

#gallery2 .gallery{	
	width:31%;
	margin:1%;	
	float:left;
}

#servizi .titolo{
	font-size:17px;
	height:50px;
	color:white;
	margin-bottom:10px;
}
iframe {
    background-color: transparent;
}

.gallery{
	float:left;
	width:100%;	
    margin-top: 10px;
	margin-bottom:20px;
}

.box_esteso {
    margin-top: 10px;
}

#colonna_centrale{
font-size:14px;
width:100%;
float:left;
}


#social{
position:absolute;
right:10px;
text-align:right;
top:10px;
}

#progettazione{
padding:1%;
width:30%;
margin-right:1%;
float:left;
margin-bottom: 20px;
line-height:26px;
text-align:left;
}

#realizzazione{
padding:1%;
margin-right:1%;
width:30%;
    margin-bottom: 20px;
float:left;
line-height:26px;
 text-align:left;
}

#fornitura{
padding:1%;
width:30%;
float:left;
margin-bottom: 20px;
line-height:26px;
text-align:left;
}

.titolo_gallery {
width:45%;
margin-right:55%;
margin-top:200px;
float:left;
    font-size: 22px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #000;
    text-align: center;
    margin-bottom: 5px;
}
.testo_gallery {
width:45%;
margin-right:55%;
float:left;
    font-size: 20px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #000000;
    text-align: center;
    margin-bottom: 5px;
}

#progettazione, #realizzazione, #fornitura{
	/*background-color: #f4f9ff;*/
	background-color:#000;
	min-height:360px;
	color:#FFF;
}
strong{
font-weight:400;	
}
#cnt_claim{
	width:100%;
	position:absolute;
	top:0px;
}

#claim{
	max-width: 890px;
	margin: 0 auto;
}

img#claim1{
	max-width:50%;
}
img#claim2{
	max-width:60%;
}

div#cnt_logo {
    width: 100%;
    text-align: center;
}

#Menu{
	width:100%;
	background-color:#585858;
	float:left;
}

#Menu a:link, #Menu a:visited, #Menu a:active{
	width:23%;
	margin:1%;
    color:white;
	font-weight:normal;
	font-size:20px;
	float:left;
	text-align:center;
	text-decoration:none;
}

.box_testa{
	width:33%;
	margin-top:10px;
    color:#999999;
	font-weight:normal;
	font-size:16px;
	float:left;
	text-align:center;
	text-decoration:none;
}

/*#Menu a:hover{
    color:white;
}*/

@media screen and (max-width: 1200px) {
	#social{
		margin-top:50px;
	}
}