html, body { width: auto; height: 100%; }

body {width: 100%; display: table; margin: 0px; padding: 0px; font-family: Verdana; font-size: 11px; color: black; font-weight: normal; background-color: black; }
div#logo { margin-left: 25px; margin-top: 161px; width: 291px; height: 45px; float: left; background: url(../images/logo.jpg) no-repeat; }

td { width: 100%; vertical-align: middle; color: white; font-family: Verdana; font-size: 11px; line-height: 170%; margin-top: 114px; }
td p { margin-left: 39px; }

/*<><><>PORTFOLIO<><><>*/
div#bodyBackgroundPortfolio {  height: 400px; float: left; }
div.folio { height: 400px; float: left; }
div#portfolioInfo { width: 302px; height: 400px; float: left; background-color: black; }
div.portfolioInfoText { margin-top: 162px; padding-left: 30px; display:inline; width: 250px; height: 52px; float: left; color: white; }
img { margin: 0px; padding: 0px; }

/*<><><>KONTAKT<><><>*/
div#bodyBackgroundKontakt { width: 1800px; height: 400px; float: left; }
input {padding: 0px; margin: 0px; font-family: Verdana; font-size: 11px; color: black; background-color: #E9E7E7; width: 250px; height: 20px; float: left; border: 0px; }
div#bodyBackgroundKontaktSecond { width: 602px; height: 400px; float: left; background-color: #ff9000; }
div#bodyBackgroundKontaktSecondText { width: 550px; height: 145px; float: left; }
div#bodyBackgroundKontaktSecondText p { line-height: 170%; margin-top: 78px; margin-left: 39px; display: inline; color: black; }
div#bodyBackgroundKontaktSecondForm { margin: 0px; padding: 0px; margin-left: 43px; margin-top: 7px; float: left; width: 420px; height: 100px; min-height: 100px; }
html>body div#bodyBackgroundKontaktSecondForm { height: auto; }
div.formArea { margin-bottom: 5px; background-color: #E9E7E7; width: 378px; height: 27px; float: left; margin-top: 3px; }
div.inputs { padding: 0px; margin-top: 5px; width: 250px; height: 20px; float: left; }
div.inputs input {padding: 0px; margin: 0px; font-family: Verdana; font-size: 11px; color: black; background-color: #E9E7E7; width: 250px; height: 20px; float: left; border: 0px; }
div.labels { margin-left: 15px; display:inline; margin-top: 4px; color: black; width: 100px; height: 14px; float: left; }
div.textareas { margin-bottom: 2px; background-color: #E9E7E7; width: 378px; height: 100px; float: left; margin-top: 3px; }
div.textareas textarea { margin-top: 5px; overflow: hidden; font-family: Verdana; font-size: 11px; color: black; background-color: #E9E7E7; width: 250px; height: 90px; float: left; border: 0px; }
div.buttons { margin-top: 1px; width: 420px; height: 20px; float: left; text-align: left; }
div.buttons input { font-size: 10px; background-color: white; color: black; padding: 0px; width: auto; height: 20px; float: left; border: 0px; }

div#bodyBackgroundKontaktThird { width: 602px; height: 400px; float: left; background-color: #ea8706; }
div#bodyBackgroundKontaktThirdText { width: 550px; height: 145px; float: left; }
div#bodyBackgroundKontaktThirdText p { line-height: 158%; margin-top: 84px; margin-left: 75px; color: white; }

/*<><><>GLOBALNIE<><><>*/
div#menu { width: 538px; height: 34px; float: left; color: white; background-color: #333333;  }
div#currentActive { width: 538px; height: 8px; float: left; overflow: hidden; }
div.button {float: left; color: #939393; display: inline; margin-top: 12px;}
div.button a { color: #939393; }
div.button a:hover { color: white; }
div.currentButton {font-weight: bold; float: left; color: white; display: inline; margin-top: 12px;}
div.currentButton a { font-weight: bold; text-decoration: none; color: white; }
div.currentButton a:hover { font-weight: bold; text-decoration: none; color: white; }

div#podMenu { width: 538px; height: 42px; float: left; color: white; background-color: #FFFFFF; }
div#podMenuElementy {width: 510px; height: 11px; margin-top: 12px; margin-left: 15px; font-size: 11px; padding: 0px;  }
div#podMenuElementy a:hover { color: black; }
div#podMenuJak { width: 446px; height: 42px; float: right; color: white; background-color: #FFFFFF; }
div#podMenuElementyJak {width: 446px; height: 11px; margin-top: 12px; float: left; font-size: 11px; padding: 0px;  }
div#podMenuKontakt { width: 253px; height: 42px; float: right; color: white; background-color: #FFFFFF; }
div#podMenuElementyKontakt {width: 253px; height: 11px; margin-top: 11px; margin-left: 15px; font-size: 11px; padding: 0px;  }
div#podMenuKim { width: 538px; height: 42px; float: left; color: white; }
div#podMenuOnas { width: 253px; height: 42px; float: left; color: white; background-color: #FFFFFF; }
div#podMenuElementyOnas {width: 253px; height: 11px; margin-top: 12px; margin-left: 15px; font-size: 11px; padding: 0px;  }
div#podMenuElementyJak a { cursor:pointer; }
div#podMenuElementyOnas a { cursor:pointer; }
div#podMenuElementyKontakt a { cursor:pointer; }

/*TITLE*/
#kimTitle { width: 160px; height: 28px; float: left; background: url(../images/kimTitle_160x28.jpg) no-repeat; margin-top: 4px; }
#notaTitle { width: 136px; height: 28px; float: left; background: url(../images/notaTitle_136x28.jpg) no-repeat; margin-top: 4px; }
#ofertaTitle { width: 132px; height: 23px; float: left; background: url(../images/ofertaTitle_132x23.jpg) no-repeat; margin-top: 8px; }
#logotypTitle { width: 100px; height: 28px; float: left; background: url(../images/logotypTitle_100x28.jpg) no-repeat; margin-top: 8px; }
#poligrafiaTitle { width: 101px; height: 28px; float: left; background: url(../images/poligrafiaTitle_101x28.jpg) no-repeat; margin-top: 7px; }
#internetTitle { width: 206px; height: 28px; float: left; background: url(../images/internetTitle_206x28.jpg) no-repeat; margin-top: 7px; }
#copywritingTitle { width: 133px; height: 29px; float: left; background: url(../images/copywritingTitle_133x29.jpg) no-repeat; margin-top: 7px; }
#kontaktTitle { width: 87px; height: 23px; float: left; background: url(../images/kontaktTitle_87x23.jpg) no-repeat; margin-top: 3px; }
#formTitle { width: 239px; height: 29px; float: left; background: url(../images/formTitle_239x29.jpg) no-repeat; margin: 0px; padding: 0px; }

div#footer { width: 538px; height: 34px; float: left; text-align: right; }
div#footer p { color: #939393; font-size: 10px; }

a { font-weight: normal; color: black; text-decoration: none; }
a:hover { font-weight: normal; color: black; text-decoration: none; }