html, body { height: 100%; }

body {
	background: #F4F3EE;
	font-family: Arial, Tahoma, sans-serif;
	font-size:11px;
	color:#888;
	margin: 0px;
	padding: 0px; }

h1 { font: bold 14px Arial, sans-serif }

A {
	color:#888;
}

a.news { font: normal 9px Arial, Tahoma, sans-serif; text-decoration:none; color:#FF2A84; padding: 0 10px 0 15px; }
a.news:hover { color:#FF2A84; text-decoration:underline; }

img { border: none; }

.blue { color: #705750; }
.pink { color: #FF2A84; }
.box { background: #fafafa; border: solid 1px #dedede; padding: 15px; font: normal 9px Arial, sans-serif;}
.data { font:normal 9px Arial, sans-serif; color: #aaa  }
.ref { font: bold 11px Arial, sans-serif; color: #705750;  padding: 10px 0 10px 0;  }

.clear { clear:both; margin:0px !important; padding:0px !important; height: 1px; font-size: 1px; line-height: 1px; }

#root { width: 100%; height: 100%; margin:0 auto; border: solid 0px #ffcc00; }
#gfx { position: absolute; border: solid 0px #888; left: 425px; top: 95px;}

#nav { position:relative; left: 245px; width: 510px; border: solid 0 yellow; padding:0;}
#nav ul { 
	float:left;
	margin:0;
	padding:0;
	background:#fff;
	list-style-type:none;
	}
#nav li {
	display:inline;
	padding:0;
	margin:0;
	}
#nav a {
	border-top: 3px solid #fff;
	border-right:1px dotted #C7DCDD;
	margin:0;
	padding: 56px 9px 0 7px;
	display:block;
	float:left;
	text-decoration:none;
	}

	#nav a.last {
	border-top: 3px solid #fff;
	border-right:1px solid #fff;
	margin:0;
	padding: 56px 9px 0 7px;
	display:block;
	float:left;
	text-decoration:none;
	}
	
#nav a:hover { text-decoration:none; color: #FF378c; border-top: 3px solid #E6F0F0; }

#top { background: #fff; border:solid 0px black; height:95px; }
#logo { position:absolute; border:solid 0px blue; margin: 0px; padding:0px; }
#logo img { padding: 25px 0px 25px 44px; }
#banner { border:solid 0px red;
padding-left:22px;
background: #C7DCDD url(images/bg_h.gif) repeat-x;
}
#bannerA { border:solid 0px red; background: url(images/bg_01.png) repeat-x; }

#intro { margin: 0px 0px 0px 23px; height: 124px; width: 395px; color: #476D70; border:solid 0px red;}
#intro div { padding-top:25px; }
#intro div img { padding-bottom: 7px; float: none; display: block; }
#intro h1 { font:bold 14px Arial, sans-serif; margin:0px; padding: 0px 0px 5px 0px; }
#intro img { padding: 0px 15px 0px 0px; float: left; }

#introA { margin: 0px 0px 0px 23px; height: 90px; width: 677px; color: #476D70; border:solid 0px red;}
#introA div { padding-top: 25px; }
#introA div img { padding-bottom: 7px; float: none; display: block; }
#introA h1 { font:bold 14px Arial, sans-serif; margin:0px; padding-bottom:15px;}
#introA img { padding: 0px 15px 0px 0px; float: left; }

#teaser { width: 677px; margin: 0px 0px 0px 23px; background: #fff url(images/bg_02.gif) no-repeat right top; }
#teaserA { width: 677px; margin: 0px 0px 0px 23px; background: #fff url(images/bg_04a.gif) no-repeat left bottom;}

#news { border:solid 0px black; width: 677px; height: 150px; margin: 3px 0px 0px 23px; background: #fff url(images/bg_03.png);  }
#newsA { border:solid 0px black; width: 677px; height: 117px; margin: 3px 0px 0px 23px; background: #fff url(images/bg_03.png);  color: #888; }
#newsA a { text-decoration: none; color: #888; }
#newsA a:hover { text-decoration: none; color: #000; }

#newsheaders { border:solid 0px black; margin: 5px 0px 3px 17px; }

#realheaders_l { border:solid 0px black; padding: 15px 0px 0px 15px; }
#realheaders_l div { font-weight: bold; color: #FF2A84; padding-bottom: 5px; }
#realheaders_l img { margin-right: 15px; float: left; border: 3px solid #fff; }
#realheaders_l a { color: #c0c0c0; text-decoration: none; }
#realheaders_l a:hover { color: #fff; text-decoration: none; }

#realheaders_r { border:solid 0px black; }
#realheaders_r div { font-weight: bold; color: #FF2A84; padding-bottom: 5px; }
#realheaders_r img { margin-right: 15px; float: left; border: 3px solid #fff; }
#realheaders_r a { color: #c0c0c0; text-decoration: none; }
#realheaders_r a:hover { color: #fff; text-decoration: none; }

#portfolio_l { border:solid 0px black; padding: 10px 0px 0px 15px; }
#portfolio_l div { width: 210px;  color: #888; padding: 10px 0px 0px 10px; border-right:solid 1px #eaeaea; }
#portfolio_l img { margin-right: 15px; display: block; border: 1px solid #eaeaea; }
#portfolio_l a { color: #888; text-decoration: underline; }
#portfolio_l a:hover { color: #FF2A84; text-decoration: underline; }


#portfolio_list_r { border:solid 0px black; padding: 10px 0px 0px 0px;}
#portfolio_list_r div { font: bold 11px Arial, sans-serif; color: #705750;  padding-bottom: 10px; margin-bottom:10px; border-bottom:dashed 1px #c0c0c0; }
#portfolio_list_r img { margin-right: 15px; float: left; border: 3px solid #fff; }
#portfolio_list_r a { color: #888; text-decoration: underline; }
#portfolio_list_r a:hover { color: #FF2A84; text-decoration: underline; }

#txt01 { width: 350px; padding: 20px; }
#txt01a { width: 620px; padding: 20px; }
#txt01a img { display:block; }
#txtheaders { border:solid 0px black; padding: 5px 10px 3px 17px; }
#txtheaders1 { border:solid 0px black; padding: 5px 10px 3px 17px; border-right:solid 1px #eaeaea; width:290px; float:left; }
#txtheaders2 { border:solid 0px red; padding: 5px 0px 3px 17px; width:285px; float:right; }

#last {  position:relative; left: 365px; border:solid 0px yellow; width:270px; padding:20px;  }
#last img { border: solid 1px #ccc; margin: 7px 0px 5px 0px; }
#last div { font: normal 9px Arial, sans-serif; color: #9E9E9E; }
#last a.lnk01 { color: #FF2A84; text-decoration:none; }
#last a.lnk01:hover { color: #FF2A84; text-decoration: underline; }
#last a { text-decoration:none; }
#last a:hover { text-decoration: underline; }

#r01 {  position: absolute; border:solid 0px blue; width:300px; padding:15px 20px 10px 20px; color: #C0C0C0; }
#r02 {  position: relative; border:solid 0px red;  width:300px; padding:51px 20px 10px 0px; color: #C0C0C0; left:355px; }

#s01 {  border:solid 0px blue; width:220px; padding:15px 20px 10px 20px; color: #888; float:left;}
#s02 {  border:solid 0px red;  width:370px; padding:15px 20px 10px 0px; color: #888; float:right;}

#sl01 {  border:solid 0px blue; width:290px; padding:0px 26px 0px 20px; margin: 15px 0px 0px; color: #888; border-right: 1px solid #eee; float:left;}
#sl02 {  border:solid 0px red;  width:300px; padding:0px 20px; margin: 15px 0px 0px; color: #888; float:right;}

#s03 {  border:solid 1px blue; width:220px; padding:15px 20px 10px 20px; color: #888; float:left; }
#s04 {  border:solid 1px red; width:370px; padding:15px 20px 10px 0px; color: #888; float:right;  }

#cont {  border:solid 0px blue; padding:0; color: #888; }

#realizacje { width: 677px; height: 145px; margin: 3px 0px 0px 23px; background: #3A3938 url(images/bg_04.gif) no-repeat left bottom;}
#realizacjeA { width: 700px; padding-bottom: 20px; margin: 3px 0px 0px 223px; background: #fff url(images/bg_04a.gif) no-repeat left bottom;}
#realizacjeB { width: 677px; padding-bottom: 20px; margin: 3px 0px 0px 23px; background: #fff url(images/bg_04a.gif) no-repeat left bottom;}

#txt02 { position:absolute; border:solid 0px blue; width:325px; padding:20px; }
#txt02A { position:absolute; border:solid 0px blue; width:645px; padding:5px 0 7px 15px; }
#txt02 ul { list-style-type: none; padding: 0; margin: 0; }
#txt02 li { background: url(images/newsarrow.gif) no-repeat; background-position: right; border-bottom:1px solid #E8E5DE; }
#txt02 a { display:block; text-decoration:none; padding: 3px 0px 3px 0px; color:#666; }
#txt02 a:hover { color:#FF2A84; }
#txt02 span { color: #705750; }


#footer { width: 677px; padding: 3px 5px 20px 20px; text-align: right; margin:0 0 0 223px; display:block; clear:right;}
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:none; color: #000; }

#portfolio { border:solid 0px black; margin-left: 23px; }
#portfolio div { border:solid 0px black; padding: 5px 0px 8px 0px; }

#portfolio ul.galeria { 
	margin:0;
	padding:0;
	list-style:none;
	}
#portfolio li.galeria {
	float: left;
	padding:0;
	margin: 0 10px 0 0;
	}
