body {
     font-family: trebuchet ms, verdana, tahoma, arial, helvetica, sans-serif;
	 color: #3C3C3C; 
	 font-size: 12px;
	 margin: 0 auto;
	 position: relative;
	 background: #fff url(images/bg2.png) repeat-x;
	 width: 100%;
	 line-height: 18px;}

a:link, a:visited {text-decoration: none; color: #595959;}
a:hover {text-decoration: none; color: #207534;}

ul, li {color: #3C3C3C;}
	 
img {border: 0;}
.bold {font-weight: bold;}
.red {color: #ff0000;}

.blank {width: 100%; height: 2px; float: left;}

#all {width: 965px; margin: 0 auto; overflow: hidden;}

#left {width: 250px; float: left;}
#right {width: 690px; float: right;}

#mini-top {float: left; margin: 0 0 30px 0;}
#mini-top img{float: left; margin: 0;}



ul#categories{width: 250px; float: left; list-style: none; padding: 0; margin: 0;}
ul#categories li{width: 240px; float: left; padding: 5px 0 5px 10px; margin: 0; background: url(images/bg-li.gif) repeat-x 0 100%;}
ul#categories li a {display: block; width: 210px; padding: 7px 0 7px 25px; background: url(images/categories.gif) no-repeat 0 5px;}
ul#categories li a:hover {text-decoration: underline; color: #076324; background: url(images/categories-hover.gif) no-repeat 0 5px;}

#content {float: left;}
#content h3 {width: 965px; _width: 100%; float: left; margin: 0 0 15px 0; padding: 0; font-size: 18px; color: #268c02;}

#content p {font-size: 12px; color: #3C3C3C;  line-height: 18px;}

#miniature{display: inline; float: left; padding: 3px; margin: 0 10px 0 0; border: 1px solid #d8d8d8;}
#miniature img {float: left; margin: 0;}
.foto {display: inline; float: left; padding: 3px; margin: 0 10px 0 0; border: 1px solid #d8d8d8;}

#footer {width: 100%; height: 80px; float: left; margin: 45px 0 0 0; background: #eee url(images/footer.gif) repeat-x 0 0}
#footer .center {width: 965px; margin: 0 auto; overflow: hidden;}

#footer .center div {float: left; margin: 25px 0 0 0;}
#footer .center div p {float: none !important; margin: 0; font-size: 11px; color: #464646;}

#footer .center p {float: right; margin: 35px 0 0 0; font-size: 11px; color: #9d9d9d;}

#footer a:hover{text-decoration: underline;}

/* menu */
#menu-top {width: 100%; height: 45px; margin: 75px 0 20px 0; float: left; background: url(images/menu-top.gif) repeat-x 0 100%;}

#menu-index {float: right; position: relative; right: -10px; top: 20px;}

ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.prodrop5 {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; }

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:#efefef url(images/informacje.gif) no-repeat 0 0; width:135px; height:30px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:#efefef url(images/kontakt.gif) no-repeat 0 0; width:73px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:#efefef url(images/rekrutacja.gif) no-repeat 0 0; width:87px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:#efefef url(images/czesne.gif) no-repeat 0 0; width:133px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:#efefef url(images/osiagniecia.gif) no-repeat 0 0; width:148px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos6 {background:#efefef url(images/z-zycia.gif) no-repeat 0 0; width:111px; height:30px; display:block;text-indent:-99999px;} 

.prodrop5 li.p1 {background:url(images/informacje-hover.gif) no-repeat 0 0;} 
.prodrop5 li.p2 {background:url(images/kontakt-hover.gif) no-repeat 0 0;} 
.prodrop5 li.p3 {background:url(images/rekrutacja-hover.gif) no-repeat 0 0;} 
.prodrop5 li.p4 {background:url(images/czesne-hover.gif) no-repeat 0 0;} 
.prodrop5 li.p5 {background:url(images/osiagniecia-hover.gif) no-repeat 0 0;} 
.prodrop5 li.p6 {background:url(images/z-zycia-hover.gif) no-repeat 0 0;} 

.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(images/informacje-hover.gif) no-repeat 0 0;} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(images/kontakt-hover.gif) no-repeat 0 0;} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(images/rekrutacja-hover.gif) no-repeat 0 0;} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(images/czesne-hover.gif) no-repeat 0 0;} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(images/osiagniecia-hover.gif) no-repeat 0 0;} 
.prodrop5 li.current a.pos6,
.prodrop5 li.current a.pos6:hover {images/z-zycia-hover.gif) no-repeat 0 0;} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:30px; background: #f0f0f0; border: 1px solid #ddd; padding:3px; white-space:nowrap; height:auto; width:auto; z-index:300;}

.prodrop5 :hover ul li {display:block;height:20px; padding: 2px 0; position:relative; font-weight:normal; width:auto;  border-bottom: 1px solid #ddd;}
.prodrop5 :hover ul li:hover {background: #268C02; color: #fff; border-bottom: 1px solid #ddd;}
.prodrop5 :hover ul li:hover a{color: #fff;}
.prodrop5 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#5D5D5D; background:transparent; text-decoration:none;}
.prodrop5 :hover ul li a:hover {_text-decoration:underline;}

.table { font-size: 11px; color: #000000; text-align: left ; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-color: transparent}
table.table td { font-size: 11px; color: #000000; text-align: left; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;; border-color: #FFFFFF #FFFFFF E2E2E2; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

