/* CSS KRAN WIND GMBH by Jeremi Walewicz-Antonowicz */

/* zerowanie marginesów */
html, body, div, table, p, ul, a, li, form, input, img, hr, br, h1, h2, h3, h4, h5, h6, label, td, tr, th {margin:0px; padding:0px;	font-family: 'Candara';}

html {background:#f8f8f8;}
body {margin: 0 auto; padding:0; width:1000px; height:100%;} /* <---------------- określenie szerokości strony! */
img {border:none;}

#jqefekt {display:none;}


/* nagłówki */
h1 {font-size:1em; color:#000;}
h2
{
	font-family: 'Candara';
	font-weight:bold;
	font-style:italic;
	font-size: 2em;
    /*text-shadow: 5px 5px 0px #ececec;*/
	text-shadow: 0px 1px 0px #e5e5ee;
}
h3 {font-size:0.9em; color:#000;}
h4 {font-size:0.88em; color:#000;}
h5 {font-size:0.88em; color:#000;}

.right {float:right; position:relative; overflow:hidden;}
.left {float:left; position:relative; overflow:hidden;}

#absolut {position:absolute; margin-left:645px; margin-top:-51px; overflow:hidden;}
#special {width:300px; margin-top:20px; margin-left:10px;}


/* text */
p {font-size: 0.88em; color: #595959;}								/* czcionka bazowa */
p.biger {font-size:1.1em; color: #595959;}							/* czcionka bazowa - większa */
p.second {font-size:0.88em; color:#fff;}						/* czcionka druga */
p.second-biger {font-size:1.1em; color:#fff;}					/* czcionka druga - większa */
.czarny { color:#1c1c1c;}
.zielony {color:#96b91b;}
.szary {color:#CCC!important;}

.small {font-size:0.5em; color:#999;}

.lista {list-style-type:circle;}
.lista li {color:#595959; font-size:0.88em;}

/* link bazowy */
a:link, a:visited {margin: 0; font-size: 1em; color: #FFFFFF; text-decoration: none;}
a:hover, a:active {font-size: 1em; color:#a9c816; text-decoration: none;}

a.arrow {background:url('../images/arrow.png') no-repeat left; padding-left:25px; color:#565656; font-weight:bold; font-size:18px;}

#top {background:url('../images/top.png') no-repeat; width:990px; height:109px; background-position:bottom; margin-top:10px;
						-webkit-transition: all 1s ease-in-out;
						-moz-transition: all 1s ease-in-out;
						-o-transition: all 1s ease-in-out;
						-ms-transition: all 1s ease-in-out;
						transition: all 1s ease-in-out;
}
#top:hover {background-position: top;}
#top h2 {margin: 0 0 0 20px; padding-top:20px; position:relative; overflow:hidden; float:left; 	font-family: 'Candara';
	font-weight:bold;
	font-style:italic;
	font-size: 2.7em;
    /*text-shadow: 5px 5px 0px #ececec;*/
	text-shadow: 0px 1px 0px #e5e5ee;
}


#top ul {float:right; background:url('../images/menu-bg.png') no-repeat; width:547px; height:51px; position:relative; overflow:hidden; margin:25px 15px 0 0;}
#top li {float:left; list-style-type:none; font-size:1em; position:relative; height:100%; padding-top:16px; }


#top a:link, a:visited {-webkit-transition: all 0.5s ease;
						-moz-transition: all 0.5s ease;
						-o-transition:  all 0.5s ease;
						
						 transition: all 0.5s ease;}

#first-page {width:115px;}
#first-page a {border-right: 1px solid #333; position:absolute; width:115px; text-align:center;}
.active1 { background: url('../images/first-page.png') no-repeat; width:115px;}
.active1 a {color:#1f2421;}

#second-page {width:100px;}
#second-page a {border-right: 1px solid #333; position:absolute; width:100px; text-align:center;}
.active2 { background: url('../images/second-page.png') no-repeat; width:100px;}
.active2 a {color:#1f2421;}

#third-page {width:155px;}
#third-page a {border-right: 1px solid #333; position:absolute; width:155px; text-align:center;}
.active3 { background: url('../images/third-page.png') no-repeat; width:155px;}
.active3 a {color:#1f2421;}


#fourth-page {width:177px;}
#fourth-page a { position:absolute; width:177px; text-align:center;}
.active4 { background: url('../images/fourth-page.png') no-repeat; width:177px;}
.active4 a {color:#1f2421;}


/*strona główna*/
#gallery {position:relative; overflow:hidden; float:left!important; width:490px;}
#wiatrak {position:relative; overflow:hidden; float:right!important; width:510px; height:405px; background:url('../images/wiatrak.png') no-repeat;}

#kdk {width:100%; height:51px; background:url('../images/kdk-bg.png') no-repeat; position:relative; overflow:hidden;}
#kdk p {height:51px; font-size:20px!important; margin: 12px 0 0 30px;}

.kdk-info {height:51px; overflow:hidden; position:relative; float:left; background:url('../images/kdk-info.png') right no-repeat;}
.kdk-info span {padding-right:15px; color:#FFF; margin-left:20px;}

#contain {width:100%; height:312px; position:relative; overflow:hidden; background:url('../images/contain-start.png') no-repeat; margin-top:10px;}

#gora {height:30px; width:100%; padding:6px 0 0 35px!important;}
#gora a {color:#FFF;}

#tresc {float:left; position:relative; overflow:hidden; width:470px; padding:10px 20px 15px 40px;}
#tresc h3 {font-size:20px; color:#5c5c5c;}
#tresc span { color:#00a3f3; font-size:24px;}
#tresc p {text-align:justify; margin-top:10px; text-indent:20px;}

#mapa {float:right; position:relative; overflow:hidden; width:350px;}
#mapa h4 {font-size:20px; color:#5c5c5c; margin-top:15px;}
#mapa span { color:#00a3f3; font-size:24px;}



/*usługi*/
#galeria-lajt {background:url('../images/krok-bg.png') no-repeat; height:253px; margin-top:10px; padding-top:10px; border-top:#CCC solid 1px;}
#galeria-lajt a {margin:0 20px 0 20px; }
#galeria-lajt img {border:2px #FFFFFF solid;}

#accordion {width:650px;}


/*kontakt*/

fieldset {border:none;}

input.text {border:1px dotted #999999; width:440px!important; height:30px; padding: 0 10px 0 10px;}
legend {color:#1c1c1c;}
textarea {border: dotted 1px #999999;}
.button {background:url('../images/kdk-info.png') no-repeat; width:164px; height:51px; border:none; color:#FFF; cursor:pointer;}

/*stopka*/

.footer {width:1000px; height:64px; position:relative; overflow:hidden; background:url('../images/footer.png') no-repeat; margin-top:10px;}
.footer p {float:right; margin: 25px 20px 0 0;}



.tytul {float:left; position:relative;}


#zaw-top {background:url(../images/zaw-top.png) no-repeat; position:relative; overflow:hidden; width:1000px; height:25px;}
#zaw {background:url(../images/zaw-bg.png) repeat-y; position:relative; overflow:hidden; width:1000px; height:auto; padding:50px;}
#zaw p {text-align:justify;}
#zaw-bot {background:url(../images/zaw-bot.png) no-repeat; position:relative; overflow:hidden; width:1000px; height:20px;}