* {margin: 0; padding: 0; }

body {
  margin: 0;
  padding: 0;
  font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color: #666666;
  background: url(../img/pozadi.gif) repeat;
}

#papir {
  background-color: #ffffff;
  margin: 0 auto;
  margin-top: 20px;
  width: 770px;
}

a {
  color: #009be6;
}

a:hover {
  color: #b5d507;
}

#struktura {
  margin: 0 auto;
  width: 750px;
}

.pruh {
  margin: 0 auto;
  _margin-top: -15px;
  width: 750px;
  height: 3px;
  background-color: #6ccbf0;
}

.pruh2 {
  margin: 0 auto;
  width: 750px;
  height: 8px;
  background-color: #ffffff;
}

#datum {
  margin: 10px auto;
  width: 750px;
  height: 55px;
  text-align: right;
  font-size: 90%;
  color: #a9a9a9;
  background: url("../img/logoCvicitelu.gif") no-repeat;
}

#datum p img {
  vertical-align: middle;
}

#datum em {
  color: #555555;
  font-style: normal;
}

#logo {
  margin: 0 auto;
  width: 750px;
}

#hlavicka {
  margin: 0 auto;
  margin-top: 5px;
  _margin-top: 1px;
  margin-bottom: -5px;
  _margin-bottom: 5px;
  width: 747px;
  height: 30px;
  background-color: #f4f4f4;
  border-left: 3px solid #6ccbf0;
}

#hlavicka p {
  padding: 5px 5px 5px 10px;
}

#dvasloupce {
  margin: 0 auto;
  width: 750px;
}

#menu {
	float: left;
	width: 240px;
	margin: 0;
  padding: 0;
}

#menu-vnitrek {
	margin: 0;
}

#menu-vnitrek ul {
	list-style-type: none;
}

#menu-vnitrek ul li {
	margin-top: 1px;
}

#menu-vnitrek ul li a {
  width: 200px;
  display: block;
  padding: 5px 5px 5px 8px;
  text-decoration: none;
  color: #666666;
  font-family: Verdana;
  font-size: 90%;
  font-weight: bold;
	background: #f4f2e8 no-repeat;
  border-left: 3px solid #b5d537;
}

#menu-vnitrek ul li a:hover {
  color: #ffffff;
  font-weight: bold;
  font-family: Verdana;
  font-size: 90%;
	background: #b5d537 no-repeat;
  border-left: 3px solid #b5d537;
}

#obsah {
	margin: 0 0 0 240px;
}

#obsah-vnitrek {
	margin: 0;
}

#obsah-vnitrek h1 {
  margin: 10px 10px 20px -10px;
  _margin: 10px 10px 20px 10px;
	font-size: 1.2em;
	padding-top: 15px;
	color: #b5d537;
}

#obsah-vnitrek h2 {
  margin: 10px 10px 0 -10px;
  _margin: 10px 10px 0 10px;
	font-size: 100%;
	color: #c60000;
}

#obsah-vnitrek h3 {
  margin: 10px 10px 0 -10px;
  _margin: 10px 10px 0 10px;
	font-size: 120%;
	color: #dc0000;
}

#obsah-vnitrek p {
  margin: 10px 20px 10px 0;
	_margin: 10px 20px 10px 10px;
	line-height: 20px;
	text-align: justify;
}

#obsah-vnitrek p a {
  color: #009be6;
}

#obsah-vnitrek p a:hover {
  color: #b5d507;
}

#obsah-vnitrek p em {
  color: #222222;
  font-style: normal;
}

#obsah-vnitrek ul{
  margin: 10px 20px;
}

hr.cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
  padding:0;
	border: none;
	visibility: hidden;
}

#paticka {
  margin: 0 auto;
  margin-top: 10px;
  width: 750px;
  height: 30px;
  background-color: #ffffff;
}

#paticka p {
  font-family: Verdana;
  font-size: 85%;
  _font-size: 80%;
  color: #aaaaaa;
  padding: 5px;
  text-align: center;
}

#paticka p a {
  text-decoration: none;
  color: #aaaaaa;
}

#paticka p a:hover {
  text-decoration: underline;
  color: #333333;
}

#mezera {
  height: 20px;
}

#seznam ul {
  margin: 0 20px 10px 20px;
  _margin: 0 20px 10px 20px;
  list-style: none;
}

#seznam ul li {
  background: url(../img/bullet.jpg) no-repeat 0 3px;
  padding-left: 20px;
  padding-bottom: 12px;
}


/* Formular */

form { 
  margin: 2em 0;
  max-width: 350px;
}

label {
	display: none;
}
	
label.v {
	display: inline;
}

