@CHARSET "UTF-8";
html,body,dl,dt,dd,pre,p,blockquote,th,td {  
		height:100%;
	    margin:0 auto; 
	    padding:0; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 95%;
		color: black;
		line-height:1.25em;
		border: 0;}

table {border-collapse:collapse; border-spacing:0; color:white; border:1px solid white;}
td, tr {border:1px solid white; color:white;}

fieldset,img {border:0; padding:0; margin:0 auto;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 

ol,ul {width:100%; height:100%; list-style:none; color:white; float:left; margin:0 auto; padding:0;}	

dl          {margin: 0 0 1.5em 0;}
dl dt       {font-weight: bold;}
dd          {margin-left: 1.5em;}


caption,th {text-align:left;} 
q:before,q:after {content:'';} 
abbr,acronym {border:0;}

body, html {min-height:100px;background-image: url(../graphics/bg_main.png); background-repeat: repeat-x; background-color: #262626;}

h1,h2,h3,h4,h5,h6 {font-weight: normal; color:#f5a44b;}

h1 {font-size: 1.3em; margin:0 auto; margin-bottom: 0.5em;}
h2 {font-size: 1.2em; margin-bottom: 0.75em;}
h3 {font-size: 1.1em; line-height: 1; margin-bottom: 1em;}
h4 {font-size: 1.05em; line-height: 1.25; margin-bottom: 1.25em;}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em;}
h6 {font-size: 1em; font-weight: bold;}

p           {margin: 0 0 1.0em; color:white;}
p img.left  {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em;}
p.right 	{text-align:right; margin:0 auto; padding:0;}


a {color: #f1f1f1; font-size:1.1em; text-decoration:none;}
a:focus, a:active {color: #f5a44b; font-size:1.1em;}
a:hover {text-decoration: underline;}


blockquote  {margin: 1.5em; color: #666; font-style: italic;}
strong      {font-weight: bold;}
em,dfn      {font-style: italic;}
dfn         {font-weight: bold;}
sup, sub    {line-height: 0;}

abbr, 
acronym     {border-bottom: 1px dotted #666;}
address     {margin: 0 0 1.5em; font-style: italic;}
del         {color:#666;}

pre 		{margin: 1.5em 0; white-space: pre;}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

.clear {clear:both; font-size:1px; margin:0 auto; padding:0; line-height:1px; border:none;}	
.spacer {clear:both; height:15px;}
.error {color:red;}
.orange {color:#f5a44b;}

b {font-weight:bold;}
strong {font-weight:bold;}
span {color:#f5a44b;}

div {margin:0 auto; padding:0;}


#site {width:950px; min-height:100%; margin-bottom: -61px; clear:both;}
#clutch_footer {width:950px; height:100%; margin-bottom: -610px; clear:both;}

/*top*/
#header {width:950px; height:159px; float:left; clear:both;}
	#logo {float:left; width:150px; height:165px;}
	#foto_head {float:left; width:800px; height:165px;}
	
#menu {float:left; clear:both; width:950px; height:100px; color:white; display:inline; font-size:.85em; text-align:center; overflow:hidden;}
		#menu ul li {overflow:hidden; min-width:118px; background: url(../graphics/bg_menu.png); background-repeat: repeat-x; height:100px; margin:0 auto;  padding:0; text-align:center; display: inline; float:left; list-style-type:none;}
		#menu ul li:hover {overflow:hidden; min-width:118px; background: url(../graphics/bg_menu_hover.png); background-repeat: repeat-x; margin:0 auto; text-align:center; display: inline; float:left; list-style-type:none;}
		
		#menu ul li.start {width:121px; text-align:center; background: url(../graphics/bg_start_menu.png); background-repeat: no-repeat; height:100px; display: inline; float:left; list-style-type:none;}
		
		#menu ul li.kontakt {width:121px;  text-align:center; background: url(../graphics/bg_kontakt_menu.png); background-repeat: no-repeat; background-position-x:right; background-position-y:top; height:100px; display: inline; float:right; list-style-type:none;}
		
		#menu ul li.start:hover {width:121px; text-align:center; background: url(../graphics/bg_start_menu_hover.png); background-repeat: no-repeat; height:100px; display: inline; float:left; list-style-type:none;}
		
		#menu ul li.kontakt:hover {width:121px; text-align:center; background: url(../graphics/bg_kontakt_menu_hover.png); background-repeat: no-repeat; height:100px; display: inline; float:right; list-style-type:none;}
	

		#menu ul li a {overflow:hidden; height:65px; margin-top:0px;  font-size:1.0em; text-align:center; display:block; padding-top:35px; }
		#menu ul li a:hover {overflow:hidden; min-width:115px;  font-size:1.0em; text-align:center; color:#f5a44b; padding-top:35px; }
		
		
#menu ul li.systemy {width:135px; text-align:center; background: url(../graphics/bg_menu.png); background-repeat: repeat-x; height:100px; display: inline; float:left; list-style-type:none;}
#menu ul li.systemy:hover {width:135px; text-align:center; background: url(../graphics/bg_menu_hover.png); background-repeat: repeat-x; height:100px; display: inline; float:left; list-style-type:none;}
		#menu ul li.systemy a {height:100px; padding:0; padding-bottom:50px; padding-top:30px; padding-left:15px; padding-right:15px; font-size:1.0em; text-align:center;}
		#menu ul li.systemy a:hover {width:135px; height:100px; font-size:1.0em; text-align:center;}
		
/*content*/
#content {float:left; clear:both; min-height:100px; font-size: 1.0em; color:#fff;}
#content a {color:#f5a44b; font-size: 1.05em;}
#content a:hover {color:#f5a44b; font-size: 1.05em;}

div.linki {width:450px; min-height:14px; float:left; text-align:left; clear:both;}
div.linki a {width:26px; height:14px; float:left; display: inline-block; text-align:center;}
div.linki a.on {width:28px; height:14px; float:left; display: inline-block;}
div.linki a.strzalka_prawa {margin:0 auto; padding:0; width:17px; min-height:14px; float:left; background: url(../graphics/arrow_right.png); background-repeat: no-repeat; display: inline-block;}
div.linki a.strzalka_lewa {margin:0 auto; padding:0; width:17px; min-height:14px; float:left; background: url(../graphics/arrow_left.png); background-repeat: no-repeat; display: inline-block;}
div.linki a.strzalka_prawa:hover {text-decoration:none;}
div.linki a.strzalka_lewa:hover {text-decoration:none;}


#main_site_left {width:635px; float:left; min-height:300px; margin-right:5px;}

#main_site_right {width:310px; float:left; min-height:300px;}
#main_site_right p a {font-size:1.0em; color:white;}
#main_site_right a {font-size:1.0em; color:#f5a44b;}
#main_site_right a:hover {font-size:1.0em; color:#f5a44b; text-decoration:underline;}
#main_site_right span {text-align:right;}

/*main site forms*/
.main_site_form_box {width:250px; height:150px; float:left; margin-right:20px; margin-left:30px; background-image: url(../graphics/form_box_bg.png); background-repeat: no-repeat;}
.main_site_form_box h2 {text-align:center;}


/*divs with rounded corners*/

.tl {width:15px; height:15px; float:left; background: url(../graphics/tl.png); background-repeat: no-repeat;}
.tr {width:15px; height:15px; float:right; background: url(../graphics/tr.png); background-repeat: no-repeat;}

.bl {width:15px; height:100%; float:left; background: url(../graphics/bl.png); background-repeat: no-repeat;}
.br {width:15px; height:100%; float:right; background: url(../graphics/br.png); background-repeat: no-repeat;}

.whole {clear:both;}

/*main site left div*/
.box_main_site_left {max-width:630px; height:100%; float:left; clear:both;} 
.tm_msl {width:600px; height:15px; float:left; background: url(../graphics/tm.png);}
.bm_msl {width:600px; height:15px; padding:0; float:left; background: url(../graphics/bm.png);}
.box_content_msl {width:628px; min-height:160px; background: #201f20; border-left:1px solid #171717;border-right:1px solid #171717; margin: 0 auto; padding:0;  float:left; 
font-size:.95em; font-family:Arial;}
.box_content_msl li {margin-left:0px; clear:both;
display: block;
background-image: url(../graphics/li_c.png);
background-repeat: no-repeat;
padding-left: 25px;
text-align: left;
margin-right: 5px;font-size:.95em;}	

.box_content_text_msl {width:610px; margin:0 auto; margin-left:8px; padding:0;}
.box_content_text_msl li {margin-left:0px; clear:both;
display: block;
background-image: url(../graphics/li_c.png);
background-repeat: no-repeat;
padding-left: 25px;
text-align: left;
margin-right: 5px;font-size:.95em;}	

/*main site right div*/
.box_main_site_right {width:310px; height:100%; float:left; clear:both;} 
.tm_msr {width:280px; height:15px; float:left; background: url(../graphics/tm.png);}
.bm_msr {width:280px; height:15px; padding:0; float:left; background: url(../graphics/bm.png);}
.box_content_msr {width:308px; min-height:160px; background: #201f20; border-left:1px solid #171717;border-right:1px solid #171717; margin: 0 auto; padding:0;  float:left; 
font-size:.95em; font-family:Arial;}
.box_content_text_msr {width:290px;margin:0 auto; margin-left:8px; padding:0;}

/*common sites left (menu)*/
#common_site_menu {width:210px; float:left; font-size:0.9em; color:white;}
.box_menu {width:200px; height:100%; float:left; clear:both;} 
.tm_menu {width:170px; height:15px; float:left; background: url(../graphics/tm.png);}
.bm_menu {width:170px; height:15px; padding:0; float:left; background: url(../graphics/bm.png);}
.box_content_menu {width:198px; min-height:190px; background: #201f20; border-left:1px solid #171717;border-right:1px solid #171717; margin: 0 auto; padding:0;  float:left; 
font-size:.95em; font-family:Arial;}
.box_content_text_menu {width:180px;margin:0 auto; margin-left:8px; padding:0;}
.box_content_text_menu {width:180px;margin:0 auto; margin-left:8px; padding:0; color:white;}
#common_site_menu ul {width:180px; float:left; margin-right:10px; line-height:25px; color:white; background-image: url(../graphics/li.png); background-repeat: no-repeat;}
#common_site_menu a {color:white; line-height:25px;}

#common_site_menu li {margin-left:0px; clear:both;
display: block;
background-image: url(../graphics/li.png);
background-repeat: no-repeat;
padding-left: 25px;
text-align: left;
margin-right: 5px;}	


/*common sites right (content)*/
#common_site_whole_content {width:950px; float:left;}
.box_whole_content {width:950px; height:100%; float:left; clear:both;} 
.tm_whole_content {width:920px; height:15px; float:left; background: url(../graphics/tm.png);}
.bm_whole_content {width:920px; height:15px; padding:0; float:left; background: url(../graphics/bm.png);}
.box_content_whole_content {width:948px; min-height:190px; background: #201f20; border-left:1px solid #171717;border-right:1px solid #171717; margin: 0 auto; padding:0;  float:left; 
font-size:.95em; font-family:Arial;}
.box_content_text_whole_content {width:910px; margin:0 auto; margin-left:8px; padding:0;}
#common_site_whole_content li {margin-left:0px; clear:both;
display: block;
background-image: url(../graphics/li_c.png);
background-repeat: no-repeat;
padding-left: 25px;
text-align: left;
margin-right: 5px;
font-size:.95em;}

/*common sites whole content*/
#common_site_content {width:740px; float:left;}
.box_content {width:740px; height:100%; float:left; clear:both;} 
.tm_content {width:710px; height:15px; float:left; background: url(../graphics/tm.png);}
.bm_content {width:710px; height:15px; padding:0; float:left; background: url(../graphics/bm.png);}
.box_content_content {width:738px; min-height:190px; background: #201f20; border-left:1px solid #171717;border-right:1px solid #171717; margin: 0 auto; padding:0;  float:left; 
font-size:.95em; font-family:Arial;}
.box_content_text_content {width:720px;margin:0 auto; margin-left:8px; padding:0;}
#common_site_content li {margin-left:0px; clear:both;
display: block;
background-image: url(../graphics/li_c.png);
background-repeat: no-repeat;
padding-left: 25px;
text-align: left;
margin-right: 5px;font-size:.95em;}	

/*partners*/
#partners {width:100%; height: 110px; float:left; clear:both; overflow:hidden;}
.header {margin-left:5px; color:#f5a44b;}
#partners a {margin:0 auto; padding:0; color:#f5a44b;}
#partners p {padding-left:10px;}

/*bottom & footer*/
#divider {width:100%; height:10px; clear:both;}
#clearfooter {clear:both; height:61px; width:100%;}

#footer {width:100%; font-size:.9em; clear:both; padding:0; margin:0 auto; min-height:61px; color:white; overflow:hidden;}
#footer_left {min-width:10px; min-height:61px; float:left; background: url(../graphics/footer_left.png); background-repeat:no-repeat;}
#footer_right {min-width:10px; min-height:61px; float:left; background: url(../graphics/footer_right.png); background-repeat:no-repeat;}
#footer_middle {color:white; margin:0 auto; padding:0; width:930px; min-height:61px; float:left; background: url(../graphics/footer_middle.png); background-repeat:repeat-x;}


#footer_middle .footer_menu ul li {font-size:.95em; margin:0 auto; margin-right:15px; margin-top:10px; display: inline; float:left; list-style-type:none; padding:0; cursor:pointer;}
#footer_middle .footer_menu ul li a {float:left; text-align:center;}
#footer_middle .footer_menu ul li a:hover {color:#f5a44b; float:left; text-decoration:underline; text-align:center;}
#footer_middle .footer_bottom1 {width:250px; margin-top:10px; float:left;}
#footer_middle .footer_bottom2 {width:450px; margin-top:10px; text-align:right; float:right;}
#footer_middle .footer_bottom2 a {color:#222222; font-size:1.5em;}

/*forms from blueprint*/
/* -------------------------------------------------------------- 
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   Usage:
   * For text fields, use class .title or .text
-------------------------------------------------------------- */
.zone {background-color:#2e2e2e; width:360px; height:535px; margin-left:0px; float:left; clear:both; padding:5px;}
.zone_r {background-color:#2e2e2e; float:left; height:165px; width:475px; margin-left:15px; margin-bottom:10px; padding:5px;}
.zone3 {background-color:#2e2e2e; width:98%; min-height:300px; margin-left:0px; float:left; clear:both; padding:5px;}

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

.line {width:460px; float:left; min-height:30px; clear:both;}
.line2 {width:306px; float:left; min-height:30px; clear:both;}
.right {float:right; max-width:165px;}
.left {float:left; text-align:left; padding-top:8px;}

/*Form fields*/
input.text2 {margin:0 auto; padding:0; border:1px solid #000; }
input.text, input.title,
textarea, select {
  margin:0.3em 0;
  border:1px solid #000;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   {width: 160px; padding:3px;}
input.title   {font-size:1.3em;}
textarea      {width: 300px; height: 100px; padding:3px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*jquery-lightbox*/
#jquery-overlay {position: absolute;top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {	position: absolute;	top: 0;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 350px; height: 350px; margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data { padding: 0 10px;  color: #666; }
#lightbox-container-image-data #lightbox-image-details {  width: 70%;  float: left; text-align: left; } 
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left;  padding-bottom: 1.0em;}   
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em;}