html, body {
background-color: black; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:16px;
background: #111111 url('grafika/tlo.jpg') center top;
}
h1 { font-size: 24px; font-weight: 400; }
:focus { outline: 0; }
#slideshow {clear:both; width: 800px; margin: auto; overflow: hidden; border: 2px solid #000;background: #000; }
#showcase { width: 600px; height: 330px; overflow: hidden; float: left; background: #000; }
#showcase-loader img { margin: 134px 290px; }
#showcase .bigimage, #showcase-loader { position: absolute; width: 600px; height: 330px; overflow: hidden; }
#showcase .text { width: 600px; position: absolute; left: 0; bottom: -1px; background: url("images/background_transparent.png") 0 0 repeat; overflow: hidden; }
#showcase .text h2 { color: #FFF; font-size: 18px; line-height: 18px; font-weight: 800; margin: 20px 20px 0 20px; }
#showcase .text p { color: #FFF; font-size: 11px; line-height: 17px; margin: 10px 20px 20px 20px; }
#showcase .text a { color: #FFF; }
#showcase-nav { width: 200px; overflow: hidden; float: right; background: #222;}
#showcase-nav ul { list-style: none; padding: 0; margin: 0; }
#showcase-nav li { float: left; clear: both; margin: 0; padding: 0; }
#showcase-nav a { display: block; width: 200px; padding: 10px 0; overflow: hidden; border-bottom: 1px solid #000; text-decoration: none; }
#showcase-nav a:hover { background: #444; padding-left:10px; }
#showcase-nav .thumbnail { display: block; width: 74px; overflow: hidden; float: left; }
#showcase-nav .thumbnail img { border: 2px solid #EEE; margin: 0 10px;}
#showcase-nav .text { display: block; font-size: 14px; font-weight: 800; color: #EEE; width: 116px; overflow: hidden; float: left; padding: 0 0 10px 0; }
#showcase-nav .last a { border: 0; padding-bottom:11px; }
#showcase-nav .active a { background: #666; }
#showcase-nav .active a .text { color: #EEE; }
#container {z-index:2;width: 950px; height: 100%; margin:auto; /*background-color: #11110f;*/ padding: 150px 0 100px 0;
background: url("grafika/tlo.png") 0 0 repeat; border:none; margin-top:-150px;
}
.album {position:relative; float:left; display:inline; width:185px; height:205px;background: #333; text-align:center; padding-top:10px; margin: 10px 10px 10px 10px; }
.albumtext {font-size:14px;font-weight: 800;padding-top:5px;width:185px; height:70px; text-align: center; }
.albumtext a {color:#C0C0C0;text-decoration: none;}
.albumtext a:hover {color:#dddddd;}
#zwez {width:910px; background-color:#262626; margin:auto;
}
#zwez1 {width:910px; background-color:#262626; margin:auto;height:100px;
}
#header {z-index:4;position:relative; width:100%; height:100px;
background: url("images/background_transparent.png") 0 0 repeat;
margin: auto;
margin-top:0px;margin-bottom:20px; padding:0;}
#logo {height: 100px; width:500px; float:left; padding:0;}
#stopka {z-index:10;position:relative;width:100%; height:70px; background: url("images/background_transparent.png") 0 0 repeat; margin: auto;
margin-top:-80px;padding:10px 0 0 0;font-size: 14px; font-weight: 800;color:#C0C0C0; text-align:center;}
#stopka p {font-size:12px;font-weight: 400; padding: 10px 0 0 0;}
#stopka a {color:#C0C0C0;text-decoration: none;}
#stopka a:hover {color:#dddddd;}
.lista1 {height:106px; background: #151515;}
.lista2 {height:106px; background: #202020;}
.lista11 {margin-top:10px; padding:10px 10px 0 10px; background: #151515;}
.lista12 {margin-top:10px; padding:10px 10px 0 10px; background: #202020;}
.lista11 ul {font-size:15px;}
.lista12 ul {font-size:15px;}
#tresc {width:900px; margin:auto; clear:both;}
a {color:#bc7e07;}
a:hover {color:#ebcc1f;}
h3 {padding:10px 10px 10px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
margin:0 0 0 0;
background: #202020;}
h4 {padding:10px 10px 10px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
margin:0 0 0 0;
background: #151515;
}
#boks {width:860px; height:100%; margin-left:35px; margin-top:-5px; padding-bottom:10px;
border-width: 0px 1px 1px 1px;
border-style: dotted ;
border-color: gray gray gray gray;
color:#C0C0C0; line-height: 1.4em; font-size:12px; letter-spacing: 1px; text-align: justify;
padding: 0 10px 0 10px;
}
#boks img {border:3px solid #242424; float:left; margin: 0 10px 10px 10px;}
#boks p {color:#C0C0C0; line-height: 1.4em; font-size:12px; padding: 0 10px 0 10px; letter-spacing: 1px; text-align: justify;}
#boks p img {border:3px solid #242424; float:none; clear:both; margin: 0 10px 10px 10px;}
#boks h1 {margin:0 -10px 10px -10px; font-size: 16px; font-weight: 800; color: #EEE; padding: 10px 0 10px 0;
background: #252525;
background-image:url('grafika/belka.jpg');
background-repeat:no-repeat;
background-position:top right;
}
#boks1 {width:400px; margin-left:45px; margin-top:20px; padding-bottom:10px; float:left;
border-width: 0px 1px 1px 1px;
border-style: dotted ;
border-color: gray gray gray gray;}
#boks1 img {border:3px solid #242424; float:left; margin: 15px 10px 10px 10px;}
#boks1 p {color:#C0C0C0; line-height: 1.4em; font-size:12px; padding: 0 10px 0 10px; letter-spacing: 1px; text-align: justify;}
#boks1 h1 {margin-top:0px; font-size: 16px; font-weight: 800; color: #EEE; padding: 10px 0 10px 0;
background: #252525;
background-image:url('grafika/belka.jpg');
background-repeat:no-repeat;
background-position:top right; }
/*new */
#allah {width:440px; margin-right:45px; margin-top:20px; padding-bottom:10px; float:right;
border-width: 0px 1px 1px 1px;
border-style: dotted ;
border-color: gray gray gray gray;}
#allah img {border:3px solid #242424; float:left; margin: 0 10px 0 10px;}
#allah p {color:#C0C0C0; line-height: 1.4em; font-size:12px; padding: 0 10px 0 10px; letter-spacing: 1px; text-align: justify;}
#allah h1 {margin-top:0px; font-size: 16px; font-weight: 800; color: #EEE; padding: 10px 0 10px 0;
background: #252525;
background-image:url('grafika/belka.jpg');
background-repeat:no-repeat;
background-position:top right;}
/*kontakt*/
#boks2 {width:400px; margin-left:45px; margin-top:20px; padding-bottom:10px; float:left; clear:left;
border-width: 0px 1px 1px 1px;
border-style: dotted ;
border-color: gray gray gray gray;}
#boks2 img {border:1px solid #464646; float:left; margin: 0 10px 0 10px;}
#boks2 p {color:#C0C0C0; line-height: 1.4em; font-size:12px; padding: 0 10px 0 10px; letter-spacing: 1px; text-align: justify;}
#boks2 h1 {margin-top:0px; font-size: 16px; font-weight: 800; color: #EEE; padding: 10px 0 10px 0;background: #252525;
background-image:url('grafika/belka.jpg');
background-repeat:no-repeat;
background-position:top right; }
#boks2 ul {background:url(grafika/koperta.png) no-repeat left center; color:#C0C0C0; line-height:1.4em; padding:5px 0 60px 70px; letter-spacing: 1px; font-size: 90%; height:44px; margin-left:5px;}
#kont {background:url(grafika/koperta.png) no-repeat left center; color:#C0C0C0; line-height:1.4em; padding:5px 0 60px 70px; letter-spacing: 1px; font-size: 90%; height:44px; margin-left:5px;}
#menu {z-index:10;position:relative; font-weight: 800;color:#C0C0C0;float:right; height:auto;
font-size:14px;font-weight: 400; padding: 10px 20px 0 0;
}
#menu a {background: #444;color:#C0C0C0;text-decoration: none; padding: 10px 10px 10px 10px;}
#menu a:hover {color:#dddddd;background: #333;padding: 10px 10px 40px 10px;}
#lewo {display:block; z-index:10;position:absolute;float:left; height:100px;
width:500px;
}
#lewo a {height:100px;width:500px;}
#lewo a:hover {height:100px;}
#koniec {clear:both;line-height:0px;height:0px;width:0px;overflow:hidden;width:500px; }
#stoplewo{position:relative;z-index:10; float:left;height:31px; width:88px; margin-left:15px;}
#stopsr{position:absolute; width:100%; }
#stoppra{position:relative; float:right;height:31px; width:88px; margin-right:15px;}
img {
border: none;
}
div.outer {z-index:5;position:relative;width: 100%;
text-align: center;
height: 700px; top:-130px; margin-bottom:-200px;
}
#megazine {
height: 100%;
outline: none;
width: 910px;
}