/* Margini margin: 10px 15px 10px 20px;  sono 
margin-top: 10px; margin-right: 15px; margin-bottom: 10px; margin-left: 20px; */

body{
text-align: center;
background: #3d3e3e;
}

#wrapper{
width: 885px;
margin: auto;
text-align: left;
background: #FFFFFF;

}

#header{
width: 885px;
height: 105px;
background: #000000;
text-align: left;
margin: 0px 0px 0px 0px;
}


/*
#header{
width: 885px;
height: 105px;
background-image: url(../images/foto_header.jpg);
background-repeat: no-repeat;
text-align: left;
margin: 0px 0px 0px 0px;
}
*/


.titolo_header {
font-family: Impact, Charcoal, serif; color: #edebe8; font-size: 35px; 
line-height: 4.4; margin-left: 100px;
}

#content{
width: 885px;
background: #FFFFFF;
}






#footer{
width: 885;
height: 25px;
clear: both;
line-height:20px;
text-align: center;
background: #b9976b;
margin: 0px 0px 0px 0px;

}


/* MENU DESTRO SINISTRO E CONTENUTI CENTRALI */

#sinistra{
width: 180px;
float: left;
margin: 4px 0px 0px 0px;
display: inline;
text-align: center;
}


#centrale{
width: 515px;
float: left;
margin: 4px 4px 0px 4px;
background: #FFFFFF;
}

#destra{
width: 180px;
float: right;
margin: 4px 0px 0px 0px;
display: inline;
background: #ffffff;
}



/* MENU DESTRA lista */



#menu {
width: 178px; /* set width of menu */
background: #d4d3d0;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* stile, colore e la dimensione link */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
/* Bordo tra una voce e l'altra
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
*/
margin: 0;
padding: 2px 3px;
}

/* menu h2 e' il titolo Info varie */


#menu h2 {
color: #000;
background: #a58456;
text-transform: uppercase;
}

#menu a {
color: #4f4e4d;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #821d06;
background: #fff;
}

/* menu  titolo Tappe di viaggio */

.titolo_menu {
font: bold 12px/16px arial, helvetica, sans-serif; color: #ad6405;
}
/* Fine Menu destra */



/* homepage */
.h_top{
width: 515px;
padding-top: 10px;
text-align: center;
vertical-align: top;
background: #b7bfd2;
margin: 0px 0px 0px 0px;}

.h_titolo{
font-family: Impact, Charcoal; font-size: 26px; font-weight: normal; color :#CC0000;}

.h_titolo2{
font-family: Impact, Charcoal; font-size: 48px; font-weight: normal; color :#CC0000;}

.h_sommario{
font-family: arial, verdana; font-size: 14px; font-weight: bold; color :#031343;}


.h_t_testo{
font-family: verdana; font-size: 13px; font-weight: bold; color :#082146;}

.h_testo-color{
font-family: verdana; font-size: 13px; font-weight: normal; color :#640707;}



/* FINE homepage */



/* CONTENUTI PARTE CENTRALE */

.div500px{
width: 500px;
padding: 0px;
background: #ffffff;
margin: 0px 0px 0px 4px;}





.foto_testo_gruppo{
float: left;
background: #ffffff;
width: 200;
text-align: left;
margin: 0px 0px 5px 0px;
}





.mappa{
width: 300px;
float: right;
margin: 0px 0px 0px 0px;
background: #ffffff;}


.titolo_destinazione{
width: 507px;
height: 18px;
padding: 4px;
background: #b9976b;
clear: both;
margin: 4px 0px 0px 0px;
font: bold 18px/16px arial, helvetica, sans-serif; text-align: left;  color: #FFFFFF;}



.foto{
width: 505px;
padding: 6px;
text-align: center;
vertical-align: middle;
background: #dad9d7;
margin: 0px 0px 0px 0px;}

.commento {
background: #e9e8e5;
border-width: 4px;
border-style: solid;
border-color: #b9976b;
width: 440px;
float: right;
padding: 8px;
margin: 10px 0px 10px 0px;
}


/* FONT TIPOGRAFICO */
.testo{
font-family: verdana; font-size: 12px; line-height: 17px; color :#483a28}
a.testo:link {color :#483a28; font-weight: normal}
a.testo:visited {color :#483a28; font-weight: normal}
a.testo:active {color :#483a28; font-weight: normal}
a.testo:hover {font-weight: normal; color :#b9976b}




.testo11px{
font-family: verdana; font-size: 11px; line-height: 14px; color :#2d2c2b}
a.testo:link {color :#2d2c2b; font-weight: normal}
a.testo:visited {color :#2d2c2b; font-weight: normal}
a.testo:active {color :#2d2c2b; font-weight: normal}
a.testo:hover {font-weight: normal; color :#b9976b}


.sommario{
font-family: verdana; font-size: 13px; line-height: 16px;   color :#712608;
font-weight: bold;}




/* testo small utilizzato x testo sotto: foto_testo_gruppo*/
.testo_small {
font: normal 11px/14px arial, helvetica, sans-serif; color: #2d2c2b;}


.link_aggiungi_commento{
font-family: verdana; font-size: 11px; line-height: 13px; font-weight: bold; color :#712608; text-decoration: none;}
a.link_aggiungi_commento:link {color :#712608; font-weight: bold}
a.link_aggiungi_commento:visited {color :#712608; font-weight: bold}
a.link_aggiungi_commento:active {color :#7f5e34; font-weight: bold}
a.link_aggiungi_commento:hover {font-weight: bold; color :#821d06}

.testo_footer{
font-family: arial; font-size: 11px; font-weight: bold; text-decoration: none; color :#FFFFFF;}
a.footer:link {color :#FFFFFF; font-weight: bold}
a.footer:visited {color :#b9976b; font-weight: bold}
a.footer:active {color :#b9976b; font-weight: bold}
a.footer:hover {font-weight: bold; color :#b9976b;  text-decoration: underline;}