* {padding:0px;margin:0px;}
HTML {}
body{background:#041d2b;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#ffffff;}

img {border:0px none;}

.both {clear:both;}
.prawe {float:right;}
.lewe {float:left;}

h1 {font-size:23px; font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; font-weight:normal;}
h2 {font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#e2ac18; font-weight:normal;}
h3 {font-size:11px; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#ffffff;}
h4 {font-size:11px; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#b6b6b6; font-weight:normal;}

a {color:#e4ac18; text-decoration: underline; outline:none;}
a:hover {color:#e4ac18; text-decoration: none;}

fieldset {border:0px none;}
input {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
textarea {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
select {font-size:11px;}

ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0; list-style-position:inside;}
ul.folio li img { border: 1px solid #ffffff }

p {line-height:16px;}

/* ======= boxes layout ======== */

#container {width:955px; margin:0 auto 0; position:relative;}
	.left_bg { position: absolute;width:218px; height:496px; background:url(images/bg_left_top.jpg) no-repeat; left:-218px;}

#header {width:100%; background:#ffffff;}
.inheader {width:955px; margin: 0 auto 0; height:100px; max-height:100px}

#top {width:555px; background:url(images/top.jpg) no-repeat left top;padding:45px 0 0 400px;}
.height-218 {height:173px; max-height:218px; }
.height-154 {height:109px; max-height:154px;}

#layer1 {width:955px; background:url(images/layer1_bg.jpg) repeat-y;}

#layer2 {width:954px; border:1px #093750 solid; border-width:0 0 1px 1px; padding-bottom:5px;}

#wrapper {width:954px; border:1px #093750 solid; border-width:1px 0 1px 1px; padding-bottom:5px;}

#left {width:580px; float:left; padding:20px 20px 15px 30px;}

#right {width:315px; float:right;}

#footer {width:905px; padding:10px 25px 15px 25px;}

/* ======= strona glówna ======= */

/* logo */
.inheader img {margin:3px 0 0 25px;}

/* menu */
.inheader ul {float:right; margin:30px 15px 0 0}
.inheader ul li {display:inline;font-family:Georgia, "Times New Roman", Times, serif;font-size:17px; }
.inheader ul li a { display:block; float:left;color:#093750; text-decoration:none;padding:10px; height:26px;}
.inheader ul li a:hover {background:#e4ac18 url(images/menu_a_hover.jpg) no-repeat center; color:#ffffff;}

/* top */
#top p {width:500px; right:0; padding-top:20px; line-height:20px;}
#top h1 {font-size:32px; line-height:30px;}

/* box aktualnosci */
.news {width:260px; background:url(images/news_box_bg_right.jpg) no-repeat right top; padding:20px 35px 15px 25px;}
.news h1 span {float:right; font-size:11px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; padding-top:6px;}
.news ul {padding-top:10px;}
.news ul li { padding:10px 0 10px 0;}
.news ul li.border {border-bottom:1px #0a4e72 dotted;}
.news ul li h4 {padding-bottom:10px;}
.news ul li h4 span {background:#041d2b; padding:5px; color:#e4ac18; font-weight:bold;}
.news ul li p {padding:5px 0 5px 0;}

/* box wybrane realizacje */
.wybrane {width:255px; background:url(images/portfolio_box_bg_left.jpg) no-repeat top left; padding:20px 25px 15px 35px; height:220px; min-height:230px;}
.wybrane img {margin:20px 0 10px 0;}
.wybrane h4 a {color:#b6b6b6;}
.wybrane p {padding:10px 0 0 0;}

/* box kontakt */
.contact {width:255px; background:url(images/contact_box_bg.jpg) no-repeat bottom right; padding:20px 40px 25px 0; color:#041d2b; height:230px; min-height:230px}
.contact h1 {color:#041d2b;}
.contact dl {padding:20px 0 20px 2px; line-height:16px;}
.contact dl dt {font-size:12px; font-weight:bold;}
.contact dl dd a {color:#041d2b;}
.contact a.form {text-decoration:none; background:#041d2b; padding:7px 10px 7px 10px;}
.contact a.form:hover {background:#e2ac18; color:#ffffff;}
.item { width:255px;position:relative;}

/* box1 (rozwiazania) */
.box1 {width:272px; border-right:1px #093750 solid; margin:20px 0 20px 0; padding:0 20px 10px 25px;}
.box1 h1 {color:#e4ac18}
.box1 p {padding:15px 0 0 0; line-height:18px;}

/* box2 (pozycjonowanie) */
.box2 {width:267px;margin:20px 0 20px 0; padding:0 20px 0 25px;}
.box2 h1 {color:#e4ac18}
.box2 p {padding:15px 0 0 0; line-height:18px;}

/* box co robimy? */
.corobimy {width:265px; background:#093750 url(images/whatwedo_box_bg_top.jpg) no-repeat top left; padding:35px 25px 20px 25px;}
.corobimy ul {padding-top:15px;}
.corobimy ul li {padding-left:20px; background:url(images/ico_bullet1.jpg) no-repeat 0 7px; line-height:21px;}

/* stopka */
#footer p {color:#437d9c;}
#footer p a {color:#447d9d;}
#footer p a.link {font-weight:bold; color:#e4ac18;text-decoration:none;}
#footer ul li {display:inline; padding-left:10px;}
#footer ul li a {text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}

/* ======= podstrona ======= */

/* menu pionowe */
.menu-right {width:315px; background:#093750; margin-bottom:5px;}
.menu-right ul li {border-bottom:1px #0a5177 solid;}
.menu-right ul li a {display:block; width:270px; padding:12px 0 12px 45px; background:url(images/ico_bullet1.jpg) no-repeat 25px 15px; color:#ffffff; font-weight:bold; text-decoration:none;}
.menu-right ul li a:hover {background:#0b4b6e url(images/ico_bullet2.jpg) no-repeat 25px 15px; color:#e4ac18;}

/* box kontakt */
.inright {width:265px; background:#ffffff url(images/contact_box_bg.jpg) no-repeat bottom right; padding:20px 25px 25px 25px; color:#041d2b; height:230px; min-height:230px}

/* lewa kolumna */
#left h1 {color:#e4ac18; padding-bottom:20px;}
#left p {padding:10px 0 10px 0; line-height:18px;}

#left ul.prev-next {text-align:center;}
#left ul.prev-next li {display:inline; color:#0b4b6e; padding:0 2px 0 2px;}
#left ul.prev-next li a {color:#437d9c; text-decoration:none;}
#left ul.prev-next li a:hover {text-decoration:underline;}

#left ul.folio {padding-top:20px;}
#left ul.folio li {height:160px; padding:10px 0 10px 0; margin:5px 0 5px 0;}
#left ul.folio li img {float:left; margin:0 20px 5px 0;}
#left ul.folio li h3 {font-size:12px;}
#left ul.folio li p {padding:10px 0 10px 0; line-height:18px;}
#left ul.folio li a {margin-right:10px;}

#left table {width:100%; margin:10px 0 10px;}
#left td {width:50%; vertical-align:top; padding:20px; }
#left td h3 {color:#e4ac18;}
#left td ul {padding-bottom:10px;}
#left td ul li {padding-left:20px; background: url(images/ico_bullet3.jpg) no-repeat 0 5px; line-height:18px;}
.border-left {border-left:1px #093750 solid;}
.border-bottom {border-bottom:1px #093750 solid;}

/* dane kontaktowe */
#left dl {padding:20px 0 20px 0; line-height:16px;}
#left dl dt {font-weight:bold;}
#left dl dd a {color:#ffffff;}
#left fieldset {float:right; width:320px; padding-right:40px;}
#left fieldset input {width:260px; padding:10px; background:#041D2B; color:#447d9d; border:1px #093750 solid; margin:5px 0 5px 0;}
#left fieldset textarea {width:300px; height:200px; padding:10px; background:#041D2B; color:#447d9d; border:1px #093750 solid; margin:5px 0 5px 0}
#left fieldset .wyslij {width:150px; text-align:center;color:#ffffff; border:1px #093750 solid; background:#093750;padding:10px; float:right;}
#left fieldset h3 {padding-bottom:20px;}


