* {
  margin: 0;
  padding: 0; 
}

body {
	font-family: Tahoma, "Geneva CE", lucida, sans-serif;
	font-size: .8em;
	color: #000000;
	background-color: #eef1ee;
	cursor: default;
	text-align: center;
}

table { /* because of IE */
	font-family: Tahoma, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	border-collapse: collapse;
}

img {
	border: none;
}

a {
	text-decoration: underline;
	color: #058;
}

a:hover {
	text-decoration: none;
	color: #083;
}
  
p {
	text-align: justify;
	margin: 1em 0;
}

h1 {
  font-size: 170%;
  font-weight: bold;
  margin-bottom: .5em;
}
  
h2 {
	font-size: 140%;
	font-weight: bold;
  margin: .7em 0 .35em 0;
}

h3 {
	font-size: 120%;
	font-weight: bold;
}

acronym, abbr, .hint {
	cursor: help;
	border-bottom: 1px dotted;
}

caption {
	text-align: left;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

th {
  text-align: left;
}

div#main {
  background-color: #fff;
  margin: auto;
  margin-bottom: 1em;
	position: relative;
	width: 58em;
	text-align: left;
	/*border-color: #aba;
	border-width: 3px;
	border-style: none double double double;*/
	border: 3px double #aba;
	border-top: none;
}

div#page_content {
  margin: 0 1em;
}

/*** head start ***/
div#page_top {
  height: 200px;
  margin-bottom: 20px;
  background: #ac5 url(img/header.jpg) no-repeat left top;
}

div#mainmenu {
  position: absolute;
  top: 0;
  left: 0;
  height: 200px;
  width: 100%;
}

div#mainmenu ul {
  position: absolute;
  bottom: 0;
  right: 0;
	background: url(img/transp.png) repeat;
	z-index: 2;
}

div#mainmenu ul li {
  display: inline;
}

div#mainmenu ul li a {
	font-size: 140%;
	padding: .3em .7em .2em .7em;
	color: #fff;
	text-decoration: none;
	float: left;
}
div#mainmenu ul li a:hover {
  color: #000;
  background: #fff;
}
div#mainmenu ul a.selected {
  color: #000;
  background: #fff;
}

a#mainpage {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 185px;
  width: 320px;
  z-index: 1;
  background: url(img/logo.png) no-repeat left top;
}
a#mainpage span {
  display: none;
}
/*** head end ***/


div#page_bottom {
	margin-top: 1em;
	padding: .5em 0;
	text-align: center;
}

.nostyle {
  display: none;
}

.cleaner {
  clear: both;
}
hr.cleaner {
  visibility: hidden;
  height: 1px;
  margin: -1px 0 0 0;
}

.tabakt {
	margin-bottom: .5em;
	border-collapse: collapse;
}

.tabakt, .tabakt th {
  border-bottom: 2px solid #eee;
}

.tabakt th {
	padding: .2em .5em;
	text-align: left;
}

.tabakt td {
	padding: .5em;
}

.tabakt caption {
  font-size: 120%;
  padding: .3em .4em .3em .4em;
  background-color: #eee;
  border: 1px solid #ccc;
}

a#events_new {
  float: left;
  display: block;
}

a#events_old {
  margin-left: 10em;
  display: block;
}

#transp {
	position:absolute;
	top:30px;
	left:27px;
	background-image: url('img/pruhledn.gif');
	background-repeat: repeat;
	width:700px;
	z-index:2;
	visibility: hidden;
}

.mensi {
	font-size:10px;
}

.b {
	font-weight: bold;
}

#zokno {
	position: absolute;
	left: 280px;
	top: 280px;
	width: 190px;
	height: 120px;
	padding: 0px;
}
	
.zokno, .zokno:hover {
	color: #000000;
	text-decoration: none;
	background-color: #8EDEFF;
	border-style: solid;
	border-width: 3px;
	border-bottom-color: #59CDFF;
	border-right-color: #59CDFF;
	border-left-color: #C8EEFF;
	border-top-color: #C8EEFF;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	padding: 5px 20px 5px 20px;
}

img#myphoto {
  float: right;
  margin: 0 20px 0 0;
  border: 5px double #ddd;
}

.author_table {
  margin: 0 0 1.6em 0;
}
.author_table caption {
  font-size: 130%;
  border-bottom: 1px solid #ddd;
}
.author_table td, .author_table th {
  padding: .3em 0;
}
.author_table th {
  width: 12em;
  border-bottom: 1px dashed #ddd;
}

input {
	font-size: 1em;
	font-family: Tahoma, "Geneva CE", lucida, sans-serif;
}

label {
  text-align: left;
}

div.web_paragraph {
  background: no-repeat right top;
  padding-right: 240px;
  border-bottom: 1px solid #ddd;
}
div#web_proposal {
  border-top: 1px solid #ddd;
  background-image: url(img/navrh.jpg);
  min-height: 152px;
}
div#web_formats {
  background-image: url(img/formats.jpg);
  min-height: 140px;
}
div#web_languages {
  background-image: url(img/jazyky.jpg);
  min-height: 142px;
}
div#web_validity {
  background-image: url(img/kod.jpg);
  min-height: 153px;
}
div#web_test {
  background-image: url(img/test.jpg);
  min-height: 153px;
}

div.project_entry {
  background: #eee;
  border: 1px solid #ccc;
  padding: 1em 1em 1em 120px;
  margin: 1em 0;
  min-height: 80px;
}

div.project_entry h3 {
  position: relative;
  font-size: 120%;
}

div.project_entry h3 span {
  position: absolute;
  top: -10px;
  left: -110px;
  width: 91px;
  height: 95px;
  background: #fff no-repeat top left;
}

div.project_customer {
  margin: .3em 0 .8em 0;
}

div.project_url a {
  color: #666;
  font-size: 85%;
}
div.project_url a:hover {
  color: #083;
}

div.project_technologies {
  margin: .3em 0 0 0;
  color: #888;
  font-size: 85%;
}