﻿body{
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background-color: #C2D5ED;
  color: #000000;
  text-align: center;
}

a:link{
  color: #FFCC00;
  text-decoration: underline;
}

a:visited{
  color: #FFCC00;
  text-decoration: underline;
}

a:hover{
  color: #FF8000;
  text-decoration: underline;
}

ul{
  text-align: left;
  list-style-image: url(grafika/odrazka.png);
}

li{
  margin-bottom: 5px;
}

.menu_horizontal{
  margin-left: -25px;
  margin-top: 12px;
  text-align: center;
}

.menu_horizontal li{
  display: inline;
  font-weight: bold;
}

.menu_horizontal li a:link, .menu_horizontal li a:visited{
  color: #000000 !important;
  text-decoration: none !important;
}

.menu_horizontal li a:hover{
  color: #000000 !important;
  text-decoration: underline !important;
}

.menu_horizontal li+li:before{
  content: " | ";
}

hr{
  color: #FFCC00;
}

.ohraniceni{
  border: 2px solid #DDB527;
  margin: 3px 3px 3px 0;
}

.zvyrazneni{
  width: 100%;
  min-height: 20px;
  color: #FF0000;
  font-weight: bold;
  text-align: center;
  border: 2px solid #DDB527;
  background-color: #FFCC00;
}

.vypln{
  font-size: 11pt;
  color: #000000;
  border: 2px solid #DDB527;
  background-color: #FFCC00;
}

.vypln p{
  padding-left: 5px;
  padding-right: 5px;
}

.overovaci_kod{
  text-transform: uppercase;
}

/*																STRANKA			*/
#stranka{
  width: 1080px; /* Firefox */
  _width: 1050px; /* IE */
  margin: 0 auto;
  background-color: #3873C4;
}

/*																LEFT			*/
#left{
  width: 276px;
  min-height: 350px;
  margin-top: -100px;
  float: left;
  padding-top: 20px;
  padding-bottom: 10px;
  background: #77AD55 url('grafika/left_pozadi.png') no-repeat scroll left top;
}

#left #vite_ze{
  min-height: 330px;
  padding: 35px 30px 30px 30px;
  margin-top: 20px;
  font-size: 10pt;
  background: transparent url('grafika/pozadi_vite_ze.png') no-repeat scroll left top;
}

#left #vite_ze_nadpis{
  font-family: Georgia;
  font-style: italic;
  font-size: x-large;
  text-align: left;
  margin-bottom: 5px;
}

/*																TOP			*/
#top{
  height: 215px;
  text-align: left;
  background: transparent url('grafika/top_pozadi.png') repeat-x scroll left top;
}

#top #top_nadpis{
  display: inline-block;
  font-family: Georgia;
  font-size: 35pt;
  margin-top: 30px;
  margin-left: 20px;
}

#top #obrazek{
  width: 451px;
  height: 169px;
  float: right;
  background: #E8B600 url('grafika/top_obrazek.png') no-repeat scroll left top;
}

#top #menu{
  width: 810px; /* Firefox */
  _width: 780px; /* IE */
  height: 41px;
  float: left;
  margin-left: 270px;
  font-family: Georgia;
  background: #E8B600 url('grafika/top_menu_pozadi.png') repeat-x scroll left top;
}

/*																ZAPATI			*/
#zapati{
  min-height: 60px;
  text-align: center;
  font-size: 8pt;
  padding: 5px;
  background: #FFCC00 url('grafika/zapati_pozadi.png') repeat-x scroll left top;
}

#zapati a:link{
  color: #000000;
  text-decoration: underline;
}

#zapati a:visited{
  color: #000000;
  text-decoration: underline;
}

#zapati a:hover{
  color: #000000;
  text-decoration: underline;
}

.cleaner{
  clear: both;
}

/*																MAIN			*/
#main{
  width: 770px;
  float: left;
  color: #FFFFFF;
  font-size: 10pt;
  text-align: left;
  padding: 0 5px 10px 10px;
  background-color: #3873C4;
}

/*																NADPISY			*/
h1{
  font-family: Georgia;
  color: #FFCC00;;
  font-size: x-large;
}

h2{
  color: #FFCC00;
  font-size: large;
}

th{
  text-align: left;
  text-indent: 2px;
  font-weight: bold;
  font-size: 12pt;
  color: #F5E08D;
  background-color: #FFCC00;
}

th a:link{
  color: #F5E08D;
  text-decoration: none;
}

th a:visited{
  color: #F5E08D;
  text-decoration: none;
}

th a:hover{
  color: #FF8000;
  text-decoration: none;
}

/*																TABULKY			*/
.tabulka{
  font-size: 11pt;
  width: 100%;
  color: #000000;
  border-collapse: collapse;
  border: 2px solid #DDB527;
  margin-bottom: 2px;
}

.tabulka td{
  background-color: #FFCC00;
  border: 1px solid #DDB527;
  padding-left: 5px;
  padding-right: 5px;
}

/*																SEZNAM				*/
.seznam{
  width: 100%;
  font-size: 11pt;
  color: #000000;
  border: 2px solid #DDB527;
  padding-bottom: 5px;
  margin-bottom: 20px;
  background-color: #FFCC00;
}

.seznam ul{
  list-style: none;
  list-style-image: none;
  padding-left: 3px;
  margin: 0px;
}

/*																FORMULARE			*/
select{
  border: 1px solid #DDB527;
  background-color: #FFFFFF;
  margin: 1px 0 1px 0;
  color: #000000;
}

textarea{
  border: 1px solid #DDB527;
  background-color: #FFFFFF;
  margin: 1px 0 1px 0;
  color: #000000;
}

input{
  border: 1px solid #DDB527;
  background-color: #FFFFFF;
  margin: 1px 0 1px 0;
  color: #000000;
}

.tlacitko{
  border: 1px solid #DDB527;
  background-color: #FFCC00;
  margin: 1px 0 1px 0;
  color: #000000;
}

fieldset{
  color: #000000;
  border: 1px solid #DDB527;
  padding: 10px;
  background-color: #77AD55;
}

legend{
  color: #FFCC00;
  margin-bottom: 5px;
  font-weight: bold;
}

.form_uspech{
  color: #FFCC00;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  padding-top: 30px;
  padding-bottom: 10px;
}

.form_neuspech{
  color: #FF0000;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  background-color: #FFCC00;
  border: 2px solid #DDB527;
}

.form_chyba{
  width: 100%;
  color: #FFCC00;
  font-weight: bold;
  font-size: x-small;
  display: block;
  margin-bottom: 3px;
}

#form_chyba label{
  width: 100px;
  float: left;
  margin-bottom: 2px;
}

#form_chyba .form_chyba{
  margin-left: 103px;
}

#form_kontakt label{
  width: 100px;
  float: left;
  margin-bottom: 2px;
}

#form_kontakt .form_chyba{
  margin-left: 103px;
}
