/* general */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
color: #666;
text-align: center;
background: #ccc;
}

a, a:link {
color: #0407f7;
text-decoration: underline;
}

a:visited {
color: #666;
}

a:hover, a:active, a:focus {
color: #ee0b0d;
}

.blue {
color: #0407f7;
}

.red {
color: #ee0b0d;
}

.black {
color: black;
}

.silver {
color: #ededed;
}

.grey {
color: #ccc;
}

/* logo */
h1#logo {
width: 440px;
height: 132px;
color: #0407f7;
background: #d7d7d7;
font-size: 190%;
text-transform: uppercase;
text-align: center;
float: left;
}

h1#logo a {
display: block;
}

h3 {
font-size: 120%;
color: black;
margin-bottom: 10px;
}

h4 {
font-size: 100%;
color: black;
margin: 0 0 5px;
}

p {
margin: 10px 0;
line-height: 160%;
}

ul {
margin: 10px 0;
line-height: 200%;
}

li {
margin-left: 30px;
list-style: square;
}

.right {
float: right;
}

.left {
float: left;
}

.cistic {
height: 1px;
width: 1px;
font-size: 1px;
line-height: 1px;
clear: both;
}

.clanek-foto{
  margin: 20px 0px 10px 0px;
  text-align: center;
  width: 100%;
}

.clanek-foto-uvod{
  margin: 60px 0px 60px 0px;
  text-align: center;
  width: 100%;
}

.foto{
  border-color: #4C4C4C;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

.strong {
font-weight: bold;
}

.small {
font-size: 90%;
=font-size: 85%;
}

.td_reg1 {
  height: 25px;
  width: 150px;
}

.td_reg2 {
  height: 25px;
  vertical-align: top;
  width: 150px;
}

input, textarea, select {
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 3px;
font-size: 90%;
=font-size: 85%;
}

address {
font-style: normal;
line-height: 150%;
}

/***************** layout *************/

#main {
width: 1000px;
margin: auto;
text-align: left;
background: url("../grafika/bg.jpg") repeat-y top left;
}

#roh {
width: 460px;
height: 132px;
background: url("../grafika/roh.jpg") no-repeat top right;
float: left;
}


/*** topmenu ***/

#topmenu {
width: 556px;
height: 65px;
padding-top: 67px;
background: url("../grafika/bg2.jpg") repeat-x bottom left;
position: relative;
}

#topmenu ul {
font-size: 100%;
margin: 0;
padding: 0;
float: right;
line-height: 100%;
}

#topmenu ul li {
width: 100px;
margin: 0;
padding: 0;
border-right: 1px solid black;
text-align: center;
list-style: none;
display: block;
float: left;
}

#topmenu ul li.last {
border: 0;
}

#topmenu ul a, #topmenu ul a:link, #topmenu ul a:visited {
width: 100px;
height: 20px;
padding: 30px 0 0 0;
display: block;
color: white;
text-decoration: none;
}


#topmenu ul a:hover, #left ul a:focus, #left ul a:active {
color: white;
background: url("../grafika/sipka1.jpg") no-repeat center top;
}

#topmenu h4 {
font-size: 100%;
font-weight: bold;
color: white;
padding: 30px 0 0 0;
background: url("../grafika/sipka1.jpg") no-repeat center top;
}

/* hledani */

#hledani {
width: 190px;
position: absolute;
top: 30px;
right: 0px;
}

input#hledat {
width: 146px;
height: 13px;
padding: 6px;
font-size: 85%;
background: #b4b4b4;
border: 1px solid #333;
border-right: 0;
float: left;
margin: 0;
}

input#go {
padding: 0;
margin: 0;
border: 0;
float: left;
}


/*******/

#hlavni {
width: 960px;
margin: 0 15px 0 36px;
float: left;
_float: none;
background: white url("../grafika/bg3.jpg") repeat-y  top left;
position: relative;
}

