* {margin: 0; padding: 0; /*border:1px dotted red;*/}

BODY {color: #FCFECF; background-color:#000; margin: 3%; margin-left: 30%;}
* HTML BODY {overflow: auto;}

A:link {color:#00DD37;}
A:visited {color:Green;}
A:hover {color: #FF0000;}
A img {border:0 none;}

.img_glowny {text-align: right;}


/* style dla menu strony */

.menu {position: absolute; top: 5%; left: 5%; padding-left: 0; width: 20%; list-style: none;}
* HTML .menu {width: 30%;}

.menu ul {padding-left: 5ex; list-style: none;}

.menu li a {display: block; width: 100%; height: 22px; background: transparent no-repeat top left; position: relative;}
.menu li a span {display: block; text-indent: -9999px;}
.menu li a:hover {background-position: bottom left;}
.menu li a img {position: absolute; top:0;}

#index a {background-image: url(grafika/butt_index.gif);}
#cv a {background-image: url(grafika/butt_cv.gif);}
#projekty a {background-image: url(grafika/butt_projekty.gif);}
#galeria a {background-image: url(grafika/butt_galeria.gif);}
#gry a {background-image: url(grafika/butt_gry.gif);}
#gry a img {left:110px;}
#bari a {background-image: url(grafika/butt_bari.gif);}
#ksiega a {background-image: url(grafika/butt_ksiega.gif);}
#ksiega a img {left:168px;}
#inne a {background-image: url(grafika/butt_inne.gif);}

#rejsy span {display: block; width: 100%; height: 22px; background: transparent url(grafika/butt_rejsy.gif) no-repeat top left; text-indent: -9999px;}
* HTML #rejsy span {margin-left: 9999px;}
#humor span {display: block; width: 100%; height: 22px; background: transparent url(grafika/butt_humor.gif) no-repeat top left; text-indent: -9999px;}
* HTML #humor span {margin-left: 9999px;}

/* style dla CV */

H1 {text-align: center; padding-bottom: 3%;}
H3, H2 {padding-bottom: 1%;}

.cv {padding-bottom: 2%; margin-left: 5%;}
.cv UL {margin-left: 5%;}

/* style dla cosi */

.fragm {font-style: italic; padding-bottom: 2%;}