input.t, input.tr, textarea, .file {
	background-color: #f9f9f9;
	border: none;
	font-size: 85%;
	_font-size: 80%;
	font-family: Verdana;
	color: #818273;
	margin-bottom: 0.2em;
	padding: 4px 3px 0 5px;
	border-right: 3px solid #dddddd;
}

select {
	background-color: #f9f9f9;
	border: none;
	font-size: 85%;
	_font-size: 80%;
	font-family: Verdana;
	color: #818273;
	margin-bottom: 0.4em;
	padding: 4px 3px 4px 1px;
	border-right: 3px solid #dddddd;
}

select:focus {
	background-color: #abd222;
	border-right: 3px solid #abd222;
	color: #ffffff;
}

input.t:focus, textarea:focus, .file:focus {
	background-color: #abd222;
	border-right: 3px solid #abd222;
	color: #ffffff;
}

input.t, input.tr {
	height: 1.5em;
	margin-top: -1px;
	_margin-top: -3px;
	_font-size: 85%;
}

input.tr, textarea.tr {
	border-right: 3px solid #abd222;
}
	
input.tr:focus, textarea.tr:focus {
	border-right: 3px solid #abd222;
	background-color: #abd222;
	color: #ffffff;
}

input#buttonSend 	{
	width: 65px;
	height: 20px;
	margin: 0px;
	margin-left: 0;
	background: url(../img/odesli.gif) no-repeat left top;
	display: block;
}

form p { 
  margin: 0 0 2em 0; 
}

form p.submit-button { 
  margin: -2em 0 2em 0;
}

#fotogalerie a, #fotogalerie a:hover {
  text-decoration: none;
  color: #333333;
  font-size: 90%;
}

img.fotokraj {
  border: 1px solid #bbbbbb;
  padding: 0 10px 10px 10px;
}

p.infoClanek {
  font-size: 90%;
}

p.clanek {
  color: #333333;
}

#cvicitel {
  margin: 0 13px 0 0;
  _margin: 0 15px 0 10px;
  padding: 20px 10px 10px 0;
  background-color: #f5f5f5;
}

#cvicitel ul {
  list-style: none;
}

#menuCvicitel {
  margin: 25px 10px 0 0;
  background-color: #ffffff;
}

#menuCvicitel ul {
  list-style: none;
  margin: 0 0 6px -40px;
  _margin: 0 0 6px 7px;
}

#menuCvicitel ul li {
  display: inline;
}

#menuCvicitel ul li a {
  color: #666666;
  font-family: Verdana;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  background-color: #f5f5f5;
  padding: 8px 11px;
  _padding: 8px;
}

#menuCvicitel ul li a:hover {
  text-decoration: underline;
}

#menuCvicitel ul li a.druhy {
  color: #cccccc;
  font-weight: bold;
  text-decoration: none;
  background-color: #ffffff;
  padding: 8px 11px;
  _padding: 8px;
}

#menuCvicitel ul li a.druhy:hover {
  color: #666666;
  text-decoration: underline;
}

img.profil {
  background-color: #ffffff;
  padding: 8px;
  border: 1px solid #888888;
}

#info {
	float: left;
	width: 350px;
	_width: 335px;
	margin: 0;
  padding: 0;
}

#info ul li em {
	color: #111111;
}

#fotka {
  margin: 0 0 0 350px;
  _margin: 0 0 0 335px;
}

/* Formular v administraci */

input.t, input.tr2, .file {
	background-color: #ffffff;
	border: none;
	font-size: 85%;
	_font-size: 80%;
	font-family: Verdana;
	color: #818273;
	margin-bottom: 0.2em;
	padding: 4px 3px 0 5px;
	border-right: 3px solid #dddddd;
}

input.t:focus, textarea:focus, .file:focus {
	background-color: #abd222;
	border-right: 3px solid #abd222;
	color: #ffffff;
}

input.t, input.tr2 {
	height: 1.5em;
	margin-top: -1px;
	_margin-top: -3px;
	_font-size: 85%;
}

input.tr2, textarea.tr2 {
	border-right: 3px solid #abd222;
}
	
input.tr2:focus, textarea.tr2:focus {
	border-right: 3px solid #abd222;
	background-color: #abd222;
	color: #ffffff;
}

form p { 
  margin: 0 0 2em 0; 
}

form p.submit-button { 
  margin: -2em 0 2em 0;
}

#obrazek {
  margin: 0 auto;
  margin-top: 50px;
  width: 640px;
}

#obrazek p {
  text-align: center;
}

#cvicitel form {
  margin-left: 20px;
  _margin: 2em 0;
}

img.fotoalbum {
  padding: 7px;
  background-color: #ffffff;
  border: 1px solid #999999;
}

table {
  margin-left: 20px;
}