/* www.institutumeni.cz, CSS styly pro zobrazeni */

/* zakladni nastaveni */

body, body.editor {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 70%;
	color: #000;
	font-weight: normal;
	font-style: normal;
}

body.editor {
	background-color: #FFFFFF;
	background-image: none;
	margin: 5px;
	padding: 0px;
	width: auto;
	height: auto;
	text-align: left;
}

a img, a:link img {
	border: none;
}

/* pro zvetsovani obrazku */

#large {
	margin: 0px;
	padding: 0px;
	background-image: none;
	background-color: #FFFFFF;
}

#enlarge p {
	margin: 0px;
}

/* nastaveni margin */

#homepage div p, #homepage div h1, #homepage div h2, #homepage div h3, #homepage div h4, #homepage div h5, #homepage div h6, #page div p, #page div h1, #page div h2, #page div h3, #page div h4, #page div h5, #page div h6 {
	margin: 0px;
}

body.editor p, body.editor h1, body.editor h2, body.editor h3, body.editor h4, body.editor h5, body.editor h6 {
	margin: 0px;
}

/* vrstvy pro tisk */

#print-header {
	display: none;
}

/* formatovaci vrstvy */

/* stranka */

#page, #homepage {
	width: 780px;
	float: left;
/* 	background-image: url("gr01.gif");
	background-repeat: no-repeat; */
}
#homepage 
{
	/* background: url(bg-home.gif) repeat-y left top;*/
	
}
/* zahlavi */

#header {
	padding-left: 220px;
	height: 182px;
	position: relative;
	background: url(header-bg.gif) no-repeat right top;
}

#title {
	left:0px;
	overflow:hidden;
	position:absolute;
	top:1px;
	width:207px;
	height:181px;
}

#title span {
	background-image:url(logo1.gif);
	background-repeat:no-repeat;
	display:block;
	left:0;
	position:absolute;
	top:0;
	width:207px;
	height:181px;
}

#title span a {
	display: block;
	width:207px;
	height:181px;
}

#title p {
	font-size: 180%;
	font-weight: bold;
	text-decoration: underline;
}

/* menu */

#langmenu {
	position: absolute;
	top: 0px;
	left: 219px;
	z-index: 10;
	background-color: #8B854F;
	padding: 15px 10px 10px 10px;
	color: #ffffff;
}

#menus {
	bottom:25px;
	position:absolute;
	right:50px;
	width:506px;
}

/* menu hlavni */

#menu {
	float: right;
	width: 446px;
	text-align: right;
}

#menu span { 
/* 	float: left; */
	color: #8B854F;
/*	background: url(menu-li.gif) no-repeat right 2px;*/
/*	padding: 0px 7px 3px 5px;*/
	white-space: nowrap;
}

#menu span a, #menu span a:link, #menu span span {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#menu span span.title { 
	font-weight: bold;
	color: #000;
}

#menu span a:hover {
	color: #C6C1A5;
}

/* servisni menu */

#servis {
	float: right;
	clear: both;
	margin-bottom: 5px;
}

#servis ul, #langmenu ul {
	margin: 0px;
	padding: 0px;
	float: left;
}

#servis ul li, #langmenu ul li {
	float: left;
	/* text-transform: uppercase; */
	white-space: nowrap;
	list-style-type: none;
}

#servis ul li a:hover, #langmenu ul li a:hover {
	color: #87888A;
}

#langmenu ul#ul1 li {
	color: #ffffff;
}

#langmenu ul#ul1 li a, #langmenu ul#ul1 a:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#servis ul#ul2 li {
	color: #5A789C;
	letter-spacing: -1px;
	background: url(servis-li.gif) no-repeat right top;
	padding: 4px 8px 3px 6px;
}
#servis ul#ul2 li.last-item
{
	background: none;
	padding-right: 0;
}
#servis ul#ul2 li a, #servis ul#ul2 li a:link {
	color: #8B854F;
	font-weight: bold;
	text-decoration: none;
}

#servis ul#ul1 li a:hover, #servis ul#ul2 li a:hover {
	color: #87888A;
}

/* cesta */

#path {
/* 	bottom: 0px;
	position: absolute; */
	padding-left: 10px;
	padding-bottom: 10px;
}

