html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
text-align: left;
background-color: #ebc09a;
color: #000;
font: 13px sans-serif;
}

* {
margin: 0;
padding: 0;
border: 0;
}

#page {
background: url('../img/content-bg.jpg') center 147px no-repeat;
position: relative;
top: 0;
min-height: 100%;
_height: 100%;
margin: 0 auto;
}

#header1 {
background-color: #333333;
width: 100%;
height: 27px;
border-bottom: 1px solid #666666;
}

#header1In {
position: relative;
top: 0;
width: 930px;
height: 27px;
margin: 0 auto;
text-align: right;
overflow: hidden;
}

#header1In button, #header1In input {
font: 10px normal Verdana, Arial, sans-serif;
border: 1px solid #666;
}


#header1In button{
padding: 1px;
background: #333;
color: white;
cursor: pointer;
margin: 3px 5px 0 2px;
}


#header1In input {
margin: 3px 0 0 0;
padding: 2px;
width: 100px;
font: 10px normal Verdana, Arial, sans-serif;
}

#header1In p.servisRight {
line-height: 27px;
display: block;
position: absolute;
right: 170px;
font-size: 11px;
}

#header1In p.servisRight a, #header1In p.servisLeft a {
color: #ccc;
text-decoration: none;
}

#header1In p.servisRight a:hover, #header1In p.servisLeft a:hover {
color: #fff;
}

#header1In p.servisLeft {
line-height: 27px;
display: block;
position: absolute;
left: 5px;
font-size: 11px;
}

a#eshop {
padding: 0 12px 0 17px;
background: url('../img/eshop.gif') left center no-repeat;
}

a#auction {
padding: 0 12px 0 12px;
background: url('../img/auction.gif') left center no-repeat;
}

a#vacancies {
padding: 0 12px 0 10px;
background: url('../img/volna-mista.gif') left center no-repeat;
}

a#contactTop {
padding: 0 12px 0 12px;
background: url('../img/kontakt.gif') left center no-repeat;
}

#header2 {
background: #7A0023 url('../img/header-bg.gif') left bottom repeat-x;
width: 100%;
height: 80px;
border-bottom: 1px solid #666666;
}

#header2In {
position: relative;
top: 0;
left: 0;
width: 960px;
height: 80px;
margin: 0 auto;
}

#header2In h1, #header2In h1 img {
display: block;
width: 114px;
height: 74px;
}

#header2In h1 {
position: absolute;
top: 3px;
left: 10px;
overflow: hidden;
color: #fff;
text-align: center;
font-size: 45px;
font-family: serif;
line-height: 35px
}

#header2In h1 span {
font-size: 22px;
}

#logo {
position: absolute;
top: 3px;
left: 10px;
}

ul#menu {
width: 565px;
margin-right: 10px;
position: absolute;
right: 0;
top: 12px;
}

ul#menu li {
overflow: hidden;
display: block;
float: left;
}

ul#menu li, ul#menu li a span {
height: 29px;
width: 141px;
}

ul#menu li#prvni, ul#menu li#prvni a span {
height: 58px;
width: 141px;
}

ul#menu li a {
cursor: pointer; cursor: hand;
position: relative;
top: 0;
left: 0;
overflow: hidden;
display: block;
height: 25px;
padding-top: 4px;
color: #fff;
text-decoration: none;
text-align: center;
}

ul#menu li#prvni a {
height: 49px;
padding-top: 10px;
}

a span {
position: absolute;
top: 0;
left: 0;
}

ul#menu li#prvni a span {
background: url('../img/button-akce.gif') left center no-repeat;
}

ul#menu li#prvni a:hover span {
background: url('../img/button-akce.gif') -141px center no-repeat;
}

a#druhy span {
background: url('../img/button-o-nas.gif') left center no-repeat;
}

a#druhy:hover span {
background: url('../img/button-o-nas.gif') -141px center no-repeat;
}

a#treti span {
background: url('../img/button-liceni.gif') left center no-repeat;
}

a#treti:hover span {
background: url('../img/button-liceni.gif') -141px center no-repeat;
}

a#ctvrty span {
background: url('../img/button-bonus.gif') left center no-repeat;
}

a#ctvrty:hover span {
background: url('../img/button-bonus.gif') -141px center no-repeat;
}

a#paty span {
background: url('../img/button-seznam.gif') left center no-repeat;
}

a#paty:hover span {
background: url('../img/button-seznam.gif') -141px center no-repeat;
}

