
html, body
{margin: 0px;
 padding: 0px;
 border: 0px;
 font-size: 12px;
 font-family: calibri, tahoma, verdana, arial, sans-serif;
 text-align: justify;
}
fieldset {width: 90%; float: right}
body { background: white url('./pic/tlo.jpg') repeat-x 0% 0%;}
a { text-decoration: none; color: black;}
p, #panel_right ul {line-height: 1.5em;
 color: black;
 text-align: justify;
 letter-spacing: 0.1em;
}

div
{margin: 0px;
 padding: 0px;
}

.clear, .fc {clear: both;}
.cl {clear: left;}
.fl {float: left;}
.fr {float: right;}
.pr {position: relative;}
.pa {position: absolute;}
.pc {position: relative; margin:0px auto;/* add width to div! */}
.dn {display: none;}
.hid {display: none;}
.db {display: block;}
.di {display: inline;}
.active {cursor: pointer;}
.orange {color: orange;}
.ib { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }

#wrapper
{
 background: transparent url(./pic/main_tlo.jpg) no-repeat scroll right bottom;
 position: relative;
 width: 947px;
 margin: auto;
 margin-top: 0px;
 border: 0px;
 padding: 0px;
}

#wrapper.noBckg { background: transparent;}


#first_line {position: relative;width: 947px;margin: auto;height: 99px; z-index: 10;}
#teksty {position: absolute;top: 100px;	left: 0; background: transparent;width: 945px;height: 340px;z-index: 10;}

#logo
{float: left;
 width: 230px;
}
#logo img
{border: 0px;
 margin: 0px;
 padding: 0px;
}

#menu
{float: right;
 width: 710px;
 text-align: right;
 padding: 0px;
 margin-top: 38px;
 margin-bottom: 8px;
 color: #000022;
}

#menu ul, #stopka ul{
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding: 0px;
margin: 0px;
}
#stopka ul li a {
	margin-top: 20px;
	padding: 0 7px;	
}

#menu li, #stopka li
{display:inline;
}

#stopka_menu_container {
padding-top: 10px;	
}

#menu a
{text-decoration: none;
color: #000022;
font-size: 12px;
padding: 0 7px;
}
#menu img
{margin-left: 5px;
 border: none;
}

#linki
{float: right;
 clear: right;
 margin-right: 8px;
 margin-top: 15px;
 height: 20px;
 width: 100px;
 text-align: right;
}

#linki img
{border: 0px;
 margin-left: 3px;}

#menu_lines a, .ml
{text-decoration: none;
color: #000022;
font-size: 14px;
display: block;
}

.menu_line
{float: right;
 clear: right;
 width: 100%;
 height: 36px;
 padding-bottom: 2px;
 background: url('./pic/line_tlo.jpg') repeat-x 0% 0%;
}

.ml
{height:26px;
 padding: 10px 0px 0px 40px;
}

#ml1{background: url('./pic/bullet_1.jpg') no-repeat 0% 0%;}
#ml2{background: url('./pic/bullet_2.jpg') no-repeat 0% 0%;}
#ml3{background: url('./pic/bullet_3.jpg') no-repeat 0% 0%;}
#ml4{background: url('./pic/bullet_4.jpg') no-repeat 0% 0%;}

#stopka
{width: 100%;
 height: 120px;
 background: url('./pic/stopka_tlo.jpg') repeat-x 0% 0%;
}

#stopka_main
{width: 947px; 
 margin: 0px auto;
 color: white;
 text-transform: uppercase;
 font-size: 11px;
 text-align: right;
 padding-top: 8px;
}

#stopka a
{color: white;
 text-decoration: none;
}

#prawa
{top: 20px;
 right: 300px;
 font-size: 9px;
 color: gray;
}

#panel_left
{width: 240px;
 float: left;
}


.noBckg #panel_right { min-height: 100px; }

#panel_right
{width: 700px;
 float: right;
 clear: right;
 text-align: justify;
 padding: 0px; 
 /*background: url('./pic/main_tlo.jpg') no-repeat;
 background-position: bottom right;*/
 /*min-height: 850px;*/
}

#panel_right img
{float: left;
 clear: left;
 padding: 0px;
 padding-bottom: 25px;
 padding-top: 5px;
 padding-right: 20px;
 border: 0px;
}

#menu_lines {width: 100%;}

#menu_lines img
{float: right;
 clear: right;
 margin: 0px;
 border: 0px;
 padding-top: 0px;
}


#panel_right h1
{background: url('./pic/bullet_1.jpg') no-repeat 0% 0%;
 padding: 0px;
 font-weight: normal;
 font-size: 20px;
 margin: 0px;
 padding: 3px 0 0 40px;
 height: 36px;
 font-face: gotham;
}

#panel_right h3
{color: #ee8524;
}

#panel_right table, #panel_right fieldset
{width: 100%;
 border: 0px;
 padding: 0px;
 margin: 0px;
}

#panel_right td, #panel_right tr
{border: 0px;
 padding: 1px;
 margin: 0px;
}

