body {
margin:0;
padding:0;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', verdana, sans-serif; 
/* font-family: trebuchet, 'trebuchet MS', verdana, sans-serif; */
/*font-family:verdana, helvetica, sans-serif;*/
background: #666;
text-decoration: none;
}

img {
border-width: 0;	
}

a {
color: #66b;
text-decoration: none;	
}
a:hover {
color: red;
text-decoration: underline;
}

/*logo*/
#header {
margin-left: auto;
margin-right: auto;
background: url(images/header.jpg);
height: 138px;
width: 670px;
}
#header h1 {
margin-bottom: 0;
margin-top: 0;
padding: 0;
font-size: 0;
text-indent: -999px;
}
#header a {
display: block;	
height: 138px;
width: 670px;
}
#header a:hover {
text-decoration: none;	
}

/*jen na html pozvanka*/
#foto {
margin: 10px 0 10px 0;
}

#foto img {
display: block;
margin: auto;
}


/*konec loga*/
h2 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', verdana, sans-serif; 
}


/*ctverce vsechny*/

#nav a {
display: block;
width: 110px;
height: 110px;
margin: 15px;
padding: 10px;
text-align:center;
text-transform: uppercase;
text-decoration: none;	
font-size: 18px;
letter-spacing: 0.1em;
color: #555;
}

/*na indexu jen pro obrazek pozvanka*/
#pozvanka {
float: right;	
width: 290px; /*320*/
margin: 0;
padding: 15px 15px 0 15px;
}

#pozvanka a {
display: inline;
margin: 0;
padding: 0;	
}


/*index ctverce prvnirada*/
#nav a.vystavy {
background: #76f2f2;	
}

#nav a.vystavy:hover {
background: #0ac6c6;
color: black;
}

#nav a.vystavy.active {
background: #099292;
color: #fff;	
}

#nav a.archiv {
background: #fa8989;	
}

#nav a.archiv:hover {
background: #c2072e;
color: black;
}

#nav a.archiv.active {
background: #c00808;
color: #fff;
}

#nav a.info {
background: #85dd85;	
}

#nav a.info:hover {
background: #66cc33;
color: black;
}

#nav a.info.active {
background: #41ad0b;
color: #fff;
}

#nav a.autori {
background: #e8e245;	
}

#nav a.autori:hover {
background: #b5af0b;
}

#nav a.active {
background: #8f8a08;
color: #fff;
}

/*index zlute ctverce */

#nav a.detail {
background: #faf294;
text-align: left;
text-decoration: none;	
font-size: 90%;
color: #a02828;
line-height: 110%;
}

#nav a.detail:hover {
background: #f6e841;
color: #6d0a0a;
}

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

#master {
width: 640px;
background:#eee;
padding: 15px;
margin: 0 auto;
font-size: 80%;
}

#content {
padding: 15px;
}

#content .section {
background: #fff;
padding: 17px;
margin-bottom: 10px;	
}

#content .vylohy img {
display: block;
float: left;
padding-right: 14px;
padding-bottom: 14px;
}

/****classes*****/

/*box obsahuje prvni 4 ctverce menu a vsechny ctverce na index*/

.box {
font-family: helvetica, arial, verdana, sans-serif;
width: 160px;
height: 160px;
float: left;
overflow: hidden;
}

/*pro img hrad jsme udelali extra box */
.box img {
padding: 15px;
display: block;	
}

.nahoru {
padding: 0 15px;	
text-align: center;
}

.cleaner {
clear: both;
}

/*vystavy*/



/*autori*/

.hlava {
float: left;
margin: 0 0 10px 0;	
}

.data {
float: left;
width:180px;
font-size: 90%;
background: #eee;
margin: 0 0 0 15px;
padding: 10px;
background:#eee;
}

.cv {
float: right;
width:210px;
font-size: 90%;
background: #eee;
margin: 0 0 15px 0;
padding: 10px;
background:#eee;
}

.rada{
height: 115px;
background: #eee;
overflow: auto;
width: 575px;
}

.rada table {
margin: 0;
padding: 0;
border: 0;	
}

.rada td {
margin: 0;
padding: 5px;
border: 0;	
}

.radaobrazu {
float: left;
width: auto;
margin-right: 10px;
}

.nahoru {
padding: 0 15px;	
text-align: center;
}

/*archiv*/

.vystavypopis {
color: #035959;
font-size: 16px;
background: #fff;
padding: 5px 10px;
}

/*info*/

.text {
font-size: 120%;
line-height: 120%;
}

ul li {
list-style-type: square;
}

ul#info li {
font-size: 150%;
font-weight: bold;
color: #6d0a0a;
background: #fff;
margin: 0;
padding: 0;
}

#formtable {
	width: 100%;
	border-width: 0;
	border-collapse: collapse;
}
#formtable td {
	padding: 5px;
}
#formtable td.right {
	text-align: right;
}
#formtable tr {
	background: #ddd;
}
#formtable tr.odd {
	background: #eee;
}
#formtable textarea {
		width: 240px;
		height: 150px;
}
#formtable .textbox {
	width: 240px;
}