html, body, h1, h2, h3, h4, h5, ul, li , p, form, fieldset, button, .search input {margin: 0; padding: 0; border: none; list-style: none}
body {background: url('grafika/header_top.png') repeat-x center top; padding: 23px 0 0; color: #5a6470}

/* Výchozí prvky + Základní nastavení (nahoře), měnit opatrně, ovlivní jiné prvky - container obklopuje celý obsah, viktor je čistič, a banner je třída pro obrázek 

Nadpisy jsou upravovány přímo podle potřeb k určitým místům v designu, nedoporučuji je zkoušet používat jinde bez předchozí konzultace */

.container {width: 960px; margin: 0 auto; position: relative; font: normal normal 62.5% Arial, sans-serif}
.viktor {clear: both; float: none; border: none; height: 0; visibility: hidden; margin: 0 !important; padding: 0 !important}
.banner {margin: 0 0 20px}
h4 {font-size: 1.6em; background: url('grafika/h4.png') no-repeat 31px center; color: #31363d; padding: 12px 0 12px 50px}
h5 {font-weight: bold; font-size: 1.4em; padding: 15px 0 5px; text-align: center}

a {color: #5a6470; text-decoration: none}
a:hover {text-decoration: underline}

h1 span, .zabloudil, .zabloudil span, .search input, .search span, .right_collum #contact ul li span, #smaller .hours li span, .button a span, .middle_collum form .budget {position: absolute; z-index: 1; display: block}

/* Hlavička */

.zabloudil {width: 251px; height: 58px; right: 52px; top: 48px; z-index: 2}
.zabloudil span {width: 251px; height: 58px; background: url('grafika/zabloudil.png') no-repeat 0 0; top: 0; left: 0}

h1 {display: block; width: 960px; height: 115px; position: relative}
h1 span {width: 960px; height: 115px; background: url('grafika/header_back.png') no-repeat 0 0; top: 0; left: 0}

.crumbs {height: 26px; padding: 0 0 0 86px; display: block; background: url('grafika/crumbs_left.png') no-repeat left top}
.crumbs li {padding: 0 0 0 6px; background: #5a6470 url('grafika/crumbs_right.png') no-repeat right bottom; height: 26px; min-width: 60px; width: 247px}
.crumbs li a {color: white; text-decoration: none; font-size: 1.6em; font-weight: bold; background: url('grafika/crumbs_dots.png') no-repeat right center; padding: 0 25px 0 0}

.search {display: block; width: 64px; float: right; margin: -21px 0 15px; height: 24px; padding: 0 0 0 141px; position: relative}
.search span {width: 9px; height: 24px; background: url('grafika/search_left.png') no-repeat 0 0; top: 0; left: 0}
.search input {width: 132px; padding: 4px 0; background: url('grafika/search_back.png') repeat-x center top; top: 0; left: 9px}
.search button {width: 64px; padding: 4px 0; background: url('grafika/search_button.png') no-repeat 0 0; color: white; font-weight: bold}

/* Levý sloupec */

.left_collum, .middle_collum {width: 200px; float: left; margin: 0 10px 0 0}
.left_collum h2 {width: 200px; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 1.2em; color: white; background: url('grafika/left_collum_top.png') no-repeat 0 0; height: 27px; text-align: center; line-height: 25px; margin: 0 0 2px}
.left_collum ul {margin: 0 0 10px}
.left_collum ul li a {height: 29px; line-height: 27px; color: #5a6470; font-size: 1.2em; display: block; padding: 0 0 0 30px; background: url('grafika/left_collum_li.png') no-repeat 0 0}
.left_collum ul li.last {height: 51px; background: url('grafika/left_collum_li_bottom.png') no-repeat 0 0}
.left_collum ul li.last a {background: none}
.left_collum ul li a:hover {background: url('grafika/left_collum_li.png') no-repeat 0 bottom}

/* Středový sloupec */

.middle_collum {width: 450px}
.middle_collum div {margin: 0 0 10px; background: #f2faff url('grafika/middle_collum_top.png') no-repeat center top}
.middle_collum div.blue {background: #f2faff url('grafika/middle_collum_blue_bottom.png') no-repeat center top} 
.middle_collum h3 {font-size: 2em; padding: 20px 0; color: #5a6470; font-family: "Palatino Linotype", "New York CE", utopia, serif; text-align: center}

.middle_collum .info a {background: url('grafika/middle_collum_a.png') no-repeat 0 0; width: 191px; height: 27px; display: block; color: #31363d; font-size: 1.2em; line-height: 26px; text-align: center; float: left; margin: 5px 0 5px 22px}
.middle_collum .info a:hover {background: url('grafika/middle_collum_a.png') no-repeat 0 -27px}
.middle_collum .info {margin: 0 0 10px}
.middle_collum .info img {padding: 20px 20px 0}

.middle_collum p {font-size: 1.2em; padding: 0 20px 20px; text-align: justify}
.middle_collum form {padding: 0 20px; font-size: 1.2em; color: #5a6470; position: relative}
.middle_collum legend {font-size: 1.2em; font-weight: bold; padding: 20px 30px}
.middle_collum form textarea {display: block; margin: 10px 0 16px; width: 410px; height: 89px; border: 1px solid #a6afb7}
.middle_collum form strong {color: #7c0041}
.middle_collum form .upload {margin: 0 0 20px 10px}
.middle_collum form p {font-size: 1em; padding: 0}
.middle_collum input {border: 1px solid #a6afb7}
.middle_collum label {display: block; height: 18px}
.middle_collum label span {float: left; line-height: 23px}
.middle_collum input.big {float: right; border: 1px solid #a6afb7; padding: 3px 5px; color: #5a6470; width: 172px}
.middle_collum .mini {width: 210px}
.middle_collum .mini input {float: right; border: 1px solid #a6afb7; padding: 3px 5px; color: #5a6470; width: 138px}
.middle_collum form .budget {background: url('grafika/middle_collum_budget.png') no-repeat; right: 20px; top: 122px; width: 165px; height: 67px; padding: 0 10px}
.middle_collum form .budget strong {text-align: left; display: block; padding: 8px 9px 9px; color: #5a6470}
.middle_collum form strong.block {display: block; padding: 10px 0 0}
.middle_collum form .budget input {width: 87px; padding: 3px 5px; margin: 0 3px 0 0}
.middle_collum form ul {padding: 15px 0 0; display: block; width: 410px}
.middle_collum form ul li {margin: 0 -3px; width: 140px; display: block; float: left; border: thin solid #f2faff; min-height: 20px}
.middle_collum form ul li ul {width: auto; padding: 0}
.middle_collum form ul li label {float: left; padding: 2px 0 0 5px}
.middle_collum .dot {float: left; border: 1px solid #a6afb7; padding: 3px 5px; color: #5a6470; width: auto}

.middle_collum .click {background: url('grafika/middle_collum_blue_button.png') no-repeat; width: 133px; height: 24px; color: white; font-weight: bold; font-family: sans-serif; padding: 0 0 2px; margin: 0 0 10px; line-height: 24px}
.middle_collum .bottom {height: 9px; width: 450px; background: url('grafika/middle_collum_bottom.png') no-repeat 0 0; display: block}

/* Zmenšená varianta pro jednu stránku, různé prvky byly upraveny - neslučovat s normální variantou, nastavení je speciální a nefungovalo by */

#bigger {width: 540px}
#bigger div {background: #f2faff url('grafika/middle_collum_top_bigger.png') no-repeat center top}
#bigger div div {background: none; margin: 0}
#bigger div .left {float: left; width: 219px}
#bigger div .left ul li {padding: 2px 20px; font-size: 1.2em}
#bigger div .left ul li strong {padding: 0 0 0 5px; color: #1f86da}
#bigger div .right {float: left; width: 301px; padding: 0 20px 0 0}
#bigger div img {padding: 0 3px}
#bigger div .infotext {padding: 20px 20px 15px}
#bigger div .right p, #bigger div .right img {padding: 0}
#bigger div div strong.purple {display: block; color: #7c0041; padding: 15px 0 10px}
#bigger div div .desc {text-align: center; padding: 0 0 10px}
#bigger .bottom {height: 9px; width: 450px; background: url('grafika/middle_collum_bottom_bigger.png') no-repeat 0 0}

/* Pravý sloupec */

.right_collum {width: 290px; float: right}
.right_collum div {background: #f2faff url('grafika/right_collum_top.png') no-repeat center top; margin: 0 0 10px}
.right_collum div.blue {background: #f2faff url('grafika/right_collum_blue_top.png') no-repeat center top}

.right_collum div p {font-size: 1.2em; padding: 0 20px 15px; text-align: justify}
.right_collum div p strong {background: url('grafika/right_collum_bottom.png') no-repeat center bottom; text-align: center; display: block; padding: 10px 0; color: #7c0041}
.right_collum #contact p strong {border-bottom: 10px solid white}
.right_collum p strong.text {border: none; color: #5a6470; text-align: left; padding: 20px 0 10px}
.right_collum #contact ul, #smaller .hours {background: url('grafika/right_collum_top.png') no-repeat center top; padding: 15px 0}
.right_collum #contact ul li, #smaller .hours li {color: #1f86da; padding: 3px 20px; position: relative; font-weight: bold; background: none}
.right_collum #contact ul li span, #smaller .hours li span {color: #7c0041; top: 3px; right: 60px; font-weight: normal}
.right_collum div .head {padding: 0; margin: 0}
.right_collum div .head strong {background: none}

.button {text-align: center !important; padding: 20px 0 30px !important; background: url('grafika/right_collum_bottom.png') no-repeat center bottom; font-size: 12px}
.button a {position: relative; background: url('grafika/right_collum_button_back.png') repeat-x center top; color: white; font-weight: bold; padding: 9px 10px 11px; margin: 0 0 0 -10px}
.button a .left {background: url('grafika/right_collum_button_left.png') no-repeat; height: 33px; width: 12px; left: -10px; top: 0}
.button a .right {background: url('grafika/right_collum_button_right.png') no-repeat; height: 33px; width: 23px; right: -20px; top: 0}

.right_collum  div .head_b {display: block; background: url('grafika/right_collum_blue_bottom.png') no-repeat center bottom; padding: 7px 0 13px}
.right_collum  div .head_b strong {border: none; background: none; padding: 0}

.right_collum  ul {font-size: 1.2em; padding: 8px 20px}
.right_collum  ul.colorit strong {color: #7c0041}
.right_collum  ul.colorit li a {background: url('grafika/right_dot.png') no-repeat 0 5px; padding: 0 0 0 14px; display: block}
.right_collum  ul li {width: 250px; background: url('grafika/right_dots.png') no-repeat center bottom; padding: 13px 0}
.right_collum  ul li strong {display: block; padding: 0 0 13px}
.right_collum  ul li.last {background: none; padding: 13px 0 0}
.right_collum .bottom {height: 9px; width: 290px; background: url('grafika/right_collum_bottom.png') no-repeat 0 0; display: block}

/* Zmenšená varianta pro jednu stránku, různé prvky byly upraveny - neslučovat s normální variantou, nastavení je speciální a nefungovalo by */

#smaller {width: 200px; float: right}
#smaller div {background: #f2faff url('grafika/right_collum_top_smaller.png') no-repeat left top; margin: 0 0 10px}
#smaller div.blue {background: #f2faff url('grafika/right_collum_top_smaller.png') no-repeat left top}
#smaller .bottom {height: 9px; width: 290px; background: url('grafika/right_collum_bottom_smaller.png') no-repeat 0 0; display: block}
#smaller .button {background: url('grafika/button_ad.png') no-repeat center top; padding: 0 !important; margin: 0 0 10px}
#smaller .button a {font-weight: normal; display: block; line-height: 30px; margin: 0; padding: 0; height: 32px; background: none}
#smaller #contact ul, #smaller .hours {background: none; padding: 5px 0}
#smaller #contact ul li, #smaller .hours li {width: 160px}
#smaller #contact ul li span {right: 6px}
#smaller .hours li span {right: 20px; color: #5a6470}
#smaller p {padding: 10px 20px 0}
#smaller p strong {text-align: left; border: none}

/* Velký sloupec */

.huge_collum {width: 750px; float: left}
.huge_collum div {position: relative; background: #f2faff url('grafika/huge_collum_top.png') no-repeat center top; border-top: 1px solid white; margin: 0 0 10px}
.huge_collum div.blue {background: #f2faff url('grafika/huge_collum_top_blue.png') no-repeat center top}
.huge_collum h4 {background: url('grafika/h4.png') no-repeat 21px center; margin: 0}
.huge_collum .button {position: absolute; top: -52px; right: 20px; background: none}
.huge_collum div table {width: 710px; margin: 20px 20px 10px; font-size: 1.2em; border: thin solid #d4dce2; border-width: 0 1px 1px 0}
.huge_collum div table tr {border: 10px solid red}
.huge_collum div table th {background: white; border: thin solid #d4dce2; border-width: 1px 0 1px 1px; padding: 6px}
.huge_collum div table td {text-align: center; border: thin solid #d4dce2; border-width: 1px 0 1px 1px; padding: 6px}
.huge_collum .bottom {height: 10px; width: 750px; background: url('grafika/huge_collum_bottom.png') no-repeat 0 0; display: block}

/* Tři velké sloupce s obrázky */

#threecol1 {width: 730px; padding: 0 0 0 20px}
#threecol1 .bottom {margin: 0 0 0 -20px}
.huge_collum .threecol {width: 229px; margin: 0 12px 0 0; float: left; border: none; background: none}
.huge_collum .threecol p {text-indent: 20px; padding: 10px 0; font-size: 1.2em; text-align: justify}
.huge_collum .threecol p.strong {text-align: center; display: block; font-size: 1.4em; text-indent: 0; padding: 20px 0 15px}
.huge_collum .threecol h4 {background: url('grafika/h4.png') no-repeat 11px center; color: #31363d; margin: 0; padding: 12px 0 12px 30px}

/* Vyrovnané poloviční sloupce */

#extend div {width: 365px; float: left; background: #f2faff url('grafika/extend_collum_top.png') no-repeat center top}
#extend .bottom {width: 365px; background: url('grafika/extend_collum_bottom.png') no-repeat 0 0}
#extend div.margin {margin: 0 20px 0 0}
#extend div h5 {padding: 20px 0 15px}
#extend div img {border: 1px solid #5a6470; margin: 0 10px -4px}

/* Patička */

.footer {height: 64px; margin: 30px 0 0}
.footer ul {width: 960px; background: url('grafika/footer_bottom.png') no-repeat center bottom; height: 64px}
.footer ul li {width: 320px; text-align: center; float: left; font-size: 1.2em; color: #5a6470; line-height: 56px}
.footer ul li:first-child {text-align: left; padding: 0 0 0 50px; width: 270px}