@charset('utf-8');
/* Styles and defaults 
-------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #c0e0ed;
	color: #999;
	margin: 0 0 20px 0;
	font-family: Helvetica, Arial, sans-serif;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
}

.clear {
	clear: both;
}

/* CONTAINER
----------------------------------------- */
#container {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

#content {
	float: right;
	margin: 0 60px 0 0;
	padding-bottom: 15px;
	width: 645px;
}

/* SIDEBAR
-------------------------------------- */
#sidebar {
	width: 165px;
	float: left;
	margin: 0;
	padding: 0 0 0 50px;
}

/* LOGO
----------------------------------------- */
#logo {
	height: 165px;
	overflow: hidden;
}

/* MAIN NAVIGATION
----------------------------------------- */
#navigation {
	margin: 0;
	padding: 0 20px 0 0;
	overflow: hidden;
	text-align: right;
	border-top: 1px solid #d6dfe4;
	min-height: 450px;
	overflow: hidden;
}

#navigation ul li {
	list-style: none;
	margin: 2px 0;
	line-height: 36px;
}

#navigation ul li a {
	text-decoration: none;
	height: 36px;
	font-size: 14px;
	color: #999;
	font-weight: bold;
}

#navigation ul li a:hover {
	text-decoration: none;
	height: 36px;
	font-size: 14px;
	color: #000;
}

#social-networks {
	
}

#copyright {
	border-top: 1px solid #d6dfe4;
	font-size: 10px;
	color: #bdccd4;
}

#created-by {
	text-align: right;
	font-size: 10px;
}

/* HEADER
----------------------------------------- */
#header {
	height: 166px;
	overflow: hidden;
	font-weight: bold;
 	font-size: 11px;
}

#page-info {
	height: 46px;
	overflow: hidden;
	font-size: 35px;
	font-weight: bold;
	line-height: 50px;
	color: #fff;
	text-align: right;
	padding: 0 10px 0 0;
}

#header-info {
	height: 100px;
	width: 645px;
	overflow: hidden;
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
}

#header-info .left {
	float: left;
	text-align: left;
}

#header-info .right {
	float: right;
	text-align: right;
}

#header-info .right a {
	color: #999;
	text-decoration: none;
}

#header-info .right a:hover {
	color: #000;
	text-decoration: none;	
}

#header .home, #header .about-us, 
#header .species, #header .activities, 
#header .events, #header .documents,
#header .links, #header .sitemap {
	background: #bdccd4;
}

#header .news {
	background: #9fd4fa;
}

#header .partners {
	background: #e3d8cc;
}

#header .contact {
	background: #bce4a1;
}

#header .forum {
	background: #c993c7;
}

#page-info .home-header {
	background: url(../images/home-header.png) no-repeat;
	padding: 0 0 0 52px;
}

#page-info .news-header {
	background: url(../images/news-header.png) no-repeat;
	padding: 0 0 0 72px;
}

#page-info .partners-header {
	background: url(../images/partners-header.png) no-repeat;
	padding: 0 0 0 56px;
}

#page-info .contact-header {
	background: url(../images/contact-header.png) no-repeat;
	padding: 0 0 0 44px;
}

#page-info .forum-header {
	background: url(../images/forums-header.png) no-repeat;
	padding: 0 0 0 97px;
}

#page-info .about-us-header {
	background: url(../images/about-us-header.png) no-repeat;
	padding: 0 0 0 82px;
}

#page-info .species-header {
	background: url(../images/species-header.png) no-repeat;
	padding: 0 0 0 127px;
}
#page-info .activities-header {
	background: url(../images/activities-header.png) no-repeat;
	padding: 0 0 0 82px;
}
#page-info .events-header {
	background: url(../images/events-header.png) no-repeat;
	padding: 0 0 0 72px;
}
#page-info .documents-header {
	background: url(../images/documents-header.png) no-repeat;
	padding: 0 0 0 59px;
}
#page-info .sitemap-header {
	background: url(../images/sitemap-header.png) no-repeat;
	padding: 0 0 0 56px;
}
#page-info .links-header {
	background: url(../images/links-header.png) no-repeat;
	padding: 0 0 0 53px;
}
#page-info .login-header {
	background: url(http://www.dstf.eu/themes/dstf/images/login-header.png) no-repeat;
	padding: 0 0 0 47px;
}

/* LAYOUT - Main Content
----------------------------------------------- */
#layout {
	min-height: 500px;
}

/* FOOTER
----------------------------------------------- */

 #footer {
	margin: 15px 0 0 0;
	padding: 0px;
	width: 100%;
	overflow: hidden; 	
 }

#footer-home-page, #footer-home-page ul, #footer ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
}

#footer-home-page ul li {
	float: left;
	width: 160px;
	height: 154px;
	list-style-type: none;
	margin: 0 1px 5px 0px;
}

#footer-home-page .news-icon-big {
	width: 100%;
	height: 100%;
	background: url(../images/news.png);
	display: block;
	overflow: hidden;
}

#footer-home-page .partners-icon-big {
	width: 100%;
	height: 100%;
	background: url(../images/partners.png);
	display: block;
	overflow: hidden;
}

#footer-home-page .contact-icon-big {
	width: 100%;
	height: 100%;
	background: url(../images/contact.png);
	display: block;
	overflow: hidden;
}

#footer-home-page .forum-icon-big {
	width: 100%;
	height: 100%;
	background: url(../images/forums.png);
	display: block;
	overflow: hidden;
}

#footer ul li{
	float: left;
	width: 160px;
	height: 50px;
	list-style-type: none;
	/* margin: 0 1px 5px 1px; */
}

#footer .home-icon-small {
	width: 100%;
	height: 100%;
	background: url(../images/home-small.png);
	display: block;
	overflow: hidden;
}

#footer .news-icon-small {
	width: 100%;
	height: 100%;
	background: url(../images/news-small.png);
	display: block;
	overflow: hidden;
}

#footer .partners-icon-small {
	width: 100%;
	height: 100%;
	background: url(../images/partners-small.png);
	display: block;
	overflow: hidden;
}

#footer .contact-icon-small {
	width: 100%;
	height: 100%;
	background: url(../images/contact-small.png);
	display: block;
	overflow: hidden;
}

#footer .forum-icon-small {
	width: 100%;
	height: 100%;
	background: url(../images/forums-small.png);
	display: block;
	overflow: hidden;
}