/*CSS by Massimo Morandi @ ferrise.ch x brontallo.com*/

@font-face {
font-family: "CABNDWebBold";
src: url("CABNDWebBold.eot");
src: local("CA BND Web"), local("CABNDWebBold"), url("type/CABNDWebBold.woff") format("woff"), url("type/CABNDWebBold.ttf") format("truetype"), url("type/CABNDWebBold.svg#CABNDWebBold") format("svg");
}

* {margin: 0; padding: 0;}
html {padding-bottom: 20px;}
body {font: 12px Arial, sans-serif; color: #444; background: #F4F5EF;}

ul {list-style: none; list-style-position: inside; margin: 0;}
h1, h2, h3, h4, h5 {clear: both; font-family: Arial, Tahoma, sans-serif; font-weight: bold; line-height: 110%;}
h1 {font-size: 22px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
img {border: none; margin: 0; padding: 0;}
#slideshow img {display: block;}
p, ul, ol, table {line-height: 120%;}

a:link, a:visited {font-weight: bold; text-decoration: none; color: #333;}
a:hover, a:active {font-weight: bold; color: #666; text-decoration: underline;}
.active, a.active {color: #FFC800 !important;}
small a {color: #333 !important; font-size: 11px;}
.backlink a {clear: both; font-weight: bold !important;}

table {table-layout: fixed; width: 100%; margin: 15px 0; border-collapse: separate; border-spacing: 0; font-size: 12px; text-align: left;}
tbody td {padding: 8px 0; border-top: 1px dotted #CCC; padding: 5px 10px;}
tbody td.date {width: 20%;}

#wrapper {clear: both; width: 1000px; margin: 0 auto;}
#header {position: relative; height: 130px; padding: 0 15px;}
#header, #content {background: #EAEBE6;}

#logo {position: absolute; top: 0; right: 15px;} 

.language {float: left;}
.language a:link, .language a:visited {font-weight: bold; text-decoration: none; color: #333;}
.language a:hover, .language a:active {color: #FFC800;}

#menu {float: left; clear: both; margin-top: 55px;}
#menu li, .language li {float: left; margin-right: 5px; background: #FFF;}
#menu li a, .language li {display: block; padding: 6px 4px;}
#menu a:link, #menu a:visited {font-weight: bold; text-decoration: none; color: #333;}
#menu a:hover, #menu a:active {color: #FFC800;}

.submenu {float: left; clear: both; width: 180px; margin: 0 15px 0 0;}
.submenu li a {display: block; margin: 0 0 1px 0; padding: 5px 5px; background: #CCC; font-weight: normal; text-decoration: none;}
.submenu li ul li a {padding: 3px 5px; background: #E3E3E3;}
.submenu li a.active, .submenu li ul li.active a {color: #333 !important; font-weight: bold;}

#visual {position: relative;}
#visual.home {height: 340px;}
#visual {height: 240px;}
#show {width: 1000px; height: 240px;}
#show.home {height: 340px;}

#slogan {position: absolute; top: 50%; z-index: 100000; width: 100%; height: 100px; background: url(images/3.png) no-repeat;}
#slogan.growth {background: url(images/13.png) no-repeat;}
#slogan.traditions {background: url(images/14.png) no-repeat;}
#slogan p {font-family: "CABNDWebBold", Arial, sans-serif; padding: 30px 0 0 220px; width: 60%; font-size: 25px; line-height: 100%; color: #FFF; font-weight: bold;}

#content {clear: both; float: left; width: 985px; padding: 15px 15px 15px 0;}
#content.pad {padding: 15px; width: 970px;}

#content .column {float: left; width: 180px; margin-right: 15px;}
#content .column h2 {font-size: 12px; margin-bottom: 15px;}
#content .column h3 {font-size: 12px; margin-bottom: 5px;}
#content .welcome {font-size: 14px; border-top: 1px solid #CCC; padding-top: 10px;}

#content .focus_projects a:hover, #content .focus_traditions a:hover {background: url(images/11.png);}
#content .focus_projects, #content .focus_traditions, #content .progetto {width: 150px;}

#content .focus_projects, 
#content .focus_traditions {display: block; padding: 15px; font-size: 12px; line-height: 110%; color: #333;}

#content .focus_projects, 
#content .focus_traditions {height: 85px; margin-bottom: 15px;}

#content .focus_projects {background: #CBCC33 url(images/18.gif) no-repeat 150px 82px;}
#content .focus_projects:hover {background: url(images/7.jpg) no-repeat;}

#content .focus_traditions {background: #6DCBED url(images/17.gif) no-repeat 150px 82px;}
#content .focus_traditions:hover {background: url(images/8.jpg) no-repeat;}

#content .news, #content .magazine,  #content .progetto {padding: 15px;}
#content .news, #content .magazine {background: #FFF; width: 155px;}
#content .progetto img {margin-bottom: 10px;}
#content .projects .progetto {background: #E2E2B1;}
#content .traditions .progetto {background: #C9E1E9;}

#content .news .date {font-size: 11px; margin-top: 15px;}
#content .magazine {margin-right: 0;}
#content .magazine img {margin-bottom: 15px;}

#maincontent, #contextual {float: left;}
#maincontent {width: 555px; min-height: 200px; margin: 0 15px 0 0; padding: 15px 20px; background: #FFF;}
#maincontent.single {margin-left: 195px;}


#maincontent h1 {margin: 0 0 15px 0; color: #6DCBED;}
#maincontent.project h1, #maincontent h2.green {color: #CBCC33;}
#maincontent h2.blu {color: #6DCBED;}

#maincontent h2 {margin: 25px 0 5px 0; color: #333;}
#maincontent h2.green {font-size: 20px;}
#maincontent h2.blu {font-size: 20px;}
#maincontent h3 {margin: 0 0 3px 0;}
#maincontent h4 {margin: 15px 0 0 0;}

#maincontent p {margin: 0 0 15px 0; line-height: 140%;}
#maincontent p.date {margin: 0 !important; color: #999;}
#maincontent p a {text-decoration: underline; font-weight: normal;}
#maincontent ul {list-style: url(images/125.gif); margin: 15px 0; padding: 0 0 0 30px;}
#maincontent ul li {margin: 0 0 5px 0;}
#maincontent ul.gallery {float: left; width: 100%; list-style: none; padding: 0;}
#maincontent ul.gallery li {float: left; margin: 0 10px 6px 0;}
#maincontent iframe, #maincontent .cam {padding: 10px; border: 1px dotted #CCC;}
#maincontent .indexitem {padding: 10px 0 0 0; border-top: 1px dotted #CCC;}

#maincontent ul.filelist {padding: 0 !important;}
#maincontent ul.filelist li {list-style: none; margin: 0 0 15px 0; font-size: 14px;}
#maincontent ul.filelist li img {vertical-align: top; margin-right: 10px;}

#contextual {width: 180px;}

#content .listitem {margin: 0 0 15px 0;}
#content .listitem .date {margin: 0 0 0 0; font-size: 11px;}
#content .listitem h2 {font-size: 14px; margin: 0 0 3px 0;}
#content .listitem p {margin: 0 !important;}

#footer {clear: left; float: right; margin-top: 15px; padding: 10px 0; border: dotted #CCC; border-width: 1px 0; font-size: 11px; color: #666;}
#footer li {float: left; margin-left: 15px;}
#footer a {color: #333;}
#footer .agency {margin: 0 60px 0 0;}

input, textarea, select {font: 12px Verdana, sans-serif; color: #FFF;}
input, textarea {padding: 3px; margin-top: 0 !important;}
input.zemText {width: 250px; border: 1px solid #FFF;}
input.zemText {background: #4C6066;}
input.zemText:focus, textarea.zemTextarea:focus {background: #666;}

form .title {clear: both; margin: 20px 0 20px 0 !important; padding: 2px 0 0 0; font-size: 18px; color: #4C6066;}
form ul {padding-left: 0 !important;}
form ul li {list-style: none; padding: 0 !important; margin: 0 0 7px 0 !important;}
form label {}
form label {width: 150px;}
form label.zemRadio, form label.zemCheckbox {display: inline; float: none; padding: 0 15px 0 0;}
form input.zemCheckbox {margin: 0 5px 2px 0;}

.zemContactForm .zemError {margin-bottom: 10px;}
.zemContactForm .zemError li {margin: 0 !important; color: red;}
.zemThanks .success {font-size: 14px;}
.zemContactForm p.submit {margin: 20px 0 0 0 !important; text-align: left;}
.zemContactForm .zemSubmit {width: 100px; padding: 5px 0 !important; border: 0; background: #4C6066; color: #FFF;}
.zemContactForm .zemSubmit:hover {background: green;}