/* commons */
html { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; text-align: center; background: #93cec0 url(img/back-body.gif) top left repeat-x; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 13px; color: #503e06; }
p { padding: 0 0 22px 0; margin: 0; line-height: 1.6em; }
p.bigText { font-size: 14px; }
a { color: #503e06; }
a.moreInfo { color: #fff; }

h1, h2 { font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 10px 0; color: #503e06; }
h1.titleList, h2.tutleList { font-size: 14px; padding-bottom: 5px; font-weight: normal; }
img { border: 0; }

div.container { clear: both; width: 960px; margin: 0 auto; text-align: left; }
div.header { width: 960px; height: 380px; position: relative; background: transparent url(img/back-header.gif) top left no-repeat; }
div.footer { width: 766px; padding: 0 30px 0 164px; }
div.content { width: 766px; padding: 0 30px 0 164px; float: left; position: relative; }

div.wide { width: 766px; padding: 0 0 0 0; float: left; clear: both; }
div.padRight { width: 660px; padding: 0 114px 0 0; float: left; clear: both; }
div.padLeft { width: 660px; padding: 0 0 0 114px; float: left; clear: both; }

/* header */
div.header div.logo { position: absolute; top: 72px; left: 20px; }

div.header ul { list-style-type: none; margin: 0; padding: 0; float: left; position: absolute; }
div.header div.mainMenu { position: absolute; width: 245px; height: 200px; top: 160px; left: 20px; }
div.header div.mainMenu ul li { float: right; margin-bottom: 5px; min-width: 130px;}
div.header div.mainMenu a { padding: 7px 8px 6px 20px; white-space: nowrap; display: block; text-align: right; background-color: #784907; text-decoration: none; color: #fff; font-size: 16px; font-weight: normal; }
div.header div.mainMenu a:hover, div.header div.mainMenu a.selected { color: #93cec0; }

div.header div.subMenu { position: absolute; width: 250px; height: 200px; top: 175px; left: 275px; }
div.header div.subMenu ul li { float: left; clear: both; margin-bottom: 5px; }
div.header div.subMenu a { padding: 5px 20px 6px 10px; white-space: nowrap; display: block; text-align: right; color: #93cec0; text-decoration: none; font-weight: bold; background: transparent url(img/back-white-alpha50.png) top left repeat; }
div.header div.subMenu a:hover, div.header div.subMenu a.selected { color: #503e06; }

div.header div.claim { position: absolute; float: left; top: 93px; left: 530px; }
div.header div.claim p { font-size: 14px; font-style: italic; font-weight: normal; line-height: 1.5em; padding-bottom: 5px; }
div.header div.claim p.signature { text-align: right; padding-right: 20px; }

/* content */
div.content h2.hrLogo { height: 42px; padding: 10px 0 10px 46px; background: transparent url(img/back-title.gif) top left no-repeat; font-weight: bold; }
div.content h2.hr { padding: 0; margin-bottom: 10px; border-bottom: 1px solid #fff; color: #fff; font-weight: bold; }

div.content div.twoCols { float: left; }
div.content div.twoCols div.hcl { width: 49%; float: left; }
div.content div.twoCols div.hcr { width: 49%; float: right; }
div.content div.twoCols div p { padding-right: 20px; }

div.content div.threeCols { float: left; }
div.content div.threeCols div.col { width: 210px; float: left; padding-right: 15px; overflow: hidden; }
div.content div.threeCols div.lastCol { padding-right: 0px; }

p.linkedIn span { float: left; padding: 1px 10px 20px 0; }

div.paragraphImages { float: left; width: 127px; padding-right: 2em; }
div.paragraphImages img { padding-bottom: 1em; }

div.partners { float: left; padding-bottom: 20px; }
div.partners img { margin: 0 6px 6px 0; }

form { }
form label { float: left; font-size: 16px; font-weight: bold; color: #784907; padding: 2px 10px 0 20px; }
form input.text { float: left; font-size: 16px; border: 1px solid #9892a9; color: #503e06; }
form input.button { float: right; border: none; background: transparent url(img/back-white-alpha50.png) top left repeat; padding: 5px 20px; color: #503e06; font-weight: bold; cursor: pointer; }

div.field { float: right; text-align: right; padding: 0 0 15px 0; }
div.buttons { float: right; width: 100%; }

div.mapContent { width: 610px; height: 470px; padding: 5px; background-color: #cfe9e3; margin-bottom: 20px; }
div.mapContent iframe { width: 600px; height: 460px; border: 5px solid #724506; }

/* detail "PopUp" */
div.detailPopUp { display: none; position: absolute; z-index: 1000; top: 0; left: 0; border: 5px solid #89bfb3; background-color: #784907; padding: 3px; }
div.detailPopUp div.detailContent { position: relative; width: 315px; background-color: #fff; padding: 24px 12px 12px 12px; }
div.detailPopUp a.closePopUp { position: absolute; top: 6px; left: 320px; font-weight: bold; text-decoration: none; }
div.detailPopUp div.detailContent p { font-size: 12px; }
div.detailPopUp div.detailContent p.iconContent { padding-bottom: 0px; }
div.detailPopUp div.detailContent p.logos { padding-bottom: 0px; }
div.detailPopUp div.detailContent p.logos img { padding: 20px 10px 0 0; }

/* link icon*/
p.iconContent { float: left; padding-bottom: 40px; }
.icon { display: block; float: left; width: 34px; height: 34px; background-color: transparent; margin-right: 1px; background-position: left top; background-repeat: no-repeat; }
a.icon span { display: none; }
.brown { background-image: url(img/back-icons-brown.gif); }
.green { background-image: url(img/back-icons-green.gif); }

.brown-on-white { background-image: url(img/back-icons-brown-on-white.gif); }
.green-on-white { background-image: url(img/back-icons-green-on-white.gif); }

.megafono { background-position: 0 0; }
.globo { background-position: -35px 0; }
.equalizzatore { background-position: -70px 0; }
.grafico { background-position: -105px 0; }
.compasso { background-position: -140px 0; }
.bussola { background-position: -175px 0; }
.ingranaggio { background-position: -210px 0; }
.forbice { background-position: -245px 0; }
.lucchetto { background-position: -280px 0; }
.software { background-position: -315px 0; }
.yingyang { background-position: -350px 0; }
.vuoto { background-position: -385px 0; }

.chiave { background-position: 0 0; }
.carrello { background-position: -35px 0; }
.furgone { background-position: -70px 0; }
.dollaro { background-position: -105px 0; }
.telefonino { background-position: -140px 0; }
.sole { background-position: -175px 0; }
.aereo { background-position: -210px 0; }
.bandiera { background-position: -245px 0; }
.croce { background-position: -280px 0; }
.cibo { background-position: -315px 0; }
.ponte { background-position: -350px 0; }

/* footer */
div.footer p { font-size: 10px; }

/* splash */
body.splash div.header { background: none; height: 310px; }
body.splash div.plashContainer { float: left; background: transparent url(img/back-header.gif) top left no-repeat; }