/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
  }

td div, td table {
  margin: 0px auto 0px;
  }

body {
  text-align: center;
  background: rgb(204,204,255) url() 
  }

#celek {
  margin: 5px auto 0px;
  width: 760px;
  border-collapse: collapse;
  background-color: white;
  }

#header {
  height: 150px;
  xxborder: 1px solid white;
  background: url('../graphic/header.jpg') ; 
  }

#header a {
  display: block;
  width: 600px;
  height: 100px;
  margin-left: 65px;
  margin-top: 20px;
  }

#links {
  height: 30px;
  background: rgb(0,125,197) url('../graphic/lista.jpg') ; 
  xxborder: 1px solid white;
  text-align: center
  background-color: rgb(0,125,197);
  }

#left {
  width: 150px;
  height: 350px;
  font-size: 12pt;
  vertical-align: top;
  text-align: center;
  xxborder: 1px solid white;
  background: rgb(91,159,255) url('../graphic/left.jpg') no-repeat 0 -76px; 
  }

#left li {
  padding: 1px;
  text-align: center;
  list-style: none;
  }

#left a{
  display: block;
  width= 100%;
  }
  
#left a:link {
  background: rgb(91,159,255);
  text-decoration: none;
  color: white;
  }
  
#left a:visited {
  background: rgb(91,159,255);
  text-decoration: none;
  color: white;
  }
  
#left a:hover {
  color: white;
  text-decoration: none;
  background: rgb(235,28,36);
  }

#obsah  {
  width: 565px;
  text-align: center;
  vertical-align: top;
  background: url('../pozadi.jpg') left top ;
  }


#historie  {
  padding-right: 10px;
  padding-top: 5px;
  margin: 0px, 10px, 0px, 0px;
  }

#historiepr  {
  padding-left: 10px;
  padding-top: 5px;  
  margin: 8px, 0px, 0px, 10px;
  }

#historie1  {
  margin: 5px, 0px, 3px, 0px;
  padding: 0px, 0px, 10px, 10px;
  }

#historieref  {
  text-align: center;
  }

#historie2  {
  margin: 7px, 0px, 0px, 8px;
  }

#historie3  {
  margin: 0px, 10px, 3px, 0px;
  border: thin rgb(144,144,144) groove;
  }
  
.historie4  {
  border: thin rgb(144,144,144) groove;
  }

#right {
  background: url('../graphic/pruhy.jpg') repeat-y top;
  width: 45x
  }

#footer {
  background: rgb(0,125,197);
  font-size: 10pt;
  text-align: right;
  }

#footer tr {
  text-align: center;
  color: white;
  font-size: 10pt;
  }
  
#footer a {
  padding-left: 5px;
  }

#footer a:link {
  color: white;
  }

#footer a:visited {
  color: white;
  }

#footer a:hover {
  color: rgb(235,28,36);
  }

#footertable {
  text-align: right;
  }

.novinkydatum {
  width: 100px;
  color: rgb(235,28,36);
  text-align: justify;
  }
  
  .novinkydatum1 {
  width: 100px;
  color: rgb(235,28,36);
  text-align: center;
  }
  
.novinky {
  width: 400px;
  padding-left: 25;
  color: rgb(0,125,197);
  text-align: left;
  }
  
  .novinky1 {
  width: 400px;
  padding-left: 10;
  color: rgb(0,125,197);
  }

.novinky2 {
  height: 50 px;
  text-align: center;
  padding-left: 10;
  }

  
.barvared {
  color: red;
  }
  
#indextable1 {
  width: 530px;
  border: none;
  margin-top: 15px;
  text-align: justify;
  }
  
#indextable1 a {
  padding-left: 5px;
  }

#indextable1 a:link {
  color: rgb(0,125,197);
  }

#indextable1 a:visited {
  color: rgb(0,125,197);
  }

#indextable1 a:hover {
  color: rgb(235,28,36);
  }

#indextable2 {
  margin: 12px;
  width: 530px;
  border: none;
  margin-top: 5px;
  text-align: justify;
  }
    
#indextable3 {
  width: 500px;
  border: none;
  margin-top: 15px;
  }

#indextable4 {
  width: 530px;
  border: none;
  margin-top: 5px;
  text-align: center;
  }
  
#indextable5 {
  width: 530px;
  border: none;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: justify;
  }
      
#indextable {
  width: 530px;
  border: none;
  margin: 10px 15px 15px 15px;
  text-align: justify;
  display: block;
  }
   
