body {
background:url('bg-body.gif') left top repeat;
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
color:#271f18;
}
.clr {
clear:both;   
}
del {
color:#ff0000;
}
#page {
text-align:center;
width:100%;
background:url('bg-page.gif') left top repeat-x;
}
#left {
width:232px;
height:489px;
background:url('bg-left.gif') left top no-repeat;
position:absolute;
margin:-249px 0 0 -230px;
}
#header {
text-align:left;
margin:0 auto;
width:980px;
height:207px;
background:url('bg-header.gif') left top no-repeat;
}
h1#pageTitle {
display:none;
}
h2 {
margin:10px 0 10px 0;
}
h3 {
font-size:0.80em;
font-weight:bold;
}
#menu1 {
float:right;
margin:157px 6px 0 0;
list-style-type:none;
padding:0;
width:800px;/*718px;*/
line-height:28px;
height:28px;
}
#menu3 {
height:28px;
line-height:28px;
list-style-type:none;
margin:0 auto 20px auto;
width:630px;
}
#menu1 li, #menu3 li {
float:left;
margin:0 0 0 1px;
background:url('bg-menu-li.gif') right 9px no-repeat;
}
#menu3 li {
background:url('bg-menu3-li.gif') right 6px no-repeat;
}
#menu1 li.last, #menu3 li.last {
background:none;
}
#menu1 li a,
#menu3 li a {
display:block;
text-transform:upper-case;
}
#menu1 li a span,
#menu3 li a span {
display:block;
padding:0 10px 0 10px;
}
#menu3 li a,
#menu3 li a:active,
#menu3 li a:visited,
#menu1 li a,
#menu1 li a:active,
#menu1 li a:visited {
color:#ffffff;
text-decoration:underline;
}
#menu3 li a:hover,
#menu3 li.active a {
color:#00C6FF;
text-decoration:none;
}
#menu1 li a:hover,
#menu1 li.active a {
color:#00C6FF;
text-decoration:none;
background:url('bg-menu-li-h.gif') left top no-repeat;
}
#menu1 li a:hover span,
#menu1 li.active a span {
background:url('bg-menu-li-right-h.gif') right top no-repeat;
}
#logo {
position:absolute;
margin-left:7px;
top:5px;
}
#logo a img {
border:0;
}
#container {
background:url('bg-container.gif') 2px top repeat-y;
text-align:left;
margin:0 auto;
width:980px;
}
#content {
float:right;
width:690px;
margin:0 6px 0 0;
padding:0 17px 0 10px;                                           
background:url('bg-content.gif') left top repeat-x;
}
#column {
float:right;
width:237px;
padding:0 0 0 10px;
background:url('bg-content.gif') left top repeat-x;
}
#content-box {
padding:0 25px 50px 0;
}
#navigation {
font-size:0.85em;
margin:10px 0 0 0;
padding:0 0 12px 0;
border-bottom:1px solid #beb18f;
}
#navigation a {
color:#00c6ff;
text-decoration:underline;
}
#navigation a:hover {
text-decoration:none;
}
#action-of-day,
#action-of-week,
#search,
#news {
width:224px;
margin:18px 0 19px 0;
background:url('bg-news-li.gif') left top repeat-y;
color:#1B140F;
}
#action-of-day h3,
#action-of-week h3,
#search h3,
#news h3 {
height:30px;
text-transform:uppercase;
line-height:30px;
background:url('bg-news-title.gif') left top no-repeat;
padding:0 14px 0 14px;
}
#action-of-day div.action-box,
#action-of-week div.action-box,
#search ul,
#news ul {
margin:0 0 0 0;
padding:0 0 20px 0;
list-style-type:none;
background:url('bg-news-ul.gif') left bottom no-repeat;
}
#news ul {
height:300px;
overflow-y:scroll;
overflow-x:auto;
}
#search ul li,
#news ul li {
padding:0 14px 0 14px;
font-size:0.70em;
font-weight:bold;
}
#news ul li {
font-weight:normal;
border-bottom:1px solid #f1f0e8;
padding-top:5px;
padding-bottom:5px;
}
#news ul li a img {
border:none;
}
#news ul li b {

}
#news ul li p {
padding:0;
margin:0;
}
#square-banner {
width:225px;
height:225px;
background:#C0BAAB;                
border:1px solid #B5AD99;
color:#958980;
margin:0 0 19px 0;
}
#footer {
margin:0 auto;
padding:55px 0 0 0;
width:980px;
height:205px;
background:url('bg-footer.gif') 2px top no-repeat;
}
#copyright {
font-size:0.80em;
margin:0 0 0 0;
clear:both;
color:#615A50;
}
#menu-shop {
margin:10px 0 0 0;
padding:0 0 5px 0;
background:url('bg-menu-categories-footer.gif') left bottom no-repeat;
}
#menu-shop h3,
#menu-marks-a,
#menu-categories-a {
color:#CDBA8D;
background:url('bg-menu-categories-title.gif') left top no-repeat;
width:92px;
height:29px;
line-height:29px;
margin:0 1px 0 0;
text-align:center;
font-size:0.75em;
}
#menu-marks-a,
#menu-categories-a {
font-weight:bold;
text-decoration:underline;
display:block;
color:#251E17;
background:url('bg-menu-categories-a.gif') left top no-repeat;
}
#menu-marks-a:hover,
#menu-categories-a:hover {
text-decoration:none;
}
#menu-categories ul,
#menu-marks ul {
list-style-type:none;
margin:0;
padding:0;
}
#menu-categories,
#menu-marks {
background:url('bg-menu-categories-header.gif') left top no-repeat;
width:224px;
clear:both;
padding:9px 0 0 0;
}
#menu-shop-switch {
float:left;
}
#menu-shop-switch a,
#menu-shop-switch h3 {
float:left;
}
#menu-shop li {
margin:0;
background:url('bg-shop-li.gif') left top no-repeat;
}
#menu-shop li a {
display:block;
width:224px;
height:23px;
line-height:23px;
text-decoration:none;
font-weight:bold;
font-size:0.75em;
padding:0 0 0 15px;
color:#00CCFF;
}
#menu-shop li.c1 a {
color:#CDBA8D;
}
#menu-shop li.c2 a {
color:#00CCFF;
}
#menu-marks li.category-active a, 
#menu-shop li ul li.category-active a {
text-decoration:underline;
}
#menu-shop a#mc-panske-obleceni {
background:url('bg-menu-panske-obleceni.gif') left top no-repeat;
}
#menu-shop a#mc-damske-obleceni {
background:url('bg-menu-damske-obleceni.gif') left top no-repeat;
}
#menu-shop a#mc-damske-obleceni,
#menu-shop a#mc-panske-obleceni {
height:37px;
line-height:48px;
color:#CDBA8D;
padding:0 0 0 35px;
}
#menu-shop li.active a,
#menu-shop li a:hover {
text-decoration:underline;
}
a.hide {
display:none;
}

