html {
	font-family: Georgia, sans-serif;
	font-size: 13px;
	color: #383028;
	background: #ffffff;
	overflow-y:scroll;
}

html, body {
	margin: 0px !important;
	padding: 0px !important;
	text-align: center;
	position: relative;
}

.endfloat { clear: both; width: 0px; height: 0px; margin: 0px; padding: 0px; visibility: hidden; }
.nodisp { display: none; }
.fleft { float: left; }
.fright { float: right; }
.relative { position: relative; }


h1, h2, h3, h4, h5, p, ul, ol, li {
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

p {
	margin-bottom: 15px;
}

h1 {
	font-weight: bold;
	margin-bottom: 5px;
}

img {
	border: none;
}

a {
	/*color: #666666;*/
	color: #888888;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#page {
	text-align: left;
	width: 960px;
	margin: 0px auto;
	position: relative;
}

.lining {
	width: 960px;
	height: 10px;
	color: inherit;
	background: #383028;
}

.lining span {
	display: none;
}

#bottom-lining {
	margin-top: 20px;
}

/***********************************/
/*                                 */
/*             MENU                */
/*                                 */
/***********************************/

#top-menu {
	margin: 47px auto auto 85px;
	float: left;
	font-style: italic;
}

#top-menu a {
	display: block;
	float: left;
	padding: 7px 12px 7px 17px;
}

#top-menu a:hover {
	color: inherit;
	background: #f0eee2;
	text-decoration: none;
}

/***********************************/
/*                                 */
/*             MENU                */
/*                                 */
/***********************************/

#menu {
	position: relative;
	top: -30px;
	font-style: italic;
	width: 254px;
}

#menu li, #menu a, #menu a span {
	display: block;
}

#menu ul a {
	color: #ffffff;
	background: url("http://www.netopiere.sk/grf/menu-item.gif") top left no-repeat;
	width: 254px;
	height: 30px;
}

#menu ul a:hover {
	text-decoration: none;
	background-position: 0px -30px;
}

#menu ul ul a {
	color: #f2efe0;
	background: url("http://www.netopiere.sk/grf/menu-item-sub.gif") top left no-repeat;
}

#menu a.special {
	color: #ffffff;
	background: url("http://www.netopiere.sk/grf/menu-item-special.gif") top left no-repeat;
}

#menu ul ul a.active {
	background: url("http://www.netopiere.sk/grf/menu-item-sub-active.gif") top left no-repeat;
}

#menu ul a.active {
	background: url("http://www.netopiere.sk/grf/menu-item-active.gif") top left no-repeat;
}

#menu a span {
	padding-left: 20px;
	padding-top: 6px;
}

/***********************************/
/*                                 */
/*           HOMEPAGE              */
/*                                 */
/***********************************/

#homepage-picture, #section-picture {
	width: 960px;
	height: 220px;
}

#section-picture {
	height: 100px;
}

#homepage-picture img, #section-picture img {
	display: none;
}

#highlight-box {
	width: 480px;
	float: right;
	color: inherit;
	background: #e67817;
}

#highlight-box h1 {
	padding: 13px 20px 1px 20px;
	color: #ffffff;
	background: inherit;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}

#highlight-box span {
	display: block;
	color: #f8bd8b;
	background: inherit;
	padding: 0px 20px 17px 20px;
}

.homepage-top-col {
	width: 240px;
	height: 210px;
	position: absolute;
}

.homepage-top-col1 {
	left: 0px;
}

.homepage-top-col2 {
	width: 254px;
	left: 240px;
}

.homepage-top-col3 {
	left: 480px;
}

.homepage-top-col4 {
	width: 230px;
	left: 730px;
	color: inherit;
	background: red;
}

.homepage-bottom-col {
	font-style: italic;
	position: relative;
	color: #a69995;
	background: #d4d2c8;
	margin-left: 1px;
	float: left;
	width: 239px;
	height: 240px;
}

.homepage-bottom-col a.more-btn {
	display: block;
	width: 239px;
	height: 30px;
	position: absolute;
	top: 210px;
	color: #ffffff;
	background: #bdb9ae url("http://www.netopiere.sk/grf/more-btn-bg.gif") top right no-repeat;
}

.homepage-bottom-col a.more-btn:hover {
	text-decoration: none;
	background-position: right -30px;
}

#homepage-bottom-col1 a.more-btn {
	width: 240px;
}

.homepage-bottom-col a.more-btn span {
	display: block;
	padding: 6px 19px;
}

.homepage-bottom-col-i {
	padding: 15px 19px 0px;
}

.homepage-bottom-col h3 {
	font-weight: bold;
	margin-bottom: 13px;
	color: #4a4137;
	background: inherit;
	font-size: 17px;
}

#homepage-bottom-col1 { margin-left: 0px; width: 240px; }
#homepage-bottom-col2 {  }
#homepage-bottom-col3 {  }
#homepage-bottom-col4 { margin-left: 10px; width: 230px; color: inherit; background: #ffffff; }

#top-news {
	color: #a69995;
	background: url("http://www.netopiere.sk/grf/top-news-bg.gif") top left no-repeat;
}

#top-news-i {
	padding: 13px 33px 10px 19px;
	overflow: hidden;
}

#top-news h2 {
	color: #4a4137;
	background: inherit;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}

#top-news h3 {
	font-style: italic;
	margin: 11px auto 16px;
}

#top-news p {
	font-size: 11px;
}

