/* obecne styly */
body {color: #000; background: url(/gfx/body.png) top center no-repeat; background-color: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1, h2 {color: #18a1db; font-size: 1.4em; border-bottom: 1px solid #18a1db; margin-bottom: .5em; display: inline;}
h3 {color: #f90; font-size: 1em; text-transform: uppercase; margin-bottom: .5em;}

p {font-size: .9em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul, ol, dl {font-size: .9em; margin: 0 0 1.33em 0; padding: 0;}
ul {list-style: none; position: relative;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .5em;}

img {border: 0;}

table {font-size: 1em; margin-bottom: 1.33em;}
th {text-align: left;}

a {color: #000;}

/* layout */
#hlavni {text-align: left; margin: 0 auto; width: 712px;}
#hlavicka {background: url(/gfx/hlavicka.png) bottom right no-repeat; height: 289px; position: relative;}
#obsah {margin-left: 265px; padding-top: 3em;}
#pruh {background-color: #999;}
#pata {margin: 0 auto; text-align: left; width: 712px;}

/* obsah */
.motto {color: #18a1db; font-size: 1.1em; font-weight: bold; position: absolute; bottom: 1em; right: 510px; margin: 0; text-align: right; width: 300px;}

#obsah ul {margin: 1em 0 3em 0;}
#obsah ul li {background: url(/gfx/odrazka.gif) 0px 8px no-repeat; padding-left: 1em; position: relative;}
#obsah ul.m0 {margin: 1em 0 0 0;}

.kontakt {color: #fff; padding: 1em 0 1px 0; float: left; width: 265px;}
.kontakt a {color: #fff;}

.formular {color: #fff; float: right; width: 447px;}
.formular h2, .kontakt h2 {color: #fff; font-size: 1.1em; border: none; padding-left: 115px;}
.kontakt h2 {padding: 0;}

.formular {margin: 0; padding: 1em 0;}
.formular table {margin: 1em 0 .1em 0; font-size: .9em;}
.formular th, .formular td {vertical-align: top;}
.formular th {text-align: right; padding: .5em 15px 0 0; width: 100px;}
.formular td {padding-bottom: .5em;}
th.nepovinne {font-weight: normal;}
.formular table input, .formular table textarea {padding: 5px; width: 252px;}
textarea {height: 100px;}
.formular table input#submit {width: auto;}

.formular .chyby {color: #fff; background: #c00; padding: 1em; margin: 0 65px 1em 0;}
.formular .chyba {width: auto;}
.formular h2.chyba {margin: 0; padding: 0;}
.formular ul.chyba {padding-left: 1em; margin: 1em 0 0 0;}
.formular ul.chyba li {list-style: square; margin-left: 1.5em;}

/* obecne tridy */
.centr {text-align: center;}
.vpravo {text-align: right;}
.vlevo {text-align: left;}

.clr {border: 0; clear: both; display: block; height: 0; margin: 0; visibility: hidden;}

.pl {float: left;}
.pp {float: right;}

.m0 {margin: 0;}
.mn1 {margin-top: 1em;}
.md1 {margin-bottom: 1em;}
.mp1 {margin-right: 1em;}
.ml1 {margin-left: 1em;}

.mn2 {margin-top: 1.4em;}
.md3 {margin-bottom: 3em;}