@CHARSET "UTF-8";

html, body{ width: 100%; height: 100%;	background: #010101 url(../img/bg.jpg) repeat-x scroll 0px 0px;	color: #bdbdbd;	margin: 0;	padding: 0;	text-align: center;	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal;}

a {color: #bdbdbd; font-style: normal;text-decoration: none;}
a:hover,a.sel { color: #bdbdbd; text-decoration: underline;}
a:focus {outline: none;}
ol,ul {padding-left: 30px;}
.clear{  clear: both;  display: block;  width: 0px;  height: 0px; }
* {margin: 0;}
html{overflow: auto;}
div, img{border: 0 none;	margin: 0;	padding: 0}
p {padding: 0px; margin: 1em 0px;} 
html, div, map, dt, isindex, form {display:block;}

#content { background: transparent url(../img/content.jpg) no-repeat scroll 0px 2px; width: 919px; min-height: 800px; text-align: left;}
#border {margin: 0 auto;  width: 919px; background: transparent url(../img/border.gif) repeat-y scroll 0px 0px;}

#flags { padding: 15px; height: 11px;}
#flags a { float: right; width: 16px; height: 11px; margin: 0px 5px; text-indent: -5555px; } 

h1.title { height: 258px; width: 100%; background: transparent none no-repeat scroll 532px 5px; position: relative;}
h1.title a { height: 194px; width: 219px; float: left; text-indent: -5555px; margin: 30px 33px 0px; position: absolute; background: transparent url(../img/logo.gif) no-repeat scroll 0 0;}

div#flash {position: absolute; top: -41px; left: 11px;}

#menu { padding: 0px; margin: 0px 22px 0px 20px; display: block; list-style-type: none; height: 37px; font-size: 1.1em;}
#menu>li { z-index: 1000; height: 19px; padding: 9px 9px; display: block; float: left;  position: relative;}
#menu>li>a { display: block; line-height: 19px; padding: 0px 3px; color: white; font-weight: normal; text-decoration: none;}
#menu>li.sel { background: transparent url(../img/arrow.gif) no-repeat scroll 50% 0%;}
#menu>li.sel>a { color: #ff0015; }
#menu>li.sel>a, #menu>li>a:hover, #menu>li.active>a {  text-decoration: none; color: #ff0015;background-color: #121212; }
#menu li ul { list-style-type: none; display: none;  margin: 0px;  position: absolute;  top: 33px; background-color: black; text-align: left; border: 1px solid #121212; padding: 5px 15px;}
#menu>li.active ul { display: block; }
#menu li ul li {z-index: 100; background-color: black; text-align: center;}
#menu li ul a { line-height: 25px; color: white; text-align: center; padding: 0px 5px; text-decoration: none; white-space: nowrap;}
#menu li ul a.sel { font-weight: bold; color: #ff0015;}
#menu li ul a:hover { color: #ff0015; }
#menu>li.font { float: right; padding: 9px 5px 9px 0px; width: 22px;}
#menu>li.font>a { height: 19px; width: 22px; padding: 0px; text-indent: -5555px; }
#menu>li.font>a:hover { background-color: transparent;}

a.thumb { width: 160px; height: 106px; float: left; text-align: center;}
a.thumb img { border: 2px solid #5d5d5d;}
a.thumb:hover { text-decoration: none;}

#show { width: 870px; height: 124px; margin: 0 auto; float: left; overflow: visible;}
#show div.slide { width: 870px; height: 124px; overflow: visible;}
#show a.thumb { margin: 7px 7px 0px; height: 107px; width: 160px;overflow: visible;}

#prev { background: transparent url(../img/left.gif) no-repeat scroll 100% 50%; display: block; float: left; height: 90px; width: 23px;}
#next { background: transparent url(../img/right.gif) no-repeat scroll 0% 50%; display: block; float: left; height: 90px; width: 23px;}

div#main_rozdz { background: #0c0c0c url(../img/cd.jpg) no-repeat scroll 100% 0%; border: 1px solid #1b1b1b; min-height: 156px; padding: 23px 350px 23px 23px;  }

.rozdzia { width: 100%;}
tr.rozdzia .left { background: #0c0c0c; border: 1px solid #1b1b1b;padding: 23px; width: 130px; overflow: hidden; min-width: 130px; max-width: 130px; font-size: 13px;}
tr.rozdzia .right { background: #0c0c0c url(../img/line.jpg) no-repeat scroll 520px 50%; width: 500px; border: 1px solid #1b1b1b;padding: 23px 200px 23px 23px; }
tr.rozdzia .right .down { position: absolute; display: block; width: 135px; height: 46px; background: transparent url(../img/down.jpg) no-repeat scroll 0px 0; left: 523px; top: 0px; text-indent: -5555px; }

tr.rozdzia .right .bay { position: absolute; display: block; width: 135px; height: 46px; background: transparent url(../img/bay.jpg) no-repeat scroll 0px 0; left: 523px; top: 52px; text-indent: -5555px; }
tr.rozdzia .right ul { list-style-type: none; margin: 0px; padding: 0px;}
tr.rozdzia .right ul li { display: block; padding-left: 12px; background: transparent url(../img/dot.gif) no-repeat scroll 0px 60%;}
 
#page { margin-left: 30px; line-height: 20px;}

h2 { display: block; font-size: 1.2em; line-height: 30px; color: #fe0117; font-weight: normal; text-align: left; }

div#gallery a.thumb { margin: 6px;}

span.error { color:  #ff0015;}

form#contact_form td {text-align: right;}

form#contact_form  { width: 480px;}
form#contact_form input, form#contact_form textarea {border: 1px solid #1e1e1e; line-height: 16px; padding: 2px; background-color: #010101; width: 170px; color: white; font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal;}
form#contact_form input.button { width: auto; background-color: #1e1e1e; padding: 2px 7px;}
form#contact_form textarea { height: 70px; overflow: auto;}
form#contact_form td.map {text-align: center;} 
form#contact_form td.map a { display: block; width: 200px; height: 40px; padding-top: 180px; background: transparent url(../img/map.gif) no-repeat scroll 50% 10px;}

div#book { width: 372px; float: right; margin: -6px 21px 10px 10px;}
div#book div#chapters {background-color: #0c0c0c; border-left: 1px solid #191919; border-right: 1px solid #191919; border-bottom: 1px solid #191919;}
div#book div.column{ float: left; width: 165px; margin: 10px;}
div#book div.row{ margin-bottom: 5px; line-height: 20px; text-decoration: underline; clear: both;}
div#book div.row a { text-decoration: underline;}
div#book div.row strong{ color: #fe0117; font-weight: bold; text-decoration: underline; display: block;}

#footer { clear: both; line-height: 37px; padding: 0px 20px; background-color: #0e0e0e; color: #7d7d7d; text-align: center; margin: 20px 20px 5px;}
#footer a { white-space: nowrap;}
#activelogo {  display: block; overflow: hidden; margin: 10px 0px 0px 20px; text-indent: -666px; height: 16px; width: 33px; float: right; background: transparent url(../img/adlogo.gif) no-repeat scroll 0 0;}

#endmenu { text-align: center; color: #fe0117; line-height: 30px;}