/* CSS Document */

html{
overflow: auto}
body {
	margin: 0;
	background:#777777 url(../images/body_bg.png) repeat-x top;
    font-family: Verdana, Geneva, sans-serif;
	color:#222222;
	font-size:13px;
	height:100%;       
	
}

/*-------------------------------------------    
    Headings
-------------------------------------------*/

h2{
font: 24px  Verdana,Geneva, Arial, Helvetica, sans-serif;
color:#C8633F;
line-height:24px;
margin-bottom:-4px;
background-color:#FFF;
font-weight:normal

/*z-index:-1*/
/*text-transform: uppercase;*/
}

h4.home{
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:lighter;
color:#222222;
margin-bottom:-2px

}

h4{
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
color:#666666;
margin-bottom:-2px

}

h5{
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
line-height:8px;
color:#C8633F;

}

h6 {
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#666666;
margin-bottom:-4px
}
hr{
color: #E1E2E3;
background-color:#E1E2E3;
height: 1px;
border: 0;
}

.p{
line-height:12px;
text-align: justify;
}

.clear{
clear:both
}
.spaziogrosso{
margin-bottom:40px;
}
.spaziogrossocompany{
margin-bottom:100px;
}

bluetto{
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#1f497d;
}

/*-------------------------------------------    
    Primary styles 
-------------------------------------------*/

#wrapper {
	width: 1088px;
	margin: 0px auto;
	height:100%
}

#header {
background: url(../images/ombra_header.png)  repeat-x;
height:180px;
width:1088px
}

#logo{
padding:40px 0px 30px 50px;
float:left
}

#ricerca{
float:right;
padding:65px 50px 0px 0px;
}

#ricerca .texfield{
border:1px solid #CCCCCC;
margin-bottom:4px;
}

#banner {
height:177px;
background:url(../images/ombra_main.png) repeat-y center;
text-align:center;
padding-top:25px
}

#nobanner {
height:50px;
background:url(../images/ombra_main.png) repeat-y center;
text-align:center
}

#main{

background:url(../images/ombra_main.png) repeat-y center;
}


#content {
padding:0px 60px;
overflow:auto;
width:690px; 
float:left;
min-height:600px;
padding-top:15px;

}

#contentlight {

padding:0px 40px 0px 60px;
overflow:auto;
padding-top:15px;
width:620px;  
float:left;
min-height:600px;


}

#contenthome{

padding:0px 60px;
overflow:hidden;
min-height: 600px ;

}

#contentCompany {
/*background:#FFCC66;*/
/*border-bottom:1px dotted #CCCCCC;*/
padding:0px 60px;
overflow:auto;
padding-top:30px; width:690px;  float:left;
min-height: 551px;
}
#contentPortfolio {
/*background:#FFCC66;*/
/*border-bottom:1px dotted #CCCCCC;*/
padding:0px 60px;
overflow:auto;
 width:900px;  float:left;
min-height: 551px;
}


/*-------------------------------------------    
Elementi del men�
-------------------------------------------*/



/*banda arancione - il padding sposta i tabs nella striscia*/
#arancio{
height:30px; 
background-color:#c34517; 
width:1016px; 
padding:10px 5px 0px 49px;
margin-left:9px
}

#ombra {
width:1070px; height:50px; background:url(../images/ombramenu.png) repeat-x;margin-left:9px; clear:all}




/*-------------------------------------------    
Briciole di pane e printer
-------------------------------------------*/

#breadcumbs{
color:#999999;
font-size:10px;
float:left; 
width:400px; 
	margin:10px 0 5px 0
}
#breadcumbs a {
text-decoration:none; border-bottom:1px dotted #E1E2E3;color:#999999
 }
#breadcumbs .last{
color:#444444
}

#printer{float:right;
 margin:10px 0px 5px 0;
 /*background:url(../images/ombra_main.png) repeat-y center;*/
 }

/*-------------------------------------------    
    Secondary  styles
-------------------------------------------*/

.nomeboard{
font-size:13px;
font-weight:bold;
color:#666666;
}
.nomeboard a{
color:#666666;
text-decoration:none;
}
.caricaboard{
color:#C8633F;
padding-left:18px;
}