/* hp */
#hp-title {
display:none;
}
/*#hp-content-box {
background:url('bg-homepage-content-top.gif') left top no-repeat;
width:620px;
margin:0 0 0 72px;
padding:20px 0 0 0;
color:#ffffff;
font-size:0.77em;                        
}
#hp-content-box-inner {
float:left;
background:url('bg-homepage-content-bottom.gif') left bottom no-repeat;
width:560px;
padding:5px 30px 15px 30px;
}*/

/* fotogalerie */
ul#photos,
div#product-detail-alternates ul,
div#catalogue-products ul,
div#catalogue-actions ul,
div#catalogue-news ul {
list-style-type:none;
padding:0;
margin:0;
}

div#product-detail-alternates ul li,
div#catalogue-products ul li,
div#catalogue-actions ul li,
div#catalogue-news ul li, 
ul#photos li {
margin:0 12px 18px 0;
padding:6px 0 0 6px;
float:left;
width:154px;
height:219px;
background:url('bg-item.gif') left top no-repeat;
}
div.card-action-flags,
div.card-news-flags {
position:absolute;
margin:-6px 0 0 102px;
width:49px;
height:49px;
}
div.card-action-flags {
background:url('bg-akce.gif') left top no-repeat;
}
div.card-news-flags {
background:url('bg-nove.gif') left top no-repeat;   
}