#menu {
width: 204px;
min-height: 500px;
_height: 500px;
font-size: 95%;
float: left;
}

/* polozka bocniho menu */
#menu h2 {
width: 159px;
padding: 10px 10px 10px 35px;
color: #ee0b0d;
font-size: 100%;
background: #5e5e5e url("../grafika/sipka3.jpg") no-repeat center left;
}

#menu h2 a, #menu h2 a:link, #menu h2 a:visited {
width: 159px;
display: block;
color: white;
text-decoration: none;
}

#menu h2 a:hover, #menu h2 a:focus, #menu h2 a:active {
color: #ee0b0d;
}

#menu ul {
margin: 5px 0;
padding: 0;
line-height: 210%;
line-height: 215%;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
font-size: 90%;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
width: 159px;
display: block;
color: #999;
padding: 0 10px 0 35px; 
text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active {
font-weight: bold;
color: white;
background: url("../grafika/sipka2.jpg") no-repeat center left;
}

/* aktivni polozka submenu */
#menu ul li h3 {
width: 159px;
padding: 0 10px 0 35px; 
margin: 0;
font-size: 100%;
font-weight: bold;
color: white;
background: url("../grafika/sipka2.jpg") no-repeat center left;
}

/* header */

#header {
width: 756px;
height: 197px;
position: absolute;
top: 0;
right: 0;
z-index: 1000;
}

/*** obsah ***/


#obsah {
width: 716px;
min-height: 400px;
_height: 400px;
padding: 217px 20px 0 20px;
background: white;
float: left;
}

.box {
color: black;
background: #ededed;
border: 1px solid #d6d6d6;
padding: 10px;
margin-bottom: 20px;
}

#obsah img.right {
margin: 0 0 20px 20px;
float: right;
}

#obsah img.left {
margin: 0 20px 20px 0;
float: left;
}

a.vice, a.vice:visited {
font-size: 85%;
padding-right: 15px;
margin: 0 20px 10px 0;
color: black;
background: url("../grafika/sipka4.jpg") no-repeat center right;
float: right;
}

a.vice:hover, a.vice:focus, a.vice:active {
color: #ee0b0d;
}

/*** form ***/

input {
border: 1px solid #d6d6d6;
background: #ededed;
color: #666;
}

#vzkaz {
margin-top: 30px;
}

#vzkaz input {
margin-bottom: 10px;
}

input#button {
float: right;
background: #333;
padding: 5px 20px;
font-size: 85%;
font-weight: bold;
color: white;
}

label {
font-size: 85%;
color: #666;
padding-top: 3px;
}

textarea {
border: 1px solid #d6d6d6;
background: #ededed;
color: #666;
width: 98%;
margin-bottom: 10px;
}


/* paticka */


#paticka {
width: 960px;
height: 90px;
background: #ccc url("../grafika/paticka.jpg") no-repeat top left;
color: black;
float: left;
}

#paticka a, #paticka a:link {
color: #666;
text-decoration: underline;
}

#paticka a:visited {
color: black;
}

#paticka a:hover, #paticka a:active, #paticka a:focus {
color: #0407f7;
}

#left {
width: 330px;
height: 30px;
padding: 60px 0 0 30px;
font-size: 90%;
=font-size: 85%;
float: left;
}

#right {
width: 580px;
line-height: 150%;
height: 48px;
padding: 42px 20px 0 0;
text-align: right;
float: left;
}

.oddelovac {
margin: 0 7px;
color: #0407f7;
}
#td-telo2{
  width: 715px;
  vertical-align: top;
}

.center{
  margin: auto;
}

.stred{
  text-align: center;
}

.table-detail{
  border-color: #E6E6E6;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  margin: auto;
  width: 600px;
}

.td-detail{
  text-align: center;
}
.td-posun{
  height: 40px;
  text-align: center;
  vertical-align: middle;
  width: 50%;
}