html, body{
	width:100%;
	heigh:100%;
	margin:0;
	padding:0;
	background:url(../img/body_bg.jpg) 0 0 repeat-x #fff;
	font-family:arial,sans-serif;
	color:#000;
}
#root{
	display:block;
	clear:both;
	width:980px;
	padding:0;
	margin:0 auto;
	background:url(../img/root_content_bg.jpg) 100% 177px no-repeat #fff;
}

#header{
	display:block;
	width:980px;
	height:145px;
	padding:0;
	margin:0;
	clear:both;
	background:url(../img/root_bg.jpg) 0 0 no-repeat #fff;
}
#header_logo{
	display:block;
	float:left;
	width:200px;
	height:145px;
	margin:0 0 0 90px;
	text-decoration:none;
}
html>body #header_logo{
	margin:0 0 0 180px;
}
#header_logo h1{
	display:none;
}
#header_babelki{
	display:block;
	float:left;
	width:450px;
	height:145px;
	margin:0;
	overflow:hidden;
}
#header_herb{
	display:block;
	float:left;
	width:150px;
	height:145px;
	margin:0;
	overflow:hidden;
}

#left_flash{
	display:block;
	float:left;
	width:230px;
	height:800px;
	margin:0;
	padding:0;
	background:url(../img/root_bg.jpg) 0 -177px no-repeat #fff;
}

#gdzie_jestes{
	margin:0;
	padding:0 20px 5px 0;
}
#gdzie_jestes, #gdzie_jestes a{
	font:normal 12px arial,sans-serif;
	color:#ccc;
	text-decoration:none;
}
#gdzie_jestes a:hover{
	text-decoration:underline;
}

#root_content{
	display:block;
	float:left;
	width:735px;
	margin:0;
	padding:5px 5px 5px 10px ;
}
#root_content_in, #root_content_in2{
	display:block;
	float:left;
	width:710px;
	margin:15px 0 0 0;
	padding:5px 20px 5px 5px;
}
#root_content_in2{
	margin:0;
}


#topmenu{
	display:block;
	clear:both;
	height:32px;
	margin:0;
	padding:0 0 0 190px;
	background:url(../img/root_bg.jpg) 0 -145px no-repeat #333;
}

#topmenu ul, #topmenu ul li, #topmenu ul li a{
	display:block;
	margin:0;
	padding:0;
	float:left;
}

#topmenu ul {
	height:25px;
	margin:0;
	padding:0;
	list-style:none;
}

#topmenu ul li{
	height:25px;
	margin:0 5px 0 0;
}
#topmenu ul li a, #topmenu ul li a.inactive{
	height:17px;
	margin:0;
	padding:5px 12px;
	text-decoration:none;
	font:bold 13px arial,sans-serif;
	color:#fff;
	text-align:center;
}
#topmenu ul li a:hover{
	color:#fe0;
}
#topmenu ul li a.active{
	color:#ff0;
}

#footer{
	display:block;
	width:950px;
	padding:1px 3px;
	margin:0 auto 0 auto;
	clear:both;
	border-top:1px solid #eee;
	font:normal 0.9em arial,sans-serif;
	color:#555;
	text-align:right;
}

#bottom_spacer{
	display:block;
	clear:both;
	height:0;
}


/* slider - box na podstronie 'produkty' */
#slider_box{
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:561px;
	height:315px;
	background:url(../img/slider_bg.jpg) 0 0 no-repeat;
}

#slider1{
	display:block;
	float:left;
	width:561px;
	height:285px;
}

.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
}

.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	margin:0;
	padding:0;
	padding:0;
	margin:0;
	width:561px;
	height:285px;
}

.contentdiv{
	padding:5px;
	margin:0;
	width:551px;
	height:275px;
}

.contentdiv h2{
	margin:0;
	padding:0;
	height:30px;
	font:normal 24px "Georgia","Times New Roman",serif;
	color:#ff0;
	letter-spacing:2px;
}
.contentdiv p{
	width:370px;
	height:80px;
	margin:165px 0 0 0;
	padding:0;
	font:normal 17px verdana, arial,sans-serif;
	color:#fff;
}
.contentdiv p a{
	font:normal 17px verdana, arial,sans-serif;
	color:#fff;
	text-decoration:none;
}
.contentdiv p a:hover{
	text-decoration:underline;
}