#path p {
	color: #000;
	padding: 0px;
}

#path a, #text #path a:link {
	color: #8B854F;
	text-decoration: none;
}

#path a:hover {
	color: #87888A;
}

/* spodek */

#bottom {
/* 	margin-top: 20px; */
	float: left;	
}
#homepage #bottom
{
	background: url(bottom.gif) no-repeat left bottom;	
}

/* levy sloupec */

#left {
	float: left;
	width: 144px;
	margin-left: 30px;
	margin-right: 33px;
	margin-top: 20px;
}
*html #left
{
	margin-left: 18px;
	margin-right: 26px;
}
/* submenu */

#submenu ul {
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #8B854F;
	padding-bottom:8px;
	margin-bottom: 8px;
}

#submenu ul li {
	xbackground-image: url("gr04.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	list-style-type: none;
	/* text-transform: uppercase; */
	margin-bottom:3px;
	margin-top:3px;
	color: #000;
}

#submenu ul li a, #submenu ul li a:link {
	color: #000;
	color: #8B854F;
	font-weight: bold;
	text-decoration: none;
}
#submenu ul li span{
	color: #8B854F;
	font-weight: bold;
	text-decoration: none;
}

#submenu ul li a:hover {
	color: #87888A;
}

#submenu ul li ul {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-bottom: 2px solid #8B854F;
	padding-bottom:8px;
}

#submenu ul li ul li {
	margin-bottom: 3px;
	color: #FFF;
	/* text-transform: none; */
}

#submenu ul li ul li a, #submenu ul li ul li a:link {
	color: #8B854F;
	color: #000;
	color: #000;
	text-decoration: none;
}

#submenu ul li ul li a:hover {
	color: #87888A;
}

#submenu ul li ul li ul {
	margin-top: 2px;
	margin-bottom: 2px;
}

#submenu ul li ul li ul li {
	background-image: url("gr08.gif");
	background-repeat: no-repeat;
	/* text-transform: lowercase; */
	padding-left: 10px;
	color: #FFF;
}

#submenu ul li ul li ul li a, #submenu ul li ul li ul li a:link {
	color: #000;
	color: #8B854F;
	font-weight: normal;
}

#submenu ul li ul li ul li a:hover {
	color: #87888A;
}

#submenu ul#culture2000 {
	margin-top: 10px;
}

/* rss kanal */

#rss {
	margin-top: 0px;
}
#rss a
{
	text-decoration: none;
	font-weight: bold;
}
#rss a:hover
{
	text-decoration: underline;
}
a, a:link {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #87888A;
}


/* formulare */

input.text
{
	border: 1px solid #000;

	font-size: 100%;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	line-height: 15px;
	height: 15px;
	width: 190px;
}

textarea.text
{
	border: 1px solid #000;

	font-size: 100%;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	line-height: 15px;
	height: 80px;
	width: 190px;
}

select.text
{
	border: 1px solid #000;

	font-size: 100%;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	line-height: 15px;
	width: 200px;
}

input.text.sm { 
	width: 120px;
}

input.text.ssm { 
	width: 40px;
}

select.text.sm {
	width: 125px;
}

input.button
{
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-width: 0px;
	color: #000;
	background-color: #DCDACA;
	width: 80px;
	height: 20px;
	overflow: hidden;
}


form td.label { font-weight: bold; }

/* search */

div.search {
	position: relative;
}

#search-box
{
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
}
#search-box input.text
{
/*	position: absolute;
	top: 23px;
	left: 0px;*/
	width: 110px;
	line-height: 16px;
	height: 16px;
	font-weight: normal;
	background-color: #DCDACA;
	border: 1px solid #DCDACA;
	margin-top: 3px;
	float: left;
}
#search-box input.button
{
	/*position: absolute;
	top: 23px;
	right: 5px;*/
	width: 30px;
	cursor: pointer;
	cursor: hand;
	font-size: 13px;
	height: 20px;
	border: 1px solid #DCDACA;
	margin-top: 3px;
	float: right; 
}

* html #search-box input.button
{
	margin: 0;
}

#search-box label {
	font-weight: normal;
	font-size: xx-small;
}

#search-box input[type="radio"] {
	margin-top: 5px;
}

