@charset "UTF-8";
/* CSS Document */

body { background: url(../img/back.jpg) repeat;  }
table td { padding: 10px; }

#topbar { background-color: #C1272D; height: 45px; margin-bottom: 0px }
#toplogo { padding-top: 20px }
#toplogo h1 { text-indent:-999em; background-image: url('../img/logo.png'); width: 190px; height: 90px }
#toplogo a {display: block; height: 90px; width: 190px;}

#groupbar { margin-top: 10px;  background-color: #FFF; border-radius: 10px 10px 0px 0px; padding:10px; }
#groupbar ul { margin: 0px; padding: 0px; list-style: none;  }
#groupbar li { float: left; padding: 0px; margin: 0px 0px 0px 17px; }
#groupbar li a { display: block; text-indent: -999em; height: 50px; margin: 0px; padding: 0px; opacity: 0.6  }
#groupbar li a:hover { -webkit-transition-duration:1s;-moz-transition-duration:1s;transition-duration: 1s;-o-transition-duration:1s; opacity: 1 }
#groupbar li a.fratellitoppi { background: url(../img/fratellitoppi.png) no-repeat left center; width: 50px; }
#groupbar li a.tiessencc { background: url(../img/tiessencc.png) no-repeat left center; width: 100px; }
#groupbar li a.trasportits { background: url(../img/trasportits.png) no-repeat left center; width: 80px; }

#mainnav { margin-top: 80px }
#mainnav li { list-style: none; }
#mainnav li a { float: right; text-decoration: none; padding: 10px; font-size: 11pt; color: #666 }
#mainnav li a:hover { color: #C1272D }

#homenav { background-color: #FFF; padding-bottom: 20px }
#homenav ul { margin-top: 20px; list-style: none }
#homenav h2 { font-size: 18pt; color: #C1272D; font-weight: normal; margin: 0px; padding: 0px 0px 10px 0px }
#homenav a { text-decoration: none; color: #666666; background: url(../img/link.png) no-repeat 0 center; padding-left: 15px; font-size: 10pt  }
#homenav a:hover { color: #C1272D; background: url(../img/link.png) no-repeat 5px center;  }

#leftnav ul { list-style: none; margin: 100px 0px; padding: 0px; }
#leftnav li { margin-bottom: 5px }
#leftnav a { text-decoration: none; color: #666; background: url(../img/arrow_gray.png) no-repeat 0 center; display: block; padding-left: 15px; }
#leftnav a:hover { background: url(../img/arrow_red.png) no-repeat 0 center; }

#maincontent h2 { font-size: 14pt; padding: 10px 10px 0px 10px; margin: 5px 0px 5px 0px; color: #666; }
#maincontent h3 { font-size: 11pt; color: #C1272D; padding: 10px; margin: 5px 0px 5px 0px }
#maincontent p { font-size: 9pt; line-height: 12pt; color: #999; padding: 10px;  margin: 5px 0px 5px 0px }
.navtree { background-color: #333; padding: 10px; color: #fff }
.navtree a { color: #fff; text-decoration: none; font-size: 8pt; }
.navtree a:hover { text-decoration: underline; }

#content p { font-size: 9pt; color: #666; width: 90%; line-height: 15pt }
#content > h2:first-child { font-size: 18pt; color: #006996; margin-bottom: 5px; margin-top: 0px; font-weight: normal }

#footer { background-color: #F9F9F9; height: 53px; margin-top: 20px }
#footer #footnav li { list-style: none; }
#footer #footnav li a { float: left; text-decoration: none; display: block; color: #666;  padding: 15px 10px 0px 10px; font-size: 9pt  }
#footer #footnav li a:hover {  text-decoration: underline;   }

#social li { list-style: none; padding: 15px 10px 0px 10px; float: left }
#social > li:first-child { font-weight: bolder; color: #666 }

#credits { margin-top: 10px }
#credits p { font-size: 8pt; color: #666; padding: 10px; text-align: center } 
#credits strong { color: #666; font-weight: bolder }
#credits a { text-decoration: underline; color: #666 }