div.perla{
	background:url(../img/slider_bg2.jpg) 0 0 no-repeat;
}
div.dlugopole{
	background:url(../img/slider_bg2.jpg) 0 -285px no-repeat;
}
div.zrodlanka{
	background:url(../img/slider_bg2.jpg) 0 -570px no-repeat;
}


.pagination{
	padding:0;
	margin:0;
	width:561px;
	height:30px;
	background:url(../img/slider_bg.jpg) 0 0 no-repeat #09005f;
}

.pagination a, #header_content .pagination a{
	display:block;
	float:left;
	padding:5px 5px 0 5px;
	margin:0;
	width:176px;
	height:25px;
	text-decoration: none; 
	font:bold 16px arial,sans-serif;
	color:#000;
	text-align:center;
}
html>body .pagination a,html>body #header_content .pagination a{
	width:177px;
}

.pagination a:hover, .pagination a.selected {
	color: #fff;
}

a.perla:hover, a.perla.selected{
	background:url(../img/slider_bg_head.jpg) 0 0 no-repeat;
}
a.dlugopole:hover, a.dlugopole.selected {
	background:url(../img/slider_bg_head.jpg) -187px 0 no-repeat;
}
a.zrodlanka:hover, a.zrodlanka.selected{
	background:url(../img/slider_bg_head.jpg) -374px 0 no-repeat;
}

#skyscraper{
	display:block;
	float:left;
	margin:0 0 0 5px;
	padding:0;
	width:159px;
	height:315px;
	overflow:hidden;
	background:url(../img/woda_slaska_baner.jpg) 0 0 no-repeat;;
}
#skyscraper h3{
	display:none;
}
p{
	margin:0;
	padding:0;
}

p.justify1{
	text-indent:15px;
	text-align:justify;
	line-height:150%;
	color:#333;
}

p.justify2{
	text-align:justify;
	line-height:150%;
	color:#666;
}
p.justify3{
	text-indent:15px;
	text-align:justify;
	line-height:130%;
	color:#333;
	padding:5px 10px;
}

img.oferta1{
	display:block;
	float:right;
	width:315px;
	height:315px;
	margin:0 0 5px 10px;
}

img.g1{
	margin:0;
	padding:2px;
	width:150px;
	height:150px;
}
a img.g1{
	display:inline;
	margin:0;
	width:150px;
	height:150px;
	border:1px solid #aaa;
}
#tabs a{
	text-decoration:none;
}

.press_img{
	display:block;
	float:right;
	margin:5px 0;
	padding:0;
	text-decoration:none;
}

a:hover img.g1{
	border:1px solid #333;
}

h1{
	margin:0;
	padding:0;
	font:normal 32px "Georgia","Times New Roman",serif;
	color:#333;
	letter-spacing:2px;
}
h4{
	display:block;
	margin:0 0 5px 0;
	padding:0;
	font:normal 17px arial,sans-serif;
	color:#333;
	text-decoration:underline;
	letter-spacing:2px;
}

#zajawka{
	display:block;
	float:left;
	float:right;
	margin:0 0 0 10px;
	padding:0;
	width:500px;
	text-align:justify;
	background:url(../img/zajawka.jpg) 0 0 no-repeat;
}
#zajawka h3{
	display:block;
	margin:0;
	padding:5px 5px 0 5px;
	width:490px;
	text-align:left;
}
#zajawka p{
	display:block;
	margin:0;
	padding:5px;
	width:490px;
	font:14px arial,sans-serif;
	color:#333;
	text-align:justify;
	background:url(../img/zajawka.jpg) 0 100% no-repeat;
}

.frame1{
	display:block;
	margin:0;
	padding:5px 5px 5px 310px;
	height:390px;
	overflow:auto;
}

.zaklad{
	background:url(../img/zaklad1.jpg) no-repeat;
}
.kontakt{
	background:url(../img/kontakt1.jpg) no-repeat;
}
.zrodla{
	background:url(../img/zrodla1.jpg) no-repeat;
}
.plany{
	background:url(../img/network2.jpg) -39px 0 no-repeat;
	padding:5px 5px 5px 10px;
	overflow:visible;
}
.partnerzy{
	background:url(../img/partnerzy1.jpg) no-repeat;
}
.network{
	background:url(../img/network2.jpg) no-repeat;
	padding:5px 5px 5px 50px;
	overflow:visible;
}


