* {
  margin:   0;
  border:   0;
  padding:  0;
}

html {
  width:  		100%;
  height: 		auto;
}

body {
  width:        100%;
  height:       auto;
  font-family:	Verdana, Sans-Serif;
  font-size:    12px;
  color:        #333;
  background:	#85C5E9;
}

table {
	border-collapse:  collapse;
  	empty-cells:      show;
}

td {
	width:				33%;
	vertical-align:		middle;
}

td.message {
	padding-top:		7px;
	vertical-align:		top;
}

a {
  color:            #fff;
  text-decoration:  none;
  cursor:			pointer;
  outline: 			none;
}

a:hover {
  text-decoration:  none;
}

p {
	text-align:	justify;
}

form, fieldset {
	display:	inline;
}

input {
	margin:			2px 0;
	border:			1px solid #BEBEBE;
	width:			300px;
	padding:		2px;
	background:		#fff;
	color:			#000;
	font-size:		12px;
}

input#szukaj {
	display:		inline-block;
	margin:			0 5px;
	border:			1px solid #D1D1D1;
	width:			180px;
	padding:		2px;
	background:		#eff8ff;
	color:			#000;
	font-size:		12px;
}

input#agree {
	margin:			0;
	border:			0;
	padding:		0;
	background:	none;
}

textarea {
  overflow:     auto;
	margin:				2px 0;
	border:				1px solid #BEBEBE;
	width:				300px;
	height:				135px;
	padding:			2px;
	background:		#fff;
	color:				#000;
	font-size:		11px;
	font-family:  Verdana, Sans-Serif;
}

span.button {
	display:			inline-block;
	margin:				2px 0;
	border:				1px solid #44433D;
	width:				66px;
	height:				23px;
	line-height:	23px;
	text-align:		center;
	font-size:		10px;
	color:				#fff;
	background:		#33322E;
	cursor:						pointer;
}

span#reset {
	float:	left;
}

span#submit {
	float:	right;
}

ul {
  list-style:			none;
	margin-bottom:	10px;
}

ul li {
  padding:      2px 0 2px 13px;
	color:				#2E72B1;
	font-size:		11px;
  background:   url('../img/arrow-box.gif') 0 7px no-repeat; 
}

ul li a {
	color:	#2E72B1;
}

h4 {
	font-size:	12px;
}

select {
	width: 250px;
}

/* ----------------------------------------------------------- */

div#wrapp {
	background: #85c5e9 url('../img/top-bg.png') 0 0 repeat-x;
}

div#centered {
  background: 		url('../img/header.jpg') 0 0 no-repeat;	
  position:			relative;
  z-index:  		1;
  margin:   		0 auto;
  width:    		1010px;
  height:   		auto;


}

div#logo {
	position:	absolute;
	top:		  32px;
	left:		  2px;
	width:		193px;
	height:		176px;
	z-index:	3;
}

div#search {
	z-index:		2;
	position:		absolute;
	top:		  	90px;
	right:		  	30px;
	line-height:	21px;
	color:			#ffe065;
	font-weight:	bold;
}

div#search img {
	position:			relative;
	top:		  		5px;
	#top:		  		4px;
	right:		  		0;
}

ul#main_menu {
	position:		absolute;
	top:		  	159px;
	right:		 	50px;
	list-style:		none;
	z-index:		3;
}

ul#main_menu li {
	float:				left; 
  	padding:			3px 0px;
  	background:			none;
	/*background:	url('../img/red-dotted-horizontal-bg.gif') bottom left repeat-x;*/
}

ul#main_menu li.lL {
	border:	0;
}

ul#main_menu li a {
  	display:  		block;
  	float:    		left;
	padding:		14px 6px 0px 6px;
	color:			#447daa;
  	font-size:		12px;
}
ul#main_menu li a:hover, ul#main_menu li a.selected {
	background:		url('../img/menu-bg.jpg') repeat-x;
	height:			46px;
	padding:		14px 6px 0px 6px;
	display:  		block;
  	float:    		left;
	color:			#ffa800;
  	font-size:		12px;
}

div#decoration {
	position:		absolute;
	top:		  	93px;
	left:		  	308px;
	z-index:		2;
	width:			296px;
	height:			59px;
}

div#header {
	position:		relative;
  overflow:		hidden;
  width:    	1010px;
  height:   	auto;
}

div#header div#main {
  display:  	inline;
  float:    	left;
  width:    	806px;
  height:   	200px;
}