#panel_right b
{color: #ee8524;
}

#panel_right ul
{padding: 0px;
 margin-left: 0px;
 display: block;
}

#panel_right li
{padding: 0px;
 margin-left: 13px;
 padding-left: 0;
 line-height: 1.5em;
 bullet-style
}

#klienci img
{padding: 0px;
 border: solid 1px black;
}

.title_line
{float: right;
 clear: both;
 width: 100%;
 height: 36px;
 margin: 0px;
 margin-left: 3px;
 padding: 0px;
 margin-bottom: 20px;
 background: url('./pic/title_tlo.jpg') repeat-x 0% 0%;
}

#title_mini, .title_m
{float: right;
 margin-top: -40px;
 font-weight: bold;
}

.button
{background: url('./pic/button.jpg') no-repeat 0% 0%;
 margin-left: 20px;
 padding-left: 20px;
 padding-top: 7px;
 width: 209px;
 height: 36px;
}

div.button a
{text-decoration: none;
 color: white;
 font-size: 14px;
}


#tlo_stopka
{background: url('./pic/stopka_tlo2.jpg') repeat-x 0% 0%;
 height: 7px;
 width: 100%;
 margin-top: -7px;
}

#clients {
	width: 100%;
	height:149px;
	background-image: url('./pic/clients_bg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	padding-bottom: 15px;	
	overflow: hidden;
}

#text_container {
	width: 650px;
	float: right;
	padding-bottom: 50px;
 	min-height: 450px;
}

.tl
{text-decoration: underline;
 font-weight: bold;
}

 .text_field {
 	width: 650px;
	float: right;
 	padding: 10px 0 20px 0;
 	min-height: 100px;
 }
 
 .pointer{ color: orange; font-weight: bold;}

#line {clear: both; width: 947px; height: 20px; padding: 5px 2px;}

/*
.ctrl {cursor: pointer;	width: 157px;height: 13px;background-image: url('./pic/button_off.jpg'); background-repeat: no-repeat;}
.activeSlide {background-image: url('./pic/button_on.jpg');}
*/

.ctrl {cursor: pointer;	width: 135px;height: 13px;background-image: url('./pic/button_off2.jpg'); background-repeat: no-repeat;}
.activeSlide {background-image: url('./pic/button_on2.jpg');}

.panorama {background-position: center;width: 100%;height: 337px;}
#panorama8_wide { background-image: url('./pic/baner8_wide.jpg');}
#panorama7_wide { background-image: url('./pic/baner7_wide.jpg');}
#panorama6_wide { background-image: url('./pic/baner6_wide.jpg');}
#panorama5_wide { background-image: url('./pic/baner5_wide.jpg');}
#panorama4_wide { background-image: url('./pic/baner4_wide.jpg');}
#panorama3_wide { background-image: url('./pic/baner3_wide.jpg');}
#panorama2_wide { background-image: url('./pic/baner2_wide.jpg');}
#panorama1_wide { background-image: url('./pic/baner1_wide.jpg');}

.slog_main { padding-top: 15px; height: 55px; font-size: 22px; font-weight:normal; text-align:center;}
.slog_link { font-weight: bold; font-size: 12px}
.button_bg { position: absolute; top: 50px; left: 50px; background-color: black;
color: white; width: 400px; height: 70px; font-size: 40px; font-weight:bold;text-align:center}
.button_txt { position: absolute; top: 50px; left: 50px; background: transparent;  
color: black; width: 400px; height: 115px; }
.button_active { z-index: 11; position: absolute; top: 20px; left: 20px; background-color: transparent;
width: 900px; height: 300px; }
.button_active a { width: 100%; height: 100%; display: block; }

#slog_main2 { font-size: 18px; }

#button2_txt { width: 450px; left: 10px;}
#button2_bg { width: 450px; left: 10px;}
#slog_main3 { font-size: 18px; padding-top: 20px}
#button3_txt { width: 520px; left: 20; }
#button3_bg { width: 520px; left: 20;}
#button4_txt { top: 120px; }
#button4_bg { top: 120px; background-color: white;}

#button5_txt { left: 90px; top: 200px; width: 450px; }
#button5_bg { left: 90px; top: 200px; width: 450px; background-color: white;}
#slog_main5 {font-weight:bold;}

#button6_txt { left: 20px; top: 20px; }
#button6_bg { left: 20px; top: 20px;}

#button7_txt { top: 120px; }
#button7_bg { top: 120px; }

#button8_txt { left: 520px; top: 80px; }
#button8_bg { left: 520px; top: 80px; background-color: white;}

/* GoodOneGroup Footer */
#gogf { border-bottom: 2px solid #cdcdcd; height: 40px; margin: 0 auto; position: relative; width: 947px; }
#gogf_belongs { left: 0; top: 2px; position: absolute;  }
#gogf_others { right: 0; top: 2px; position: absolute;  }
#gogf a { margin: 0 5px; }
#gogf a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }

