@import url("./main.css");

body {
	margin: 0; padding: 0; 
	background: #EDF0F7; 
	color: #333; 
	font-size: 12px; 
	font-family: verdana, sans-serif; 
}
div { margin: 0; padding: 0; }
div#main {
	width: 75em; 
	width: 80em; 
	margin: 0 auto 1em auto;
	background: #FFF url('images/bg_main.jpg') 100% 0 no-repeat; 
	margin: 10px auto 0 auto;
	width: 903px;
	height: 560px;
}
body > div#main { padding-right: 97px; }
div#header {
	height: 225px;
	/*background: #FFF url('images/logo.jpg') 100% 0 no-repeat;*/
	color: #8EA6C8;
	position: relative;
}
div#header strong {
	font-size: 16px;
	color: #FFF; 
}
div#header em  { font-size: 14px; }
div#header a {
	text-decoration: none; 
	color: #FFF; 
}
div#header div#service { float: right; margin-right: 1em; }
div#header div#logo {
	 padding: 0; 
	 float: right;
}
div#flags {
	margin: .2em .5em 0 0;
	padding: 0;
	text-align: right;
}
div#flags img { vertical-align: -2px; }

div#content {
	width: 560px;
	float: right; 
	background: #EDF0F7 url('images/bg_content.gif') 0 0 repeat-x;
	padding-bottom: 43px;
}
div#content .inside {
	margin-top: 10px;
	padding: 0 15px 15px 15px;
	background: #35526A;
	font-size: 11px;
	
	height: 257px;
	overflow: auto;
	color: #FFF;
	line-height: 17px;
	text-align: justify;
	_width: 530px;
}
div#sidebar {
	width: 343px; height: 341px;
	float: left;
	/*background: #8C8C8C;*/
	background: #DFDFDF;
	color: #FFF;
	background: url('images/bg_sidebar.jpg') 100% 0 no-repeat;
	_margin-top: -16px;
}
div#main > div#sidebar {
	position: absolute; top: 219px;
}
div#footer {
	clear: both;
}
#footer {
  margin: 0;
  width: 1000px;
  height: 13px;
  background: #FFF;
  color: #3C5064;
  font-size: 9px;
  text-align: right;
  padding: 4px 0 0 0;
}
#footer a { color: #35526A; }
a { color: #FFF; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

#menu-obory {
	width: 218px;
	height: 341px;
}

div#sidebar a {
	color: #FFF; 
}
h1 {
	font-size: 10px;
	margin: 0 0 10px 0;
	letter-spacing: 5px;
	text-transform: uppercase;
}
h2, h3, h4 {
	display: inline;
	font-size: 11px;
}
.nMenu h2 {
	font-size: 9px;
	letter-spacing: normal;
	display: inline;
}
p {
	margin: 8px 0 0 0;
}
ul, li {
  display: inline;
  margin: 0; padding: 0;
}

div.divider { 
	width: 95%; 
	height: 20px;
	margin: 1em 0 0 0;
	padding: .2em 0;
	display: block;
}
fieldset {
	 width: 75%;
	 border: 0; 
	 padding: 1em; 
}
legend {
	 font-style: italic; 
	 font-weight: bold; 
	 font-size: 1em; 
	 background: #025774; 
	 color: #FFF; 
	 border: solid 1px #999; 
	 padding: 0 .4em 0 .4em; 
}
label { 
	float: left;
	width: 30%;
	text-align: right;
	margin: 4px 1em 0 0;
}
fieldset#submit {
	margin-top: 1em;
	padding: .5em;
	text-align: center;
}
fieldset#submit input {
	margin-top: .5em;
	padding: .2em .4em;
	text-align: center;
	/*background-color: #54BA01;*/
	/*border: solid 1px #137F00;*/
	/*color: #FFF;*/
	font-size: 100%;
	font-weight: bold;
}
input, select {
	margin-bottom: .5em;
	padding: .1em;
	/*border: solid 1px #000;*/
}
input.checkbox {
	width: 1em;
	margin-bottom: 0;
	padding: 0;
	border: none;
}
div.buttons {
	margin-top: 1em;
	float: right;
}
div.buttons input {
	 border: solid 1px #000;
	 background: #99CC66; 
	 color: #000;
}
img { margin: 0; padding: 0; border: 0; }
pre { font-size: 120%; }

.cleaner { display: none; clear: both; }
.clear { clear: both; }
.ref {
	float: left;
	margin: 0 2em 0 0; 
	padding: .3em;
	border: solid 1px #D1E5EF;
	background-color: #EFFAFF;
}

/* TOP MENU */
#header .menu { margin: 0 0 3px 343px; _margin-bottom: 2px; width: 560px; padding: 0; background: #35526A; position: absolute; bottom: 0; text-align: center }
#header .menu ul { margin: 0 auto; padding: 0; list-style-type: none; display: block; }
#header .menu li {
	margin: 0; padding: 0;
	float: left;
	border-right: 3px solid #FFF;
}
#header .menu li a, #header .menu li strong {
	margin: 0; padding: 0;
	color: #FFF;
	font-size: 9px;
	height: 13px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}
#header .menu li strong { background-color: #C07800; }
#header .menu li a:hover { background-color: #C07800; }

li#item1 a, li#item1 strong { padding: 0 10px 0 10px!important; }  
li#item2 a, li#item2 strong { padding: 0 8px 0 7px	!important; }
li#item3 a, li#item3 strong { padding: 0 6px 0 6px	!important; }
li#item4 a, li#item4 strong { padding: 0 8px 0 9px	!important; }
li#item5 a, li#item5 strong { padding: 0 10px 0 9px	!important; }
li#item6 a, li#item6 strong { padding: 0 8px 0 8px	!important; }
li#item7 a, li#item7 strong { padding: 0 7px 0 8px	!important; } 



/* SIDEBAR MENU */
#sidebar .menu { padding-top: .5em; }
#sidebar .menu ul {
	margin: 0 0 1em 0;
	padding: 0;
}
#sidebar .menu li {
	margin: 0; padding: 0 .5em;
	list-style-type: none;
	/*color: #FFF;*/
	color: #000;
	font-weight: bold;
	font-size: 15px;
}
#sidebar .menu li ul {
	margin: 0; padding: 0 0 0 1em;
}
#sidebar .menu li ul li {
	margin: 0; padding: 0;
}
#sidebar .menu li a {
	padding: 0 .5em;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.6em;
	display: block;
}
#sidebar .menu li strong {
	padding: 0 .5em;
	line-height: 1.6em;
	display: block;
}
#sidebar .menu li a:hover {
	color: #FFF !important;
	background-color: #426288;
	border-right: 0 solid #565656;
}

#sidebar .menu li:first-letter, #sidebar #menu li a:first-letter  { text-transform: uppercase; }

div.pages {
	margin: 0 .5em 0 0;
	padding: 0;
	color: #001333;
	dispaly: inline;
	font-style: italic;
}
div.pictureMenu {
	font-size: 95%;
	text-align: right;
	line-height: 2em;
	float: right;
}
div.pictures {
	min-height: 250px; _height: 250px;
}
div.pictures div.picture {
	margin: .75em 1.5em .75em 0;
	padding: .5em;
	text-align: center;
	display: inline;
	float: left;
	/*background: #EFEFEF;*/
	position: relative;
}
div.pictures ul {
	margin: 0 2em;
}
div.pictures div.picture a {
	text-decoration: none;
}
div.pictures div.picture .text {
	line-height: 30px; height: 30px; 
	display: block; 
	overflow: hidden; 
	position: absolute; bottom: 0; 
	text-align: center; 
}
div.pictures div.picture .image { display: table-cell; vertical-align: middle; padding: 0; }

