/* common */
body {color: #fff; background: #25292d; 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 {position: absolute; top: 30px; left: 40px;}

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: .3em;}

img {border: 0;}

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

a {color: #e90101;}

/* layout */
#Case {color: #000; background: #dfdfe0; text-align: left; margin: 0 auto; width: 1002px;}
#Hlava {background: url(../gfx/Hlava.jpg) top left no-repeat; border-top: 3px solid #e90101; position: relative; height: 545px;}
#Pata {color: #fff; background: #838388; padding: 2em 0 0 0;}

#HlavaMala {background: #838388; border-top: 3px solid #e90101; border-bottom: 42px solid #e90101; margin-bottom: 3em; position: relative; height: 197px;}

/* content */
h1 a, h1 a span {background: url(../gfx/Logo.png); display: block; width: 269px; height: 137px;}
h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

p.slog {color: #fff; font-size: 2.2em; font-weight: bold; text-transform: uppercase; line-height: 1.2em; position: absolute; top: 40px; right: 75px;}
p.slog span {text-transform: none;}

#Hlava .box {background: url(../gfx/Prusvit.png) top left; position: absolute; display: inline; padding: 1px 0; top: 155px; right: 40px; width: 270px;}
#Hlava .box * {margin: 0 20px;}
#Hlava .box h2 {font-size: 1.5em; margin-top: 19px; margin-bottom: .5em;}
#Hlava .box p {font-size: 1em; text-transform: uppercase; margin-bottom: 1.33em;}
#Hlava .box p span {font-size: 1.5em; text-transform: none; line-height: 1.1em; display: block; margin: .4em 0 0 0;}
#Hlava .box p.lower {text-transform: none;}
#Hlava .box p strong {margin: 0; padding: 0;}

.model {float: left; display: inline; width: 328px;}
.model h2 {color: #fff; background: #e90101; font-size: 1.4em; text-align: center; border-right: 18px solid #e90101; margin-right: -18px; padding-left: 18px; height: 42px; line-height: 42px;}
.model h2 a {color: #fff; text-decoration: none;}
.model h2 a:hover {text-decoration: underline;}
.model img {margin: 18px 0 18px 18px; clear: both;}
.model ul {color: #fff; background: #838388; font-weight: bold; margin: -21px 0 3em 18px; padding: 18px;}
.model ul li {background: url(../gfx/LiBila.gif) 0px 8px no-repeat; position: relative; padding-left: 10px;}

#Obsah h2 {color: #e90101; font-size: 1.4em; text-transform: uppercase; margin-bottom: .4em;}
#Obsah h3 {font-size: 1em; margin-bottom: .3em;}
#Obsah ul li {background: url(../gfx/Li.gif) 0px 8px no-repeat; position: relative; padding-left: 10px;}
.sloupec {float: left; display: inline; margin-left: 40px; width: 441px;}

#Obsah .box {background: #fff; clear: both; margin-bottom: 1.33em; padding-bottom: 1px;}
#Obsah .box h3 {color: #fff; background: #e90101; font-size: 1.2em; font-weight: normal; padding: 0 12px; line-height: 30px; height: 30px;}
#Obsah .box p {line-height: 1.7em; margin-bottom: 3em;}
#Obsah .box img {margin: 5px 13px 13px 13px;}

#Polaris {background: #253d83; clear: both; margin: 2em 18px; height: 305px;}
#Polaris img {float: left; vertical-align: top;}
#Polaris img.polaris {margin-right: 18px;}
#Polaris .logo {padding-top: 18px;}
#Polaris img.polarislogo {margin-bottom: 1em;}
#Obsah #Polaris h2, #Obsah #Polaris h3, #Obsah #Polaris p {margin-bottom: 0; padding-bottom: .5em; padding-right: 18px;}
#Obsah #Polaris h2, #Obsah #Polaris h3 {font-size: 1.3em;}
#Obsah #Polaris p {font-size: 1em; font-weight: bold;}
#Obsah #Polaris a {text-decoration: none;}
#Obsah #Polaris p a {color: #c0ccf0;}
#Obsah #Polaris h2 a, #Obsah #Polaris h3 a {color: #fff;}
#Obsah #Polaris a:hover {text-decoration: underline;}

p.nastroje {font-size: .8em; margin: 1em 0;}
p.nastroje a {color: #000; margin: 0 7px;}
p.nastroje a:hover {text-decoration: none;}

#Pata h2 {color: #fff; font-size: 1em; margin-bottom: 1em;}
#Pata a {color: #fff;}
#Pata a:hover {text-decoration: none;}

.formular {float: left; display: inline; margin-left: 40px; width: 441px;}
.formular table {margin: 0 0 1em 62px;}
.formular th {font-weight: normal; vertical-align: top; padding: 5px 20px 0 0;}
.formular h2 {margin-left: 175px;}
.formular textarea {margin-bottom: 0;}
#jmeno, #email, textarea {border: 1px inset #838388; margin-bottom: .7em; padding: 4px; width: 255px;}

#Pata .formular h2.chyba, .formular ul.chyba {color: #fff; background: #c00; margin: 0 0 0 40px; padding: 10px;}
.formular ul.chyba {list-style: square; margin-bottom: 1.33em; padding: 0 0 10px 50px;}

.split {margin-left: 60px;}

p.copy {color: #fff; background: #585860; font-size: .8em; line-height: 35px; border-bottom: 3px solid #e90101; margin: 0; height: 35px;}
p.copy a {color: #fff; text-decoration: none;}
p.copy a:hover {text-decoration: underline;}

/* pre-defined */
.center {text-align: center;}
.right {text-align: right;}

.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
.il {margin: 4px 15px 0 0;}
.ir {margin: 4px 0 40px 15px;}
.nm {margin: 0;}
.mb {margin-bottom: 2em;}

.cervena {color: #e90101;}