/* COMUN
-------------------------------------*/
html { height: 100%; margin-bottom: 1px;  }
body { margin: 0px; background: #fff url('images/anuar2.jpg');; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:30px}
body, td, input, textarea, select {	color: #555; font: 11px Tahoma, Arial, sans-serif; }

input, textarea { padding: 1px 3px; }
select { }

form { display: inline; }
img { border: 0px; }
hr { border: 50px; color: #eee; background: #eee; height: 1px; margin: 8px 0px 10px !important; margin: 0px 0px 2px; }

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; margin: -1px 0px 0px !important; margin: 0px; height: 1px !important; height: 0px; }

h1 { font-size: 11px; font-weight: bold; margin: 0px; padding: 0px; color: #b41414; }

a {	color: #555; text-decoration: none; }
a:hover { color: #111; text-decoration: none; }

#text a, #navbar table td.navinfo a { border-bottom: 1px solid #ccc; }
#text a:hover, #navbar table td.navinfo a:hover, #topmenu a:hover, #foot a:hover { border-bottom: 1px solid #b61414; color: #000; }
a.nobrd { border-bottom: none !important; }

/* SITIO
-------------------------------------*/
#root { margin: 0px auto; width: 1200px; background: #fff; border-left: 100px solid #0101DF; border-right: 100px solid #626877; }
 #top { width: 100%; height: 69px; background: #fff url('images/bg_root.gif') repeat-x 0px 1px; }
  #top a.logo { float: right; margin: 7px 15px 0px; }
  #topmenu {
	position: relative;
	top: 0px;
	left: 300px;
	width: 300px;
}
 #image { margin: 2px 0px; height: 250px; }
 #cont { background: #fff url('images/bg_root.gif') repeat-x 0px -215px; }
  #content { width: 1000px; position: relative; background: url('images/s_eee.gif') repeat-y 188px 0px; }
   #menu { float: left; width: 180px; padding: 15px 0px 0px 5px; }
   #text { text-align: justify; float: right; width: 650px; padding: 15px 30px 15px 15px; overflow: visible; }
    #float_root { float: right; background-color: #fff; }
    #floater { width: 200px; margin: 0px 0px 5px 10px; padding: 0px 0px 10px 10px; border-left: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; }
    #floater_sklep { width: 200px; margin: 0px 0px 0px 10px; padding: 0px; }
   #navbar { position: absolute; width: 515px; left: 190px; bottom: 0px; padding: 0px 15px; }

#footer {
	border-left:100px solid #0101DF;
	border-right:100px solid #626877;
	border-bottom:1px solid #626877;
	margin:0px auto;
	width: 1200px;
	overflow: hidden;
	background: #fff url('images/bg_footer.png') no-repeat 50% 100%;
	;
	padding-left:0px;
	padding-right:0px;
	padding-top:8px;
	padding-bottom:8px;
}
 #icons { float: left; width: 168px; padding: 0px 0px 0px 20px; height: 40px; border-right: 1px solid #eee; }
 #foot { float: right; width: 545px; line-height: 20px; }

#preload { height: 1px; font-size: 1px; display: none; }
 #preload img { height: 1px; width: 1px; display: none; }

#heart { position: absolute; top: 125px; right: 30px; }

/* PRINT
-------------------------------------*/
html.print { background: #fff !important; }
body.print { background: none #fff !important; }
#print { width: 17cm; padding: 1cm 0cm; background-color: #fff; margin: 0px auto; }
#print ul { margin: 5px 0px 5px 10px; padding: 0px 0px 0px 0px; list-style: none; border-top: 1px dashed #eeeeee; }
#print ol { margin: 5px 0px 5px 32px; padding: 0px 0px 0px 0px; border-top: 1px dashed #eeeeee; }
#print ol li { padding: 0px; line-height: 20px; border-bottom: 1px dashed #eeeeee; }
#print ul li { background: url('images/li_arrow.gif') no-repeat 1px 9px; line-height: 20px; border-bottom: 1px dashed #eeeeee; padding-left:22px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#print ul li a { width: 100%; }

/* ELEMENTS (LINKS - TOP)
-------------------------------------*/
#topmenu span { background-position: 0px 60%; background-repeat: no-repeat; }
#topmenu span.top_home { background-image: url('images/i_home.gif');padding-left:13px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#topmenu span.top_koszyk { background-image: url('images/i_cart.gif');padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#topmenu span.top_forum { background-image: url('images/i_users.gif');padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#topmenu span.top_rss { background-image: url('images/i_rss.gif');padding-left:18px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#topmenu span.top_promo { background-image: url('images/i_promo.gif');padding-left:12px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#topmenu span.top_szukaj { background-image: url('images/i_search.gif');padding-left:13px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#topmenu span.top_kontakt { background-image: url('images/i_minimail.gif');padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#topmenu span.top_pomoc { background-image: url('images/i_help.gif');padding-left:8px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#topmenu span.top_sitemap { background-image: url('images/i_sitemap.gif');padding-left:13px; padding-right:0px; padding-top:0px; padding-bottom:0px }
 #topmenu span a { margin: 0px 6px 0px 0px; border-bottom: 1px solid #e0e0e0; }

/* ELEMENTS (FOOTER)
-------------------------------------*/
#icons a { width: 147px; height: 39px; text-indent: -1000px; display: block; background: url('images/img_f_coop.gif') no-repeat 0px -39px; }
#icons a:hover { background-position: 0px 0px; }
#foot span { font-size: 10px; }

/* ELEMENTS (TEXT)
-------------------------------------*/
#text ul { margin: 5px 0px 5px 10px; padding: 0px 0px 0px 0px; list-style: none; border-top: 1px dashed #eeeeee; }
#text ol { margin: 5px 0px 5px 32px; padding: 0px 0px 0px 0px; border-top: 1px dashed #eeeeee; }
#text ol li { padding: 4px 0px 5px; border-bottom: 1px dashed #eeeeee; }
#text ul li { background: url('images/li_arrow.gif') no-repeat 1px 8px; border-bottom: 1px dashed #eeeeee; padding-left:22px; padding-right:0px; padding-top:3px; padding-bottom:4px }
#text ul li a { width: 100%; }

/* ELEMENTS (MENU)
-------------------------------------*/
ul.menu { margin: -7px 0px 15px; padding: 0px; list-style: none; }
 ul.menu li { width: 138px; border-bottom: 1px dotted #e1e1e1; line-height: 19px; padding-left: 20px; background: url('images/li_arrow.gif') no-repeat 8px 8px; }
 ul.menu li.head { width: 173px; border-bottom: 1px dotted #e1e1e1; padding: 7px 0px 3px 5px !important; padding: 7px 0px 7px 5px; margin: 0px !important; margin: 0px 0px -2px; background: none; }
 ul.menu li.separator { border-bottom: 1px solid #cccccc; }
  ul.menu li a { width: 156px; display: block; }
  ul.menu li a:hover { width: 156px; display: block; border-right: 0px solid #AC1C1C; }
#side_ads { padding: 0px 12px 0px 0px; text-align: center; }

#qs { margin: 0px; border: medium none; background: url('images/li_arrow.gif') no-repeat 8px 16px;; padding-left:19px; padding-right:0px; padding-top:8px; padding-bottom:5px }
 #qs legend, #qs label { display: none; }
 #qs input { vertical-align: middle; }
 #qs #q { width: 120px; border: 1px solid #7f9db9; padding: 3px 5px; font-size: 9px; }
 #q:focus, #q:hover { background: #ffe; }


/* ELEMENTS (NAVBAR)
-------------------------------------*/
#navbar div { font-size: 9px; line-height: 12px; }
 #navbar div.fl span.date { background: url('images/i_date.gif') no-repeat 0px 50%; padding-left:18px; padding-right:6px; padding-top:0px; padding-bottom:0px }
 #navbar div.fl span.time { background: url('images/i_time.gif') no-repeat 0px 50%; border-right: 1px solid #aaa; padding-left:14px; padding-right:6px; padding-top:0px; padding-bottom:0px }
 #navbar div.fl span.people { background: url('images/i_people.gif') no-repeat 6px 50%; font-weight: bold; padding-left:22px; padding-right:4px; padding-top:0px; padding-bottom:0px }
 #navbar div.fl a.comments { background: url('images/i_comment.gif') no-repeat 8px 50%; border-left: 1px solid #aaa; font-weight: bold; padding-left:24px; padding-right:5px; padding-top:0px; padding-bottom:0px }
 #navbar div.fl a.comments:hover { background: url('images/i_comment-o.gif') no-repeat 8px 50%; color: #333 }
 #navbar div.fl span.mark { background: url('images/i_star.gif') no-repeat 6px 50%; font-weight: bold; border-left: 1px solid #aaa; padding-left:22px; padding-right:4px; padding-top:0px; padding-bottom:0px }
 #navbar div.fl a.add { background: url('images/i_addcomment.gif') no-repeat 8px 50%; border-left: 1px solid #aaa; padding-left:24px; padding-right:6px; padding-top:0px; padding-bottom:0px }
 #navbar div.fl a.add:hover { background: url('images/i_addcomment-o.gif') no-repeat 8px 50%; color: #333 }
 
 #navbar div.fr a { background-position: 50% 50%; background-repeat: no-repeat; height: 18px; font-size: 12px; }
 #navbar div.fr a.back { background-image: url('images/i_back.gif'); padding-left:3px; padding-right:3px; padding-top:0px; padding-bottom:0px }
 #navbar div.fr a.send { background-image: url('images/i_mail.gif'); padding-left:7px; padding-right:7px; padding-top:0px; padding-bottom:0px }
 #navbar div.fr a.cart { background-image: url('images/i_cart.gif'); padding-left:7px; padding-right:7px; padding-top:0px; padding-bottom:0px }
 #navbar div.fr a.print { background-image: url('images/i_print.gif'); padding-left:6px; padding-right:6px; padding-top:0px; padding-bottom:0px }
 #navbar div.fr a.top { background-image: url('images/i_top.gif'); padding-left:6px; padding-right:6px; padding-top:0px; padding-bottom:0px }

 #navbar div.fr a.back:hover { background-image: url('images/i_back-o.gif'); }
 #navbar div.fr a.send:hover { background-image: url('images/i_mail-o.gif'); }
 #navbar div.fr a.cart:hover { background-image: url('images/i_cart-o.gif'); }
 #navbar div.fr a.print:hover { background-image: url('images/i_print-o.gif'); }
 #navbar div.fr a.top:hover { background-image: url('images/i_top-o.gif'); }

/* SUBSITE (CONTENT)
-------------------------------------*/
ul#m_news { padding: 0px 0px 10px; border: none; }
 ul#m_news li { float: left; width: 220px; text-align: left; line-height: 100%; border: medium none; background: url('images/i_minimail.gif') no-repeat 0px 6px; }
 ul#m_news li.last { margin: 0px 0px 0px 15px; }
  ul#m_news li p { padding: 0px; font-size: 9px; color: #888; min-height: 55px; height: auto !important; height: 55px; }
   ul#m_news li p strong { display: block; font-weight: normal; color: #555; }
    ul#m_news li p a { border: none !important; }
  ul#m_news li div { font-size: 9px; color: #888; }
  ul#m_news li div.fr { background: url('images/li_arrowb.gif') no-repeat 0% 60%;; padding-left:10px; padding-right:15px; padding-top:0px; padding-bottom:0px }
   ul#m_news li div.fr a { border: none; }
   ul#m_news li div.fr a:hover { border-bottom: 1px solid #b41414; }
div.m_n_more { font-size: 9px; margin: 5px 0px 0px; padding: 5px 15px 5px 33px; border-top: 1px solid #eee; }
 div.m_n_more span { background: url('images/li_boxarrowc.gif') no-repeat 100% 60%;; padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px }
div#m_arts { margin: 15px 0px 5px; }
 div#m_arts div ul { border: none; }
  div#m_arts div ul li { border-bottom: 1px solid #eee; }
   div#m_arts div ul li a { border: none; display: block; }
   div#m_arts div ul li a:hover { border: none; color: #b41414; }
  div#m_arts div.fr ul li a span { padding: 0px 0px 0px 5px; }
  div#m_arts div.fr ul li a:hover span { color: #000; }
 div#m_arts div.fl { width: 240px; }
 div#m_arts div.fr { width: 250px; }
div.m_about div { padding: 5px 0px 3px 5px; }
 div.m_about div.fr { width: 130px; }
  div.m_about div.fr img { border: 3px solid #cbcbcb; }
 div.m_about div.fl { width: 370px; }
  div.m_about div.fl div { width: 130px; text-align: right; background: url('images/li_boxarrowc.gif') no-repeat 100% 55%;; padding-left:0px; padding-right:15px; padding-top:5px; padding-bottom:5px }
   div.m_about div.fl div a { font-size: 9px; }
div.m_job div { padding: 5px 0px 3px 5px; }
 div.m_job div.fl { width: 130px; }
  div.m_job div.fl img { border: 3px solid #cbcbcb; }
 div.m_job div.fr { width: 370px; }
  div.m_job div.fr div { width: 173px; text-align: right; background: url('images/li_boxarrowc.gif') no-repeat 100% 55%;; padding-left:0px; padding-right:15px; padding-top:5px; padding-bottom:5px }
   div.m_job div.fr div a { font-size: 9px; }
div.m_int div { padding: 5px 0px 10px 10px; }
div.m_afo div.fl ul { margin: 0px 0px 0px 5px !important; padding: 0px 0px 0px !important; }
 div.m_afo div.fl ul li { text-align: left; }




/* OTHER
-------------------------------------*/
span.gen_time { visibility: hidden; }

body, td, input, textarea {	color: #555; font: 11px Tahoma,Arial,sans-serif; }

p { margin: 0px; }
blockquote { margin: 0px 0px 0px 30px; }
ul { margin-top: 0px; margin-bottom: 0px; }
ol { margin-top: 0px; margin-bottom: 0px; }

.txt_red { color: #B41414; }
.txt_black { color: #000000; }
.size_9 { font-size: 9px; }
.img_arrow_01 { padding-left: 10px; background: url('images/li_arrowa.gif') no-repeat 0px 4px; }
.img_arrow_02 { padding-left: 10px; background: url('images/li_arrowb.gif') no-repeat 0px 5px; }
.img_arrow_03 { padding-left: 8px; background: url('images/li_arrowsa.gif') no-repeat 0px 5px; }
.img_boxarrow_01 { padding-left: 14px; background: url('images/li_boxarrowa.gif') no-repeat 0px 4px; }
.img_boxarrow_02 { padding-left: 12px; background: url('images/li_boxarrowb.gif') no-repeat 0px 4px; }
.img_boxarrow_03 { padding-left: 14px; background: url('images/li_boxarrowc.gif') no-repeat 0px 5px; }
.img_help { padding-left: 9px; background: url('images/i_help.gif') no-repeat 0px 4px; }
.img_disc { padding-left: 11px; background: url('images/li_disc.gif') no-repeat 0px 3px; }
.img_exa { padding-left: 12px; background: url('images/li_exa.gif') no-repeat 0px 5px; }
.author { background: url('images/i_pen.gif') no-repeat 0px 1px; font-weight: bold; padding-left:11px; padding-right:20px; padding-top:0px; padding-bottom:0px }
.photo_Cb { border: 3px solid #cbcbcb; } .photo_Cb:hover { border: 3px solid #aaa; }
.photo_L { float: left; margin: 0px 10px 5px 0px; }
.photo_Lb { border: 3px solid #cbcbcb; float: left; margin: 0px 10px 5px 0px; } .photo_Lb:hover { border: 3px solid #aaa; }
.photo_R { float: right; margin: 0px 0px 5px 10px; }
.photo_Rb { border: 3px solid #cbcbcb; float: right; margin: 0px 0px 5px 10px; } .photo_Rb:hover { border: 3px solid #aaa; }
.tbl_prasa { border: none; border-top: 1px solid #eee; }
.mx { border-bottom: medium none !important; display: block; background: url('images/li_boxarrowc.gif') no-repeat 0px 5px; margin-left:400px; margin-right:0px; margin-top:5px; margin-bottom:5px; padding-left:14px; padding-right:0px; padding-top:0px; padding-bottom:0px }
 .tbl_prasa tr td { padding: 5px 5px 0px !important; padding: 5px; border: none; border-bottom: 1px solid #eee; }
 .tbl_prasa tr td strong { display: block; color: #b41414; margin: 0px 0px 2px; }

#pscroller1{
	width: 170px;
	height: 100px;
	border: 0px solid black;
	margin-left: 0px;
	padding: 2px;

}
.someclass{ //class to apply to your scroller(s) if desired

}

	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:0px;
	position:relative;
	width: 150px;
	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:150px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{

		text-decoration:none;	
		display:block;
		clear:both;
		width:140px;	
		padding-left:0px;	

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		 margin-top: 1px;
		 padding: 0px;
		 list-style: none;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
		width: 130px;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
.nada1 {
width: 180px;
margin-left: 0px;
padding-left: 0px;
clear:both;
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}