body{
    
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#202020;
	margin:0px;
	padding:0px;
	/*background-color:#EAEAEA;*/

}




#MainContent{ 
   background:#FFFFFF url(../../images/bg1.gif) no-repeat -50px -60px; 
   border-bottom:1px solid #dbdbdb;
   width:100%;
   margin:0px;
   /*background-color:#FFFFFF;*/
   padding-top:10px;
	position: absolute;
	top: 0px;
	left: 0px;
   }
   
#Content{
  clear:both;
  /*margin-top:20px;*/
  }
     
   
#Header{
 /* background-color:#CCCCCC; */
  margin-top:40px;
  }   
  
  
#BoxSelLanguage{
  position:absolute;
  top:0px;
  margin-left:680px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
  padding:5px;
  font-size:9px;
  color:#999999;
  }  

#BoxSelLanguage a{ color:#666666; }
   
/* --------------- logo ------------------------ */

div#Logo{
  width:260px;
  height:70px;
  position:absolute;
  left:0px;
  margin-left:30px;
  }

div#Logo img{ border:none; }
   

/* ------------------------------- menu principale -------------------- */  


#MainMenu, #SecondMenu{
float:left;
margin-right:20px;
}
  
  

#MainMenu ul, #SecondMenu ul{
  margin:0px;
  padding:0px;
  list-style:none;
  }
  



#MainMenu ul li, #SecondMenu ul li{ float:none; padding:0px; line-height:20px; }

#MainMenu ul li, #SecondMenu ul li{
letter-spacing:-1px;
font-size:22px;
text-transform:uppercase;
}  

#MainMenu ul li span, #SecondMenu ul li span{
  padding-left:3px;
  padding-right:3px;
  }
  
  
#MainMenu ul li a, #SecondMenu ul li a{
  
  color:#77BAC7;
  text-decoration:none;
  background-image:url(../images/fre_nera.gif);
  background-repeat:no-repeat;
  background-position:left 5px;
  padding-left:20px;
}


#MainMenu ul li a.active, #MainMenu ul li a:hover, #SecondMenu ul li a.active, #SecondMenu ul li a:hover{ color:#202020; }




/* -------------------------------- menu in linea -------------------------------- */


#MenuInline ul, #MenuInline2 ul{
 margin:0px;
 padding:0px;
 list-style:none;
 }
 
#MenuInline ul li{
  display:inline;
  letter-spacing:-1px;
  font-size:18px;
  text-transform:uppercase;
  line-height:16px;
  }

#MenuInline ul li a{
text-decoration:none;
color:#77BAC7;

}

#MenuInline ul li a:hover, #MenuInline ul li a.active{
  color:#000000;
  }
  

/* ----------------------------------- menu in linea 2 (08.07.2009) ------------------------------ */


#MenuInline2{
  display:block;
  float:none;
  clear:both;
  border-bottom:2px solid #77BAC7;
  height:25px;
  margin-top:25px;
  background-image:url(../../images/70.png);

}

#MenuInline2 ul{
margin-left:500px;

  }


#MenuInline2 ul li{
  float:left;
  margin-top:3px;
  
  }

#MenuInline2 ul li a{
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px;
	color:#FFFFFF;
	padding:4px 8px;
    width:auto;
	border-right:1px solid #77BAC7;
  }
  
#MenuInline2 ul li span{ display:none; }
#MenuInline2 ul li a.active, #MenuInline2 ul li a:hover{ background-color:#77BAC7; color:#FFFFFF; }


#TitlePage{
 padding:5px;
 background-color:#77BAC7; 
 color:#FFFFFF;
 margin-bottom:1px;
 padding-left:30px;
}

#TitlePage div{
  width: 850px;
}

#TitlePage span{
  font-size:20px;
  text-transform:uppercase;
    line-height:16px;
  }
  
  
#TitlePage .path_portfolio{
  font-size:15px;
  padding-bottom:4px;
  }

#TitlePage .path_portfolio a{ 
  text-decoration:none;
  color:#000000;
  font-weight:bold;
  }

#TitlePage .path_portfolio a.active, #TitlePage .path_portfolio a:hover{ color:#FFFFFF; }

/* ------------------------------- principali -------------------------------- */

#TableContent{
border:none;
}

#TableContent tr td{ vertical-align:top; text-align:left; }

#TableContent td.bg{
  /*background-color:#77BAC7;*/
  background-image:url(../../images/bg_azz_45.gif);
}

/* --------------------------------- home page --------------------------------- */

#Top{
border-bottom:5px solid #202020;
}

#TopHome{
  /*background-color:#77BAC7;*/
  background-image:url(../../images/bg_azz_45.gif);
  height:350px;
  padding-left:20px;
  margin-bottom:10px;
}

