@import url("thickbox.css");

/*

 * @section		screen

 * @author		---

 * @version		1.00

 * @copyright	zaciecie.pl

 * @media		screen

 */

 

/* body styles  / reset / links / headings / other elements / tags  */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

body {

	background: #fbfbf9 url(../img/body.gif) 0 -24px repeat-x;

	font: 11px Tahoma, Arial, sans-serif;

	color: #2d2d2d;
	line-height: 160%;
}

button {cursor: pointer}

legend {display: none}

object {float:left}

.accessibility {display: none}

.container { position: relative; margin: 0 auto}

.notxt {

	font-size: 0;

	line-height: 0;

	text-indent: -9998%;

}



/* container */

#container { width: 980px; padding: 0 0 50px; }


	/* lang */
	#header .lang { position: absolute; width: 17px; height: 11px; line-height: 0; top: 18px; left: 744px; z-index: 100; background-image: url(../img/de.gif); text-indent: -999999px }
	#header .lang2 { position: absolute; width: 19px; height: 11px; line-height: 0; top: 18px; left: 767px; z-index: 100; background-image: url(../img/en.gif); text-indent: -999999px }
	
		#english #header .lang { background-image: url(../img/pl.gif) }
		#english #header .lang2 { width: 17px; background-image: url(../img/de.gif) }
		
		#deutsch #header .lang { background-image: url(../img/pl.gif) }
		#deutsch #header .lang2 { background-image: url(../img/en.gif) }
	

	/* header */

	#header { position: relative; height: 158px; margin-bottom: 15px; background: url(../img/header/bg.jpg) no-repeat }

	.submenu #header { height: 185px; background-image: url(../img/header/bg-sub.jpg) }

	.subsubmenu #header { height: 215px; background-image: url(../img/header/bg-sub.jpg) }

	

	#header h1 { float: left; width: 118px; height: 79px; padding: 18px 96px 0 27px; position: relative; z-index: 9999; }

	#header h1 a { display: block; height: 79px; background: url(../img/header/logo.gif); text-indent: -999999px }

	#header h2 { float: left; width: 231px; height: 64px; margin-top: 31px; background: url(../img/header/slogan.gif); position: relative; z-index: 9999; text-indent: -999999px }

	

	#header p { padding: 40px 190px 0 0; text-align: right; font: 1.82em/100% Arial, sans-serif; color: #65b822 }

	#header p strong { position: relative; display: block; left: 20px; font-weight: bold; color: #99cf17 }

	#header p a { color: #65b822; text-decoration: none }
	#header p a strong { color: #99cf17 }
	
	#contact-with-us { position: absolute; width: 132px; height: 155px; right: 37px; top: 3px; text-indent: -200% }
	

	/* main menu */
	#main-menu { position: absolute; left: 1px; top: 119px; height: 39px; }
	#main-menu li { float: left; font-size: 1.27em; margin-right: 1px; font-weight: bold; line-height: 39px; }
	#main-menu a, #main-menu span { float: left; height: 39px; padding: 0 15px; color: #fff; text-decoration: none; }
	#main-menu a:hover,
	#main-menu span, #main-menu .current a { color: #2d2d2d; background: url(../img/header/a.gif) repeat-x }
	#main-menu span a { padding: 0; }
	
	/* submenu */
	#submenu { display: none; position: absolute; bottom: 0; left: 0; }
	.submenu #submenu, .subsubmenu #submenu { display: block; }
	.subsubmenu #submenu { bottom: 30px }
	#submenu li { display: inline; line-height: 26px; font-weight: normal; font-size: 12px; padding: 0 0 0 8px; }
	#submenu a { color: #2d2d2d; text-decoration: none }
	#submenu a:hover, #submenu .current a { color: #fff }
	
	/* subsubmenu */
	#subsubmenu { display: none; position: absolute; bottom: 0; left: 0; }
	.subsubmenu #subsubmenu { display: block }
	#subsubmenu li { float: left; margin-right: 7px; }
	/*
	#subsubmenu li a { float: left; padding: 5px 10px; text-decoration: none; font-weight: bold; color: #fff; background: #67b822; }
	#subsubmenu li a:hover { background: #2d2d2d }
	*/
	#subsubmenu li a { float: left; height: 23px; line-height: 23px; padding-left: 5px; text-decoration: none; font-weight: bold; color: #fff; background: url(../img/header/sub-left.gif) no-repeat; }
	#subsubmenu li a strong { float: left; height: 23px; padding: 0 10px 0 5px; background: url(../img/header/sub-right.gif) right 0 no-repeat; }
	#subsubmenu li a:hover, #subsubmenu .current a { background-position: 0 bottom }
	#subsubmenu li a:hover strong, #subsubmenu .current a strong { background-position: right bottom }

/* content */

#content { position: relative; overflow: hidden; height: 100% }

	

	/* breadcrumbs */

	#breadcrumbs { height: 30px }

	#breadcrumbs a { color: #000; text-decoration: none }

	#breadcrumbs a:hover { text-decoration: underline }

	

	/* content */

	#main-content { float: left; border: 2px solid #fff; background: #fff url(../img/content/main-content.jpg) right 0 no-repeat }

	#main-content .corner { position: relative; margin: -2px -2px 0 0; float: right; width: 17px; height: 17px; background: url(../img/content/main-content.gif) }

	#main-content .inside { position: relative; padding: 20px 30px; min-height: 290px; _height: 290px }

		

		/* misc */

		#main-content p { margin-bottom: 15px; font-size: 1.10em;}

		#main-content h1, #article h1 { font-size: 1.82em; padding-bottom: 10px; margin-bottom: 10px; margin-right: 10px; line-height: 100%; font-weight: normal; border-bottom: 3px solid #e2e2e2 }

		#main-content h2, #article h2 { font-size: 1.09em; font-weight: bold; margin-bottom: 5px; }

		#main-content h3, #article h3 { font-size: 1.00em; font-weight: bold; margin-bottom: 5px; }

		#main-content ul li, #article ul li { display: block; _height: 10px; padding: 5px 0 5px 20px; background: url(../img/content/arr.gif) 0 center no-repeat }

		#main-content strong, #article strong { font-weight: bold }

		#main-content em, #article em { font-style: italic }

		#main-content a, #article a { color: #65b822 }

		#main-content a:hover, #article a:hover { text-decoration: none }
		
		#main-content ol li { list-style: decimal; }
		

		#main-content table { width: 100%; margin-bottom: 15px; border-collapse: collapse }

		#main-content table th { padding: 5px 10px; text-align: center; color: #fff; background: #2d2d2d; border-top: 2px solid #9ecb18 }

		#main-content table td { padding: 5px 10px; border-bottom: 1px solid #e2e2e2 }



		/* more */

		#main-content .more { position: absolute; width: 70px; height: 20px; padding: 10px 0 0 40px; bottom: 0; right: 20px; color: #818759; font-size: 1.18em; font-weight: bold; text-decoration: none; background: url(../img/content/more.gif) }

		#main-content .more:hover { text-decoration: underline }

		

	/* home gallery */

	#home-gallery { float: left; width: 357px; margin: 0 15px 0 20px; _margin-left: 10px; }

	

	#home-gallery .image { position: relative; width: 357px; _height: 5px; background: url(../img/content/home-gallery-top.gif) no-repeat }

	#home-gallery .image img { display: block; margin: 0 auto; padding-top: 6px; }

	#home-gallery .image p { height: 32px; padding: 0 10px; line-height: 32px; background: url(../img/content/home-gallery-bottom.gif) no-repeat }

	

	#home-gallery .image ul { position: absolute; width: 127px; height: 32px; right: 10px; bottom: 32px; background: url(../img/paginator.png) }
	#home-gallery .image ul { _background: url(../img/content/home-gallery-paginator.gif) }

	#home-gallery .image li a { float: left; width: 15px; height: 15px; text-indent: -999999px }

	#home-gallery .image li { float: left; clear: none; }

	#home-gallery .image .prev { padding: 12px 0 0 50px; width: 20px; }

	#home-gallery .image .prev a { background: url(../img/content/home-gallery-prev.gif) }

	#home-gallery .image .next { float: right; width: 20px; padding: 12px 30px 0 0 }

	#home-gallery .image .next a { background: url(../img/content/home-gallery-next.gif) }  

	

	#home-gallery .thumbs { height: 50px; padding-top: 10px } 

	#home-gallery .thumbs li { float: left; width: 65px; height: 51px; margin-right: 8px; background: url(../img/content/home-gallery-thumb.gif) no-repeat }

	#home-gallery .thumbs .current { background-position: 0 bottom }

	#home-gallery .thumbs .last { margin-right: 0 }

	#home-gallery .thumbs img { display: block; margin: 0 auto; padding-top: 6px; }

	

	/* calc */

	#container #calc { float: left; width: 380px; height: 252px; margin: 20px 25px 25px 0; color: #fff; background: url(../img/content/calc.gif) right 0 no-repeat }

	#container #calc h3 { height: 45px; background: url(../img/content/calc-h1.gif) 0 bottom no-repeat; text-indent: -999999px }

	#container #calc ul { padding: 5px 0 0; height: 130px }

	#container #calc li { line-height: 18px; height: 18px; padding: 0; background: none; vertical-align: bottom; margin-bottom: 5px; _margin: 0 }

	#container #calc .label { float: left; width: 210px; padding-right: 5px; text-align: right; }

	#container #calc .label a { float: right; width: 16px; height: 16px; margin: 2px 0 0 5px; line-height: 16px; text-align: left; background: url(../img/content/calc-info.gif); text-indent: -999999px }

	#container #calc .input, #container #calc #percents, #container #calc #credit { width: 105px; padding: 2px 5px; font-size: 11px; border: 1px solid #747474; border-bottom-color: #e7e7e7; border-right-color: #e7e7e7 }

	#container #calc #credit { width: 30px }

	#container #calc #calc-b { width: 45px }

	#container #calc p { height: 15px; padding-right: 80px; margin: 0 }

	#container #calc p button { float: right; border: 0; padding: 0; font: bold 13px arial;  overflow: visible; background: transparent; color: #292929 }

	#container #calc .results { height: auto; font-weight: bold; _padding-top: 0 }

	

	/* sidebar */

	#sidebar { position: relative; float: right; width: 200px; padding-bottom: 1500px; margin-bottom: -1500px; background: url(../img/sidebar/sidebar_nowy.jpg) no-repeat }