.first-row-card,
.first-row-photo {
clear:both;
}
div#product-detail-alternates ul li a img,
div#catalogue-products ul li a img,
div#catalogue-actions ul li a img,
div#catalogue-news ul li a img,
ul#photos li a img {
border:none;
}
h3.photo-title {
margin:11px 3px 0 3px;
font-size:0.75em;
}
h3.card-title,
h4.card-title {
font-size:0.75em;
margin:12px 0 0 0;
}
h3.card-title a,
h4.card-title a {
text-decoration:none;
color:#000000;
}
h3.card-title a:hover,
h4.card-title a:hover {
text-decoration:underline;
}
div.card-description {
margin:0 9px 0 0;
padding:0 3px 3px 3px;
text-align:center;
}
div.card-price {
color:#50c4ec;
font-size:0.75em;
font-weight:bold;
}

div#product-detail-alternates,
div#catalogue-products,
div#catalogue-actions,
div#catalogue-news {
float:left;
width:690px;
}
div#catalogue-actions-title,
div#catalogue-news-title {
clear:both;
border-bottom:1px solid #beb18f;
height:31px;
margin:10px 0 10px 0;
}
div#catalogue-actions-title h3,
div#catalogue-news-title h3 {
text-align:center;
text-transform:uppercase;
width:157px;
height:30px;
line-height:30px;
color:#ffffff;
background:url('bg-category-title.gif') left top no-repeat;
}
div.pager {
clear:both;
margin:10px 0 10px 0;
text-align:right;
}
span.pager-current-page {
font-size:1.20em;
color:#00C6FF;
font-weight:bold;
}
div.pager a {
color:#000000;
text-decoration:underline;
}
div.pager a:hover {
text-decoration:none;
}

#mark-description,
#product-detail {
border:1px solid #eaeadb;
background:#ffffff;
margin:0 0 20px 0;
padding:20px;
}
#product-detail a {
color:#00C6FF;
text-decoration:underline;
}
#product-detail a:hover {
text-decoration:none;
}
.to-basket-table {
background:#eaeadb;
margin:10px 0 0 0;
}
#product-detail a img {
border:2px solid #eaeadb;
padding:5px;
}           
#product-detail hr {
visibility:hidden;
}
#product-detail-images-switch {
width:90px;
float:left;
}
#product-detail-box {
float:left;
width:530px;
margin:0 10px 0 0;
}
#product-detail-info {
float:left;
font-size:0.95em;
padding:0 10px 0 10px;
}
#product-detail-box,
#product-detail-image {
float:left;
}
#product-detail-images-switch ul {
list-style-type:none;
margin:0;
padding:0;
}

#user-menu,
#loginBtn,
#basketThumbnail {
position:absolute;
display:block;
top:76px;
text-align:left;
width:230px;
height:29px;
line-height:29px;
color:#cdba8d;
font-size:0.80em;
margin:0 0 0 740px;
}
a#basketThumbnail {
font-size:0.70em;
text-decoration:none;
background:url('bg-basket-thumbnail.gif') right -1px no-repeat;
}
#user-menu a {
text-decoration:none;
color:#4fbced;
text-decoration:underline;
}
#user-menu a:hover {

}
a#basketThumbnail:hover {
text-decoration:underline;
}
#user-menu,
#loginBtn {
top:0px;
color:#4fbced;
}

