html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: normal;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
   outline: 0;
}
body {
   line-height: 1;
   color: black;
   background: white;
}
ol, ul {
   list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: separate;
   border-spacing: 0;
}
caption, th, td {
   text-align: left;
   font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}
/*END CSS RESET*/




html, textarea {
	font-size: small;
	font-family: Tahoma, Verdana, sans-serif;
}
body {
	margin: 20px 0;
	background: url(images/bg.jpg);
   font-size: 90%;
	behavior: url(csshover2.htc);
}
* html body {
	font-size: 85%;
}
.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}
#all {
	margin: auto;
	width: 848px;
}
#all #header {
	width: 848px;
	height: 104px;
	background: url(images/top.png) bottom center no-repeat;
	behavior: url(iepngfix.htc);
}
#all #header img {
	border: none;
	margin-top: 17px;
	margin-left: 28px;
}
* html #all #header img {
	margin-top: 19px;
}
#all #content {
	width: 828px;
	padding-top: 20px;
	padding-left: 20px;
	background: url(images/middle.gif) repeat-y;
}

/* Strona główna */
#content_main .main_menu {
	float: left;
	margin: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 2px;
	width: 394px;
	height: 160px;
	background-position: top right;
	background-repeat: no-repeat;
}
#content_main #kamien {
	background-image: url(images/kamien_right.jpg);
}
#content_main #kostka {
	background-image: url(images/kostka_right.jpg);
}
#content_main #arch {
	background-image: url(images/arch_right.jpg);
}
#content_main #proj {
	background-image: url(images/proj_right.jpg);
}
#content_main #pergone {
   background-image: url(images/pergone.jpg);
}
#content_main #otoczaki {
   background-image: url(images/otoczaki.jpg);
}
#content_main .main_menu .content {
	width: 221px;
	height: 152px;
	padding-top: 8px;
	background: url(images/kamien_left.jpg) top no-repeat;
}
#content_main #kamien h2, 
#content_main #kostka h2, 
#content_main #arch h2,
#content_main #proj h2,
#content_main #pergone h2,
#content_main #otoczaki h2 {
	width: 211px;
	margin-left: 6px;
	padding-top: 6px;
}
#content_main #kamien h2, 
#content_main #kostka h2,
#content_main #pergone h2,
#content_main #otoczaki h2 {
   background: #bcbcba url(images/kamien_h3_top.jpg) top center no-repeat;
}
#content_main #arch h2 {
	background:  url(images/arch_h3_top.jpg) top center no-repeat !important;
}
#content_main #proj h2 {
	background:  url(images/proj_h3_top.jpg) top center no-repeat;
}

#content_main #kamien h2 span, 
#content_main #kostka h2 span,
#content_main #arch h2 span, 
#content_main #proj h2 span,
#content_main #pergone h2 span,
#content_main #otoczaki h2 span  {
   color: #000;
	font-size: 110%;
   font-weight: normal;
	display: block;
	padding: 3px 0 8px 10px;
}
#content_main #kamien h2 span, 
#content_main #kostka h2 span,
#content_main #pergone h2 span,
#content_main #otoczaki h2 span {
   background: #bcbcba url(images/kamien_h3_bottom.jpg) bottom center no-repeat;
}
#content_main #arch h2 span {
	background: #d3b287 url(images/arch_h3_bottom.jpg) bottom center no-repeat !important; 
}
#content_main #proj h2 span {
   background: #b2d286 url(images/proj_h3_bottom.jpg) bottom center no-repeat;
}

#content_main .main_menu ul {
	margin: 0 8px;
	margin-top: 5px;
   width: 90%;
	padding: 0;
}
* html #content_main .main_menu ul {
	font-size: 104%;
}
#content_main .main_menu li {
	margin: 0;
   line-height: 125%;
	padding: 3px 0;
	list-style-type: none;
	border-top: 1px solid #d7d7d7;
}
#content_main .main_menu ul ul {
	margin: 0;
	margin-left: 7%;
	width: 93%;
}
#content_main .main_menu ul ul li {
	list-style-position: outside;
	margin-left: -5px;
}
#content_main .main_menu ul ul li a {
	background: none !important;
	font-style: italic;
}
#content_main .main_menu li a {
	text-decoration: none;
	padding-left: 16px;
	display: block;
	cursor: pointer;
   color: #7C7C7C;
}
#content_main .main_menu li a:hover {
	text-decoration: underline;
}
* html #content_main .main_menu li a {
	margin-top: 0px;
}
#content_main .main_menu li.last {
	border-bottom: 1px solid #d7d7d7;
}
#content_main .main_menu #kamien_left li a, 
#content_main .main_menu #kostka_left li a,
#content_main .main_menu #pergone_left li a,
#content_main .main_menu #otoczaki_left li a {
   background: url(images/kamien_arrow.gif) 0 4px no-repeat;
}
#content_main .main_menu #arch_left li a  {
   background: url(images/arch_arrow.gif) 0 4px no-repeat;
   color: #B18241;
}
#content_main .main_menu #proj_left li a  {
   background: url(images/proj_arrow.gif) 0 4px no-repeat;
   color: #8DA433;
}


