/*
	AUTHOR:	Anna Romańska
			info@dronka.org
			http://dronka.org
			
	jasnoszarny: #d7d6ce
	szary: #b0b0a2
	czerwony: #ae4039
	zielony: #6d8836
	żółty: #d7a318
	fioletowy: #794056
						
*/

/* RESETES & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; height:100%;}
body {
	height:100%;
	font-family: Helvetica, sans-serif;
	background-color: #d7d6ce;
	}
ul { list-style:none inside; }
p { font-size: 14px; line-height:20px; margin-bottom: 10px; }
a { outline: none; text-decoration:none; color:#b0b0a2; cursor:default;}
a img { border: none; }
/* END RESET */


/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear {clear: both; }
/* END TOOLBOX */


/* STRUCTURE AND STUFF */
#page-wrap {
	width:940px;
	background:url(images/wrap-bg.jpg) repeat-y;
	margin: 0px auto;
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
	}

a.czerwony:hover, a.czerwony:active{color:#ae4039;}
a.zielony:hover, a.zielony:active{color:#6d8836;}
a.zolty:hover, a.zolty:active{color:#d7a318;}
a.fioletowy:hover, a.fioletowy:active{color:#794056;}
a.czarny:hover, a.czarny:active{color:#000000;}


/* HEADER */
#header {
	width:900px;
	margin:0 20px;
	height:396px;
	position: relative;
	}
#header h1 { text-indent:-9999px; }

div.zielony {background:url(images/header-zielony.jpg) no-repeat 0 0;}
div.czerwony {background:url(images/header-czerwony.jpg) no-repeat 0 0;}
div.zolty {background:url(images/header-zolty.jpg) no-repeat 0 0;}
div.fioletowy {background:url(images/header-fioletowy.jpg) no-repeat 0 0;}

	
/* NAVIGATION */
ul#nav { position:absolute; top:20px; left:30px;}
ul#nav li a {
	display: block;
	height: 56px;
	width:152px;
	text-indent: -9999px;
	cursor: default;
	}
ul#nav li.ofirmie a{ background:url(images/nav-ofirmie.png) bottom center no-repeat; }
ul#nav li.oferta a{ background:url(images/nav-oferta.png) bottom center no-repeat; }
ul#nav li.cennik a{ background:url(images/nav-cennik.png) bottom center no-repeat; }
ul#nav li.kontakt a{ background:url(images/nav-kontakt.png) bottom center no-repeat; }
ul#nav li a:hover, ul#nav li a:active{background-position: top center;}


/* MAIN */
#main { padding: 20px 50px; }
#main p {padding-top:10px;}
#main div {padding-top:10px;}

h2.ofirmie { background:url(images/h2-ofirmie.png) no-repeat; text-indent:-9999px; height:27px; margin-bottom:10px;}
h2.cennik { background:url(images/h2-cennik.png) no-repeat; text-indent:-9999px; height:27px; margin-bottom:10px;}
h2.kontakt { background:url(images/h2-kontakt.png) no-repeat; text-indent:-9999px; height:27px; margin-bottom:10px;}
h2.magazyny { background:url(images/h2-magazyny.png) no-repeat; text-indent:-9999px; height:58px; margin-bottom:10px;}
h2.biura { background:url(images/h2-biura.png) no-repeat; text-indent:-9999px; height:28px; margin-bottom:10px;}
h2.domy { background:url(images/h2-domy.png) no-repeat; text-indent:-9999px; height:28px; margin-bottom:10px;}
h2.groby { background:url(images/h2-groby.png) no-repeat; text-indent:-9999px; height:27px; margin-bottom:10px;}

ul.lista{list-style: url(images/bullet.png) inside; font-size:14px; line-height:20px;}

p.push {height:40px;}

/* OFERTA */
div.naoferte {height:250px; padding:20px 20px;}
ul.oferta li {display: inline;}
ul.oferta li a {
	display: block;
	height: 203px;
	width:  225px;
	text-indent: -9999px;
	cursor: default;
	float: left;
	margin: 0;
	padding: 0;
	}
ul.oferta li.magazyny a{ background:url(images/oferta-magazyny.png) bottom center no-repeat; }
ul.oferta li.biura a{ background:url(images/oferta-biura.png) bottom center no-repeat; }
ul.oferta li.domy a{ background:url(images/oferta-domy.png) bottom center no-repeat; }
ul.oferta li.groby a{ background:url(images/oferta-groby.png) bottom center no-repeat; }
ul.oferta li a:hover, ul.oferta li a:active{background-position: top center;}


/* KONTAKTFORM */

fieldset {border:0;	margin:0; padding:0;}
label{display:block; padding:10px 0 3px 0; color:#b0b0a2; font-size:13px;}
p.print {padding:20px 0 0 0; color:#6d8836;}
input.text, textarea{
	width:300px;
	color:#b0b0a2;
	padding:3px;
	border:1px #b0b0a2 solid;
	font-size: 13px;
	line-height: 20px;
	background-color:#f8f8f8;
	}
input.submit {
	padding:2px 5px;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	color:#b0b0a2;
	background-color:#f8f8f8;
	border:1px #b0b0a2 solid;
	}
input.submit:hover {
	color:#f8f8f8;
	background-color:#b0b0a2;
	border:1px #b0b0a2 solid;
	}
div#kontaktform {width:400px; height:340px;}
div#dokontaktu {width:400px; height:340px; padding-top:65px;}


/* FOOTER */
#footer {
	background:url(images/footer-bg.png) no-repeat;
	position:absolute;
	bottom:0;
	width:940px;
	}
#footer p { padding: 20px 40px 0 40px; text-align:right; }
#footer p a {margin:0 10px;}
a.bjdr, a.bjdr:visited{font-size:10px;}
a.bjdr:hover, a.bjdr:active {color:#000;}
	
/* END */