/* nakupni kosik */
#basket {
width:680px;
border:1px solid #eaeadb;
background:#ffffff;
}
#userForm,
#basketLoginForm {
float:left;
border:1px solid #eaeadb;
background:#ffffff;
width:330px;
padding:10px 0 10px 0;
margin:10px 0 50px 0;
}
#basketLoginForm h3,
#basketLoginForm p {
margin:10px 10px 10px 10px;
}
#basketLoginForm { 
margin-left:15px;
}
#userForm fieldset {
border:none;
border-bottom:1px solid #eaeadb;
padding:0 10px 0 10px;
margin:0;
}
#userForm label {
font-weight:bold;
}
#userForm fieldset legend {
font-weight:bold;
margin:10px 0 10px 0;
}
#userForm p {
margin:2px 0 8px 10px;
}
#userForm dl {
margin:2px 0 8px 10px;
}
#userForm dd {
margin:0;
}
#basket tr th {
background:#eaeadb;
}
ul#system-messages li {
list-style-type:none;
text-align:center;
font-size:1.10em;
padding:5px;
margin:2px 0 2px 0;
}
ul#system-messages {
margin:10px;
padding:0;
}
.system-message-1 { background:#bdf2ff; }
.system-message-2 { background:#FF7400 }

.required,
.error {
color:#ff0000;
}
.error {
display:block;
}

.articles-list {
list-style-type: none;
padding: 0;
}
#hp-content-box,
.articles-list li {
border:1px solid #beb18f;
padding:10px;
margin-bottom:10px;
background:#C0BAAB;
}
#hp-content-box {
   padding:5px 10px 5px 10px;
   font-size:small;
}
#hp-content-box a,
#hp-content-box a:active,
#hp-content-box a:visited,
#hp-content-box a:hover {

}
.articles-list img {
border: 0;
float:left;
margin: 0 20px 20px 0;
}
.articles-list li h3 {
margin:0 0 10px 0;
font-size:14px;
}
#article-related ul li a,
.articles-list li h3 a {
color:#000000;
}
#article-related ul li a:hover,
.articles-list .btnMore a:hover, 
.articles-list li h3 a:hover {
text-decoration:none;
}
.articles-list .btnMore {
float:right;
font-size:12px;
}
.articles-list .btnMore a {
color:#000000;
}
#article-author {
   width:315px;
   float:left;
   margin:0 15px 0 0;
}
#article-related {
   width:315px;
   float:left;
}
#article-related h4,
#article-author h4 {
margin:0 0 10px 0;
}
#article-related {

}
#article-related ul {
list-style-type:none;
margin:0;
}
#article-related ul li {
   border:none;
   padding:0;
}
#action-of-day div.action-box,
#action-of-week div.action-box {
   text-align:center;
}
#action-of-day div.action-box img,
#action-of-week div.action-box img {
border:none;
}
#action-of-day div.action-box h4 a,
#action-of-week div.action-box h4 a {
color:#000;
}
#action-of-day div.action-box h4 a:hover,
#action-of-week div.action-box h4 a:hover {
text-decoration:none;
}

#banners {  
   margin:6px 0 10px 0;
}
#banners ul {
   list-style-type:none;
   padding:0;
   margin:0;
}
#banners ul li img {
   border:0;
}
#banners-switcher {
   display:none;
}
#banners-switcher a {
   font-size:small;
   border:1px solid #beb18f;
   background:#C0BAAB;
   color:#271f18;
   padding:2px;
   margin:0 2px 0 2px;
}


#logos {  
   background-color:#f0ece0; 	
   margin:0 0 0 8px;
   padding:0 0 0 10px;
   width:956px;
   height:42px; 
}
#carousel-wrapper {
   float:left;
   width:904px;
   background-color:#f0ece0; 	   
   text-align:center;
   overflow:hidden;
   height:42px;      
   padding:0 0 0 0;   
}
#carousel-content {   	
   margin:0 6px 0 0;
   text-align:center;       
   width: 1040px;    
}
#carousel-wrapper a {
   margin:0 0px 0 0px;
}
#carousel-wrapper a img {
   border:1px solid #dedbc7; 
}

#carousel-content .slide {	
    float: left;
    width: 90px;
    height: 42px;
    margin:0 2px 0 2px;
}
#logos .carousel-control {
   display:block;	
   float:left;
   width: 15px;
   height: 42px;
   line-height:42px;
   margin:0 2px 0 2px;
   background:#dedbc7;
   text-decoration:none;
   color:#2a211a;
}