/*************** STOPKA ************************************/
#footer {
	width: 848px;
	height: 152px;
	background: url(images/bottom.png) bottom right no-repeat;
	behavior: url(iepngfix.htc);
}
#footer #footer_left {
	float: left;
	width: 389px;
	padding-top: 24px;
}
#footer #footer_left #address {
	float: left;
	width: 176px;
   margin-left: 26px;
   padding-top: 18px;
	text-align: center;
	color: #fff;
   font-size: 95%;
   line-height: 130%;
}
* html #footer #footer_left #address {
	width: 150px;
   font-size: 100%;
}
#footer #footer_left #address h3 {
   margin: 0 0 5px 0;
   font-size: 130%;
}
* #footer #footer_left #address h3 {
   font-size: 140%;
}
#footer #footer_left #howget {
	float: left;
	margin-top: 12px;
	text-align: center;
	width: 154px;
}
#footer #footer_left #howget a {
	color: #bcbcbc;
	text-decoration: none;
}
#footer #footer_left #howget a:hover {
   color: #fff;
}
#footer #footer_left #howget img {
	margin-bottom: 10px;
	border: none;
}
#footer #footer_left #howget span {
	background: url(images/howget.jpg) no-repeat center;
	text-align: center;
	padding: 10px;
	width: 130px;
   font-size: 100%;
   line-height: 17px;
}
* #footer #footer_left #howget span  {
   font-size: 95%;
}
#footer #footer_right {
	float: left;
	width: 408px;
	padding-left: 22px;
}
#footer  #galeria {
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer #galeria h3 {
	margin: 0;
	float: left;
   font-size: 110%;
	width: 366px;
	font-weight: normal;
}

* #footer #galeria h3 {
   font-size: 120%;
}

#footer #footer_right #galleryContainer{
	clear: left;
	height: 100px;
	position: relative;
	overflow: hidden;
	padding: 1px;
	height: 102px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/100px;	/* Other browsers */
	height: /**/100px;    
}
#footer #galeria #arrow_left {
	float: left;
	margin-right: 3px;
   cursor: pointer;
}
#footer #galeria #arrow_right {
	float: left;
   cursor: pointer;
}
#footer_right #theImages {
		position: absolute;
		height: 100px;
		left: 0;
		width: 100000px;
}
#footer_right #theImages  #slideEnd{
		float:left;
}
#footer_right #theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border: none;
}



/*********** PODSTRONA *************************************/
#content_sub {
   width: 808px;
   background: #eaeaea url(images/content_sub_bg.jpg) top center no-repeat;
   padding-top: 10px;
}

/* podstrona - lewa kolumna - submenu */
#content_sub #sub_menu {
   float: left;
   width: 250px;
}

#sub_menu .menu {
   width: 211px;
   margin: 0 0 10px 6px;
   padding-top: 6px;
   display: block;
   background: #d6d6d6 url(images/sub_h3_top.jpg) top center no-repeat !important;
   font-size: 105%;
   line-height: 120%;
   color: #4D4D4B;
   text-decoration: none;
}
#sub_menu .menu:hover {
   background: url(images/arch_h3_top.jpg) top center no-repeat !important;
}
#sub_menu .menu h2 {
   padding: 2px 0 8px 18px;
   font-weight: bold;
   background: #d6d6d6 url(images/sub_h3_bottom.jpg) bottom center no-repeat;
}
#sub_menu .menu:hover h2, #content_sub .select h2  {
   font-weight: bold;
   background: #d3b287 url(images/arch_h3_bottom.jpg) bottom center no-repeat !important; 
}
#content_sub .select {
   background: url(images/arch_h3_top.jpg) top center no-repeat !important;
}