/* Login */
#login { 
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	color: #000;
	line-height: 150%;
}

#login input.text
{
	float: left;
	width: 100px;
	line-height: 15px;
	height: 15px;
	font-weight: normal;
}
#login input.button
{
	padding: 0px;
	float: left;
	width: 20px;
	margin-left: 5px;
}

#login ul {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 0px;
}

#login ul li {
	padding-left: 10px;
	margin-bottom: 3px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-image: url("gr04.gif") ;
	color: #FFF;
	/* text-transform: none; */
}

#login ul li a { text-decoration: none; }


/* kontakt */

#contact {
	margin-top: 20px;
}

#contact a, #contact a:link {
	color: #000;
	text-decoration: underline;
}

#contact a:hover {
	color: #87888A;
}

/* credits */

#credits {
	margin-top: 20px;
	width: 90%;
}

#credits p {
	color: #87888A;
	letter-spacing: -1px;
	padding-bottom: 5px;
}

#credits a, #credits a:link {
	color: #87888A;
	text-decoration: none;
}

#credits a:hover {
	color: #87888A;
	text-decoration: underline;
}

/* pravy sloupec na homepage */

#right {
	float: right;
	width: 146px;
	overflow: hidden;
	text-align: center;
	padding-left: 15px;
	&padding-left: 10px;
	margin-right: 0px;
	margin-top: 20px;
}
*html #right
{
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0;
	width: 150px;
}
#right div.partner {
	clear: both;
	margin-bottom: 10px;
/* 	border: 1px solid #6D7795; */
}

#right div.partner div.partner-inner {
	width: 100%;
	overflow: hidden;	
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #ffffff;
}
/*#right div.partner div.partner-inner p{
	text-align: center;
}*/

/* definice pro textovy layer */

#homepage #text {
	width: 411px;
	overflow: hidden;
	float: left;
}
*html #homepage #text {

}
#homepage #text-in
{
	width: 395px;
	margin-top: 20px;
}
*html #homepage #text-in {
	width: 395px;
}
#page #text {
	width: 573px;
	margin-right: 0px;
	overflow: hidden;
	float: left;
}
*html #page #text {

	margin-right: 0px;

}
#page #text-in
{
	width: 561px;
	margin-top: 20px;
}

#banner
{
	xbackground: #E6E4D7;
	xbackground: url(home-banner.bg.gif) repeat-y left top;
}
#page #banner
{
	background: url(page-banner.bg.gif) repeat-y left top;
	padding-right: 165px;
	overflow: hidden;
}
#banner p
{
	padding: 0;
	margin: 0;
}
/* #text p, body.editor p {
	padding-top: 10px;
	padding-bottom: 10px;
} */
p, body.editor p {
	padding-top: 10px;
	padding-bottom: 10px;
}

#text h1, body.editor h1 {
	font-size: 100%;
	background-image: url("gr04.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

#text h2, body.editor h2 {
	font-size: 100%;
	background-image: url("gr04.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 0px;
}

#text h3, body.editor h3 {
	color: #8B854F;
	font-size: 100%;
	margin-top: 15px;
	margin-bottom: 0px;
}

#text h4, body.editor h4 {
	font-size: 100%;
	margin-top: 15px;
	margin-bottom: 0px;
}

#text h5, body.editor h5 {
	color: #000;
	font-size: 100%;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 10px;
}

#text h6, body.editor h6 {
	font-size: 100%;
	background-image: url("gr04.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-weight: normal;
}

#text em, body.editor em {
	font-weight: normal;
	font-style: italic;
}

#text strong, body.editor strong {
	font-weight: bold;
	font-style: normal;
}

#text ol, body.editor ol {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 2.3em;
}

#text ul, body.editor ul {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 2.3em;
}

#text ul li, body.editor ul li {
	list-style-type: none;
	list-style-image: url("gr07.gif");
}

#text sub, body.editor sub {
	font-size: 75%;
}

#text sup, body.editor sup {
	font-size: 75%;
}

#text a, body.editor a {
	color: #000;
	text-decoration: underline;
}

#text a:link, body.editor a:link {
	color: #000;
	text-decoration: underline;
}