div#thumb {
	margin: .5em 0 1em 0; padding: 0;
	text-align: center;
	border: solid 1px #000;
}
div#thumb img {
	margin: 0; padding: 0;
	border: 0;
}
/* Search */
div#search { 
	padding: 1em .5em 0 0;
	text-align: right;
}
div#search form { margin: 0; padding: 0;}
div#search fieldset { width: 100%; margin: 0; padding: 0; border: 0; text-align: right; }
div#search input { margin: 0; padding: 0;  font-size: .9em;}
div#search input#sbi { width: 10em; font-size: .9em; padding: 2px; }
div#search input#sbb { margin: 0; padding: 1px .5em; _padding: 0; }
div#search input#ss0, div#search input#ss1 { 
	width: 1em; 
	vertical-align: -20%; _vertical-align: -10%; 
	border: 0; 
	padding: 0;
	margin: 0;
}
div#search label { 
	float: none;
	margin: 0; padding: 0;
	color: #EFEFEF;
}
div#googleSearchUnitIframe { font: normal .8em 'Trebuchet MS' !important; height: 50px!important; overflow: hidden!important}

iframe {
  background-color: #ebebeb;
  border: #B5B6B5 2px solid;
  margin: 0;
}


em.annotation {
	display: block;
	margin-bottom: 1em;
}

.list { margin: 1em 0; padding: 0;  }
.list ul { margin: 0; padding: .5em; background: #FAFAFA; list-style-type: square; float: left}
.list ul li { padding: .5em; color: #CFCFCF; list-style-position: inside; }

#breadcrumbNav { margin: 1em 0 0  -.25em; font-size: 11px; }
#breadcrumbNav a,#breadcrumbNav strong { padding: 0 .25em; }

/* GBOOK */
div#gbook { margin: 1em 0; }
div#gbook div { padding: .5em 0; border-top: 1px solid #8C8C8C; }
/*div#gbook div span, div#gbook div span small { float: left; }*/
div#gbook div span.date { float: right; }
div#gbook div p { padding-top: .5em; clear: both; }

form#gbookForm label { width: 4em; text-align: left; }
form#gbookForm label.text { width: auto; }

/* BASIC CLASS */
.right { float: right; }

/* POLL */
.box { margin: .5em .5em; padding: 7px 10px; background: #EFEFEF; color: #000; }
.box .title { margin: 0 0 .25em 0; padding: 0; font-size: 15px; }
.box .title a { text-decoration: none; }
.box a { color: #385B82!important; }
.box a:hover { color: #74A530!important; }

.box.poll span { display: block; }
.box.poll .voted { margin: 0; padding: 1em 0 0 0; clear: both; }
.box.poll form { margin: 0; padding: 5px 0; clear: both; }
.box.poll form label { float: left; width: auto; }
.box.poll form input { float: left; margin: 6px 3px 0 0; }
.box.poll form input.button { float: right; margin-top: 0; }
.box.poll form p { margin: 0; padding: 0; }
.box.poll form .submit { padding-top: .5em; clear: both; float: none; }
.box.poll ul { margin: 0; padding: 0; list-style-type: none; }
.box.poll ul li { clear: both; }
.box.poll ul li .label { float: left; }
.box.poll ul li .cover { float: right; width: 72%; color: #FFF; }
.box.poll ul li .cover .graph { padding: 0 2px; }

.box.articles ul { margin: 0 0 1em 0; padding: 0; list-style-type: none; border-bottom: 1px solid #8C8C8C; }
.box.articles ul li { margin: .5em 0 0 0; padding: .5em 0 0 0; clear: both; border-top: 1px solid #8C8C8C; }
.box.articles ul li div { margin: 0; padding:0 }

.box.gallery ul { list-style-type: none;  }
.box.gallery ul li {  border-top: 1px solid #8C8C8C;  }
.box.gallery ul li .name { margin-bottom: .5em; }
.box.gallery ul li img { margin-right: 3px; }

/* RESULT MSG */
div#result {
	 width: 30em;
	 margin: .2em auto; 
	 padding: .3em 1em .3em .3em;
	 background-color: #FFF; 
	 font-size: 110%;
	 font-weight: bold;
}
div#result.success {
	 border: solid 2px #54BA01;
	 color: #54BA01;
}
div#result.fail {
	 border: solid 2px #CF4141;
	 color: #CF4141;
}
div#result img {
	float: left;
	margin: 0 1em 0 0; 
}
div#result p {
	margin: .3em 0; 
	padding: 0;
}