#sub_menu ul {
   margin: 0 0 15px 25px;
   display: block;
}
#sub_menu ul li {
   background: url(images/kamien_arrow.gif) 0 6px no-repeat;
   padding: 0 0 0 16px;
   line-height: 165%;
}
#sub_menu ul li a {
   color: #4D4D4B;
   text-decoration: none;
   font-size: 105%;
}
#sub_menu ul .selected a {
   font-weight: bold;
   color: black;
}
#sub_menu ul li a:hover {
   text-decoration: underline;
   color: black;
}
#sub_menu ul li ul {
   padding: 0;
   margin: 0;
}
#sub_menu ul li ul li {
   font-style: italic;
}


#sub_menu .sub2 {
   background: #B2D286 url(images/proj_h3_top.jpg) top center no-repeat !important;
}
#sub_menu .sub2 h2 {
   background: #B2D286 url(images/proj_h3_bottom.jpg) bottom center no-repeat;
}


/* podstrona - prawa kolumna - text */
#content_sub #text {
   float: left;
   width: 537px;
   font-family: Verdana;
   font-size: 95%;
   color: #3f3f3f;
   text-align: justify;
   margin-bottom: 10px;
}
#content_sub #text h1 {
   margin-top: 0;
   width: 477px;
   background: url(images/sub_h2_top.jpg) no-repeat;
   padding: 8px 30px 11px;
   font-size: 120%;
   margin-bottom: 20px;
   letter-spacing: -1px;
}
#content_sub #text p {
   margin-top: 15px;
   margin-bottom: 15px;
}
#content_sub #text p, #content_sub #text div {
   line-height: 140%;
}

#content_sub #text div ul, 
#content_sub #text div li {
   margin: 0;
   padding: 0;
}
#content_sub #text div li {
   padding-left: 10px;
}

#content_sub #content_sub_bottom {
   width: 100%;
   background: url(images/content_sub_bg_bottom.jpg) bottom no-repeat;
   height: 17px;
}


/* style galerii */
#gallery h3 {
   clear: both;
   padding: 0 0 15px 10px;
   font-weight: bold;
}
#gallery h2 {
   clear: both;
   padding: 0 0 15px 10px;
   font-weight: bold;
}
#gallery img {
   border: 1px solid black;
}
#gallery img:hover  {
   border: 1px solid #D3B287;
}
#gallery a {
   float: left;
   margin: 0 12px 20px 12px;
}

/* Kontakt */
#kontakt_left {
   float: left; 
   width: 320px;  
   border-right: 1px solid #B7B7B7;
}
#kontakt_right {
   float: right; 
   width: 200px; 
   text-align: center; 
}

#monit_ok, #monit_err {
   margin: 0 auto;
   font-weight: bold;
   width: 250px;
   background: #fff;
   text-align: center;
   padding: 10px;
}
#monit_ok {
   color: #000;
}
#monit_err {
   color: red;
}
#monit_ok, #monit_err .submit {
   margin: 0 auto;
   margin-top: 15px;
}
#content_sub #text .txt {
   padding: 5px;
}
.form {
   background: #fff;
   border: 1px solid #6A6A6A;
   font-size: 100%;
   width: 300px;
   display: block;
}
.form_textarea {
   width: 300px;
   height: 100px;
   border: 1px solid #6A6A6A;
   display: block;
}
.right {
   text-align: right;
   padding: 0 25px 0 0;
}
.submit {
   background: #B2D286;
   border: none;
   margin: 10px 0 0 0;
   font-size: 100%;
   padding: 3px 5px 3px 5px;
}

#kontakt_right h3 {
   font-size: 120%;
   font-weight: bold;
   margin: 15px 0 5px 0;
}

#kontakt_right img {
   border: 1px solid black;
}
#kontakt_right img:hover  {
   border: 1px solid #D3B287;
}
#kontakt_right a {
   float: left;
   margin: 0 12px 20px 12px;
}


div.klik{cursor:poitnter;}
div.klik div{display:none;}

#welcome {
   padding: 10px 40px 10px 40px;
   font-size: 12px;
   line-height: 18px;
}
#welcome h3 {
   margin: 0 0 10px 0;
   font-size: 12px;
   font-weight: bold;
}
#welcome ul {
   margin: 5px 0 10px 0;
}
#welcome li {
   margin: 0 0 0 25px;
   padding: 0;
   list-style: disc;
}