/* CSS Document */

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #4f4f4f url('../images/bg-body.png') left top repeat-x;
color: #666;
font-family: lucida, sans-serif;
font-size: 12px;
}

* {
margin: 0;
padding: 0;
}

.cleaner {
clear: both;
display: block;
width: 1px;
height: 1px;
line-height: 1px;
font-size: 1px;
}

.rght {
text-align: right;
}

.float-rght {
float: right;
}

.vizual {
margin: 0 0 15px 15px;
border: 1px solid #242424;
}

.highlight {
padding: 7px;
border: 1px solid #242424;
background-color: #1a1a1a;
color: #999;
}

.orange {
color: #f26724 !important;
}


#header, #content {
width: 960px;
min-height: 192px;
background: url('../images/bg-page.png') center top repeat-y;
margin: 0 auto;
padding: 0 14px;
}

#header-in {
background: #000 url('../images/bg-header.png') left bottom no-repeat;
min-height: 178px;
padding-bottom: 14px;
position: relative;
}

#footer {
width: 930px;
min-height: 33px;
background: url('../images/bg-footer.png') center top no-repeat;
margin: 0 auto;
padding: 0 29px;
}

#footer p#copy {
color: #808080;
float: left;
display: block;
width: 70%;
margin-left: 15px;
padding: 27px 0 0 0;
}

#footer img#boss {
float: left;
display: block;
padding: 23px 8px 9px 0;
}

#footer p#copy a {
color: #808080;
}

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

#footer p#go-up {
margin-top: 20px;
font-size: 18px;
font-weight: bold;
display: block;
width: 20px;
text-align: center;
float: right;
}

#go-up a {
color: #808080;
text-decoration: none;
}

#go-up a:hover {
color: #000;
}


/* menu */

#main-menu li {
display: block;
height: 113px;
width: 128px;
float: left;
}

#main-menu li a {
display: block;
width: 100%;
height: 100%;
text-align: center;
color: #666;
font-size: 16px;
line-height: 24px;
text-decoration: none;
padding-top: 65px;
background: url('../images/li-splitter.png') left center no-repeat;
}

#main-menu li a:hover {
color: #fff;
}

#main-menu li a strong {
font-weight: normal;
}

/* konec menu */

#logo, #alt {
display: block;
height: 178px;
width: 273px;
position: absolute;
right: 0;
top: 0;
border: none;
overflow: hidden;
}

/* sidebox */

#sidebox {
height: 100%;
width: 245px;
padding: 0 14px;
float: right;
border-left: 1px solid #1a1a1a;
margin-left: 14px;
}

#sidemenu {
list-style-type: none;
}


#sidemenu li {
display: block;
width: 245px;
height: 185px;
margin-bottom: 14px;
}

#sidemenu li a {
position: relative;
display: block;
width: 243px;
height: 183px;
border: 1px solid #242424;
font-size: 16px;
color: #fff;
text-decoration: none;
margin-bottom: 0px;
}

#sidemenu li a strong {
display: block;
width: 229px;
padding: 5px 7px;
background: url('../images/bg-70pct-black.png');
position: absolute;
bottom: 0;
cursor: hand;
cursor: pointer;
}

a#vune {
background: url('../images/parfemy-hugo-boss-x.jpg') left top no-repeat;
}

a#orange {
background: url('../images/parfemy-boss-orange-x.jpg') left top no-repeat;
}

a#skin {
background: url('../images/boss-skin-x.jpg') left top no-repeat;
}

.lastone {
margin-bottom: 0 !important;
}

/* main-content */

#main-content {
float: left;
width: 658px;
margin-left: 14px;
}

#main-content p, #main-content dl, #main-content ul, #main-content ol {
line-height: 19px;
margin-bottom: 10px;
}

#main-content p a, #main-content dl a, ul.normal-list a, #main-content ol a {
color: #666;
text-decoration: none;
border-bottom: 1px dotted #666;
}

#main-content p a:hover, #main-content dl a:hover, ul.normal-list a:hover, #main-content ol a:hover {
color: #999;
text-decoration: none;
border-bottom: 1px dotted #999;
}

#main-content h2 {
font-size: 22px;
color: #999;
font-weight: normal;
margin-bottom: 10px;
}

#main-content h3 {
font-size: 14px;
color: #999;
font-weight: bold;
margin: 25px 0 10px 0;
}

#main-content dl dt {
font-weight: bold;
}

ul.normal-list li {
margin-left: 10px;
padding-left: 20px;
list-style-type: none;
background: url('../images/li-odrazka.gif') 5px 6px no-repeat; 
}

#main-content ol li {
margin-left: 30px;
}

/* hodinky bezova */
.hodinky {
background-color: #ede5d5 !important;
min-height: 700px;
padding: 25px;
width: 608px !important;
}

.hodinky p, .hodinky ul, .hodinky ol, .hodinky h3, .hodinky dl, .cform legend, .cform label, ol.cf-ol li.textonly, span.reqtxt, span.emailreqtxt {
color: #231f20 !important;
}

.cform input, .cform textarea, .cform select {
border: 1px solid #ead8c2 !important;
}

.hodinky a {
color: #ea611b !important;
}

.hodinky h2 {
display: none !important;
}

/* fragrance listing */

.fragrance-list {

}

.fragrance-list li {
display: block;
float: left;
width: 195px;
min-height: 354px;
background-image: none !important;
padding: 10px;
border: 1px solid #0f0f0f;
border-right: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
margin-bottom: 0px;
padding-bottom: 0px;
}

.fragrance-list li.pravy {
border-right: 1px solid #0f0f0f;
}

.fragrance-list li.spodni {
border-bottom: 1px solid #0f0f0f;
}


.fragrance-list li img {
display: block;
border: none;
}

.fragrance-list h4 {
text-align: center;
font-weight: normal;
font-size: 17px;
color: #fff;
margin: 10px 0;
}

.fragrance-list span.vice {
display: block;
text-align: right;
}

.fragrance-list a {
color: #666;
text-decoration: none;
}

.fragrance-list a:hover {
color: #fff;
}

.linklove {
display: none;
}