html,
body {
	height:100%;
	color:#000;
}

body {
	background:transparent url(images/hd3.jpg) 50% -30px no-repeat;
}

a {
	text-decoration:none;
	color:#1d78b1;
}
a:hover {
	color:#32b11d;
}

p {text-align:justify; margin-bottom:20px;}
strong {font-weight:bold;}

h1,h2,h3,h4 {font: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; margin-bottom:.5em; padding:0;}
h1 {font-size:2.3em}
h2 {font-size:2.2em; color:#709fc5;}
h3 {font-size:1.6em}

ul {margin-bottom:1em; margin-left:1em;}
ul li { list-style-type: circle; list-style-position: inside; margin-bottom:.2em;}

#wrap {
	width:1010px;
	text-align:left;
	margin:0 auto;
}


/* Stopka zawsze na samoym dole! */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;

	margin-bottom:-51px;
}
#wrap .push,
#foot {margin-top:51px; clear: both;}


#foot {
	background: transparent url(img/bottom.jpg) 75% 100% no-repeat; 
	display:block; 
	clear:both; 
	height:51px;
	margin:0px;
	padding:0 0 0 100px;
	text-align:center;
	line-height:51px;
	font-size:10px;
	color:#fff;
}
	 #foot a {color:#fff;}
.float-l {
	float:left
}
.folat-r {
	float:right
}
.clearfix {
	clear:both
}
/* header */
#header {
	height:166px;
	position:relative
}


#header blockquote {
	position: absolute;
	top: 30px;
	left: 300px;
	font-family:"Baskerville","Georgia",serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	line-height:30px;
	color:#c1e7bb;
	text-shadow:0 0 5px #000;
}

#inner {overflow: hidden;
}

#nav {
	position:absolute;
	top:60px;
	right:0px
}
ul#nav {
}
ul#nav li {
	display:inline;
}
ul#nav a {
	color:#fff;
	line-height:43px;
	padding:20px;

	background-color: #1D78B1;
	background-color: rgba(33, 33, 33, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
	

	font-weight:bold;
	font-size:1.2em;

     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, IE 9 */

     -moz-box-shadow: 0px 0px 4px #888; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #888; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #888; /* Opera 10.5, IE 9.0 */

}
ul#nav .last a {
	border:none
}

ul#nav li a:hover,
ul#nav li.active a,
ul#nav li.active a:hover {
	padding-top:30px;
	background-color:#1d78b1;
	text-decoration:none;
}
ul#nav li a:hover {background-color:#32b11d}

#logo {margin:0; padding:0;}
#logo a {
	position:absolute;
	top:20px;
	left:30px;
	
	display:block;
	width:269px;
	height:166px;
	text-indent:-200em;
	background:transparent url(img/ekodol-logo2.png) 0 0 no-repeat;
	
}


/* content */
#content {
	overflow:hidden;
	margin-left:50px;	
	margin-right:50px;
	margin-bottom:40px;
}
#content .left {
	width:65%;
	margin-right:5%;
}
#content .right {
	width:30%;
}

img.front {
	width: 200px !important;
	padding:5px;
	margin-right:20px;
	margin-bottom:10px;
	border:1px solid #eee;
	background:#fff;
}

img.front,
img.rotateLeft,
img.rotateRight {
     -moz-box-shadow: 0px 0px 4px #333; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #333; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #333; /* Opera 10.5, IE 9.0 */
}

img.rotateLeft {
	margin-top:40px;
	margin-left: 20px;
     -moz-transform: rotate(-2.5deg);  /* FF3.5+ */
       -o-transform: rotate(-2.5deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-2.5deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
                     M11=0.9990482215818578, M12=0.043619387365336, M21=-0.043619387365336, M22=0.9990482215818578); /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', 
                     M11=0.9990482215818578, M12=0.043619387365336, M21=-0.043619387365336, M22=0.9990482215818578)"; /* IE8 */
               zoom: 1;

}
img.rotateRight {
	margin-top:40px;
	margin-right: 30px;

     -moz-transform: rotate(2.5deg);  /* FF3.5+ */
       -o-transform: rotate(2.5deg);  /* Opera 10.5 */
  -webkit-transform: rotate(2.5deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
                     M11=0.9990482215818578, M12=-0.043619387365336, M21=0.043619387365336, M22=0.9990482215818578); /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', 
                     M11=0.9990482215818578, M12=-0.043619387365336, M21=0.043619387365336, M22=0.9990482215818578)"; /* IE8 */
               zoom: 1;

}


#menu li {
	list-style:none;
	margin-bottom: 5px;
}
.leaf li,
#menu li a {
	line-height:1em;
	display:block;
	padding: 5px 5px 5px 25px;
	background: transparent url(img/leaf.png) 0 7px no-repeat;
	border-bottom:1px solid #eee;
}
#menu li a:hover {
	border-bottom-color:#32b11d;
}

#menu.g li a {
	background: none;
}
#menu.g li.active a {
	font-weight:bold;
	background: transparent url(img/arrow-180.png) 0 5px no-repeat !important;
}
#menu.g li a:hover {
	background: transparent url(img/leaf.png) 0 5px no-repeat;
}

/*
#top, #bm {
	width:173px;
	margin:0 auto;
	margin-top:30px;
	padding:0 35px
}
*/
#side h2 {
	font-size:24px;
	color:#709fc5;
	padding:20px 0 13px 0
}
#side li {
	line-height:20px
}
/* footer */

#xhtml {
	position: absolute;
	top:130px;
	left:550px
}

.see-more {position:relative; margin-bottom:1em;}
.see-more h2,
.see-more h3 {margin;0; padding:0 !important;}
.see-more a {position:absolute; bottom:0; right:0;}
.see-more a {color:#32b11d; font-size:1.2em; }

.gallery,
.gallery li {margin:0; padding:0;}
.gallery {overflow:hidden;}
.gallery li {list-style:none; float:left; width:30%; margin-right:3%; height: 220px;}
.gallery li a {text-align:center; display:block;}
.gallery li a img {
	width: 140px; 
	padding:5px;
	border:1px solid #eee;
	background:#fff;

     -moz-box-shadow: 0px 0px 4px #333; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #333; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #333; /* Opera 10.5, IE 9.0 */
}

.messages {margin:0px}
.messages li {list-style:none; padding:5px; border:1px solid #709FC5; margin-bottom:5px}