#homepage-sidebox {
	font-size: 12px;
	position: relative;
	top: -30px;
	height: 370px;
	color: #ffffff;
	background: #d4d2c8 url("http://www.netopiere.sk/grf/homepage-sidebox-bg.gif") top left no-repeat;
}

#homepage-sidebox-i {
	padding: 7px 10px 7px 19px;
}

#homepage-sidebox h2 {
	font-style: italic;
	color: #ffffff;
	background: inherit;
	margin-bottom: 25px;
}

a#archive-link {
	display: block;
	position: absolute;
	left: 20px;
	top: 324px;
	padding: 4px 0px;
	border-top: 1px solid #bdb9ae;
	width: 210px;
}

#homepage-sidebox a {
	display: block;
	font-style: italic;
	color: #a69995;
	margin-top: 15px;
	line-height: 20px;
}

#homepage-sidebox span {
	display: block;
	color: #4a4137;
	background: inherit;
}

#partners {
	position: absolute;
	top: 210px;
	width: 720px;
	height: 140px;
	color: inherit;
	background: url("http://www.netopiere.sk/grf/partners-bg.gif") top left no-repeat;
}

#partners-i {
	padding: 30px 0px 0px 135px;
}

#partners a {
	display: block;
	float: left;
	margin-right: 60px;
	width: 130px;
	height: 95px;
}

#partners a:hover {
	background-position: 0px -95px;
}

#partners a span {
	display: none;
}

a#partner-01 { float: left; background: url("http://www.netopiere.sk/grf/partner-01.gif") top left no-repeat; }
a#partner-02 { float: left; background: url("http://www.netopiere.sk/grf/partner-02.gif") top left no-repeat; }
a#partner-03 { float: left; background: url("http://www.netopiere.sk/grf/partner-03.gif") top left no-repeat; }

#homepage-top {
	position: relative;
	height: 350px;
}

#homepage-bottom {
}

a#support-btn {
	display: block;
	width: 230px;
	height: 100px;
	font-style: italic;
	font-weight: bold;
	color: #f8bd8a;
	background: #e67817;
}

a#support-btn:hover {
	text-decoration: none;
	color: #f8bd8a;
	background: #c46614;
}

a#support-btn strong {
	display: block;
	margin-bottom: 17px;
	font-size: 18px;
	color: #ffffff;
	background: inherit;
}

a#support-btn span {
	display: block;
	padding: 16px 19px;
}

a#facebook-btn {
	display: block;
	margin-top: 8px;
}

/***********************************/
/*                                 */
/*           SECTION               */
/*                                 */
/***********************************/

#section-content {
}

.section-col {
	float: right;
}

.section-col1 {
	margin-bottom: -30px;
	width: 240px;
}

.section-col2 {
	width: 480px;
}

.section-col3 {
	line-height: 0px;
	width: 230px;
	margin-left: 10px;
}

.section-col3 img {
	margin-bottom: 1px;
}

.section-col3 #support-btn {
	line-height: 19px;
	margin-top: 9px;
}

#section-page {
	/*color: #383028;*/
	color: #282018;
	background: #f2efe0;
	line-height: 21px;
	padding: 17px 19px;
}

#section-page h1 {
	color: #4a4137;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
}

#section-page em {
	display: block;
	color: #a69995;
	background: inherit;
	font-style: italic;
	margin: 11px 0px 15px;
}

#section-page h2 {
	font-weight: bold;
}

#section-page h2.credits {
	font-style: italic;
}

#section-page p {
	margin-top: 5px;
}

#section-page p.credits {
	font-style: italic;
}

#section-page ul {
	margin-top: 7px;
	margin-bottom: 15px;
	list-style: none inside url("http://www.netopiere.sk/grf/bullet-bg.gif");
}

#section-page h3 {
	font-size: 12px;
	font-style: italic;
	margin-top: 15px;
	font-weight: bold;
}

span.image-holder {
	width: 461px;
	margin: 10px 0px;
	display: block;
	color: #4a4137;
	background: #bdb9ae;
	height: 160px;
	overflow: hidden;
}

span.image-holder span {
	padding: 17px 0px 0px 19px;
	width: 140px;
	display: block;
	font-style: italic;
}

span.image-holder img {
	float: right;
	width: 270px;
	height: 160px;
}

.news-item {
	margin-bottom: 15px;
}

.news-item h2 {
	margin-bottom: 10px;
}

.news-item img {
	font-size: 0px;
	width: 107px;
	height: 80px;
	float: left;
	margin-right: 15px;
	color: #f2efe0;
	background: url("http://www.netopiere.sk/grf/aktuality_bg.jpg") left top no-repeat;
}

.news-item p {
	font-size: 11px;
}

.news-item h2 {
	font-size: 12px;
}           

.species-thumb {
	display: block;
	width: 215px;
	height: 68px;
	background: #eae6d6;
	margin-bottom: 4px;
	margin-right: 4px;
	float: left;
	line-height: 15px;
}

.species-thumb:hover {
	background: #FFFFFF;
	text-decoration: none;
}

.species-thumb .inner {
	padding: 4px;
	display: block;
}

.species-thumb .h3 {
	margin-right: 10px;
}

.species-thumb img {
	float: left;
	margin-right: 10px;
}

.contact-detail {
	margin-bottom: 20px;
}

.contact-name {
	font-weight: bold;
}

.contact-descrition {
	
}

.contact-phone {
	
}

.contact-mail {
	
}

.contact-web {
	
}

h2#contact-filter {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#flash-regions {
	margin-top: 20px;
}