#text a:hover, body.editor a:hover {
	color: #87888A;
	text-decoration: underline;
}

#text hr, body.editor hr {
	color: #CCCCCC;
}

#text table, body.editor table {
	margin-top: 10px;
	margin-bottom: 10px;
}

#text table td, body.editor table td {
	font-size: 100%;
	padding: 3px;
	vertical-align: top;
}

#text table td p, body.editor table td p {
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#text table th, body.editor th {
	font-size: 80%;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}

#text table th p, body.editor table th p {
	padding: 0px;
	padding-left: 3px;
	padding-right: 0px;
}

#text table.standard, body.editor table.standard {
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
}

#text table.standard td, body.editor table.standard td {
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

#text table.standard th, body.editor table.standard th {
	background-color: #EEEEEE;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

#text table.colored, body.editor table.colored {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#text table.colored td, body.editor table.colored td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#text table.colored th, body.editor table.colored th {
	background-color: #EEEEEE;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#text #news {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#text #news .priority {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#text #news .priority-separator {
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #6D7795;
	clear: both;
}

#text #news .aktualita {
	padding: 0 0 0px 0;
	margin: 0 0 0 0;
	clear: both;
	
	margin-bottom: 20px;
}

#text #news .aktualita .perex-img {
	float: right;
	width: 100px;
	overflow: hidden;
	padding: 0 0 0px 0;
	margin: 0 0 0 0;
}

#text #news .aktualita .aktualita-header {
/*	float: left;	*/
/*	width: 340px; */
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}

#text #news .aktualita .perex-not-display {
	display: none;
}

#text #news .aktualita .perex {
	padding: 5px 0 0 10px;
	margin: 0 0 0 0;
	margin-top: 0px;
}

#text #news .aktualita .tiraz {
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	color: #8B854F;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}

#text #news .aktualita .aktualita-header .tiraz {
	padding: 0 0 0 10px;
}

#text #news .aktualita .aktualita-content {
	clear: both;
	padding: 0px 0 10px 0;
	margin: 0 0 0 0;
}

#text #sitemap ul {
	margin-bottom: 5px;
	margin-top: 5px;
}

#text p.to-top, body.editor p.to-top
{
	text-align: right;
}
#text p.to-top a, body.editor p.to-top a
{
	color: #8B854F;
}

.news-author{
	color: #000;
}


/* HANS */
.directory{
}
.directory .subject{
	margin-bottom: 10px;
	
}
.directory .subject h2.label{
	margin-top: 20px !important;
	margin-bottom: 5px !important;
	text-transform: uppercase; 
}

.directory .subject div.subject-float-left{

}
.directory .subject div.subject-float-left P{
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}
.directory .subject div.subject-float-right{

}

.directory .filters form{
	margin: 0px;
}

.directory table.filters{
	/*background-color: #ffe9d2;*/
	margin-bottom: 10px;
}

.directory .directory-view{
	border: 1px solid #f9a13a;
	background-color: #fecc96;
	padding: 2px;
	color: #000000;
	margin-bottom: 10px;
}

.directory .filters input {
	border: 1px solid #000;
	color: #5a789c;
	margin-top: 5px;
	font-size: 11px;
}



.directory .filters input.radio {
	border: none;
}

.directory-label{
	font-size: 15px !important;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px !important;
}

span.directory-filter-label {
	font-weight: bold;
	margin-top: 2px;
	display: block;
	color: #000;
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
} 

/* HANS:END */

div.cleaner{
	margin: 0px;
	height: 1px;
	clear: both;
}

.seminar-form form{
	margin: 0px;
	padding: 0px;
}
.seminar-form form table td.label{
	font-size: 12px;
}

input.submit{
	border: 1px solid orange;
	background-color: #f9a13a;
	color: white;
	font-weight: normal;
	width: 80px;
}
ul.ok{
	color: #0000cc;
}
ul.error{
	color: #cc0000;
}

div.messages { 
	border: 1px solid #87888A;
	background-color: #f0f0f0;
	padding: 2px;
	margin: 10px 0px;
	line-height: 100%;
	font-weight: bolder;
}

