/* CSS Document */
html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #6699cc url(../zdj/bg.jpg) repeat-x top;
	text-align: center;
}

p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link {color: #666}
a:visited {color:#999}
a:hover {color: #FF6600}
a:active {color: #FF6600}

#wrapper{
	width: 780px;
	margin: 0 auto;
}

#top{
	width: 780px;
	height: 22px;
	padding: 0;
	margin: 0;
	background: url(../zdj/top_bg.jpg) no-repeat top;
}

#top_cent{
	width: 760px;
	margin: 0 10px;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#middle_top{
	width: 780px;
	height: 187px;
	padding: 0;
	margin: 0;
	background: url(../zdj/middle_top_bg.jpg) no-repeat top;	
}

#middle_top_cent{
	width: 760px;
	height: 187px;
	margin: 0 10px;
	padding: 0;
	overflow:hidden;
}

#content {
	width: 780px;
	padding: 0;
	margin: 0;
	background: url(../zdj/cont_bg.jpg) repeat-y top;
}

#content_cent {
	width: 760px;
	padding: 0;
	margin: 0 10px;	
}

#bottom {
	width: 780px;
	padding: 0;
	margin: 0;
	text-align: center;
	background: url(../zdj/cont_bg.jpg) repeat-y top;
	overflow:hidden;
}

#bottom p
{
	margin: 4px 30px 0 30px;
	padding-top: 4px;
	color: #333;
	font-family:Tahoma;
	font-size: 11px;
	border-top: 1px solid #ccc;
}

#footer {
	width: 780px;
	padding: 0;
	margin: 0;
	background: url(../zdj/footer_bg.jpg) no-repeat top;
}

#footer p
{
	margin: 0;
	padding: 10px;
	color: #333;
	font-family:Tahoma;
	font-size: 11px;
	/*border-top: 1px solid #eee;*/
}

/* ----------- nawigacja gorna ----------- */

#nav{
	width: 530px;
	height: 22px;
	float:right;
	background-color:#FF6600;
}

#nav{
	font-size:10px;
}

#nav ul{
	margin: 4px auto auto 20px;
	padding: 0;
	list-style:none;
}

#nav li{
	display: inline;
}

#nav a{
	margin-left: 30px;
	text-decoration:none;
	font-weight:bold;
}

#icons{
	width: 230px;
	height: 22px;
	float:left;
	background-image:url(../zdj/ikonki.gif);
	background-repeat:no-repeat;
}

a.menu_top:link{
	color:#333;
}

a.menu_top:visited{
	color:#333;
}

a.menu_top:hover{
	color:#FFCC66;
}

a.menu_top:active{
	color:#FFCC66;
}

/* ------------ menu po lewej -------------- */

#menu
{
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
	background: #e4e4e4 url(../zdj/menu_bg.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menu
{
	font-size: 0.70em;
	line-height: 1.40em;
	font-weight:700;
	text-align:left;
}

#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li
{
	margin: 0;
	padding: 0;
}

#menu a
{	
	/* height: 1.20em;  ie 6 */
	/*\*/ * height: 1.20em; /**/
	display:block;
	margin: 1px 0 1px 0;
	padding: 6px 0 6px 20px;
	border-bottom: 1px solid #ccc;
	text-decoration:none;
}

#menu a:link, #menu a:visited
{
	color:#333;
}

#menu a:hover, #menu a:active
{
	color: #f60;
}

#menu li ul
{
	margin-left: 14px;
	padding: 0;		
}

#menu a img{
width: 200px;
margin: 0px 0px 0px -20px;
border: none;
text-align: center;
}

.level0, .menu_left{
	border-right: 4px solid #094085;
}

.level0:hover, .menu_left:hover{
	border-right: 4px solid #f60;
}

.level0:active, .menu_left:active{
	border-right: 4px solid #f60;
}


.level1, .level2{
	display:none;
}

/* ---------- tresc --------------- */

#text {
	float:right;
	width: 520px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 20px;
	text-align:left;
}

#text p{
	text-align:justify;
}

#text h2 { 
	margin: 0 0 .5em 0; 
	font-size:16px;
	color:#003366;
	border-bottom: 1px solid #003366; 	
}

#text h3 { 
	margin: 0 0 .5em 1.5em; 
	font-size:13px;
	color:#FF6600;
}

/* --------- elementy ukladu strony ----------- */
.hiddencontent{
	width: 380px;
	text-align:justify;	
	float: left;
	display:none;
}

.hiddencontent img {
	margin: 2px 3px 10px 3px;
	border:1px solid #094085;
}

.hiddencontent table{
	width: 100%;
}

.hiddencontent p{
	margin-right: 10px;
}

#menu_panel{
	width: 120px;
	float:right;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	margin: 0;
}

#menu_panel ul{
	list-style:none;
	margin: 0;
	padding:0;
}

#menu_panel li{
	margin: 6px 2px 6px 2px !important;
}

#menu_panel a, #menu_panel a:active, #menu_panel a:visited {
	display:block;
	width: 100px;
	padding: 2px;
	background: #CFE7FF;
	color:#336699;
	text-decoration:none;
	outline:none;
	margin: auto;
	}
	
#menu_panel a.selected, #menu_panel a.selected:active, #menu_panel a.selected:visited {
	background:#094085;
	color:#fff;
	text-decoration:none;
	outline:none;
	}

.clear{
	clear:both;
	height: 1px;
	line-height: 1px;
}

.txt{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.obr{
	margin: 10px;
}

.obr_desc img{
	border: thin solid #ccc;
}

.obr_desc p{
	font-size: 11px;
	text-align:center !important;
	margin: 6px !important;
}

.panel_left{
	width: 260px;
	float:left;
}

.panel_left ul{
	margin-top: 20px;
}

.panel_right{
	float:right;
	margin: 2px 10px;
}

.fl_right{
	margin: 10px 0 10px 15px;
	float: right;
}

.obr_desc{
	margin: 10px;
	text-align:center !important;
	float:left;
}

.tab {
	margin: 20px auto 8px auto;
	text-align: center;
}

.tab td{
	font-size:11px;
	background-color: #f2f2f2;
	padding: 2px;	
}

.petit{
 	font-size:10px;
}

.opis a{
	font-weight:bold;
	margin-top: 4px;
	margin-left: 465px;	
}

.wiecej{
	display: none;
	margin: 6px;
	padding: 10px;
	background-color:#E0E8EF;	
}

.skrot{
	 border: solid 1px #ccc;
	 padding: 6px;
	 margin-bottom: 4px;
}

.animeo{
	margin: 20px auto;
}

.animeo thead th{
	padding: 4px;
	background-color:#B5CADF;
}

.animeo tbody th{
	padding: 4px;
	background-color:#C5D7E7;
}

.animeo td{
	padding: 6px;
	background-color:#E0E8EF;
}