body {
  margin: 0px;
  padding: 0px;
  font-size: 75%;
  font-family: Tahoma, Verdana, Trebuchet MS, Sans-Serif;
  color: #303030;
  background: #fafafa;
  line-height: 1.5em;
}

.odrazka a {
  color: black;
}

.odrazka a:hover {
  color: green;
}

.odrazka {
  background: url(obrazky/li.gif) no-repeat 1px 50%;
  padding-left: 10px;
  font-size: 100%;
}

.active a {
  color: green;
  background: url(obrazky/li-over.gif) no-repeat 1px 75%;
  padding-left: 10px;
  font-size: 100%;
  text-decoration: underline;
}

.odrazka2 {
  padding-left: 10px;
  font-size: 98%;
  color: #d0d0d0;
}

.odrazka2 a {
  color: #DADADA;
}

.odrazka2 a:hover {
  color: #FFFFFF; text-decoration: underline;
}

a {
  color: black;
  text-decoration: none;
}

a:hover {
  color: green;
  text-decoration: underline;
}

.invert a {
  color: #DADADA;
}

.right {
  float: right;
}

img .right {
  float: right;
  border: 1px solid #E0E0E0;
  padding: 0px;
  margin: 0px 15px 0px 20px;
}

p .right {
  float: right; border: 1px solid #E0E0E0;
  padding: 0px;
  margin: 0px 15px 6px 20px;
}

h1 {
  font-size: 160%;
  margin: 0px 0 8px 0px;
  border-bottom: 1px #B1B1B1 solid;
  font-weight: normal;
  padding-bottom: 11px;
}

.underline-color {
  border-bottom: 1px solid #787878;
  color: #fafafa;
}

img .left {
  float: left;
  padding: 2px;
  margin: 4px 20px 4px 0px;
}

/* DIVy
---------------------------------------------------------------------------------------------------------------------------------------------------*/

.container {
  margin: 0px auto;
  padding: 0px;
  width: 930px;
  background-color: #fafafa;
  border-left: 1px #B1B1B1 solid;
  border-right: 1px #B1B1B1 solid;
  border-bottom: 1px #B1B1B1 solid;
}

#header {
  padding-top: 15px;
  width: 930px;
  height: 122px;
  background-image: url(obrazky/logo.png);
  background-repeat: no-repeat;
  background-position: 38px 25px;
}

#header .navigace1 a {
  background: url(obrazky/li.gif) no-repeat 13px 5px;
  padding: 0px 4px 0px 20px;
}

#header .navigace1 {
  text-align: right;
  padding: 25px 25px 0px 0;
}

#header .navigace2 {
  float: right;
  margin: 0px;
}

#header .navigace2 ul {
  list-style: none;
  padding-right: 13px;
}

#header .navigace2 li {
  display: inline;
}

#header .navigace2 a {
  background: url(obrazky/li.gif) no-repeat 5px 18px;
  display: block;
  float: left;
  padding: 10px 13px 0 13px;
  border-top: 1px #B1B1B1 solid;
  text-decoration: none;
  color: black;
}

#header .navigace2 a:hover {
  border-top: 1px solid #c01401;
  color: green;
}

#header .navigace2 .active a {
  border-top: 1px solid #c01401;
  color: green;
}

#picture {
  margin: 0px;
  float: left;
  width: 930px;
  height: 300px;
  background: #4A4A4A;
  color: white;
}

#hlavni-navigace {
  margin: 0px;
  float: left;
  width: 930px;
  height: 300px;
  background: #9A4A4A;
  color: white;
}

#banner {
  width: 100%;
  float: left;
  text-align: left;
  background: #4A4A4A;
}

#text {
  width: 350px;
  float: right;
  text-align: left;
  padding: 25px 30px 8px 0px;
}

/* uvodni strana
---------------------------------------------------------------------------------------------------------------------------------------------------*/

.col h3, .col2 h3, .col3 h3, .col4 h3, .col5 h3 {
  font-size: 140%;
  font-weight: normal;
  border-bottom: 1px solid #626262;
  width: 100%;
  margin: 0 0 3px 0;
  padding: 0 0 3px 0;
}

.col p, .col2 p, .col3 p, .col4 p, .col5 p {
  font-size: 90%;
  line-height: 1.6em;
}

.col a, .col1 a, .col2 a, .col3 a, .col4 a, .col5 a {
  padding: 175px 7px 5px 8px;
  margin: 0px;
  display: block;
  height: 125px;
  width: 170px;
  color: white;
  text-decoration: none;
  border-right: 1px solid #7A7A7A;
  float: left;
  background: #4A4A4A;
}

.col a:hover{
  background-color: #0806c0;
  color: white;
}

.col .kat1, .col .kat1 a:hover {
  background-image: url(obrazky/kategorie1.jpg);
  background-repeat: no-repeat;
}

.col2 a:hover{
  background-color: #85042c;
  color: white;
}

.col2 .kat2, .col2 .kat2 a:hover {
  background-image: url(obrazky/kategorie2.jpg);
  background-repeat: no-repeat;
}

.col3 a:hover{
  background-color: #159a06;
  color: white;
}

.col3 .kat3, .col3 .kat3 a:hover {
  background-image: url(obrazky/kategorie3.jpg);
  background-repeat: no-repeat;
}

.col4 a:hover{
  background-color: #c2a22c;
  color: white;
}

.col4 .kat4, .col4 .kat4 a:hover {
  background-image: url(obrazky/kategorie4.jpg);
  background-repeat: no-repeat;
}

.col5 a:hover{
  background-color: #1093ab;
  color: white;
}

.col5 .kat5, .col5 .kat5 a:hover {
  background-image: url(obrazky/kategorie5.jpg);
  background-repeat: no-repeat;
}

/* obsah
---------------------------------------------------------------------------------------------------------------------------------------------------*/

#main {
  width: 930px;
}

hr.cleaner {
  clear: both;
  margin: 0px;
  visibility: hidden;
}

/* ROZCESTNIK A HLAVNI OKNO
---------------------------------------------------------------------------------------------------------------------------------------------------*/

#rozcestnik {
  float: left;
  width: 155px;
  margin: 0px;
  border-right: 1px #B1B1B1 solid;
  padding: 15px;
  clear: left;
}

#hlavni {
  float: right;
  width: 675px;
  margin-left: 10px;
  padding: 25px;
}

/* Zapati
---------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
  height: 64px;
  margin: 0px auto;
  padding: 0px;
  clear: both;
  background-color: #fafafa;
  font-size: 85%;
  text-align: center;
  padding-top: 8px;
}

#footer a {
  color: #444444;
  text-decoration: none;
  text-decoration: underline;
}