/* LAYOUT *****************************/

body {
  margin:0px;
  padding:0px;
  font-family: verdana, arial, helvetica, sans-serif;
}

#header {
  margin:0px 0px -110px 0px;
  padding:10px 0px 10px 210px;
  height:210px;
  border-style:solid;
  border-color:black;
  border-width: 0px 0px 0px 0px; 
  line-height: 11px;
  background: transparent url(obr/panorama3.gif) left top no-repeat;
}

#content {
  margin:5px 30px 10px 30px;
  padding:20px;
  padding-top:0px;
  border: 1px solid gray;
  min-height:200px;
}

#portlets {
  position:absolute;
  top:89px;
  right:0px;
  margin-left:30px;
  line-height:17px;
/*  overflow:hide;*/
  height:35px;

  width:100%;
}

#p-logo {
  display:none;
}

/* header ***********/

#title, #subtitle, #annotation {
  font-size:x-small;
  line-height:1.2em;
  display:inline; margin-left:1em;
}


* html #content {
  height:1%;
}

/* navigation ***********/

#p-navigation {
    position:absolute;
	bottom:0px;
	right:31px;

    line-height:1.2em;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	
	height:1.4em;	
}

#p-navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#p-navigation li {    
	float:left;
	margin:0;
	margin-left:4px;
	padding:0;
}

#p-navigation a {
	display:block;
	padding: 2px 8px;
}

#p-navigation a:link, #navlist a:visited {
text-decoration: none;
}

#p-navigation h4 {display:none;}

#footer {
  background: transparent url(obr/lista.jpg) left top repeat-x;
  height:100px;
  border:none;
  margin:0px 30px;
  overflow:hidden;
	padding-top:105px;
	text-align:right;
	font-size:x-small;
}

#footer {
/*	filter: alpha(opacity=80);*/
	-moz-opacity:0.8;
	opacity: 0.3;	
}

#footer:hover, #footer a {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
color:blue;	
}

/* TEXTOVE STYLY *********************/


h1,h2,h3 {
  margin:5px 0px 5px 0px;
  padding:0px;
  font-size:1.8em;
  line-height:1.8em;
  font-weight:400;
}

h2 {
  font-size:1.2em;
  line-height:1.2em;
}

h3 {
  font-size:1em;
  line-height:1em;
}
p {
  margin:12px 0px 12px 0px;
  padding:0px ;
}


a {
  text-decoration:none;
  font-family:verdana, arial, helvetica, sans-serif;
}

li {
  margin-bottom: 0.1em;
}

table.table {
  border: 1px solid gray;
  table-padding:0px;
/*  border-collapse:collapse;*/
  border-spacing:0px;
}


table.table tr.heading, tr.heading td {
  border-bottom: 1px solid gray;
}

table.table tr td {
  margin:0px;
  padding:3px;
  border:1px solid #eee;
}

.tableform input, .tableform textarea {
	width:15em;
}

/* COLORS - BARVY **********************/
/* 
http://wellstyled.com/tools/colorscheme2/index-en.html?analog;50;0;121;0.25;1;0.5;0.75;0.1;1;0.5;1;0.25;1;0.5;0.75;0.1;1;0.5;1;0.25;1;0.5;0.75;0.1;1;0.5;1;0.25;1;0.5;0.75;0.1;1;0.5;1;0
*/

/* pozadi - okoli */
body {
	background-color: #7D7B88;
}

/* svetlejsi barvy pozadi - hlavni text */
#content {
	background:#fff;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;	
}

/* zakladni barva pisma */
body, #p-navigation, p, table, form {
	color: #000;
}

/* vyznamny text - pismo */
h1,h2,h3,a {
	color:#7F8040;

}

/* mene vyznamny text */
#title, #header a:visited, #subtitle, #annotation {
	color:black;
}

/* velke zvyrazneni - pozadi i pismo */
#active a:link, #active a:visited, #active a:hover, /* aktivni zalozka v navigaci */
#p-navigation li a:hover, #p-navigation li a:visited:hover, /* polozka menu nad kterou je mys */
table.table tr:hover td /* radek tabulky nad kterym je mys */ {
	background-color: #E67473; 
	color:black;
}

/* mirne zvyrazneni - pozadi i pismo */
a:hover, /* normalni hover na odkaz */
table.table tr.heading, tr.heading td /* zahlavi tabulek */ {
	background:#FFF2BF;
	color: black;
}

/* odkaz normalni - pismo */
#p-navigation a:link, #p-navigation a:visited, #p-navigation li a,  /* navigacni lista */
a:link /* normalni odkaz */ {
	color: #BF3230;
}

/* odkaz navstiveny #BFAC60*/
a:visited {
	color: #BF3230;
}

/* hotfix */

#p-navigation ul li a:visited, #p-navigation ul li a:link {
	background:#fff;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;	
}