/*
    CSS styly, HOSTOVKA
    (c) Michal Ševčík, http://multi.tricker.cz
*/

*{ margin: 0; padding: 0; }

/* zaklad */
body { font-size: 12px; font-family: Verdana, Arial, Tahoma, Verdana, sans-serif; color: #ad1b1b; background: url("../img/bcg.jpg") repeat #66494B; margin: 16px 0px 16px 0px; text-align: center; }

/* hlavicka - bez menu */
#hlavicka { text-align: center; width: 950px; overflow: hidden; }
#hlavicka #hle { width: 465px; height: 97px; float: left; overflow: hidden; margin: none; padding: none; }
#hlavicka #hlp { width: 485px; height: 97px; float: right; overflow: hidden; margin: none; padding: none; }

/* odstavec */
p { padding: 6px 10px 6px 10px; line-height: 22px; vertical-align: center; text-align: justify; }
p a { line-height: 22px; vertical-align: center; }
p a:hover { line-height: 22px; vertical-align: center; }
blockquote { padding: 20px 20px 20px 20px; font-size: 14px; }
.left { padding: 0px 10px 0px 10px; line-height: 33px; vertical-align: center; text-align: justify; }
.left2 { padding: 0px 0px 0px 10px; line-height: 33px; vertical-align: center; }
.left2 a { padding: 0px 0px 0px 10px; line-height: 33px; vertical-align: center; }
.left2 a:hover { padding: 0px 0px 0px 10px; line-height: 33px; vertical-align: center; }
.right { text-align: right; padding: 0px 10px 0px 0px; line-height: 33px; vertical-align: center; }
.right a { text-align: right; padding: 0px 10px 0px 0px; line-height: 33px; vertical-align: center; }
.right a:hover { text-align: right; padding: 0px 10px 0px 0px; line-height: 33px; vertical-align: center; }

/* do prostredka */
#vystylka { text-align: center; width: 950px; background: url("../img/vystelka.jpg") top center repeat-y; position: relative; overflow: hidden; margin: auto; }

/* formulare */
input{ font-size: 13px; line-height: 20px; border: 1px solid #660000; margin: 0px 0px 6px 0px; padding: 2px 5px 2px 5px; }
.odesilaci{ font-size: 13px; line-height: 20px; color: red; background: #fffd6f; border: 1px solid #660000; padding: 2px 5px 2px 5px; font-weight: bold; }

/* menu */
#menu { text-align: center; overflow: hidden; margin: auto; width: 950px; height: 26x; background: url("../img/vystelka.gif") top center repeat-y; }
#menu ul { list-style-type: none; list-style: none; }
#menu ul li { float: left; display: block; }
#ruzek { background: url("../img/m0.jpg") top center; width: 208px; height: 26px; line-height: 26px; }
li#uvod a { color: white; width: 154px; height: 26px; line-height: 26px;  background: url("../img/m1.gif") top left; display: block; text-align: center; vertical-align: center; text-decoration: none;  }
li#uvod a:hover { background-position: 0 -26px; }
li#onas a { color: white; background: url("../img/m2.gif") top left; width: 93px; height: 26px; line-height: 26px; display: block; display: block; text-align: center; vertical-align: center; text-decoration: none; }
li#onas a:hover { background-position: 0 -26px; }
li#otazky a { color: white; background: url("../img/m3.gif") top left; width: 176px; height: 26px; line-height: 26px; display: block; display: block; text-align: center; vertical-align: center; text-decoration: none; }
li#otazky a:hover { background-position: 0 -26px; }
li#kontakt a { color: white; background: url("../img/m4.gif") top left; height: 26px; width: 112px; line-height: 26px; display: block; text-align: center; vertical-align: center; text-decoration: none; }
li#kontakt a:hover { background-position: 0 -26px; }
#ruzek2 { background: url("../img/m5.jpg") top center; width: 207px; height: 26px; line-height: 26px; }

/* tri sloupce */
#prvni { width: 185px; height: auto; overflow: hidden; float: left; text-align: center; padding: 10px 0px 0px 10px; }
#druhy { width: 535px; height: auto; overflow: hidden; float: left; text-align: center; padding: 10px 0px 0px 10px; }
#treti { width: 200px; height: auto; overflow: hidden; float: right; text-align: center; padding: 10px 0px 0px 10px;  }

/* barevne chlivky */
.zluty1{ background: url("../img/zl1.jpg") no-repeat top center #fdffbb; width: 181px; height: 33px; line-height: 33px; vertical-align: center; padding: 0px 0px 0px 0px; margin: none; text-align: left; font-size: 13px; font-weight: bold; }
.zluty2{ background: url("../img/zl2.jpg") repeat-y top center #fdffbb; width: 181px; height: auto; line-height: 18px; vertical-align: center; padding: 0px 0px 0px 0px; margin: none; text-align: left; font-size: 12px; }
.zluty3{ background: url("../img/zl3.jpg") no-repeat top center #fdffbb; width: 181px; height: 11px; padding: none; margin: 0px 0px 10px 0px; }

.modry1{ background: url("../img/mo1.jpg") no-repeat top center #d8e3f9; width: 533px; height: 32px; line-height: 32px; vertical-align: center; padding: 0px 0px 0px 0px; margin: none; text-align: left; font-size: 13px; font-weight: bold; }
.modry2{ background: url("../img/mo2.jpg") repeat-y top center #d8e3f9; width: 533px; height: auto; line-height: 18px; vertical-align: center; padding: 10px 0px 0px 0px; margin: none; text-align: left; font-size: 12px; }
.modry3{ background: url("../img/mo3.jpg") no-repeat top center white; width: 533px; height: 3px; padding: none; margin: 0px 0px 10px 0px; }

.zeleny1{ background: url("../img/ze1.jpg") no-repeat top center #f1f9d4; width: 533px; height: 32px; line-height: 32px; vertical-align: center; padding: 0px 0px 0px 0px; margin: none; text-align: left; font-size: 13px; font-weight: bold; }
.zeleny2{ background: url("../img/ze2.jpg") repeat-y top center #f1f9d4; width: 533px; height: auto; line-height: 18px; vertical-align: center; padding: 10px 0px 0px 0px; margin: none; text-align: left; font-size: 12px; }
.zeleny2 ul { list-style-position: inside; padding: 0px 10px 0px 20px; }
.zeleny3{ background: url("../img/ze3.jpg") no-repeat top center white; width: 533px; height: 3px; padding: none; margin: 0px 0px 10px 0px; }

.zeleny4{ background: url("../img/ze4.jpg") no-repeat top center #f1f9d4; width: 533px; height: 64px; line-height: 20px; vertical-align: center; padding: 0px 0px 0px 0px; margin: none; text-align: left; font-size: 13px; font-weight: bold; }
.zeleny5{ background: url("../img/ze2.jpg") repeat-y top center #f1f9d4; width: 533px; height: auto;  vertical-align: center; padding: 0px 0px 0px 0px; margin: none; text-align: left; font-size: 12px; }
.zeleny5in {line-height: 18px; padding: 8px 8px 8px 8px; color: black; }
.zeleny5in a { color: #ad1b1b;  }
.zeleny5in ul{ list-style-position: inside; padding: 0px 10px 0px 20px; color: black; }
.zeleny5in p{ line-height: 18px; padding: 10px 0px 10px 0px; color: black; }
.zeleny5in img{ padding: 4px 4px 4px 4px; }
.zeleny6{ background: url("../img/ze3.jpg") no-repeat top center white; width: 533px; height: 3px; padding: none; margin: 0px 0px 10px 0px; }

.oranz1{ background: url("../img/orl1.jpg") no-repeat top center #fbeccf; width: 273px; height: 32px; line-height: 32px; vertical-align: center; padding: 0px 0px 0px 0px; margin: none; text-align: left; font-size: 13px; font-weight: bold; }
.oranz2{ background: url("../img/orl2.jpg") repeat-y top center #fbeccf; width: 273px; height: auto; line-height: 18px; vertical-align: center; padding: 0px 0px 20px 0px; margin: none; text-align: left; font-size: 12px; }
.oranz3{ background: url("../img/orl3.jpg") no-repeat top center white; width: 273px; height: 3px; padding: none; margin: 0px 0px 10px 0px; }

.oranz4{ background: url("../img/orr1.jpg") no-repeat top center #fbeccf; width: 253px; height: 32px; line-height: 32px; vertical-align: center; padding: 0px 0px 0px 0px; margin: none; text-align: left; font-size: 13px; font-weight: bold; }
.oranz5{ background: url("../img/orr2.jpg") repeat-y top center #fbeccf; width: 253px; height: auto; line-height: 18px; vertical-align: center; padding: 0px 0px 0px 0px; margin: none; text-align: left; font-size: 12px; }
.oranz6{ background: url("../img/orr3.jpg") no-repeat top center white; width: 253px; height: 3px; padding: none; margin: 0px 0px 10px 0px; }

/* dva */
#dva { width: 533px; height: auto; overflow: hidden; }
#dva #levy { width: 277px; float: left; overflow: hidden; }
#dva #pravy { width: 253px; float: right; overflow: hidden; }

/* dva v otazkach */
#dvao{ width: 520px; height: auto; overflow: hidden; }
#dvao #levyo { width: 400px; float: left; overflow: hidden; }
#dvao #pravyo { width: 120px; float: right; overflow: hidden; line-height: 32px; vertical-align: center; }

/* paticka hostovky */
#paticka{ text-align: center; width: 950px; height: 36px; line-height: 36px; vertical-align: middle; font-weight: bold; color: white; background: url("../img/pata.jpg"); font-size: 12px; margin: 0px 0px 20px 0px; }
#paticka a { font-weight: bold; color: white; text-decoration: none; }

.obr { border: 2px solid #ad1b1b; margin: 10px 10px 10px 10px }
.obr:hover { border: 2px solid #600f0f; }

/* trochu SEO jako */
.sk{ display:none; }

/* nadpisy */
h1 { color: #d61b1b; font-size: 20px; line-height: 25px; font-weight: bold; text-align: left; margin: 15px 10px 8px 20px; }
h2 { color: #d61b1b; font-size: 17px; line-height: 22px; font-weight: bold; text-align: left; margin: 15px 10px 0px 30px; }
h3 { color: #d61b1b; font-size: 15px; line-height: 20px; font-weight: bold; text-align: left; margin: 10px 10px 8px 40px; }
h4 { color: #d61b1b; font-size: 13px; line-height: 20px; font-weight: bold; text-align: left; margin: 10px 10px 8px 40px; }
h5 { color: #d61b1b; font-size: 12px; line-height: 20px; font-weight: bold; text-align: left; margin: 10px 10px 8px 40px; }


/* odkazy */
a { font-size: 12px; line-height: normal; text-decoration: underline; font-weight: bold; color: #a10000; }
a:hover { font-size: 12px; line-height: normal; text-decoration: none; font-weight: bold; }

/* styl strankovani */
.strankovani { border: 1px solid #3b65cd; padding: 2px 6px 2px 6px; margin: 0px 3px 0px 3px; background: rgb(246,246,246); color: #0044aa; display: inline; height: 18px; line-height: 28px; font-weight: bold; }
.strankovani:hover { background: #dee5f0; }
.strankovaniakt { border: 1px solid #3b65cd; padding: 2px 6px 2px 6px; margin: 0px 3px 0px 3px; background: #143771; color: #e2f3ff; display: inline; height: 18px; line-height: 28px; font-weight: bold; }

/* pic */
.filtrik { border: 2px solid #7e99aa; background: url(../img/filtrik.gif) repeat-x top left #e1ecf4; padding: 5px 5px 5px 5px; margin: 0px 0px 3px 0px; }

#filtrik2 { border: 2px solid #7e99aa; background: url(../img/filtrik.gif) repeat-x top left #e1ecf4; padding: 10px 10px 10px 10px; }
#filtrik2 input { font-size: 12px; font-weight: bold; }

#stromek  { border: 2px solid #7e99aa; background: url(../img/filtrik.gif) repeat-x top left #e1ecf4; padding: 10px 10px 10px 10px; }

.vypisram { width: 720px; border: 2px solid #ccb797; background: #f7edde; padding: 10px 10px 10px 10px; }
.vypisnadpis { font-size: 26px; font-weight: bold; line-height: 36px; }

.stranka { page-break-after: always; border: 0px; margin: 0px; padding: 0px; }

.lepsitlacitko { width: 100%; font-weight: bold; font-size: 14px; color: rgb(37,37,37); border: 2px solid rgb(24,24,24); background: rgb(234,234,234); line-height: 25px;  }
.lepsitlacitko:hover { width: 100%; font-weight: bold; font-size: 14px; color: rgb(37,37,37); border: 2px solid rgb(24,24,24); background: rgb(213,213,213); line-height: 25px; }

.obroucka{ border: 1px solid #510706; background: #f3e9e9; }

.formy { color: rgb(53,53,53); font-size: 18px; line-height: 24px; }
.formy input { font-size: 14px; }

.formy2 { color: rgb(53,53,53); font-size: 13px; line-height: 24px; }
.formy2 input { font-size: 12px; }