html {background: #000; font-family: Arial, sans-serif; height: 100%; width:100%;}

body {margin: 0px; width:100%; font-family: Arial, sans-serif; font-size: 11px; color: #000; background: #000; position: relative;}


body.zoom{padding:0; background: #000; height: 100%; }

.left{float:left;}
.right{float:right;}
.noborder{border: none;}
.center{text-align: center;}

img.clear, div.header img.clear {width: 300px; height: 1px; display: block; clear:both; margin: 0 auto; border: 0;}

a:link {color: #000;}
a:visited {color: #999;}
a:hover {color: #555;}

a img{border: none;}

a:link.border img{border-width: 1px;}
a:visited.border img{border-width: 1px;}
a:hover.border img{border-width: 1px;}

h1 a, h2 a, h3 a{text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover{text-decoration: underline;}

p{margin: 0px 0px; line-height: 1.25em; text-align: justify;}
ul, ol{margin:5px 0px; line-height: 1.25em; text-align: justify;}
h1{margin:20px 0px 0px 0px; font-size: 2em; line-height: 1.0em;}
h2{margin:0px 0px; font-size: 2em; line-height: 1.0em;}
h3{margin:0px 0px; font-size: 1.2em; line-height: 1.0em;}
ul, ol{padding-left: 20px;}
li{margin: 1px 0px;}

div.body, .body {width: 900px; margin: 0px auto; position: relative;}
div.bodyPadding {padding: 1px 0px 0px 0px;}
div.homeMenu{padding-top: 250px; height:517px;}


a.home{ border: 0; }
/* languages */
div.languages{position: absolute; top: -86px; right: 0px; width: 250px; z-index: 4; }
div.languages .language{text-decoration: none; font-size: 9px; color: #000; font-weight: normal; float: right; display: block; background: #f5f5f5 no-repeat 50% 25%; padding: 25px 0 1px 0; text-align: center; width: 50px; margin-left:1px;}

div.languages .languagePL{background-image: url(bg/pl.gif);}
div.languages .languageEN{background-image: url(bg/en.gif);}
div.languages .languageDE{background-image: url(bg/de.gif);}
div.languages .languageFR{background-image: url(bg/fr.gif);}

div.languages span.language{background-color: #ddd;}

div.languages a:visited{color: #000;}
div.languages a:hover{color: #000; background-color: #ffdd00;}


/* home */
body.home{background: url(bg/warsaw-by-bike.jpg) no-repeat top; min-height: 840px;}
div.homeContent{background: #fff url(bg/warsaw-by-bike.jpg) no-repeat top; height: 840px;}
a.homeLink{display: block; text-decoration: none; font-size: 18px; position: absolute; top: 355px; left: 205px; height: 85px; width: 143px; text-align: center; padding: 58px 0 0 0; color: #fff; font-weight: bold;}
a.homeLink:visited{color: #fff;}
a.homeLink:hover{color: #000; background-image: url(bg/home-menu-over.jpg);}

a.homeLink1{background-position: -2px -1px;}
a.homeLink2{background-position: -152px -1px; left:355px;}
a.homeLink3{background-position: -302px -1px; left: 505px;}

a.homeLink4{background-position: -2px -152px; top: 506px;}
a.homeLink5{background-position: -152px -152px; left: 355px; top: 506px;}
a.homeLink6{background-position: -302px -152px; left:505px; top: 506px;}


div.homeLanguages{top: 55px; right: -57px;}

/* menu */
div.topBg{background: #000 url(bg/kropki.gif) repeat-x top;}
div.topMenu{padding: 6px 0 3px 0;}
a.menuLink, span.menuLink{ margin-right: 100px; color: #fff; background: #000; text-decoration: none;}
span.menuLink{color: #ffdc00;}
a.menuLink:hover{text-decoration: underline;}


/* content */
div.middle{background: #fff; padding-bottom: 50px;}
div.warsawbybikeBg{background: url(bg/warsawbybike-content.gif) no-repeat 0px 25px;}

div.textContent{position: relative; background: url(bg/wycieczki-warszawa.jpg) no-repeat top right; margin-top: 125px; padding-right: 360px; padding-left: 50px; min-height: 300px;}
h1.textContentTitle{display: block; position: absolute; left: 0px; top: 0px; width: 50px; margin: 0; padding: 0;}
h1.textContentTitle img{display: block;}

div.galleryContent{min-height: 450px; padding-right: 300px;}
div.galleryText{width: 315px; position: absolute; top: 250px; right: 0px;}

p.center{text-align: center;}
p.margin{margin: 10px 0;}

.zdjecia{padding:10px;}

.zdjecie{ border: 1px solid #333; background: #777; display: block;}
a.mini {margin: 10px; float: left; border: 1px solid #333; background: #eee; padding: 5px;}
.imgSpecial{position: absolute; display: block;}

p.miniGallery{margin-top: 10px;}
.miniGalleryPic img{margin: 0; margin-right: 20px; border: 1px solid #333; display: inline;}
.galleryPic img{margin: 0; margin: 0 40px 30px 0; border: 1px solid #333; display: inline;}

p.galleryNavigation{margin-top: 5px; height: 20px;}
p.galleryNavigation a.next{float: right;}
p.galleryNavigation a.previous{float: left;}


p.more{text-align: right;}
a.more{font-size: 2em;}

/* stopka */


div.footer{width: 100%; padding: 10px 0;position: relative; color: #555; font-size: 11px;}
div.footer a{color: #555;}
div.footer a:visited{color: #555;}

body.home div.footer{width: 990px; margin: 0 auto;}
body.home div.footerMenu{display: none;}

div.footerMenu{position: absolute; left: 20px; top: 20px; width: 450px;}
div.footerInfo{margin: 10px 20px; text-align: right;}



/* zoom*/
div.zoomPicture {border-bottom: 1px solid #000; background: #fff; display: block;}
div.zoomPicture img{display: block;}

h1.zoomTitle{font-size: 12px; margin: 10px 15px 5px 15px; color: #eee;}
p.pictureDescription{ margin: 0px 15px; font-size: 12px; color: #ccc;}

body.zoom a.next, body.zoom a.prev{display: block; position: absolute; top: 250px; z-index: 5; height: 100px; width: 50px;}
body.zoom a.next{background: url(bg/next.gif) no-repeat left; right: 3px;}
body.zoom a:hover.next{background-image: url(bg/next_over.gif);}
body.zoom a.prev{background: url(bg/prev.gif) no-repeat right; left: 3px;}
body.zoom a:hover.prev{background-image: url(bg/prev_over.gif);}