a#sesty span {
background: url('../img/button-kosmeticke.gif') left center no-repeat;
}

a#sesty:hover span {
background: url('../img/button-kosmeticke.gif') -141px center no-repeat;
}

a#sedmy span {
background: url('../img/button-top.gif') left center no-repeat;
}

a#sedmy:hover span {
background: url('../img/button-top.gif') -141px center no-repeat;
}

#header3 {
width: 100%;
}

#header3In {
width: 960px;
margin: 0 auto;
min-height: 38px;
_height: 38px;
background: url('../img/navigation-bg.gif') center bottom no-repeat;
}

#header3In p {
font-size: 11px;
padding: 12px 20px;
position: relative;
}

#header3In p a {
font-size: 10px;
padding: 0 3px;
color: #ad3b4b;
}

#header3In p a:hover {
text-decoration: none;
}

#content {
text-align: left;
width: 860px;
margin: 0 auto;
padding: 30px 50px 120px 50px;
}

#content h2 {
color: #910028;
font-family: Garamond, Times, serif;
font-weight: normal;
font-size: 38px;
line-height: 38px;
margin-bottom: 30px;
}

#content h2 span {
color: #000;
font-size: 26px;
line-height: 38px;
}

#content p {
line-height: 17px;
margin-bottom: 30px;
}

#content .styled {
display: block;
padding: 3px;
border: 1px solid #dbbfa7;
background-color: #fff;
}

.left {
margin: 0 10px 10px 0;
float: left;
}

.right {
margin: 0 0 10px 10px;
float: right;
}

.tinner {
margin: 0 32px;
}

a {
color: #910028;
}

a:hover {
text-decoration: none;
}

#content h3 {
color: #910028;
font-weight: bold;
font-size: 16px;
margin-bottom: 6px;
}

#content h4 {
color: #000;
font-weight: bold;
font-size: 13px;
margin-bottom: 6px;
}

#content ul {
margin: 0 0 30px 30px;
list-style-type: square;
}

#content .floatRight {
float: right;
margin: 0 0 10px 10px;
}

#content .floatLeft {
float: left;
margin: 0 10px 10px 0;
}

#fotogalerie {
width: 328px;
height: 312px;
margin-bottom: 30px;
}

#fotogalerie img.thumb {
padding: 4px;
float: left;
}

dl#contact {
margin-bottom: 100px;
}

dl#contact dt {
font-weight: bold;
}

dl#contact dd {
margin-bottom: 10px;
}

dl.person {
width: 310px;
height: 96px;
margin-bottom: 30px;
float: left;
}

dl.person dt, dl.person dd {
display: block;
float: left;
}

dl.person dt {
width: 79px;
}

dl.person dd {
width: 209px;
padding: 25px 10px 0 10px;
}

dl.detail {
display: block;
width: 174px;
float: right;
}

dl.half {
width: 415px;
float: none;
padding-bottom: 30px;
}

.rightAlign {
text-align: right;
}

dl.detail dd {
padding-left: 32px;
}

h3.icon, em.icon {
display: block;
font-style: normal;
font-weight: bold;
font-size: 16px;
padding-left: 32px;
line-height: 24px;
margin-bottom: 10px;
color: #000 !important;
}

.adress {
background: url('../img/ico-house.gif') left center no-repeat;
}

.list {
background: url('../img/ico-door.gif') left center no-repeat;
}

.open {
background: url('../img/ico-clock.gif') left center no-repeat;
}

.contact {
background: url('../img/ico-head.gif') left center no-repeat;
}

dl#hq {
width: 200px;
position: absolute;
right: 0;
top: 0;
}

ul#shopList {
list-style-type: none;
margin-left: 0;
}

ul#shopList li {
display: block;
float: left;
width: 254px;
padding: 20px 0 20px 32px;
}


#footerContainer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}

#footer {
text-align: left;
min-height: 60px;
width: 744px;
padding: 20px 108px;
margin: 0 auto;
background: url('../img/footer-bg.gif') center top no-repeat;
}

#footer dl {
display: block;
width: 162px;
float: left;
font-size: 11px;
padding: 12px;
color: #8D735C;
}

#footer dl a {
color: #c7736c;
}

#footer dl dt{
font-weight: bolder;
margin-bottom: 2px;
}

.clear {
clear: both; 
}

.center {
text-align: center;
}

.margin {
margin-bottom: 30px !important;
}