div#header div#minor_flash {
	z-index:	1;
	position:	absolute;
	top:		40px;
	right:		70px;
	width:    	250px;
	height:   	200px;
}

div#contener {
	overflow:			hidden;
	width:    		1010px;
	height:   		auto;
	padding:			15px 0;
	margin-top:		20px;
}

div#left_contener {
  display:  			inline;
  float:    			left;
  width:    			217px; /*206*/
  height:   			auto;
  overflow:				hidden;
  padding:				0 0 0 2px;
}


div.left-menu {
	width:			215px;
	  overflow:		hidden;
	background:	url('../img/motylek-bg.jpg') 0 0 repeat-y;
}

div.left-menu div.menu-top {
	height:				86px;
	background:		url('../img/motylek.jpg') 0 0 no-repeat;
}

div.left-menu .menu-bottom {
	height:				16px;
	background:		url('../img/motylek-bottom.jpg') 0 0 no-repeat;
}

div#menu4 ul {
	list-style-type:		none;
	list-style-position:	inside;
	margin-left:			20px;
	margin-top:				10px;
}

div#menu4 ul li a {
	text-decoration:	none;
	color:				#313131;
	font-weight:		bold;
}

div#menu4 ul li {
	font-size:			12px;
	width:				160px;
	background:			url('../img/point.png') no-repeat 0 14px;
	padding-left:		12px;
	line-height:		30px;
	border-bottom:		1px solid #d9e7f4;
}

div#menu4 ul.sub1 {
	margin-left:			0px;
	list-style-type:		none;
	list-style-position:	inside;
}

div#menu4 ul.sub1 li a {
	text-decoration:	none;
	color:				#313131;
	font-weight:		bold;
}

div#menu4 ul.sub1 li {
	font-size:			11px;
	width:				140px;
	background:			url('../img/point.png') no-repeat  0px 14px;
	padding-left:		10px;
	line-height:		30px;
	border-bottom:		none;
}

div#content {
  	display:	inline-block;
  	float:  	right;
	width:		780px;
	padding:	0 0px;
}

div#content div.prawo-lewo {
	margin-top:	24px;
}

div#content div.prawo-lewo img {
	display:		block inline;
	float: 			left;	
	margin-bottom:	20px;
	
}

div#content div.trzy-kolumny {
	margin-left:	2px;
	height:			280px;
}

div#content div.trzy-kolumny div.box {
	float:			left;
	overflow: 		hidden;
	margin-left:	6px;
	height:			260px;
	width:			236px;
}

div#content div.trzy-kolumny div.box h2 {
	margin-left:	8px;
	font-size:		14px;
}

div#content div.trzy-kolumny div.box p {
	padding:	10px 10px;
}

div#content div.trzy-kolumny div.box a.zlewej {
	float:			right;
	margin-right: 	14px;
}

div#content h1 {
	line-height:	36px;
	padding:			0 12px;
	color:				#fff;
	font-size:		15px;
}

div#content strong a {
	color:	#414141;
}

div.audio {
	margin-left:	20px;
}

div#content p img {
	float: 				left;
	border:				2px solid #fff;
	margin-right:	10px;
}


div.content {
	text-align:	justify;
}

div#audioplayer0 {
	margin-left: 20px;
}

div#content div#page {
	background:		url('../img/skrzat-bg2.jpg') 0 0 repeat-y;
	width:			780px;
	overflow:		hidden;
	float: 			right;
}

div#content div#page h1 {
	background:		url('../img/skrzat-top2.jpg') 0 0 no-repeat;
	height:			56px;
	padding:		0;
	color:			#fffa9e;
	font-size:		24px;
	padding-left:	244px;
	padding-top:	15px;
}

div#content div#page h3 {
	margin-left:	20px;
}

div#content div#page h3 a:hover{
	text-decoration: underline;
}

div#content div#page h4 {
	background:		url('../img/h4.jpg') 0 0 no-repeat;
	height:			56px;
	padding:		0;
	color:			#fffa9e;
	font-size:		24px;
	padding-left:	40px;
	padding-top:	15px;
}

div#content div#page img.skrzacior {
	float:	left;
	padding-bottom:	20px;
}

div#page div#contactPanel {
	margin-left:	40px;
}

div.content p {
	padding:		2px 0;
	margin-right:	50px;
	margin-left:	30px;
	color:			#fff;
}

div.content img {
	float:	left;
	margin:	5px 5px 5px 0;
}