#TopHome div.banner_home{
   width:280px;
   height:350px;
   border-right:5px solid #FFFFFF;
   float:left;
   /*border-top:5px solid #202020; */
   }
   
#TopHome div.banner_home div{
  position:absolute;
  display:block;
  }
  


#TopHome ul.submenu{
  margin:0px;
  padding:10px;
  list-style:none;
  font-size:14px;
  display:none;
  }

#TopHome ul.submenu a{
   color:#77BAC7;
   text-decoration:underline;
   }

#TopHome ul.submenu a span{
  padding-bottom:5px;
  margin-bottom:2px;
  
  }

#TopHome ul.submenu a:hover{
  color:#FFFFFF;
  }  

#BottomHome{
   margin-left:20px;
   margin-bottom:20px;
   margin-top:10px;
   }

#BottomHome p{
  padding:0px;
  margin:0px;
  padding-top:5px;
  margin-right:20px;
  float:left;
  width:450px;
  }



/* ------------------------------------- pagina portfolio ----------------------------- */



#TablePortfolio{
  margin-left:20px;
  margin-top:20px;
  margin-bottom:20px;
  }

  
#TablePortfolio tr td{
  padding-right:15px;
  vertical-align:top;
  }

#TablePortfolio td p{
  padding:0px;
  margin:0px;
  }

#PathPortfolio{
  margin-top:5px;
  margin-bottom:5px;
  margin-left:30px;
  text-transform:uppercase;
  color:#999999;
  font-size:13px;
  }

#PathPortfolio a{ color:#999999; text-decoration:none; }
#PathPortfolio span{ text-transform:none; color:#202020; }
#PathPortfolio a:hover{ color:#202020; text-decoration:underline; }


#PathPortfolio select, #TitlePage select{
   font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#202020;
  font-size:12px;
  text-transform:none;
  }

#TopPortfolio{
  width:100%;
  text-align:left;
  }

#SlidePortfolio{
  /*border-top:1px solid #202020;*/
  background-color:#77BAC7;
  height:370px;
  }

 #SlidePortfolio ul li span{
   position:absolute;
   padding:5px;
   color:#FFFFFF;
   background-image:url(../../images/70.png);
   bottom:4px;
   padding-right:8px;
   font-size:11px;
   } 

 #SlidePortfolio ul li img{
   border:none;
   }
  
#GalleryThumb{
  margin-top:5px;
  background-image:url(../../images/bggallery.gif);
  width:100%;
  height:60px;
  }
  
  

#GalleryThumb a img{
 border:none;
 float:left;
 border-right:2px solid #FFFFFF;
 height:60px;
  
  }
  
#GalleryThumb a:hover img{  
  }
  
  
/* -------------------------------- menu selezione referenze in pagina portfolio ------------------------------ */  
  
#MenuReferences{
  position:absolute;
  font-size:12px;
  color:#333;
  margin-top:-25px;
  border-top:1px solid #dbdbdb;
  width:100%;
  left:0px;
  height:30px;
  padding-top:1px;
  background-image:url(../../images/50.png);
  }


#MenuReferences form{
  padding:0px;
  margin:0px;
  }

#MenuReferences form select{
  color:#333333;
  font-size:12px;
  display:inline;
  border:none;

  }
  
#MenuReferences form table td{
margin:0px;
padding:0px;
  padding-left:5px;
  }

#MenuReferences form table td strong{
  display:block;
  padding-left:10px;
  padding-top:3px;
  padding-right:5px;
  }
  
/* ---------------------------------- pagine secondarie -------------------------------------- */


#TopSecond2 div{
   width:280px;
   height:350px;
   float:left;
   /*border-top:5px solid #202020; */
   background-image:url(../../images/50.png);
   
   }

#TopSecond2 div.text{
  border-right:1px dashed #77BAC7;
  width:285px;
}

#TopSecond2 div p{
  margin:0px;
  padding:20px;
  }

#TopSecond2 div ol.pallini{
  list-style-image:url(../../images/0049_dimple.png);
  margin:0px;
  padding:20px;
  margin-left:20px;
  }

#TopSecond2 div ol.pallini li{
  border-bottom:1px solid #EAEAEA;
  padding-bottom:3px;
  margin-bottom:3px;
  }


#TopSecond{
  background-color:#77BAC7;
  width:100%;
}

#BottomSecond{
padding-left:20px;
margin-top:20px;


}

#ImageSecond{
  border-left:10px solid #FFF;
  background-color:#FFFFFF;
  background-image:url(../../images/bggallery.gif);
  width:850px;
  }

#BottomSecond p{
  padding:0px;
  margin:0px;
  }
  

#BottomSecond div#left, #BottomSecond div#center, #BottomSecond div#right{
  width:200px;
  padding-right:10px;
  float:left;
}


