body {
background-color: #143143;
padding: 20px 0;
}

a:link {
	color: #becdd5;
	text-decoration: none;
	font-family: verdana, Geneva, sans-serif;
}
a:visited {
	text-decoration: none;
	color: #becdd5;
}
a:hover {
	text-decoration: underline;
	color: #becdd5;
}
a:active {
	text-decoration: none;
	color: #becdd5;
}

.searchBox {
	border: 0px;
	height: 18px;
	width: 265px;
    color: #98a3aa;
	background-color:#2a353d;
	float:left;
	padding:4;
	vertical-align:center;
}
.searchBoxWrap {  
	border: 0px;
	background:url(images/sbgl.png) no-repeat;
	width:310px;		
	height: 22px;
	padding: 2px 6px 0 7px;
	margin:0 -40px 0 0px;	
	float:left;	
	z-index:-1;
	_display:inline;
}

.b1 {
	background: url(images/indexON.png) no-repeat center center;
}
.b1:hover {
	background: url(images/indexOFF.png) no-repeat center center;
}
.b2 {
	background: url(images/FishOFF.png) no-repeat center center;
}
.b2:hover {
	background: url(images/FishON.png) no-repeat center center;
}
.b3 {
	background: url(images/PlantsOFF.png) no-repeat center center;
}
.b3:hover {
	background: url(images/PlantsON.png) no-repeat center center;
}
.b4 {
	background: url(images/BiotopOFF.png) no-repeat center center;
}
.b4:hover {
	background: url(images/BiotopON.png) no-repeat center center;
}
.b5 {
	background: url(images/ProblemsOFF.png) no-repeat center center;
}
.b5:hover {
	background: url(images/ProblemsON.png) no-repeat center center;
}
.b6 {
	background: url(images/ArticlesOFF.png) no-repeat center center;
}
.b6:hover {
	background: url(images/ArticlesON.png) no-repeat center center;
}
.b7 {
	background: url(images/GaleriaOFF.png) no-repeat center center;
}
.b7:hover {
	background: url(images/GaleriaON.png) no-repeat center center;
}
.b8 {
	background: url(images/LinksOFF.png) no-repeat center center;
}
.b8:hover {
	background: url(images/LinksON.png) no-repeat center center;
}
.b9 {
	background: url(images/ForumOFF.png) no-repeat center center;
}
.b9:hover {
	background: url(images/ForumON.png) no-repeat center center;
}

.b10 {
	background: url(images/KonkursOFF.png) no-repeat center center;
}
.b10:hover {
	background: url(images/KonkursON.png) no-repeat center center;
}


span.style3
{
font-weight: bold;
	font-size: 12px;
}

h3 {
	color: 607785;
	font-family: verdana, sans-serif;	
	font-size: medium;	
	font-weight: regular;
}

h1 {
	color: 98a3aa;
	font-family: tahoma, sans-serif;
}

h2 {
	color: 8b969d;
	font-family: verdana, sans-serif;
	font-weight: regular;
	
}

input.cbg {
	background-color: #dde9f4;
	color: #32618c;
	border: 0px;
	padding: 3px;
}
textarea.cbg {
	background-color: #dde9f4;
	color: #32618c;
	border: 0px;
	padding: 3px;
}
/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;
	background-color: #dde9f4;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #8caac2;
}
div.commentar {
	cursor: pointer;
	background-image: url(pcomment.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	height: 30px;
	line-height: 30px;
	vertical-align: baseline;
}
div.commentd {
	text-align: justify;
	background-color: #203b4d;
	min-height: 35px;
	padding: 15px;
	margin: 0px;
}
p.contributor {
	text-align: right;
	background: #153144;
	padding: 8px;
	margin: 0px;
	font-style: italic;
}
.bgrche {
	background: url(tbgr.jpg) no-repeat center center;
}

a.orange {
	color: rgb(255, 153, 0);
}

a.cat {
	font-weight: bold;
	font-size: 12px;
}


/* By default (td, body..) use verdana in black. */
body, td, th , tr, select, textarea, input
{
	color: #8195a1;
	font-size: 11px;
	font-family: verdana, sans-serif;
	margin: 0;
}

td.td1
{
	background: #203b4d;
  padding: 0px 10px 0px 10px; 
  vertical-align:top;
  align:center;
  
}

select.Dark
{
	background: #203b4d;
	margin: 0;
	border:1px dotted #58656d;
}

input.Dark
{
	background: #203b4d;
	margin: 0;
	border:1px dotted #58656d;
}

input.DarkBut
{
	background: #2a353d;		
	border:1px dotted #58656d;
}

textarea.Dark
{
	background: #203b4d;
	margin: 0;
	border:1px dotted #58656d;
	
}


hr {
  border: 0;  
  color: #58656d;
  background-color: #58656d;
  height: 1px;
}

#page_container { width: 960px; margin: 0 auto; text-align: left; background: #143143; color: #8195a1; padding: 20px; }
#header, #footer, #content { }


#main_nav { padding: 5px 0; margin: 5px 0 30px 0; border-top: solid 1px #59656d; }
#main_nav a { display: block; height: 25px; }

#footer { padding: 20px 0; margin: 30px 0 -20px 0; border-top: solid 1px #59656d; }

#header table, #footer table, #main_nav table, .home table, table.grid { width: 100%; border-collapse: collapse; table-layout: fixed; }
table { width: 100%; }
table td { vertical-align: top; }

a img { border: none; }
h3 { padding: 0; margin: 0 0 10px 0; }

.col_home { width: 193px; background: #203b4d; padding: 20px; }
.col_home img { width: 99%; }
.col_home .img_cnt { height: 58px; overflow: hidden; border: solid 1px #59656d; background: #000; }
.col_home .img_cnt_ctr { height: 58px; overflow: hidden; border: solid 1px #59656d; background: #000; }
.img_cnt_ctr img { margin-top: -30px;  }
.col_home td { padding-bottom: 10px; }

.separator_v { width: 30px; }
.separator_v_nar { width: 3px; }
.separator_v_n { width: 10px; }

#page_container span { font-size: 11px !important; }

.gallery.home { margin-top: 20px; padding-top: 20px; border-top: solid 1px #59656d; }
.gallery.home td { vertical-align: bottom; }
.gallery.home .img_cnt { height: 58px; overflow: hidden; border: solid 1px #59656d; background: #000; }
.img_cnt img { width: 102%; margin: -2px; }

.gallery.catalogue { table-layout: fixed; }
.gallery.catalogue .img_cnt { height: 105px; width: 150px; overflow: hidden; border: solid 1px #59656d; background: #000; margin-bottom: 5px; }
.gallery.catalogue td { padding-bottom: 20px; }

.gallery.conc { table-layout: fixed; }
.gallery.conc .img_cnt { width: 240px; overflow: hidden; border: solid 1px #59656d; background: #000; margin-bottom: 5px; }
.gallery.conc td { padding-bottom: 20px; }


.show_details { width: 100%; table-layout: fixed; }
.show_details td { padding: 10px; }
.show_details td td { padding: 3px; }
.show_details td img { width: 99%; }

.grid td { padding: 10px; }
.filter td { padding: 20px; background: #203b4d; }
.filter a { text-decoration: underline; }

ul, li { padding: 0; margin: 0; }
ul { margin-bottom: 10px; padding-left: 10px; }
li {  }
form { padding: 0; margin: 0; }