#portfolio a.galeria {
	display: block;
	height: 61px;
	width: 61px;
	margin:0;
	padding: 0;
	border: solid 3px #eaeaea;
	text-decoration:none;
	}

#portfolio a.galeriaB {
	display: block;
	height: 61px;
	width: 61px;
	margin:0;
	padding: 0;
	border: solid 3px #FF2A84;
	text-decoration:none;
	}

#portfolio a.galeria:hover { 
	margin:0;
	padding: 0;
	border: solid 3px #FF2A84;
	}

hr {
	margin: 0px 0px 10px 0 ;
	height:1px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 0px dashed #CCCCCC;
	border-left: 0px dashed #CCCCCC;
	border-right: 0px dashed #CCCCCC ;
}

hr.kontakt {
	margin: 8px 0 8px 0;
	_margin: 0px;
	padding: 0;
	height:1px;
	border-top: 1px solid #eaeaea;
	border-right: 0px solid #eaeaea;
	border-bottom: 0px solid #eaeaea;
	border-left: 0px solid #eaeaea;


}

#portfolio div.nav_l { float: left; }
#portfolio div.nav_r { float: right; padding-right: 15px; }

span.s9 { font-size: 9px; }

.news_l { margin-bottom: 5px; }
.news_title { font-weight: bold; }
.news_date { color: #705750; margin-bottom: 10px; }
.news_title_l { display: inline; }
.news_date_l { color: #705750; display: inline; }
.news_text { }

ul.mails { margin: 5px 0px 0px 10px; padding: 0px; list-style: none; }
ul.mails li { padding-left: 10px; background: url(images/newsarrow.gif) 0px 6px no-repeat; line-height: 17px; }

ul.lists { list-style-type: none; padding: 0; margin: 0 10px 0 16px; }
ul.lists li { background: url(images/newsarrow.gif) no-repeat; background-position: right; border-bottom:1px solid #E8E5DE; }
ul.lists li a { display:block; text-decoration: none !important; padding: 3px 0px 3px 0px; color:#666; }
ul.lists li a:hover { color:#FF2A84; }
ul.lists li span { color: #705750; }

ul.lists2 { list-style-type: none; padding: 0; margin: 0; }
ul.lists2 li { background: url(images/newsarrow.gif) no-repeat; background-position: right; border-bottom: 1px solid #fff; }
ul.lists2 li a { display:block; text-decoration: none !important; padding: 3px 0px 3px 0px; color:#666; }
ul.lists2 li a:hover { color:#FF2A84; }
ul.lists2 li span { color: #705750; }

ul.lists3 { list-style-type: none; padding: 0; margin: 10px 10px 0 0; }
ul.lists3 li { background: url(images/newsarrow.gif) no-repeat; background-position: left; border-bottom:1px dashed #E8E5DE; padding: 5px 0 5px 15px; margin:0 }


.kont_select { width:150px; color: #666; font:normal 11px Arial, sans-serif; border: 1px solid #ccc; }
.kont_long { width:250px; color: #666; font: normal 11px Arial, sans-serif; border: 1px solid #ccc; }
.kont_med { width:150px; color: #666; font: normal 11px Arial, sans-serif; border: 1px solid #ccc; }
.kont_textarea { width:250px; color: #666; font: normal 11px Arial, sans-serif; border: 1px solid #ccc; }
.kont_buttons { width:70px; color: #666; font: normal 11px Arial, sans-serif; border: 1px solid #888; background-color: #fff; padding: 1px 2px; }

/* pageShow */
a.ps_arrows { font-size: 9px; border-bottom: none !important; text-decoration: none; color: #555; margin: 0px 2px; }
span.ps_arrows { font-size: 11px; border-bottom: none !important; text-decoration: none; color: #CCC; margin: 0px 2px; }
.ps_link { font-size: 9px; border-bottom: none !important; text-decoration: none; color: #888; margin: 0px 2px; }
.ps_current { background: #FF2A84; font-size: 9px; color: #fff !important; border-bottom: none !important; text-decoration: none; font-weight: normal; margin: 0px 2px; padding:1px 4px 1px 4px; }