* {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-family:   Verdana, Tahoma, Helvetica, sans-serif;
font-size: 13px;
background: #A9BAC3;
text-decoration: none;
	}
a{	
text-decoration: none;
}
img{
border: none;
}	
#cornice{
	width: 960px;
	margin: 0px auto;
	border: 3px solid #fff;
	border-bottom-width: 0;
	border-top-width: 2px;
	background: #fff url(img/cod/sfondo.jpg) repeat-y ;
	}
#spazio{
float: left;
}
#contenuto{
float:left;
width: 660px;
background-color: #f8f8f8;
border-left: solid 1px #cde;
border-right: solid 1px #cde;
}
#lato{
float:left;
width: 288px; /* precisamente dovrebbe essere 290 ( 960 = 1+660+1+8+290 ) */
padding: 8px 0 8px 8px;
}
#testa{
clear: both;
}
#piede{
clear: both;
}


/*------------menu principale-------------------------------------------*/
#menu { 
    overflow: hidden;
    width: 100%;
	background-color: #ff5c00;
	padding-left: 0px;
	padding-top: 5px ;
}

a.button {
    background: transparent url('img/cod/b0_d.jpg') no-repeat scroll top right;
    color: #004;
    display: block;
    float: left;
	font-family:   Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
	font-weight: bold;
    height: 36px;
	margin-left: 3px;
    margin-right: 0px;
    padding-right: 12px; /* larghezza immagine destra ovvero 12*/
    text-decoration: none;
}

a.button span {
    background: transparent url('img/cod/b0_sc.jpg') no-repeat;
    display: block;
    line-height: 22px;
    padding-top: 7px;
    padding-left: 16px;
    padding-right: 4px;
    padding-bottom: 7px;
    /* su explorer somma di line-height e padding top e bottom = altezza img (36) */
    /*padding right e left = larghezza immagine destra (12) + padding*/
} 
a.button span.doppia{
    line-height: 12px;
    padding-top: 7px;
    padding-bottom: 5px;   
} 

a.button:hover, #selected {
    background: transparent url('img/cod/b1_d.jpg') no-repeat scroll top right;
    outline: none; /* nasconde bordo Firefox */
}

a.button:hover span, #selected span {
    background: transparent url('img/cod/b1_sc.jpg') no-repeat;
} 
/*----------------------------------------------------------------------*/

/*--------immagini testa------------------------------------------------*/
#vista {
height: 100px;
overflow: hidden;
/* PER LEVARE MARGINE A IMG */
margin: 0;
padding: 0;
clear: both;
background-color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#logo{
display: inline;
position: relative;
top: -10px;
}
/*----------------------------------------------------------------------*/

/*---------contenuto----------------------------------------------------*/
.titolo{
text-align: center;
font: bold 24px 'Trebuchet MS', Arial, Sans-serif;
color: #6297BC;
line-height: 52px;
height: 52px;
}
#testo{
    font-size: 13px;
	line-height: 150%;
	text-align: justify;
    padding: 0px 60px 20px 60px;
}
/*----------------------------------------------------------------------*/

/*-------------colonna destra--------------------------*/
.box{float: left;
	margin-bottom: 4px;
	margin-top: 4px;
	background-color: #DCDCDC;
	padding: 0px 24px 4px 24px;
	border: solid 1px #def;
	line-height: 20px;
	width:216px;
}
.box .titolo {
height: 30px;
line-height: 30px;
font-size: 18px;
}
.box input {
border: solid #abc 1px;
margin-left: 10px;
}

.box a {
	text-decoration: none;
	color : Black;
	
}
.box a:hover {
font-weight: bold;
}


.b1{
height:25px;
}
.b2{
float:right;
}
.b3{
text-align: center;
}
.box img{
margin-right: 10px;
}
.cornicina{
float: left;
background: #fff url(img/cod/rosa160.jpg) repeat-y;
padding: 8px;
padding-right: 0;
}
/*----------------------------------------------------------------------*/



/*----------piede e credits---------------------------------------------*/
#piede {
color: #fff;
clear: both;