div.messages .info { 
	color: #000000;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}

div.messages .error { 
	color: #cc0000;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}


img.captcha-image{
	float: left;
	margin-right: 10px;
	border: 1px solid #87888A;
}
span.captcha-help{
	font-size: 80%;
	display: block;
	margin-bottom: 5px;
}
input.captcha-number{
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 100%;
	color: #87888A;
	width: 88px;
	background-color: #ffffff;
	border: 1px solid #000;
	margin-top: 1px;
	margin-bottom: 1px;
	font-weight: bold;
}

/* Newsletter form */
form.nlForm * label {
	position: relative;
	top: 1px;
}

* html body * form.nlForm * label {
	position: relative;
	top: -3px;
}

form.nlForm * select {
	font-size: 100%;
	color: #000;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;	
}

form.nlForm * textarea {
	width: 370px;
	font-size: 100%;
	color: #000;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	margin-top: 2px;
}

.required {
	color: red;
}

form.nlForm * div.halfR {
	width: 50%;
	float: right;
}

form.nlForm * div.halfL {
	width: 50%;
	float: left;
}

form.nlForm table tr td.field {
	padding-left: 30px !important;
	padding-bottom: 20px !important;
}

.captcha-help {
	width: 370px;
}

form.nlForm * td.label {
	font-weight: bold;
}



p.fulltext_stats {
	border: 1px solid #f9a13a;
	background-color: #fecc96;
	padding: 2px;
	color: #000000;
	margin-bottom: 10px;
}
	
.fulltext-result {
	margin-top: 10px; 
}

ul.search-list li {
	margin-left: 0px;
	margin-bottom: 10px;
	line-height: 150%;
	position: relative;
	left: -10px;
}

div.search_item {
	position: relative;
	top: -3px;
}

div.search_item div.path {
	font-style: italic;
}

div.search_item span.rating {
	font-weight: bold;
}

div.search_item a.label {
	color: #8B854F !important;
	font-weight: bold;
}

.pager {
	line-height: 150%;
}

.highlighted {
	background: #fef3a0;
}

.directory .filters input.filter-text {
	width: 82%;
	margin: 0px;
	height: 14px;
	color: #000;
}

*html .directory input.filter-text {
	position: relative;
	top: -1px;
}

div.btn {
	float: left;
	width: 15px;
	height: 15px;
	margin: 1px;
	margin-left: 0px;
	cursor: pointer;
	cursor: hand;
}

div.btn.plus {
	background: url(btn-plus.gif) left center no-repeat;
	margin-right: 0px;
	margin-left: 6px;
}

div.btn.minus {
	background: url(btn-minus.gif) left center no-repeat;
	margin-left: 1px;
	float: right;
}

div.relation {
	margin: 0px;
	position: relative;
}

div.relation input.radio {
	margin: 0px;
}

.googleMapCanvas { 
	border: 1px solid #f9a13a;
	height: 545px;
}

.hidden {
	display: none;
}

.center {
	text-align: center;
}

.full { 
	width: 93% !important;
}

select.text.full { 
	width: 94.5% !important;
}

.m0 { margin: 0px; }

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

.normal { font-weight: normal; }

.red { color: #d80000; }

body.map #header, body.map #left {display:none;}
body.map #page, body.map #text, body.map #text-in {width:1000px !important;}

/* Google translator */
#google_translate_element { background: none; border: none; position: relative; top: -4px; }
#google_translate_element .goog-te-gadget-simple { background: none; border: none; font-size: 11px; font-family: Verdana,"Geneva CE",lucida,sans-serif; }

.hledej {
	border-collapse: collapse;
	float: left;
}
.hledej td {
	padding: 2px 20px 2px 0 !important;
}
.ui-datepicker {
	background: white;
	border: 1px solid black;
	padding: 5px 5px;
	width: 150px;
	display:none;
}
.ui-datepicker-title {
	clear: both;
	width: 110px;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 25px;
}
.ui-datepicker-calendar {
	width: 150px;
}
.ui-icon-circle-triangle-e {
	float: right;
	cursor: pointer;
}
.ui-icon-circle-triangle-w {
	float: left;
	cursor: pointer;	
}
#map-loading
{
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:960px;
	background-color:white;
	text-align:left;
	font-size:24px;
	color:#444;
	z-index:100000;
	padding:20px;
}
