body {background: #eee; margin: 0; padding: 0; font-family: 'HelveticaNeue-Light', 'Trebuchet MS', 'Myriad Web CE', 'Lucida Grande', Lucida, Arial, sans-serif; color: #333; font-size: 14px; text-align: justify;}
a {text-decoration: underline;}
a:link {color: #c63;}
a:visited {color: #333;}
a:active, a:hover, a:focus {color: #f60;}
img {border: 0;}

.bold {font-weight: bold !important;}
.italic {font-style: italic !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.big {font-size: 20px !important;}
.small {font-size: 12px !important;}
.clearing {clear: both;}
.space {margin: 10px;}

/* MENU */

div#menukeeper {height: 50px; background: url(/layout/back_menu.png) repeat-x;}
div#menu {position: relative; width: 1000px; height: 50px; margin: 0 auto; padding: 0 20px;}
div#menu ul {list-style-type: none; margin: 0; padding: 0;}
div#menu li {display: block; margin: 0; padding: 0; height: 40px;}
div#menu li#menu_index {position: absolute; left: 0; bottom: 0; width: 160px;}
div#menu li#menu_index.opened {background: url(/layout/menu_index.png) no-repeat;}
div#menu li#menu_kontakt {position: absolute; left: 162px; bottom: 0; width: 110px;}
div#menu li#menu_kontakt.opened {background: url(/layout/menu_kontakt.png) no-repeat;}
div#menu li#menu_oferta {position: absolute; right: 329px; bottom: 0; width: 150px;}
div#menu li#menu_oferta.opened {background: url(/layout/menu_oferta.png) no-repeat;}
div#menu li#menu_realizacje {position: absolute; right: 77px; bottom: 0; width: 250px;}
div#menu li#menu_realizacje.opened {background: url(/layout/menu_realizacje.png) no-repeat;}
div#menu li#menu_ceny {position: absolute; right: 0; bottom: 0; width: 75px;}
div#menu li#menu_ceny.opened {background: url(/layout/menu_ceny.png) no-repeat;}
div#menu li a {display: block; margin: 0; padding: 6px 0 0 0; text-align: center; font-size: 20px; text-decoration: none;}
div#menu li a:link, div#menu li a:visited {color: #333;}
div#menu li a:active, div#menu li a:hover, div#menu li a:focus {color: #c63;}
div#menu li.opened a {color: #fff !important;}

/* GŁÓWKA */

div#headerkeeper {height: 200px; background: url(/layout/back_header.png) repeat-x;}
div#header {position: relative; width: 1000px; height: 200px; margin: 0 auto; padding: 0 20px;}
div#header h1 {position: relative; margin: 0; padding: 0; width: 1000px; height: 150px; background: url(/layout/logo.png) no-repeat;}
div#header h1 a {display: block; position: absolute; left: 290px; top: 20px; width: 435px; height: 120px;}
div#header h2 {margin: 0; padding: 0; width: 1000px; height: 45px; background: url(/layout/slogan.png) no-repeat;}
div#header * span {display: none;}

/* TREŚĆ */

div#contenkeeper {border-top: solid 1px #ccc;}
div#content {position: relative; width: 1000px; margin: 0 auto; padding: 0 20px;}
div#content h1 {margin: 0; padding: 0 0 15px 0; color: #c63; font-size: 28px; font-weight: normal;}
div#content h3 {margin: 0; padding: 10px 0 8px 0; color: #c63; font-size: 14px; font-weight: bold;}
div#content p {margin: 0; padding: 0 0 8px 0; line-height: 130%;}
div#content ul {margin: 0 0 6px 18px; padding: 0; list-style-image: url(/layout/point.png);}
div#content li {margin: 0; padding: 0; text-align: left; line-height: 130%;}

/* strona główna */
div#intropane {width: 325px; padding: 30px 0;}
div#intropane div {padding-right: 25px; border-right: solid 1px #c63;}
div#floatingpane {float: right; width: 650px; padding-top: 30px;}
div#offerpane {position: absolute; top: 50px; left: 350px; width: 300px;}
div#printofferpane {width: 300px; padding-bottom: 15px;}
div#netofferpane {float: right; width: 300px; padding-bottom: 15px;}
div#referencepane {clear: both; width: 650px; padding: 15px 0 10px 0; border-top: solid 1px #c63;}
div#referencepane p#referenceimage {margin: 0; padding: 0; width: 650px; height: 52px; background: url(/layout/klienci.png) no-repeat;}
div#referencepane p#referenceimage span {display: none;}
div#referencepane p.morelink {margin-top: 10px; text-align: right; font-size: 12px;}

/* podstrony - panel lewy */
div#contentpane {width: 675px; padding: 30px 0;}
div#contentpane div#linedrawer {padding-right: 25px; border-right: solid 1px #c63;}
div#contentpane div#leftcontent {width: 300px; padding-bottom: 15px;}
div#contentpane div#rightcontent {float: right; width: 300px; padding-bottom: 15px;}

/* podstrony - panel prawy */
div#rightpane {float: right; width: 300px; padding: 30px 0;}
div#rightpane p#stronnictwoimage {margin: 0; padding: 10px 0; width: 300px; height: 60px; background: url(/layout/stronnictwo.png) no-repeat 0 5px;}
div#rightpane p#stronnictwoimage span {display: none;}

/* podstrony - panel prawy, referencje */
div#references {width: 300px; margin-top: 20px; padding: 15px 0 10px 0; border-top: solid 1px #c63;}
div#references p#referenceimage {margin: 0; padding: 0; width: 300px; height: 90px; background: url(/layout/klienci_ref.png) no-repeat;}
div#references p#referenceimage span {display: none;}
div#references p.morelink {margin-top: 10px; text-align: right; font-size: 12px;}

/* podstrony - panel prawy, facebook */
div#facebook {width: 300px; margin-top: 20px; padding: 15px 0 10px 0; border-top: solid 1px #c63; display: none;}
div#facebook a#facebooklink {margin: 0; padding: 0; width: 300px; height: 90px; background: url(/layout/klienci_ref.png) no-repeat; display: none;}
div#facebook a#facebooklink span {display: none;}

/* podstrony - formularz kontaktowy */
div#messageform {float: right; width: 300px; padding: 0;}
div#messageform input {width: 292px; padding: 3px; border: solid 1px #ccc;}
div#messageform textarea {width: 292px; height: 200px; padding: 3px; border: solid 1px #ccc;}
div#messageform p#submitbutton input {width: 100px; color: #c64; background-color: #ddd; border: solid 1px #c64;}
div#messageform p#formsentmessage {padding: 0; margin-bottom: 6px; color: #c64;}
div#messageform p#formsentmessageerror {padding: 2px 6px; margin-bottom: 6px; border-left: solid 6px red; border-right: solid 6px red; text-align: center; background-color: #999; color: #fff;}
div#messageform p#formsentmessageerror a {color: #fff !important; text-decoration: none;}
div#messageform p#formsentmessageok {padding: 2px 6px; margin-bottom: 6px; border-left: solid 3px green; border-right: solid 3px green; text-align: center; background-color: #ccc; color: #333;}

/* podstrony - tabela z realizacjami */
table.portfolio {border-spacing: 6px;}
table.portfolio td {width: 150px; height: 120px; text-align: center; border: solid 1px #ccc;}
table.portfolio td.empty {border: 0;}


/* STOPKA */

div#footerkeeper {clear: both; height: 20px; border-top: solid 1px #ccc;}
div#footer {position: relative; width: 1000px; height: 20px; margin: 0 auto; padding: 0 20px;}
div#footer p {margin: 0; padding: 0; font-size: 10px; color: #999;}
div#footer p#leftfoot {float: left;}
div#footer p#rightfoot {float: right;}
div#footer a {text-decoration: none;}
div#footer a:link, div#footer a:visited {color: #999;}
div#footer a:active, div#footer a:hover, div#footer a:focus {color: #c63;}