#BottomSecond div#left{
   width:460px;
   padding-right:20px;
}



 
h1{
   margin:0px;
   padding:0px;
   }

h1 span{

  display:block;
  font-size:24px;
  padding:20px;
  
  }


  

  
/* ----------------------------------- form pagina contatti ------------------------------- */


#FormRequest{
  padding:0px;
  margin:0px;
}

#FormRequest ol{
  margin:0px;
  padding:0px;
  list-style:none;
  list-style-image:none;
  padding-left:20px;
  
  }

#FormRequest ol li{
  padding-bottom:4px;
  margin-bottom:4px;
  float:left;
  }
  
#FormRequest ol li label{
  display:block;
  font-size:12px;
  padding-bottom:2px;
  }
  

#FormRequest ol li input[type=text], #FormRequest ol li textarea{
  border:none;
  border-bottom:1px solid #ccc;
  background-color:#FFFFFF;
  padding-bottom:3px;
  }
  
#FormRequest ol li.obbligatorio input{ border-bottom:1px solid #202020; }


#FormRequest input[type=submit], #FormRequest input[type=button]{
  background-color:#FFFFFF;
  background-image:url(../../images/bgButton.gif);
  background-position:center center;
  background-repeat:no-repeat;
  border:none;
  padding:5px 20px;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  cursor:pointer;
  }


#FormRequest input[type=submit]:hover, #FormRequest input[type=button]:hover{
  background-image:url(../../images/bgButtonHover.gif);
  }




/* ------------------------------------ stili di testo H1, H2, H3 ---------------------------- */

h2{
  color:#202020;
  margin:0px;
  padding:20px;
  padding-bottom:0px;
  font-size:25px;
  font-weight:normal;
  letter-spacing:-1px;
  text-transform:uppercase;
  line-height:23px;
  }

  
h2.titoloportfolio{
  color:#202020;
  margin:0px;
  padding:0px;
  font-size:25px;
  font-weight:normal;
  letter-spacing:-1px;
  text-transform:uppercase;
  line-height:23px;
  }

h3{
  margin:0px;
  font-size:22px;
  color:#77BAC7;
  }
  
h3.sottotitoloportfolio{
  text-transform:uppercase;
  font-weight:normal;
  line-height:22px;
  margin-top:2px;
  }
  
  
dl{ }

dt{ font-weight:bold; 
   float:left;
   width:40px;
   }

dd{ float:left; }


a.email{
  color:#77BAC7;
  background-image:url(../../images/email-icon.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  font-size:12px;
  text-decoration:none;
  }

a.email span{font-size:13px;}  
  
a.email:hover{ text-decoration:underline; }
 
/*------------------------------------ varie --------------------------------------- */

.toogle{
  padding:20px;
  padding-top:10px;
  }  
  
.clearer{
  clear:both;
  height:1px;
  }
  
  
/* ----------------------------------- menu servizi ------------------------------- */

ol#MenuServizi{
  margin:0px;
  padding:0px;
  list-style:none;
  margin-top:15px;
  }

ol#MenuServizi li{
  padding:3px 0px;
  border-bottom:1px dashed #CCCCCC;
  }

ol#MenuServizi li:last-child{ border:none; }
  
ol#MenuServizi li a{
  text-decoration:none;
  text-transform:uppercase;
  color:#77BAC7;
  }

ol#MenuServizi li a:hover{
  border:none;
  background-color:#77bac7;
  color:#FFFFFF;
  }
  
  
/* ---------------------------------- nuovi 21.07.09 ---------------------------------- */


.menu_categorie_new a{
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}

.menu_categorie_new a.active{
  background-color:#000000;
  }


ul#ul_thumb_items li{
  width:280px;
  height:350px;
  display:inline;
  }  



ul#ul_thumb_items li label{
  position:absolute;
  padding:15px;
  
  width:250px;
  height:150px;
  margin-top:200px;
  
  }
  
ul#ul_thumb_items li a {

  font-size:26px;
  /*color:#77BAC7;*/
  color:#FFFFFF;
  background-image:url(../../images/70.png);
  max-width:220px;
  width:220px;
  line-height:26px;
  text-transform:uppercase;
  text-decoration:none;

}  
 

ul#ul_thumb_items li a strong, ul#ul_thumb_items li small{
  white-space:normal;
  }
  
ul#ul_thumb_items li small{
font-size:13px;
color:#FFF;
}


/* ------------------------------------ footer ------------------------------------- */

#Footer{
   /*background-color:#EAEAEA;*/
    width:100%;
	position: fixed;
	bottom: 0;
	left: 0;
  }

#Footer p{ margin:0px; padding:20px; font-size:12px;}

#Footer #p1{
  width:700px;
  float:left;
  }

#Footer #p2{
  float:right;
  text-align:right;
  
  }

#Footer #p2 a{
  color:#006699;
  }