text-align: center;
font-size: 11px;
text-decoration: none;
}
#piede a {
color: #000;
text-decoration: none;
}
#piede a:hover {
color: #00f;
}
#indirizzo {
height: 42px;
padding: 0;
background: #fff;
padding-left: 1px;
padding-bottom: 2px;
}
#indirizzo_c{
height: 37px;
width: 934px;
color: #eee;
padding-top: 5px;
font-weight: bold;
line-height: 16px;
background: #ff0 url(img/cod/p_c.jpg) repeat-x ;
float: left;
}
#indirizzo_s {
height: 42px;
width: 12px;
background: #fff url(img/cod/p_s.jpg) no-repeat ;
float: left;
}
#indirizzo_d {
height: 42px;
width: 12px;
background: #fff url(img/cod/p_d.jpg) no-repeat ;
float: left;
}
#menu_piede {
border-top: solid 1px #000;
height: 23px;
line-height: 22px;
background-color: #fff;
color: #000;
}
#credits {
width: 940px;
margin: 0 auto;
color: #fff;
text-align: right;
font-size: 10px;
}
/*----------------------------------------------------------------------*/




/*------decorazioni-----------------------------------------------------*/
.linea{
line-height: 0;
overflow: hidden;
/* IE6 SE NO RIFIUTA HEIGHT 1px */
width: 100%;
margin-bottom: 0px;
clear: both;
}
#l1{
height: 8px;
background-color: #CBCBFF;
/*#2aa80b*/
}
#l2{
height: 2px;
background-color: #303E89;
/*#2aa80b FF5C00*/
}
#l3{
height: 8px;
background-color: #303E89;
/*#2aa80b*/
}
#bordo{
}
/*----------------------index.html--------------------------------------*/
.cert {
font-weight: bold;
display: block;
text-align: center;
line-height: 50px;

color: #e68c00; /*#00b*/
font-weight: bold;
}
.cert:hover{
text-decoration: underline;
}
/*----------------------------------------------------------------------*/

/*------------MENU' ATTIVITA--------------------------------------------*/
.as{
height: 22px;
width: 210px;
margin: 4px 0 4px 0;
border-bottom: solid 1px #fff;
overflow: hidden;
}
.attivita a
{
display: block;
height: 100%;
width: 100%;
border-left: solid 11px #e68c00;
text-decoration: none;
text-align: center;
font-size: 11px;
font-weight: bold;
padding: 0px;
color: #fff;
}
.attivita a:hover
{
border-left-width:  16px ;
}
.attivita .box{
	padding: 16px 24px 16px 24px;
}
#a1{background-color: rgb(0, 153, 208);  }
#a2{background-color: rgb(0, 132, 194); }
#a3{background-color: rgb(1, 111, 180); }
#a4{background-color: rgb(2, 90, 166); }
#a5{background-color: rgb(3, 69, 151);  }
#a6{background-color: rgb(4, 48, 137);  }
#a7{background-color: rgb(5, 27, 123); }

/*------------DIVERSO SU LATO DESTRO------------*/
.at2 .box{
	border: none;
	background-color: #f8f8f8;
	margin-left: 46px;

} 
.at2 .box a{
	background-color: #f8f8f8;
	color: Black;
	text-align: left;
	padding-left: 15px;
	}
.at2 .as{
border-bottom: none;
}	
/*---------attivita---kimeta--------------------------------------------*/
/*-660 e 288-*/
#tutto_attivita #contenuto{width: 700px;}
#tutto_attivita #lato{width: 248px;}
#servizi{
float:left;
width: 70%;
}
#kimeta{
float:left;
width: 29%;
border-right: solid 1px #cde;
background-color: #fcfcfc;
}
#kimeta .box{
width:92%;
padding: 4px 0px 4px 6px;
background-color: #fcfcfc;
margin-left: 2px;
/*background-color: #cdcdcd;*/
}
#kimeta .as{
width: 100%;
}
#kimeta .box a{
padding-left: 10px;
background-color: #fcfcfc;
}
#kt{
padding: 5px;
font-size: 13px;
/*text-align: justify;*/
}
#kt a{
color: #e68c00; /*#00b*/
font-weight: bold;
}
#kt a:hover{
text-decoration: underline;
}
#kt2 a{
color: #e68c00; /*#00b*/
font-weight: bold;
}
#kt2 a:hover{
text-decoration: underline;
}


#ktutto #contenuto {
width: 958px;
}
#kfoto {
float:left;
width:48%;
/*background-color: #ffa;*/
}
#ktutto #testo {
float:left;
width:44%;
padding:4%;
/*background-color: #faf;*/
}
.kfoto {
margin-top: 20px;
margin-right: 4px;
border: none;
}
/*------------------foto attivitą---------------------------------------*/

.foto_attivita{
float: left;
margin-right: 60px;
margin-bottom: 60px;
margin-top: 8px;
clear: left;
}
#f1{
margin-bottom: 80px;
}


/*----------------------------------------------------------------------*/

/*-----------------PROGETTAZIONE E FORMAZIONE---------------------------*/
.fimg{
float: left;
margin: 1px;
}

/*----------------------------------------------------------------------*/

