html, body, h1, h2, h3, h4, h5, ul, li , p, form, fieldset {margin: 0; padding: 0; border: none; list-style: none}
body {background: url('graphic/header_back.png') repeat-x center top; color: #404040; font: normal normal 62.5% Arial, sans-serif}

/* 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  */

.container {width: 960px; margin: 0 auto; }


.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('graphic/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: #0077b3; 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 */

h1 {display: block; width: 750px; height: 174px; position: relative; margin: 8px 75px 18px}
h1 span {width: 960px; height: 183px; background: url('graphic/h1.png') no-repeat 0 0; top: 0; left: 0}

/* Levý panel se sloganem + pravý sloupec */

h2 {font-size: 2.2em; font-weight: bold; height: 112px; padding: 25px 50px 0; width: 370px; float: left; background: #2e8bb3 url('graphic/panel_back.png') repeat-x center top; color: white; text-align: center; margin: 0 0 40px}
.panel {font-size: 1.4em; font-weight: bold; height: 117px; padding: 20px 50px 0; width: 370px; float: left; background: #2e8bb3 url('graphic/panel_back.png') repeat-x center top; color: white; text-align: center; margin: 0 0 0 20px}
.panel strong {display: block; margin: 18px 0 0}
.panel strong a {color: white; background: #e30000; padding: 6px 18px}

/* Levý sloupec + druhý a třetí se speciálními id kvůli barvám a odsazení */

.collum {width: 268px; border: 1px solid #66b8dc; text-align: center; float: left; margin: 0 75px 0 0}
.collum .headline, .collum2 .headline {background: #66b8dc; font-size: 2.4em; padding: 12px 0 14px; color: white; display: block}
.collum h3, .collum2 h3 {font-size: 1.8em; color: #0077b3; padding: 20px 0 0}
.collum p, .collum2 p {font-size: 1.4em}
.collum p a, .collum2 p a {display: block; padding: 15px 0 0}
.red {color: #e30000}
.collum strong, .collum2 strong {display: block; padding: 20px 0}
.collum .submit, .collum2 .submit {display: inline; background: #66b8dc; padding: 6px 18px; color: white}
.collum .desc, .collum2 .desc {padding: 28px 30px; text-align: justify; background: #eff8fb}
.collum .desc strong, .collum2 .desc strong {display: inline; padding: 0; text-decoration: underline}

.back {display: block; margin: -1px; border-top: 1px solid #66b8dc; background: white url('graphic/arrow.png') no-repeat 30px center; padding: 30px 0 30px 50px; font-weight: bold; font-size: 1.2em}

.second, .second img {border-color: #60c84c}
.second .headline, .second .submit {background: #60c84c}
.second .desc {background: #eff9ed}

.third, .third img {border-color: #e30000}
.third .headline, .third .submit {background: #e30000}
.third .desc {background: #fce5e5}
.third {margin: 0}

.collum2 {width: 613px; float: left; border: 1px solid #66b8dc; margin: 0; text-align: center}
.collum2 h3 {padding: 20px 0 10px}
.collum2 .img {padding: 20px 0}
.collum2 a img {border: 2px solid #66b8dc; margin: 10px}

h4 {text-align: center; font-size: 1.4em; padding: 70px 0; line-height: 24px; background: url('graphic/footer_back.png') repeat-x center bottom}
h4 strong {color: #e30000}

/* Patička */

.footer {width: 100%; border-bottom: 7px solid #66b8dc; font-size: 1.1em}
.footer p {width: 960px; margin: 0 auto}
.footer p .color {color: #0077b3}
.footer p span {width: 380px; float: left; padding: 15px 50px; font-weight: normal}