/* NEWSY */
.news_handler{
	display:block;
	margin:0 0 10px 0;
	background:url(../img/frame2.jpg) no-repeat;
}
.news_content{
}

h2.news_h{
	display:block;
	margin:0;
	padding:2px 10px;
	font:normal 1.1em arial,sans-serif;
	color:#555;
	background:url(../img/h2_border_bt.jpg) 5px 100% no-repeat;
	cursor:pointer;
}
h3.data{
	margin:0;
	padding:0 10px;
	font:normal 0.8em arial,sans-serif;
	color:#888;
}

img.n1{
	display:inline;
	float:left;
	clear:right;
	margin:5px 10px;
	padding:0;
	width:120px;
}
#news_toggler{
	display:block;
	width:150px;
	height:25px;
	margin:0;
	padding:3px 0;
	float:right;
	border:0;
	background:url(../img/button1.gif);
	font:bold 12px arial,sans-seirf;
	letter-spacing:1px;
	color:#fff;
	cursor:pointer;
}

/* - TABS - */
#tabs{
	font-size:1em;
}

/* tabs-end */



/* CMS */
.logowanie {
	width: 280px;
	background:#fff;
	color: #000000;
	border: solid 1px #cccccc;
}
#cms_form{
	display:block;
	margin:15px 0 15px 5px;
	clear:both;
	width:310px;
	font: bold 12px "Times New Roman",sans-serif;
	color:#666666;
}
#powrot{
	display:inline;
	margin: 0 5px 0 5px;
}
#buttony_cms{
	display: block;
	width:600px;
	margin:0;
	padding:0;
	clear:both;
}
.btnimage{
	display:block;
	float:left;
	margin:0 6px 0 0;
	padding:0;
	border:1px solid #aaaaaa;
	cursor:pointer;
}
.near_buttons{
	display:block;
	float:left;
	margin: 0 10px 0 0;
	padding:2px 0 0 0;
}
.delikatny{
	width: 600px;
	background:#eeeeee;
	color: #000000;
	border: solid 1px #cccccc;
}
#komunikat{
	display:block;
	clear:both;
	margin: 2px 2px 10px 2px;
	font: bold 13px Arial, sans-serif;
	color:#e01f24;
	text-align:center;
}
.lekki{
	margin: 2px; 
	background:#f6f6f6;
	border:solid 1px #c0c0c0;
	width: 250px;
	color: #333333;
}
.lekki2{
	margin: 2px 5px 2px 5px; 
	padding: 3px;
	background:#f6f6f6;
	border:solid 1px #c0c0c0;
}
.button_lekki{
	margin: 2px; 
	background:#333333;
	border:solid 1px #c0c0c0;
	color: #f6f6f6;
	cursor: pointer;
}
h5 {
	margin: 0;
	padding: 0 0 1px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: none;
	text-align: left;
	background:none;
	border:none;
	color:#333333;
}
h5.right {
	float: right;
}
a.link2 {
	font-size: 1em;
	font-weight: normal;
	color: #666666;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;}

a.link2:hover {
	text-decoration: underline;
}

a.red{
	color:#f00;
	text-decoration:none;
	font:bold 12px arial,sans-serif;
}
a.blue{
	color:#00f;
	text-decoration:none;
	font:bold 12px arial,sans-serif;
}
a.red:hover, a.blue:hover{
	text-decoration:underline;
}

/* floaty */
.fleft{
	float:left;
}
.fright{
	float:lright;
	color:#888;
}

#oferta{
	display:none;
	position:fixed;
	top:0;
	width:700px;
	height:30px;
	margin:-5px 0 0 0;
	padding:10px 10px 0 10px;
	font:bold 16px arial,sans-serif;
	text-align:center;
	background:#fff;
	border:1px solid #aaa;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
#oferta a{
	color:#03c;
	text-decoration:none;
}
#oferta a:hover{
	text-decoration:underline;
}
a#close{
	float:right;
	color:#666;
}