/* sidebar-lokalizacja */

	#sidebar-lokalizacja { position: relative; float: right; width: 200px; height: 400px; padding-bottom: 5000px; margin-bottom: -1500px; background: url(../img/sidebar/bg_nowy_lok.jpg) no-repeat }

	/* sidebar-main */

	#sidebar-main { position: relative; float: right; width: 200px; height: 400px; padding-bottom: 1500px; margin-bottom: -1500px; background: url(../img/sidebar/bg_nowy.jpg) no-repeat }	

		

		/* newsletter */

		#sidebar h2 { height: 60px; background: url(../img/sidebar/header.gif) 50px 13px no-repeat; text-indent: -999999px }

		#sidebar form { height: 130px }

		#sidebar form p { padding: 5px 0 5px 60px; line-height: 120%; }

		#sidebar form label { float: left; width: 50px; padding-right: 10px; text-align: right; line-height: 20px }

		#sidebar form input { float: left; width: 123px; padding: 3px 5px; border: 1px solid #c9cda9; font-size: 11px; color: #92966f }

		#sidebar form li { clear: both; padding-top: 5px }

		#sidebar form button { float: right; margin: 5px 6px 0 0; width: 66px; height: 21px; border: 0; overflow: visible; text-indent: -999999px; background: url(../img/sidebar/button.gif) }

		

		/* question */

		#question { position: relative; left: 16px; width: 180px; height: 125px; /*background: url(../img/sidebar/question-bg.gif) no-repeat;*/ }

		#question a { position: absolute; width: 58px; height: 21px; bottom: 35px; right: 30px; background: url(../img/sidebar/question.gif); text-indent: -999999px }
		
		
	/* gallery */

	#gallery-photo { float: left; width: 438px; height: 300px; /*height: 283px; margin-top: 42px;*/ background: url(../img/content/gallery-photo.gif) no-repeat }

	#gallery-photo.margin { margin: 0 10px 10px 0 }

	#gallery-photo img { display: block; margin: 6px auto; }

	

	#gallery-info { float: left; width: 270px; margin: 15px 0 0 11px }

	

	#main-content #gallery-thumbs { }

	#main-content #gallery-thumbs li { float: left; width: 65px; height: 51px; padding: 0; margin: 0 0 7px 8px; background: url(../img/content/gallery-thumb.gif) no-repeat }

	#main-content #gallery-thumbs .current { background-position: 0 bottom }

	#main-content #gallery-thumbs img { display: block; margin: 0 auto; padding-top: 6px; }

	

	/* news */

	.news { padding-bottom: 10px; margin: 0 10px 10px 0; border-bottom: 1px solid #d2d2d2 }

	.news h2 small { float: right; font-size: 0.92em; font-weight: normal; color: #a0a0a0 }

	#main-content .news h2 a { color: #000; font-weight: normal }

	.news .category { display: block; margin-bottom: 5px; color: #a0a0a0 }

	#main-content .news .category a { color: #a0a0a0 }

	

	.show-news { margin-right: 10px }

	.news-date { height: 30px; color: #a0a0a0 }

	.news-date .category { float: left; }

	#main-content .news-date .category a { color: #a0a0a0 }

	.news-date .date { float: right; }

	

	/* comments */

	.comments li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d2d2d2 }

	.comments h2 small { float: right; font-size: 0.92em; font-weight: normal; color: #a0a0a0 }

	#main-content .comments h2 a { color: #000 }

	

	/* comment form */

	#main-content .show-news form { background: #e8e8e8; /*height: 210px;*/ }

	#main-content .show-news form ul { padding: 25px 0 25px 35px; }

	#main-content .show-news form li { clear: left; float: none; padding: 0; background: none }

	#main-content .show-news form .input { float: left; clear: none; width: 340px; margin-bottom: 3px }

	#main-content .show-news form .textarea { position: relative; _margin-top: -20px }

	#main-content .show-news form label { display: block; height: 15px; width: 200px; margin-bottom: 3px }

	#main-content .show-news form input { width: 320px; padding: 5px; border: 1px solid #bdbdbd }

	#main-content .show-news form textarea { width: 660px; height: 80px; padding: 5px; border: 1px solid #bdbdbd }
	
	#main-content #formularz { height: auto }
	#main-content .show-news #form1 ul { height: 250px }
	
	#logo-migo { padding: 15px 25px; }
	#logo-migo span { float: left; line-height: 25px; margin-right: 15px; }
	#logo-migo a { float: left; width: 100px; height: 25px; text-indent: -99999999px; background: url(../img/logo_migomedia.gif) no-repeat; }
	#logo-migo a:hover { background-position: -100px 0; }

/* bottom bar */

#bottombar { width: 980px; position: relative; min-height: 15px; _height: 15px }
#bottomnewbar { position: absolute; width: 183px; height: 226px; margin: -162px 0 0 796px; background: url(../img/bottomnewbar.jpg) no-repeat; }
	
	/* read blog button */
	#read-blog { position: absolute; line-height: normal; right: 14px; top: 140px; width: 140px; padding-left: 20px; font-size: 1.27em; font-weight: bold; color: #fff; text-decoration: none; background: url(../img/bottombar/arr.gif) 0 3px no-repeat }
	#read-blog:hover { text-decoration: underline }	

	/* more */

	#bottombar .more { position: absolute; bottom: 0px; font-size: 1.18em; font-weight: bold; text-decoration: none }

	#bottombar .more:hover { text-decoration: underline }

	

	/* about */

	#about { float: left; width: 355px; height: 195px; color: #bfbfbf; padding: 30px 80px 0 0; position: relative }

	#about h2 { float: left; padding: 5px 15px 5px 50px; font-size: 2.18em; font-weight: normal; color: #fff; background: #67b822; }

	#about p { clear: left; height: 130px; padding: 10px 0 0 50px; line-height: 140% }

	#about .more { color: #292929; right: 98px; }

	

	/* blog */

	#blog { float: left; width: 360px; height: 190px; padding: 35px 0 0 0; position: relative }

	#blog h2 { font-size: 2.18em; font-weight: normal; color: #fff; }

	#blog ul { padding-top: 15px }

	#blog ul li { margin-bottom: 10px }

	#blog ul a { color: #fff; font-size: 1.27em; font-weight: bold; text-decoration: none }

	#blog ul a:hover { text-decoration: underline }

	#blog ul em { font-size: 1.09em; font-style: normal; color: #b3e988; border-left: 1px solid #b3e988; padding-left: 5px; margin-left: 5px }

	#blog .more { color: #65b822; right: 65px; }

	

	/* article */

	#article { width: 770px; padding-top: 20px; }

	#article.with-calc { float: left; width: 370px }

	#article p { padding: 5px 10px; } 

	#article h2, #article h3, #article ul { margin-left: 10px }		

	#article .more { position: static; display: block; height: 16px; margin-top: 15px; padding: 7px 30px 0 0; color: #fff; text-decoration: none; text-align: right; border-bottom: 1px solid #9f9f9f; background: url(../img/bottombar/more.gif) 674px bottom no-repeat } 

	#article .more:hover { text-decoration: underline }

	

	

	

/* home */
.home #main-content { width: 384px; margin-top: 3px; }
.home #bottombar { height: 226px; background: url(../img/bottombar/bg.jpg) 28px 0 no-repeat }
.home #main-content ul li a { text-decoration: none; }


/* page */
.page #main-content { width: 776px }
.page #main-content .inside { padding-left: 20px; padding-right: 0; min-height: 440px; _height: 440px; }
.page #bottombar { height: 64px; background: url(../img/bottombar/bgn.gif) no-repeat }

	
.ukryj{visibility:hidden;}
.niePokazuj{display:none;}
.czysc{clear:both; height:0px;}

  #komunikat-poz{padding:20px; border:4px solid #61AF18; text-align:center; font-size:1.2em; font-weight:bold; line-height:150%;}
  #komunikat-neg{padding:20px; border:4px solid #AF1B18; text-align:center; font-size:1.2em; font-weight:bold; line-height:150%;}

/* English */
#english #header h2 { background-image: url(../img/english/slogan.gif) }
#english #sidebar { background-image: url(../img/english/sidebar.jpg) }
#english #question a { background-image: url(../img/english/ask.gif) }
#english #sidebar h2 { background-image: url(../img/english/reports.gif) }
#english #sidebar form button { background-image: url(../img/english/button.gif) }	
#english.page #bottombar { background-image: url(../img/bottombar/bgn_en.gif) }

/* Deutsch */
#deutsch #header h2 { width: 286px; height: 57px; background-image: url(../img/deutsch/slogan.gif) }
#deutsch #sidebar { background-image: url(../img/deutsch/sidebar.jpg) }
#deutsch #question a { background-image: url(../img/deutsch/ask.gif) }
#deutsch #sidebar h2 { background-image: url(../img/deutsch/reports.gif); background-position: 50px 20px; }
#deutsch #sidebar form button { width: 86px; background-image: url(../img/deutsch/button.gif) }	
#deutsch.page #bottombar { background-image: url(../img/bottombar/bgn_de.gif) }