.mesi {color: #5a97c4}

.lista {color: black}

.list{line-height:35px; list-style-type:square; color:#cccccc}

.finestra { padding:5px; padding-left:20px}

#bordo{ border-right:1px dotted #CCCCCC}

.clear {
clear:both
}
.filettoparagrafo{
border-top: 1px solid #E1E2E3; padding-top:10px;
padding-bottom:10px

}

.filettoparagrafo h3{
	font-size: 16px;
	font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
 font-weight:normal;
color: #AD5435;
background-color:#FFF}



.filettoparagrafo p{
text-align: justify;
}


/*-------------------------------------------    
Boxes
-------------------------------------------*/


.box {
float:left;
height:350px;
padding:0px 13px;
text-align: justify;
}

.box h3{
font-size: 16px;
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
color: #AD5435;
background-color:#FFF
}
.box h3 a{
color: #AD5435;
text-decoration:none;
background-color:#FFF
}

.h3a{
color: #f1552f;
text-decoration:none;
background-color:#FFF
}

.box .arancio{
color: #C8633F
}
.box .arancio a{
color: #C8633F;
text-decoration:none
}

.box1 {
float:left;
padding:0px 13px 0px 0
}
.box1 h3{
font-size: 16px;
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
color: #AD5435;
background-color:#FFF}

.box1 h3 a{
color: #AD5435;
text-decoration:none;
background-color:#FFFFFF}

.box1 .arancio{
color: #C8633F
}
.box1 .arancio a{
color: #C8633F;
text-decoration:none
}



.boxvaluessx {
width:100px;
float:left;
height:200px;
padding:0px 5px 0px 0px;

}
.boxvaluessx h3{
font-size: 16px;
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
color: #f1552f}
.boxvaluessx h3 a{
color: #f1552f;
text-decoration:none;
background-color:#FFF}

.boxvaluessx .arancio{
color: #f1552f
}
.boxvaluessx .arancio a{
color: #f1552f;
text-decoration:none
}



.boxvaluessx1 {
width:100px;
float:left;
height:200px;
padding:0px 5px 0px 8px;
}
.boxvaluessx1 h3{
font-size: 16px;
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
color: #f1552f}
.boxvaluessx1 h3 a{
color: #f1552f;
text-decoration:none}

.boxvaluessx1 .arancio{
color: #f1552f
}
.boxvaluessx1 .arancio a{
color: #f1552f;
text-decoration:none
}

.cornice{
	float:left; 
	width:610px;}
        
 
.boxmappa{
width:225px; 
float:left;


}

.contentmappa{ width:680px; height:140px}

.boxmappa ul{
margin-top:-8px;
}

.boxmappa ul li {
list-style-type:none;
list-style-position: inside;
margin-left:-40px; padding-left: 0;
font-size:11px;
color:#666666;

}


.boxmappa h5{
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
line-height:8px;
color:#444444;
/*margin-bottom:-5px*/}       
        
        
        

/*-------------------------------------------    
    right  navigation
-------------------------------------------*/


#seealso {
	width: 230px;
	float:right; 
	padding-top:50px;
	margin-right:25px;
	font-size:11px
}
#seealso a{
text-decoration:none;
color:#333333;
font-size:11px
}
#seealso h6 {
	color: #666666;
	font-size:14px;
	border-bottom:1px solid #E1E2E3;
	border-top:1px solid #E1E2E3;
	height:30px;
	padding:10px 0 0 5px;
	font-weight: bolder;
}
#seealso img.icona {
float:left; margin-right:8px;
}
#imgdx{
float:right; 
width:300px; 
margin-right:8px; 
margin-top:75px;
}

/*-------------------------------------------    
    FOOTER
-------------------------------------------*/

#footer{
height: 50px;
background:url(../images/ombra_footer.png) repeat-y center;
color:#8f8f8f;
font-size:11px;
} 
#footer a{
color:#8f8f8f;
text-decoration:none
} 

#footer #infosx{
float:left;
padding:1%;
margin-left:6%
}
#footer #infodx{
float:right;
padding:1%;
font-size:10px;
margin-right:6%;
}
#footer #piepagina{
color:#8f8f8f;
float:left;
margin-left:6%

}