/* common */
body {color: #000; background: url(../gfx/Body.jpg) 0px 37px no-repeat; background-color: #D8D4C7; font-family: Georgia, serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: Georgia, serif; font-size: 100%;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
.h1 {font-size: 1em; position: absolute; top: 32px; left: 368px;}
h2 {color: #C33416; font-size: 1.3em; font-weight: normal; font-style: italic; margin-bottom: .3em;}
h3 {color: #514437; font-size: 1em; text-transform: uppercase; margin-bottom: .2em;}
h4 {color: #C4BAB0; font-size: 1.2em; font-weight: normal; font-style: italic; margin-bottom: 10px;}

p, dd {margin: 0 0 1.33em 0; line-height: 1.4em;}
p {font-size: .95em;}
ul, ol, dl {font-size: .95em; 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;}
dl dt {color: #514437; font-size: 1em; font-weight: bold; text-transform: uppercase; margin-bottom: .2em;}

img {border: 0;}

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

a {color: #C0331F;}

/* layout */
.Case, #Hlava, #Pata {text-align: left; margin: 0 auto; width: 900px;}
#Hlava {margin-top: 37px; position: relative; height: 197px;}
#Pata {color: #C2B8AE; padding-top: 30px;}
#Superpata {background: #514437;}

#Hlava.hp {height: 254px;}
#Hlava.mala {height: 162px;}

.Pruh {background: #BFB8B0; margin-bottom: 2em; padding-top: .8em;}
.Zajezd {min-height:380px;text-align: center; display: inline; float: left; margin: .8em 0; width: 300px;}
.Sloupec {float: left; display: inline; margin-bottom: 2em; width: 450px;}

/* content */
h1 {font-style:italic;}

.h1 a, .h1 a span {background: url(../gfx/Logo.png); display: block; width: 164px; height: 60px;}
.h1 a {color: #C0311B; font-size: 1.6em; font-style: italic; position: relative; z-index: 1; overflow: hidden;}
.h1 a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

.hp .h1 {top: 32px; left: 340px;}
.hp .h1 a, .hp .h1 a span {background: url(../gfx/LogoHp.png); width: 206px; height: 76px;}
.hp .slogan, #Hlava .podtitul {color: #514437; font-size: 1em; text-transform: uppercase; text-align: center; margin-bottom: .8em; padding-top: 140px;}
.hp .cervena, #Hlava .cervena {color: #C33416; font-size: 1.2em; font-weight: bold; text-transform: none; padding-top: 0;}

#Hlava .podtitul {margin-bottom: .4em; padding-top: 115px;}
#Hlava .cervena {padding-top: 0;}

.jump {position: absolute; top: -100px;}

#Menu {background: #514437; text-align: center; position: absolute; top: 0; left: 0; padding: 7px 0 10px 0; width: 100%;}
#Menu ul {margin: 0 auto; width: 900px;}
#Menu ul li {display: inline;}
#Menu ul li a {color: #DBD8CA; margin: 0 10px;}
#Menu ul li a:hover {text-decoration: none;}
#Menu ul li a.zde {color: #BFB8B0; text-decoration: none;}

.Zajezd h2, .Zajezd h3, .Zajezd img, .Zajezd p {margin-left: 11px; margin-right: 11px;}
.Zajezd h2 {font-size: 1em; font-style: italic; margin-bottom: 10px;}
.Zajezd h2 a {color: #D7D6C2; background: #BF311B; text-decoration: none; padding: 2px 10px;}
.Zajezd h2 a:hover {color: #BF311B; background: none;}
.Zajezd h3 {font-size: .9em; font-weight: bold; letter-spacing: 0; text-transform: uppercase; line-height: 1.4em; margin-bottom: 0;}
.Zajezd img {border: 1px solid #D9D6C8}
.Zajezd p {margin-bottom: .7em;}
.duo {position: relative; left: 150px;}

.lm-1000, .lm-500, .polopenze, .sleva-sangri-la, .sleva-tri-zeme {position: relative; z-index: 1;}
.lm-1000 img, .lm-500 img, .polopenze img, .sleva-sangri-la img, .sleva-tri-zeme img {position: relative; z-index: 2;}
.ruzek {position: absolute; z-index: 3; width: 119px; height: 118px; top: 1px; left: 12px;}
.lm-1000 .ruzek {background: url(/gfx/lm-1000.png) top left no-repeat;}
.lm-500 .ruzek {background: url(/gfx/lm-500.png) top left no-repeat;}
.polopenze .ruzek {background: url(/gfx/pp.png) top left no-repeat;}
.sleva-sangri-la .ruzek {background: url(/gfx/sleva-sangri-la.png) top left no-repeat;}
.sleva-tri-zeme .ruzek {background: url(/gfx/sleva-tri-zeme.png) top left no-repeat;}

.Sloupec h2, .Sloupec h3, .Sloupec p, .Sloupec ul, .Sloupec dl, .Sloupec table {margin-left: 10px; margin-right: 10px;}

h2.linka, h3.linka, p.linka {background: url(../gfx/Linka.gif) top left repeat-x; margin: 0 0 .3em 0; padding: 10px 0 0 0; position: relative;}
h2.ls, h3.ls, p.ls {margin-right: 10px; padding-left: 10px;}
h2.ps, h3.ps {margin-left: 10px; padding-right: 10px;}
h3.mb {margin-bottom: 1em;}

.galerie h2 {margin-left: 11px;}
.galerie img {float: left; display: inline; margin: 0 0 2em 11px; border: 1px solid #514437;}

.pruv {margin-left: 8px; margin-bottom: 0; display: inline;}

img.ops {margin-left: 10px;}
img.ib {border: 1px solid #514437; margin-bottom: 1.33em;}

.objednavka {padding: 0; margin: 0 87px 0 0; width: 400px;}
.objednavka table {margin-bottom: 0;}
.objednavka th {text-align: right; vertical-align: top; padding: 5px 20px 0 0;}
.objednavka h2 {margin-bottom: .8em;}
.objednavka textarea {margin-bottom: 0; height: 90px;}
.objednavka #frmreservation-name, .objednavka #frmreservation-email, .objednavka #frmreservation-phone, .objednavka textarea#frmreservation-note {border: 0; margin-bottom: .7em; padding: 4px 2px; width: 252px;}

.foto {text-align: center; display: inline; margin: 10px 30px 0 0; float: left;}

.podm p {text-indent: -24px; padding-left: 24px;}
.podm ul {margin-left: 35px;}
.podm p.ni {text-indent: 0;}

.oddelovac {font-size: .8em; background: #BFB8B0; text-transform: lowercase; padding: 6px 0; margin: 0;}
.oddelovac a {color: #010000; margin: 0 10px;}
.oddelovac a:hover {text-decoration: none;}

#Pata a {color: #C2B8AE;}
#Pata a:hover {text-decoration: none;}

.formular {padding: 0; margin: 0 90px 0 10px; float: left; width: 370px;}
.formular th {color: #C1B5A9; text-align: right; font-weight: normal; vertical-align: top; padding: 5px 20px 0 0;}
.formular h4 {margin: 0 0 .8em 112px;}
.formular textarea {margin-bottom: 0; height: 120px;}
.formular #frmquestion-name, .formular #frmquestion-email, .formular textarea {border: 0; margin-bottom: .7em; padding: 4px 2px; width: 255px;}

#Pata .Sloupec {width: 400px;}
#Pata .Sloupec ul {margin-top: .7em;}
.split {width: 200px;}
#Pata .Sloupec ul, #Pata .Sloupec p {margin-left: 0;}

#Pata .clr {font-size: 0; width: 900px;}

#Superpata .partneri {color: #958D84; background: #403326; font-size: .8em; padding: 12px;}
#Superpata .partneri p {margin: 0;}
#Superpata .partneri a {color: #958D84;}

#Superpata .Hneda {color: #958D84; background: #282018; font-size: .8em; padding: 12px;}
#Superpata .Hneda p {margin: 0;}
#Superpata .Hneda a {color: #958D84;}

h4.chyba, ul.chyba {color: #fff; background: #c00; padding: 10px;}
h4.chyba {margin: 0;}
ul.chyba {list-style: square; padding-left: 50px;}

.zInfo th, .zInfo td {line-height: 1.4em; vertical-align: top; padding: 0 10px 10px 0;}

.inic {color: #776B60; font-weight: bold; float: left; width: .85em; font-size: 3.1em; line-height: 87%;}

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

.cervena {color: #BF311A;}
.bezova {color: #8F897D;}

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

.skrtle {text-decoration: line-through;}
.lm {color: #fff; background: #c00; padding: .2em;}


div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}
.mw130 {
    min-width:130px;
}

.nomargin {
    margin:0;
}