/*
Title: qbic-re
url: qbic-re.pl
Version: 1.0
Author: Artur Leniewski <arturlesniewski@gmail.com>
Released: 20090710
*/

/* deafault */
html, body, h1, h2, h3, h4, h5, h6, form, table, tr, th, td, ul, li{margin: 0; padding: 0;}
.clear{clear: both; margin: 0; padding: 0; font-size: 0; height: 0; line-height: 0;}
ol,ul{list-style:none;}

/* body */
body { font-family:Arial,verdana,tahoma,sans-serif; font-size:13px; line-height:1.5em; color:#000064; text-align:center;}

#gradien{width:834px;margin:0 auto; padding:0; background: url(../graphics/siteGradien.gif) 0 10px repeat-y;}

/* page */
#page{width:800px; padding:0 17px ; margin:0 auto; text-align:left;}
	
/* header */
#header {width:800px; height:126px; background:url(../graphics/bgHeader.gif) top left no-repeat;}
	#flags {padding:25px 0 0 658px;}
	#flags a{width:25px; height:14px; padding-right:8px;}
	#flags .pl{float:left; background:url(../graphics/flags/pl.gif) top left no-repeat;}
	#flags .en{float:left; background:url(../graphics/flags/en.gif) top left no-repeat;}
	#flags .nl{float:left; background:url(../graphics/flags/nl.gif) top left no-repeat;}
	#flags .de{float:left; background:url(../graphics/flags/de.gif) top left no-repeat;}

/* menu */
.menu {width:800px; height:48px; background:url(../graphics/bgMenu.gif) top left repeat-x; text-align:center;}
	#menu {margin:0 auto; text-align:center; padding:14px 0; overflow:none;}
	#menu li{display:inline;}
	#menu li a{font-size:1.4em;padding:5px 10px; margin:4px 0; border-left:1px solid #fff; }
	#menu li a.first{font-size:1.4em;border:0;}

/* header */
#baner {width:800px; height:223px; background:url(../graphics/bgBaner.gif) top left no-repeat;}

/* slideshow*/
#slideshow {position:relative; height:223px; margin:6px 144px;}
	#slideshow img {position:absolute;top:0;left:0;z-index:8; border: 6px solid #fff; border-top:0; border-bottom:0;}
	#slideshow img.active {z-index:10;}
	#slideshow img.last-active {z-index:9;}

/* mainPage */
#main {width:770px;background:#F0F7FA url(../graphics/bgMain.gif) left 50px no-repeat; padding:8px 15px; margin-top:8px;}
	#main h1{padding:12px 0px 12px 160px;  font-size:18px; font-weight:bold; color:#5c5c9c; background: url(../graphics/bgH1.gif) 0 0 repeat-x;}
	#main .content{margin-left:150px;  background: url(../graphics/bgContent.gif) 0 0 repeat-y; padding:8px 25px; text-align:justify;}
	#main .content a{color:#5c5c9c;}
	#main .menuLeft{width:142px; margin:0; padding:4px;float:left; }
	#main .menuLeft ul.info li{list-style-type:disc; margin-left:12px;}
	#main .menuLeft li a{color:#5c5c9c;}
	#main .menuLeft li li a{padding-left:8px;}
	#main .content2{ float:left; background: url(../graphics/bgContent.gif) 0 0 repeat-y; padding:8px 25px; text-align:justify;}
	#main .content a{color:#5c5c9c;}
	
	#main .galleryList{float:left; width:200px; margin:4px 8px; text-align:center;}
		  .boxImageList{display: block; float:left; width:145px; margin:2px 4px;}
		  .boxImageList img {padding:4px; margin:4px;}

/* footer */
.footer {width:800px; height:36px; background:url(../graphics/bgMenu.gif) top left repeat-x;}
	#footer li{font-size:1em; float:left; margin-top:8px; height:18px; padding:0;}
		#footer li a{padding:2px 12px; border-left:1px solid #fff; }
		#footer li a.first{border:0;}
	#copyright{float:right; color:#fff; margin:8px 16px;}

a{color:#fff;text-decoration:none; }
a:hover{text-decoration:underline;}