html, body, ul, li {margin:0;padding:0;}
img {border:0;margin:0;padding:0}
hr {display:none}

html {width:100%;background:#fff url(gfx/tlo3.jpg) top center repeat-y;} /* #c2d5d2 */
body {padding-top:100px;margin:0 auto;width:932px;font:12px 'trebuchet ms'}
#main {width:818px;height:510px;margin:0 0 80px 67px;position:relative;}

#dTop {height:18px;background-image:url(gfx/mtop.jpg);}
#dBottom {height:18px;background-image:url(gfx/mbottom.jpg);clear:both;}
#dLeft {height:474px;width:18px;background-image:url(gfx/mleft.jpg);float:left;}

#logo {background:#606060 url(gfx/logo.jpg);color:#ffffff;
float:left;width:315px;position:relative;min-height:474px;overflow:hidden}
#logo #hslogan {position:absolute;left:45px;top:192px;line-height:2.2em;}
#logo h1 {margin:0;font-size:2.8em;font-weight:normal;letter-spacing:0;}
#logo h1 a {text-decoration:none;color:#fff}
#logo h1 a:focus, #logo h1 a:active {text-decoration:underline}
#event_pop {padding:3px 8px 3px 19px;width:153px;height:70px;background:url(gfx/event.png);color:#353535;
position:absolute;left:100px;top:370px;font:0.85em 'Trebuchet MS';line-height:110%}
#event_pop h2 {font-size:1.1em;margin:6px 1px 6px 15px }
#event_pop a:link,#event_pop a:visited{color:#000}
#event_pop a:active,#event_pop a:focus,#event_pop a:hover{text-decoration:none}

#content {float:right;}
#content .ieSux {color:#4b4b4b;width:455px;min-height:474px;padding-right:30px;background:#ebebeb url(gfx/content_bg.jpg) right top;}
#content h2 {font:2.2em tahoma, verdana;margin:0 0 8px;padding-left:15px;color:#696969;letter-spacing:-2px;background:url(gfx/hbg.png) left 82% no-repeat;}
#content h2 strong {letter-spacing:-1px;}
#content h2.first {background-image:url(gfx/hbg_first.png);}
#content .ieSux div p, #content .ieSux div h3 {margin:5px 20px 10px 0;text-align:justify}
#content .ieSux div {padding-right:90px;margin-left:30px}
#content #intro {padding:0;margin:0;}
#content #intro p, #content #intro h3 {margin:5px 90px 10px 30px;text-align:left}
#content h3 {color:#0d63b8;font-size:1.1em}
#content .ieSux div ul {list-style-type: disc;padding-left:30px}
#content .ieSux div ul li {margin:8px 0}
#content .ieSux div ul.circle {list-style-type: circle;}
#content .ieSux #intro ul {padding-left:45px;}

#content a.previous {float:left}
#content a.next {float:right}
a.previous, a.next {color:#0D63B8;font-weight:bold}
/*a.previous:link, a.next:link {color:#0D63B8;font-weight:bold}
a.previous:visited, a.next:visited {color:#0D63B8;font-weight:normal}*/
a.previous:hover, a.next:hover, a.previous:focus, a.next:focus, a.previous:active, a.next:active {text-decoration:none}

#content a.goindex {display:block;clear:both}

/* dodatkowy div konieczny dla ie6 - 'The multiple #id.class bug' */
#content.public-relations .ieSux {background-image:url(gfx/content_bg_pr.jpg)}
#content.reklama .ieSux {background-image:url(gfx/content_bg_rek.jpg)}
#content.turystyka .ieSux {background-image:url(gfx/content_bg_tur.jpg)}
#content.kontakt .ieSux {background-image:url(gfx/content_bg_kon.jpg)}
#content.index .ieSux {background-image:url(gfx/content_bg_index.jpg)}

ul#services {list-style-type:none;margin-left:6px;position:absolute;bottom:54px}
ul#services li {display:block;float:left}
ul#services img {float:left;width:453px;height:58px;}

#foot-menu {display:none}

#footer {color:#4e4e4e;text-align:center;margin:0 auto 50px 400px;text-transform:lowercase}
#footer p {margin:0;}
#footer a:link, #footer a:visited {color:#4e4e4e;text-decoration:underline}
#footer a:active, #footer a:hover, #footer a:focus {color:#4e4e4e;text-decoration:none}