#indextable6 {
  width: 530px;
  margin: 10px 15px 15px 15px;
  text-align: justify;
  display: block;
  }   
        
#vpripade {
  vertical-align: top;
  text-align: center;
  width: 265px;
  }
  
#vpripade2 {
  vertical-align: top;
  text-align: left;
  width: 328px;
  }

#vpripade1 {
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  padding-left: 25px;
  padding-bottom: 18px;
  }

.mob {
  text-align: left;
  width: 275px;
  display: block;
  }

.mobred {
  text-align: left;
  color: #EB1C24;
  width: 250px;
  }
  
.mobred1 {
  text-align: center;
  color: #EB1C24;
  width: 300px;
  }

.headobsah {
  background-color: #007DC5;
  color: white;
  margin-top: 15px;
  margin-bottom: 20px;
  width: 540px;
  text-align: center;
  }
  
.headobsah1 {
  background: rgb(91,159,255);
  color: white;
  margin-top: 15px;
  margin-bottom: 5px;
  width: 540px;
  text-align: center;
  }
  
.volnamista {
  background-color: rgb(204,204,255);
  color: Black;
  margin-top: 15px;
  margin-bottom: 5px;
  width: 540px;
  }
  
.headobsah1 a{
  text-decoration: none;
  color: white;
  }
  
.zalozky {
  background: rgb(0,125,197); 
  font-weight: bold;
  padding: 5px;
  color: white;
  }

.certifikaty img {
  border: 1px solid blue;
  margin-bottom: 8px;
  }

P.main {
	margin:  10px 20px 20px 30px;	
	font-size: 12pt; 
	color: black;	
	text-align: justify;
  }

.tablereference {
  width: 450px;
  text-align: center;
  }
  
.tablereference td {
  height: 155px;
  }

.tablereference img {
  border: 1px solid blue;
  }

#tableuvod {
  width: 545px;
  text-align: center;
  }
  
#tableuvod img{
  border: 1px;
  }

.titlecertifikaty {
  font-size: 10pt;
  width: 150px;
  text-align: center;
  border: none;
  color: gray;
  }

#spolodk {
  font-size: 10pt;
  text-align: center;
  }

#spolodk td {

  text-align: center;
  color: rgb(0,125,197);
  font-size: 10pt;
  }

#spolodk tr {
  text-align: center;
  color: rgb(0,125,197);
  font-size: 10pt;
  }
  
#spolodk a {
  padding-left: 5px;
  }

#spolodk a:link {
  color: rgb(0,125,197);
  }

#spolodk a:visited {
  color: rgb(0,125,197);
  }

#spolodk a:hover {
  color: rgb(235,28,36);
  }

#spolnadpis {
  margin: 15px;
  background-color: rgb(213,213,213);
  width: 540px;
  border: none;
  }

#cara {
  margin-left: 4px;
  width: 530px;
  }

#mapa {
  text-align: center;
  }

#mapa1 {
  }

#nahoru {
  color: rgb(0,125,197);
  }
  
#tablenahoru {
  width: 530px;
  text-align: right;
  }

#nahoru2 {
  color: rgb(0,125,197);
  }

.spolod {
  font-size: 12pt;
  font-weight: bolder;
  text-align: right;
  color: rgb(0,125,197);
  text-decoration: none;
  }

.spolod tr {
  text-align: center;
  color: rgb(0,125,197);
  font-size: 10pt;
  }
  
.spolod a {
  padding-left: 5px;
  }

.spolod a:link {
  color: rgb(0,125,197);
  }

.spolod a:visited {
  color: rgb(0,125,197);
  }

.spolod a:hover {
  color: rgb(235,28,36);
  }

#tablevolnamista {
  text-align: center;
  color: rgb(0,125,197);
  text-decoration: none;
  }
  
#tablevolnamista a {
  text-align: center;
  color: rgb(0,125,197);
  font-weight: bold; 
  text-decoration: none;
  }

#tablevolnamista a:link {
  text-align: center;
 color: rgb(0,125,197);
  }

#tablevolnamista a:visited {
  text-align: center;
  color: rgb(0,125,197);
  }
  
#tablevolnamista a:hover {
  color: rgb(235,28,36);
  text-decoration: none;
  }

#legenda {
  padding-left: 120px;
  }

.vystavy {
  width: 160px;
  height: 124px;
  text-align: center;
  }

#kooperace {
  width: 530px;
  border: none;
  margin-top: 15px;
  text-align: left;
  }

.koopodk {
  font-weight: bolder;
  text-align: left;
  color: rgb(0,125,197);
  text-decoration: none;
  }