* {
    padding: 0;
    margin: 0;
    font: 10px Verdana, Arial, sans-serif;
    color: #333
    }
body {
    background: #FFF url(/images/bg.gif) repeat-y 50% 0;
    background-attachment: fixed;
    text-align: center
    }
img {
    display: block
    }
h1, h1 a {
    font: 14px Verdana, Arial, sans-serif;
    padding: 5px 0
    }
h2 {
    font: italic 11px Verdana, Arial, sans-serif;
    padding: 10px 0 5px 0
    }
p {
    padding: 3px 0 3px 0
    }
a {
    color: #688;
    text-decoration: none
    }
a:hover {
    color: #333;
    background-color: #DEE
    }
#container {
    margin: 0 auto;
    /* width: 720px;*/
    width: 720px;
    text-align: left
    }
#logo {
    margin: 200px 0 0 0;
    padding: 0;
    float: left;
    display: block;
    position: relative;
    width: 150px;
    height: 65px;
    overflow: hidden
    }
#logo a.image {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 150px;
    height: 65px;
    margin: 0;
    padding: 0;
    background: url(/images/logo.png) top left no-repeat
    }
#left {
    float: left;
    width: 150px
    }
#center {
    float: left;
    /* width: 350px;*/
    width: 360px
    }
#right {
    float: left;
    width: 210px
    }
#content {
    /* margin: 60px 0 0 20px;*/
    margin: 60px 0 0 20px
    }
#info {
    margin: 390px 0 0 20px
    }
#footer {
    font: 9px Verdana, Arial, sans-serif;
    color: #FFF;
    margin: 0 20px 25px 150px;
    width: 310px;
    text-align: center;
    line-height: 18px;
    clear: both
    }
#footer a {
    font: 9px Verdana, Arial, sans-serif;
    color: #688
    }
#footer a:hover {
    color: #333;
    background-color: #DEE
    }
div#nav {
    height: 100px;
    width: 360px;
    margin: 70px 0 0 0
    }
div#nav ul#menu {
    height: 100px;
    width: 360px;
    background: url(/images/nav.png) top left no-repeat;
    position: relative
    }
div#nav ul#menu li {
    list-style: none;
    position: absolute
    }
ul#menu li, ul#menu a {
    height: 25px;
    width: 360px;
    display: block
    }
div#nav ul#menu li a {
    text-indent: -9999px;
    text-decoration: none
    }
/* menu */
#m-start {
    top: 0
    }
#m-pages {
    top: 25px
    }
#m-recom {
    top: 50px
    }
#m-promo {
    top: 75px
    }
#m-start a:hover {
    background: url(/images/nav.png) -360px 0 no-repeat
    }
#m-pages a:hover {
    background: url(/images/nav.png) -360px -25px no-repeat
    }
#m-recom a:hover {
    background: url(/images/nav.png) -360px -50px no-repeat
    }
#m-promo a:hover {
    background: url(/images/nav.png) -360px -75px no-repeat
    }
/* body#start #m-start {  background: url(http://pomocnik.com/images/nav.png) -360px 0 no-repeat;  } */
body#strony #m-pages {
    background: url(/images/nav.png) -360px -25px no-repeat
    }
body#polecamy #m-recom {
    background: url(/images/nav.png) -360px -50px no-repeat
    }
body#promocje #m-promo {
    background: url(/images/nav.png) -360px -75px no-repeat
    }
#subnav {
    text-align: left;
    margin: 70px 0 0 20px;
    height: 180px
    }
#subnav ul {
    list-style: none
    }
#subnav ul li {
    padding: 2px
    }
#subnav ul li a {
    color: #688;
    text-decoration: none
    }
#subnav ul li a:hover, body.mapy #m-mapy, body.maps #m-maps, body.voip #m-voip, body.szukaj #m-szukaj, body.videotrip #m-videotrip, body.wycieczki #m-wycieczki, body.sprzethp #m-sprzethp {
    color: #333;
    background-color: #DEE
    }
#main-window {
    float: left;
    width: 360px;
    margin-bottom: 30px
    }
#main {
    position: relative;
    width: 360px;
    height: 350px;
    overflow: hidden
    }
#main span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 360px;
    height: 350px
    }
/* rozne tla / obrazki na srodku */
#main span.start {
    background: url(/images/bg-start.png) top left no-repeat
    }
#main span.strony {
    background: url(/images/bg-strony.png) top left no-repeat
    }
#main span.polecamy {
    background: url(/images/bg-polecamy.png) top left no-repeat
    }
#main span.promocje {
    background: url(/images/bg-promocje.png) top left no-repeat
    }
/* strony - bg */
#main span.l-mapy {
    background: url(/images/bg-mapy.jpg) top left no-repeat
    }
#main span.l-maps {
    background: url(/images/bg-maps.jpg) top left no-repeat
    }
#main span.l-szukaj {
    background: url(/images/bg-szukaj.png) top left no-repeat
    }
#main span.l-voip {
    background: url(/images/bg-voip.png) top left no-repeat
    }
/* polecamy - bg */
#main span.l-videotrip {
    background: url(/images/bg-videotrip.png) top left no-repeat
    }
#main span.l-gadgetshome {
    background: url(/images/bg-gadgetshome.png) top left no-repeat
    }
#main span.l-jejku {
    background: url(/images/bg-jejku.png) top left no-repeat
    }
/* promocje - bg */
#main span.l-wycieczki {
    background: url(/images/bg-wycieczki.png) top left no-repeat
    }
#main span.l-sprzethp {
    background: url(/images/bg-sprzethp.png) top left no-repeat
    }