table#tabela-cennik {
	margin-left: 	40px;
	margin-right:	80px;
}

table#tabela-cennik td {
	width: 80%;
}

table#tabela-cennik td.tabela-szeroka {
	width: 500px;
}

table#tabela-cennik td.tabela-waska {
	width:	100px;
	font-weight: bold;
}

div#mapy {
	margin-left: 60px;
}

div#mapy h3 {
	color:	#fff;
	margin: 20px 0px 10px 10px;
}
a.more {
	float:			right;
	display:		inline-block;
	margin:			0 12px 12px 0 ;
	padding:		4px;
	color:			#fff;
	font-weight:	bold;
	font-size:		10px;
	color:	#000;
	text-decoration:	none !important;
}


div#right_contener {
  display:  		inline;
  float:    		right;
  width:    		180px;
  height:   		auto;
  padding:			0 4px 0 6px;
}


div#bottom {
	width:			100%;
	background:		#85c5e9;
}

div#footer {
	background:		#85c5e9 url('../img/footer-bg.jpg') 0 0 no-repeat;
  	overflow:   	hidden;
  	margin:			0 auto;
  	width:      	1010px;
  	height:			72px;
	padding:		10px 5px 0 5px;
	color:			#98999B;
}

div#footer p.copyright {
	display:			inline;
	float:				left;
	padding-left:		160px;
	font-weight:		normal;
	color:				#fff;
    font-size:			12px;
	margin-top:			5px;
}

div#footer-menu {
	display:		inline;
	float:			right;
	margin-right:	10px;
	margin-top:		20px;
}

div#footer-menu a {
  color:		#2a4160;
  padding:		0 7px;
  font-size:	12px;
}

div#footer a.created {
  color:	#2a4160;
}

div#footer a.created:hover {
  color:	#D71C23;
}


div.pages {
  margin:     0 auto;
  width:      100%;
  text-align: center;
  color:			#333;
}

div.pages a {
	color:	#333;
}

div.pages strong {
	display:	inline !important;
}

div.back {
  	margin-left: 	30px;
	margin-top:		20px;
}

div.back a {
	color:			#2E72B1;
  	font-weight:	normal;
	padding-bottom:	10px;
}


table#contact {
	margin:	10px 0;
}

table#contact td {
	padding:	5px 15px 5px 0;
	color:		#2E72B1;
}

div.loader {
	position:	absolute;
	top:			175px;
	left:			280px;
}


/* Sitemap */

div#sitemap {
  margin: 0;
  width:  auto;
  padding-bottom: 1px;
}

div#sitemap ul {
  list-style: none;
  margin:     0 2px !important;
}

div#sitemap ul li {
  margin:       0 0 5px 0;
  padding-left: 8px !important;
  background:   url('../img/arrow-box.gif') 0 7px no-repeat !important;
  cursor:       pointer;
  text-align:   left;
}

div#sitemap ul li.sub_level {
  margin-left:  	13px;
  padding-left:		15px;
  text-transform:	lowercase;
  background:   	url('../img/firststeps/arrow-right.gif') 0 7px no-repeat !important;
}

div#sitemap ul li a {
  text-decoration:  none;
  font-weight:      bold;
  /*color:						#000;*/
}

div#sitemap ul li a:hover {
  background: none;
  /*color:  		#666 !important;*/
}

div#sitemap ul li.sub_level a {
  font-weight:  normal;
}


ul#filesList {
  list-style:			none;
	margin-bottom:	10px;
}

ul#filesList li {
  padding:      2px 0;
	color:				#333;
	font-size:		11px;
  background:   none; 
}

ul#filesList li a {
	color:	#333;
}

div#show-basket {
	display: none;
}

div.player {
	padding:	2px 0 10px 0;
}

div#banners {
	padding-top:	20px;
	width:				990px;
	text-align:		center;
}

div#banners a {
	display:	inline !important;
}

div#options {
	background:	url('../img/skrzat-bottom2.jpg') 0 0 no-repeat;
	margin:		0;
	padding:	0;
	height:		12px;
}

div.clear {
	clear:	both;
}

div#photo-box {
	width:		750px;
	float:		left;
	margin: 	20px 0 20px 30px;
}

div.photo {
	display:	inline;
	float:		left;
	margin:		30px 4px 2px 10px;
}

div.photo img {
	margin:	0;
	border: 4px solid #ffffff;
	float:	none !important;
}

div.photo p {
	padding:		0;
	font-size:	10px;
}

#contact {
	width: 	650px;
}