html, body, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; }
h1 img { display: block; }
img { border: 0; }
a { color: #464544; }
a:hover {color: #FFA405;}
.left { float: left;}
.right { float: right;}
.zarovnani { text-align: right; }
.clear { clear: both; }
body { background: #fff url(image/sloupec_pozadi.gif) repeat-x; text-align: center;  font: 12px arial, sans-serif; color: #464544; }
#napis { text-align: left; margin: auto; width: 728px; position: relative; }
h1 { position: absolute;  top: 46px;  left: 0;  height: 43px;  padding-top: 8px;  width: 414px;   text-align: center;   background: #9ab0ac;   color: #ffffff;   font: 22px "Arial", serif;   font-weight: normal; }
h1 strong {  font-weight: normal;  color: #464544; }
#hor-nav { position: absolute;  top: 15px; left: 414px;   width: 266px;  height: 269px;  background: #9ab0ac bottom left url(image/hlava.jpg) no-repeat; }
#hor-nav ul {  text-align: center;  line-height: 32px; }
#hor-nav li {  display: inline;   font-size: 15px;   color: #fff; }
#hor-nav a  {  text-decoration: none;    font-weight: normal;   color: #fff; }
#hor-nav a:hover {   text-decoration: underline; }
#promix {  background: url(image/promix1.gif) no-repeat;  position: absolute; top: 46px;  left: 680px;  width: 48px;   height: 238px; }
#hlava {   background: url(image/hlava_pozadi.jpg) no-repeat;    position: absolute; top: 89px;  left: 0px;    width: 414px;  height: 195px; }
#ppp {  height: 285px;}
#body {  background: url(image/telo_pozadi2.gif) repeat-y;   width: 100%; }
#telo {  background: url(image/telo_pozadi2.gif) repeat-y;   width: 100%; }
#left {  float: left;   width: 413px;  border-right: 1px solid white; background: url(image/telo_pozadi4.gif) repeat-y; }
#right { float: right;  width: 314px;  background: url(image/telo_pozadi3.gif) repeat-y;   }
#nav { background: #afbbc6; }
#nav ul { }
#nav li { float: left;   width: 102px;   height: 34px;   line-height: 34px;   text-align: center; background: url(image/menu_pasiv.gif) repeat-x;   border-left: 1px solid white;   list-style: none;  }
#nav a {  font: 15px "Arial", serif;    color: #ffffff;    text-decoration: none;  }
#nav a:hover {  text-decoration: underline; }
#nav li.aktiv { width: 102px; background: url(image/menu_aktiv.gif) repeat-x;   border-left: none;  border-left: 1px solid white;   padding-left: 1px; }
#centr-nab { background: #EEEEEE;  padding: 5px 20px 5px 20px;   }
#centr-nab h2 {  font: 20px "Arial", serif; }
#centr-nab a {  text-decoration: none; }
#centr-nab a:hover { text-decoration: underline;  }
#centr-nab p { margin: 1em 0;  padding: 0; }
#podnab-left {   float: left;  width: 210px;  padding-left: 15px;  padding-bottom: 10px;  margin-top: 10px; }
#podnab-right {  float: right;   width: 160px;   padding-right: 15px;   padding-bottom: 10px;   margin-top: 10px; }
#podnab-left a {   color: #fff; }
#podnab-left {   color: #fff; }
#podnab-left h3 {  color: #ffffff;   font: 18px "Arial", serif; }
#podnab-left p {  text-align: justify;  }
#podnab-right {   color: #fff; }
#podnab-right h3 {   color: #ffffff;   padding-left: 5px;   padding-bottom: 10px;   font: 18px "Arial", serif; }
#podnab-right h4 {  color: #000000;     font: 14px "Arial", serif;   margin: 0.6em 0;  }
#podnab-right ul {   margin-top: 1em; }
#podnab-right li {  list-style: none;   padding-left: 15px;  margin-top: 1em;  background: 5px 3px url(image/odrazka.gif) no-repeat; }
#podnab-right p {   text-align: justify;   margin: 0.6em 0;  }
#sort {  background: #EEEEEE;  padding: 5px 20px 5px 20px; }
#sort-w { background: url(image/w_pozadi.gif) repeat-y; width: 728px;  padding: 5px 0px 20px 0px; text-align: center; }
#sort h2 {  font: 22px "Arial", serif; }
#sort-w h3 {  font: 13px "Arial", serif; color: #fff; }
#sort-w h2 { font: 20px "Arial", serif; margin: 0.4em 0; color: #fff; }
#sort-w h4 { font: 17px "Arial", serif; color: #fff; margin: 1em 0; }
#sort a {  text-decoration: none; }
#sort a:hover { text-decoration: underline;  }
#sort p { margin: 0.8em 0; }
#sort-w p {  font: 11px "Arial", serif; margin: 0.1em 0;  color: #fff; }
#sablony1 { float: left; background: url(image/w_pozadi.gif) repeat-y; width: 242px;  padding-left: 0px;  padding-bottom: 0px;  margin-top: 10px; }
#sablony2 { float: left; background: url(image/w_pozadi.gif) repeat-y; width: 244px;  padding-left: 0px;  padding-bottom: 0px;  margin-top: 10px; }
#sablony3 { float: left; background: url(image/w_pozadi2.gif) repeat-y; width: 242px;  padding-left: 0px;  padding-bottom: 0px;  margin-top: 10px; }
#sablony1 h3 { color: #fff;   padding-left: 5px;   padding-bottom: 5px;   font: 12px "Arial", serif; }
#sablony2 h3 { color: #fff;   padding-left: 5px;   padding-bottom: 5px;   font: 12px "Arial", serif; }
#sablony3 h3 { color: #fff;   padding-left: 5px;   padding-bottom: 5px;   font: 12px "Arial", serif; }
#sloup_nav {  font: 11px "Arial", serif; padding: 5px 5px 10px 10px; }
#sloup_nav h2 {  color: #323E51;      font: 22px "Arial", serif;   margin-bottom: 12px;  }
#sloup_nav h3 {  color: #000000;   font: 13px "Arial", serif;    margin: 0.6em 0;  }
#sloup_nav h4 {  color: #464544;     font: 16px "Arial", serif; margin-bottom: 5px; }
#sloup_nav p {  color: #163348;   margin: 0.6em 0;}
#sloup_nav a {   color: #163348;   font-weight: bold;  text-decoration: none; }
#sloup_nav a:hover {   text-decoration: underline;  }
#sort-w h3 {  font: 14px "Arial", serif; color: #fff; }
#detail { background: url(image/w_pozadi.gif) repeat-y; height: 415px;  padding: 5px 5px 15px 15px; text-align: left; }
#detail h4 { font: 13px "Arial", serif; color: #fff; margin: 1em 0; }
#detail p {  font: 11px "Arial", serif; margin: 0.1em 0;  color: #fff; }
#detail2 { background: url(image/w_pozadi.gif) repeat-y; height: 650px;  padding: 5px 5px 15px 25px; text-align: left; }
#detail2 h4 { font: 13px "Arial", serif; color: #fff; margin: 1em 0; }
#detail2 p {  font: 11px "Arial", serif; margin: 0.1em 0;  color: #fff; }

#pata {   background: #6D7481;   color: #fff;   text-align: center;   font-size: 11px;   float: right;   width: 314px;   padding: 10px 0;    margin-bottom: 20px;  }
#pata p {   margin: 0;   padding: 0; }
hr { color: #ffffff; width: 99%; }
.font1 {  font-size: 10px; color: #393939;}
.font2 {  font-size: 15px; color: #FFFF99;}
.font3 {  font-size: 9px; color: #fff;}
.font4 {  font-size: 15px; color: #FFFF99;}
.font5 {  font-size: 11px; color: #6666CC;}
.b {font-weight: bold;}
.i {font-style: italic;}