/*------------SISTEMI DI GESTIONE---------------------------------------*/
#gest{
line-height: 110%;
}
.tit1{font: bold 16px 'Trebuchet MS', Arial, Sans-serif;
    margin: 12px auto;
padding-left: 5px;
}
.tit2{font: bold 16px 'Trebuchet MS', Arial, Sans-serif;
text-align: center;
    font-weight: bold;
}
.tit3
{font: bold 16px 'Trebuchet MS', Arial, Sans-serif;
font-weight: bold;
color: #6297BC;
}
#gest a{
color: #e68c00; /*#00b*/
font-weight: bold;
}
#gest a:hover{
text-decoration: underline;
}
#ta{

}
/*----------------------------------------------------------------------*/

/*-----------------------AREA SOCI--------------------------------------*/
.doc {
font-weight: bold;
display: block;
text-align: center;
line-height: 50px;
}
.doc span {
font-weight: normal;
}
/*----------------------------------------------------------------------*/

/*---------------COOPERAZIONI AZIENDALI---------------------------------*/
#coopaz{
padding-left: 100px;
}


/*----------------------------------------------------------------------*/

/*---------CONTATTI-----------------------------------------------------*/
/*------------=a una colonna---------------*/
#tutto_contatti #contenuto {
width: 958px;
}
#tutto_contatti #lato {
display: None;
}
/*-----------------------------------------*/
.contatto_riga, .contatto_riga_p{
clear: both;
}
.contatto {
background: #f8f8f8 url(img/cod/contatti.jpg) repeat-y;
text-align: center;
padding: 6px 4px 6px 4px ;
margin: 0px 0 0px 0;
line-height: 120%;
float: left;
width: 49.1%;
height: 100%;
border-top: solid 1px #f5eef5;
}
.contatto_riga_p .contatto{
background: #f8f8f8 url(img/cod/ittatnoc.jpg) repeat-y right;
}

#tutto_contatti .nome{
font-weight: bold;
}
#tutto_contatti .ruolo{
color: #000;
}
#tutto_contatti .mail {
margin: 6px 0 6px 0;
}
#tutto_contatti #testo {
padding: 0 0px 0 0px;
text-align: center;
}
/*#tutto_contatti .box {
width: 116px;
font-weight: bold;
font-size: 13px;
}
#telefono {
padding-top: 30px;
text-align: center;
padding-bottom: 20px;
}
660 288*/
/*----------------------------------------------------------------------*/

/*--------------DOVE----------------------------------------------------*/
#tutto_dove #cornice{
	background-image: none;
	}
#tutto_dove #contenuto {
	width: 548px;
	height: 530px;
}
#tutto_dove #lato {
	width: 400px;
}
#tutto_dove #testo {
    font-size: 13px;
	line-height: 100%;
    padding: 0px 10px 20px 10px;
}
#tutto_dove .box {
	width: 348px;
	line-height: 100%;
	padding: 0 16px 16px 16px;
}
#map{
width: 440px;
height: 380px;
border: solid 1px #aaa;
margin: 10px auto 0 auto;
}
/*----------------------------------------------------------------------*/

/*-----------LINK-------------------------------------------------------*/
#links .titolo{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	clear: both;
}
#links a{
float: left;
width: 180px;
height: 150px;
text-align: center;
margin: 11px;
position: relative;
}
#links div{
text-align: center;
font-weight: bold;
color: #000;
}
#links img{
border: solid 1px #000;
}
#links img:hover{
border: solid 1px #00f;
}
#links div:hover{
color: #00f;
}
#links span{
float: left;
width: 100%;
height: 122px;
text-align: center;
}

/*----------------------------------------------------------------------*/


/*------------REFERENZE-------------------------------------------------*/
.att{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	clear: both;
}
.cliente{
	font-weight: bold;
}
.lavoro{
display: inline;
}
/*----------------------------------------------------------------------*/

/*--------pagine con una sola colonna-----------------------------------*/
#una_colonna #contenuto {
width: 958px;
}
#una_colonna #lato {
display: None;
}
/*----------------------------------------------------------------------*/
.no-border {
border: none;
}

/*------------------------STOP------------------------------------------
#tutto #cornicina{
border: solid 1px #f00;
}
#tutto #lato{
background-color: #bfb;
}
/*----------------------------------------------------------------------*
#tutto #cornice{
	}
#tutto #spazio{
border: solid 1px #000;
}

#tutto #contenuto{
background-color: #bff;
}


#tutto #testa{
background-color: #ccc;
}
#tutto #piede{
background-color: #ccc;
}
/*----------------------------------------------------------------------*/