body {margin: 0px; padding: 0px; font-family:  Arial, 'Geneva CE' , lucida, sans-serif; font-size: 0.8em; text-align: center; background-color: white; background-image: url('/images/bg.png'); background-repeat: repeat; background-position: 50% 50%; }

input, option, select, textarea {font-family:  Arial, 'Geneva CE' , lucida, sans-serif; font-size: 100%;}
img { border: none; margin: 0; padding: 0; }
span { margin: 0; padding: 0;}

.highslide-image {background-color: White;}
.highslide-caption {min-height: 15px;}
/*.draggable-header .highslide-header { display: none; }*/
.highslide-footer { display: none; }

.clear { clear: both; }
.autoItem {color: #545454; background-color: #E5E5E5;}
 
.button {float: right; background-color: #74593C; color: White; padding: 2px 20px 2px 20px; cursor: pointer; font-size: 10pt;}
a.button {display: block; text-align: center; text-decoration: none; padding: 3px 20px 2px 20px;  font-size: 10pt;  border-top: none; border-left: none;}
.dialogButtons .button.submit {background-color: #511726;}

#page { position: relative; width: 990px; padding: 0px; margin: auto; text-align: left; }

#pageBannerLeft {position: absolute; left: -180px; top: 175px; width: 160px; background-color: White;}
#pageBannerRight {position: absolute; right: -180px; top: 175px; width: 160px; background-color: White;}

.titlebar { background-color: #511726; color: rgb(200,187,191); padding: 4px 5px 4px 22px; font-size: 100%; font-weight: normal; background-image: url('/images/starlet_gold.png'); background-position: 5px 50%; background-repeat: no-repeat; }
.titlebar a { color: rgb(200,187,191); text-decoration: none; }

.customCoinage .titlebar { background-color: #6D7E48; background-image: none; padding: 4px 5px 0px 15px; color: white; }
.svatba .titlebar { background-color: #528097; background-image: none; padding: 4px 5px 0px 15px; color: white; }

.club { background-color: white; }
.club .content { padding: 10px; }
.club .titlebar { background-color: #845F80; background-image: none; padding: 4px 5px 4px 5px; color: white; }
.club .titlebar a, .customCoinage .titlebar a, .svatba .titlebar a { color: white; }

.svatba #content { margin-bottom: 10px; }
.svatba #content #section { border: solid 5px #528097; }
.svatba #content #section .sectionPerex { padding: 10px; }
.svatba #content #article { border: solid 5px #528097; padding: 20px 20px 20px 20px;  }
.svatba #tabs .tabCanvas { background-color: #528097; border-right: solid 4px #528097;}


.svatba .button {border-color: #DAE3E9 #7499AD #7499AD #DAE3E9; background-color: #A9C0CC; color: #3E6273;}
.svatba .button.submit {border-color: #DAE3E9 #7499AD #7499AD #DAE3E9; background-color: #3E6273; color: white;}

.svatba #sidebar #loginBox .button  {border-color: #DAE3E9 #7499AD #7499AD #DAE3E9;}

.customCoinage .button {border-color: rgb(159,179,121) rgb(79,91,53) rgb(79,91,53) rgb(159,179,121); background-color: rgb(109,126,72); color: white;}
.customCoinage .button.submit {border-color: rgb(159,179,121) rgb(79,91,53) rgb(79,91,53) rgb(159,179,121); background-color: rgb(82, 95, 54); color: white;}

.customCoinage #sidebar #loginBox .button  {border-color: rgb(159,179,121) rgb(79,91,53) rgb(79,91,53) rgb(159,179,121);}

#header { position: relative; height: 190px; padding: 0px; margin: 0px; }

#headerPrint {display: none;}
#header .logoImage { position: absolute; top: 0px; left: 0px; display: block; text-decoration: none; z-index: 10 }
#header .logoImage img { width: 190px; height: 190px; }
#header .basketBox { float: right; color: white; background-color: #511726; border: solid 1px silver; border-top: none; padding: 5px 10px 10px 10px; font-size: 8pt; margin-right: 10px; }
#header .basketBox .title { font-weight: bold; padding-bottom: 5px; border-bottom: solid 1px white; margin-bottom: 5px; }
#header .basketBox .field { color: white; }
#header .basketBox .button { float: right; font-size: 8pt; padding: 2px 5px 2px 5px; margin: 5px 0px 0px 20px; background-color: #74593C; border: solid 1px white; }
#headerRightBox { float: right; background-color: white; border: solid 1px silver; border-top: none; padding: 10px; }
#headerRightBox ul.flags { margin: 0; padding: 0px; list-style: none; }
#headerRightBox ul.flags li { float: left; padding-bottom: 5px; }
#headerRightBox ul.flags li a { display: block; color: black; text-decoration: none; font-size: 80%; border-left: solid 1px gray; font-weight: bold; padding: 0px 5px 0px 5px; text-transform: lowercase; }
#headerRightBox ul.flags li a.first { border-left: none; padding-left: 0px; }
#headerRightBox ul.flags li a.active { font-weight: normal; }
#headerRightBox .searchBox { clear: both; padding: 5px; background-color: #74593C; font-size: 80%; }
#headerRightBox .searchBox .button { background: none; border: none; padding: 2px 5px 2px 5px; font-size: 100%; }
#headerRightBox .searchBox .button:hover { background: none; border: none; }

#menu { position: absolute; bottom: 20px; right: 0px; width: 780px; }
#menuSection { position: relative; top: 1px; }
#menuSection ul { list-style: none; padding: 0px; margin: 0px; }
#menuSection ul li { float: left; margin: 0px; }
#menuSection ul li a { display: block; margin-top: 10px; background-color: rgb(131,111,76); border-right: white 1px solid; color: white; text-decoration: none; padding: 10px 20px 10px 20px; font-size: 9pt; text-transform: uppercase; font-weight: normal; }
#menuSection ul li.active a { font-size: 12pt; margin-top: 0px; padding: 15px 20px 13px 20px; }
#menuSection ul li a.memorial { background-color: rgb(100,22,35); }
#menuSection ul li a.customCoinage { background-color: rgb(84,95,54); }
#menuSection ul li a.svatba { background-color: rgb(87,128,151); }
#menuSection ul li a.club { background-color: rgb(132,95,128); }

#menuSubSection { background-color: rgb(100,22,35); }
#menuSubSection ul {list-style: none; padding: 0px; margin: 0px;}
#menuSubSection ul li {float: left; padding: 5px 0px 5px 0px; margin: 0px;}
#menuSubSection ul li a {display: block; color: white; padding: 5px 10px 5px 10px; margin: 0px; font-size: 10pt; font-weight: normal; text-decoration: none; border-right: 1px solid silver;}
#menuSubSection ul .active a {color: white; font-weight: bold; }

.customCoinage #menuSubSection { background-color: rgb(84,95,54); }
.svatba #menuSubSection { background-color: rgb(87,128,151); }
.club #menuSubSection { background-color: rgb(132,95,128); }

.club #article { border: solid 5px rgb(132,95,128); }

.english #menuLista ul li.last {float: left;}

.svatba #menuOpportunity ul {list-style: none; padding: 0px; margin: 0px;}
.svatba #menuOpportunity ul li {width: 166px; height: 25px; float: left; margin: 0px 0px 0px 3px; background-color: #A9C0CC; border-right: black 2px solid; border-bottom: black 2px solid; text-align: center; cursor: pointer;}
.svatba #menuOpportunity ul li.active {background-color: rgb(82,128,151);}
.svatba #menuOpportunity ul li a {color: #fff; text-decoration: none; display: block; width: 166px; height: 24px; display: table-cell; vertical-align: middle; text-align: center;}
.svatba #menuOpportunity ul li a:hover {text-decoration: underline; }

#main { }
.svatba #main, .customCoinage #main {background-color: transparent; background-image: url('/images/bg-transparent.png'); padding: 0px; border: solid 10px white; border-left: none; border-right: none;}

/* welcome */
#welcome #productNews { position: relative; float: none; min-height: 300px; }
#welcome #productNews .boxContent { width: 100%; overflow: hidden; }
#welcome #productNews .boxContent .sliderContent { width: 1500px; }
#welcome #productNews #productNewsArrowLeft { position: absolute; top: 150px; left: -20px; width: 19px; height: 34px; background-image: url('/images/arrowLeft.png'); background-position: top left; background-repeat: no-repeat; }
#welcome #productNews #productNewsArrowRight { position: absolute; top: 150px; right: -20px; width: 19px; height: 34px; background-image: url('/images/arrowRight.png'); background-position: top left; background-repeat: no-repeat; }
#welcome #productNews .item { float: left; position: relative; width: 299px; margin: 15px 0px 15px 15px; text-decoration: none; border-right: dotted 1px #511726; padding-right: 15px; }
#welcome #productNews .item .coin { position: absolute; top: 40px; right: 30px; }
#welcome #productNews .item .code { display: block; padding: 5px 0px 5px 5px; color: rgb(125,98,70); }
#welcome #productNews .item .title { display: block; padding: 0px 5px 0px 5px; font-weight: bold; text-decoration: underline; color: #511726; }
#welcome #productNews .item .description { padding: 0px 5px 0px 5px; line-height: 1.4em; }
#welcome #productNews .item .description p { padding: 0px; margin: 0px; }
#welcome #productNews .item:hover { color: black; }

#welcome .welcomeRow { clear: both; }

#welcome .box { float: left; margin: 0px 0px 10px 0px; border: solid 1px #511726; background-color: white; }
#welcome .box.left { width: 414px; margin-right: 10px; }
#welcome .box.center { width: 250px; margin-right: 10px; }
#welcome .box.right { width: 300px; }

#welcome .boxTitle { display: block; background-color: #511726; color: rgb(200,187,191); padding: 4px 5px 4px 22px; font-size: 90%; font-weight: bold; background-image: url('/images/starlet_gold.png'); background-position: 5px 50%; background-repeat: no-repeat; }
#welcome .boxTitle a { float: right; margin-right: 10px; color: #fff; text-transform: lowercase; font-size: 13px; }

#welcome .boxContent { height: 260px; overflow: hidden; }

#welcome .boxFooter { background-color: rgb(125,98,70); padding: 4px 5px 4px 5px; }
#welcome .boxFooter a { float: right; color: white; font-weight: bold; }

#welcome .boxContent.events { overflow: auto;}
#welcome .boxContent.events .item { display: block; margin: 0px 10px 0px 10px; padding: 10px 0px 10px 0px; border-bottom: solid 1px rgb(125,98,70); text-decoration: none; }
#welcome .boxContent.events .item .img { float: left; width: 50px; }
#welcome .boxContent.events .item .text { margin-left: 60px; }
#welcome .boxContent.events .item .text .date { display: block; color: rgb(125,98,70); font-size: 90%; }
#welcome .boxContent.events .item .text .title { display: block; color: black; text-decoration: none; font-weight: bold; }

#welcome .boxContent.stats { padding: 0px 10px 0px 10px; }
#welcome .boxContent.stats .flags { padding: 10px 0px 10px 0px; }
#welcome .boxContent.stats .flags .i { float: left; width: 70px; padding: 2px 0px 2px 22px; background-position: 0% 50%; background-repeat: no-repeat; font-weight: bold; }

#welcome .boxContent.stats .categories { clear: both; border-top: solid 1px rgb(125,98,70); padding: 10px 0px 10px 0px; }
#welcome .boxContent.stats .categories .i { font-size: 90%; padding-bottom: 2px; }

#welcome .boxContent.diary { position: relative; padding: 0px; height: 240px }
#welcome .boxContent.diary .articleItem { padding: 10px; }
#welcome .boxContent.diary .articleItem .perexImage { float: right; position: relative; border: solid 1px rgb(125,98,70); }
#welcome .boxContent.diary .articleItem .perexImage .mince { position: absolute; bottom: -10px; right: 10px; }
#welcome .boxContent.diary .articleItem .date { color: rgb(125,98,70); font-size: 90%; }
#welcome .boxContent.diary .articleItem .articleTitle a { color: #511726; font-weight: bold; }
#welcome .boxContent.diary .storiesList { position: absolute; bottom: 0px; left: 0px; width: 414px; background-color: rgb(125,98,70); padding: 10px; margin-top: 10px; }
#welcome .boxContent.diary .storiesList .item { display: block; position: relative; float: left; width: 95px; height: 71px; overflow: hidden; margin-right: 3px; border: solid 1px white; }
#welcome .boxContent.diary .storiesList .item .img { }
#welcome .boxContent.diary .storiesList .item .mince { position: absolute; bottom: 5px; right: 5px; }
#welcome .grdArticles.list.diary #icons { float: right; padding-right: 10px; width: 34px; }
#welcome .grdArticles.list.diary #icons .divImage {  height: 34px; margin-bottom: 3px; }

#welcome .grdArticles.list.diary .perexImage { padding: 0px; }
#welcome .grdArticles.list .perexImage { width: 148px; height: 111px; }

#welcome .boxContent.banner { height: 263px; }

#bottomBox {clear: both; color: rgb(125,98,70); border: solid 1px #511726; font-size: 80%; background-color: white; padding: 10px; }
#bottomBox #bottomIntroText p {margin: 0px; padding: 0px;}
#bottomBox #bottomIntroText td {vertical-align: top;}
#bottomBox #bottomIntroText h3 {color: #511726;}
#bottomBox #bottomIntroText table {border-collapse: collapse;}
#bottomBox #bottomIntroText table td {vertical-align: top; width: 33%;}
#bottomBox #bottomIntroText .column1 {border-right: solid 1px silver; padding-right: 10px;}
#bottomBox #bottomIntroText .column2 {border-right: solid 1px silver; padding: 0px 10px 0px 10px;}
#bottomBox #bottomIntroText .column3 {padding-left: 10px;}


.svatba #welcome .boxTitle {background-color: rgb(82,128,151); color: rgb(192,202,202); padding: 4px 5px 0px 27px; background-image: url('/images/bullet-svatba.png'); background-position: 5px 50%; background-repeat: no-repeat; font-style: italic;}
.customCoinage #welcome .boxTitle {background-color: rgb(109,126,72); color: white; padding: 4px 5px 0px 27px; background-image: url('/images/bullet-svatba.png'); background-position: 5px 50%; background-repeat: no-repeat; font-style: italic;}

#welcome.weddings .banners .item { padding-bottom: 10px; cursor: pointer; }

#welcome.weddings .banners .left {position: relative; float: left; width: 395px; height: auto; margin-right: 9px;}
#welcome.weddings .banners .right {position: relative; float: left; width: 395px; height: auto;}

#welcome.weddings .banners .left .boxContent,
#welcome.weddings .banners .right .boxContent {height: 140px; overflow: hidden;}

#welcome.weddings .banners .smallCollumn {width: 230px; height: 292px;}
#welcome.weddings .banners .smallCollumn .banner {position: relative; margin: 0px; padding: 0px; width: 230px; height: 144px; overflow: hidden;}
#welcome.weddings .banners .smallCollumn .banner.top {padding-bottom: 6px;}
#welcome.weddings .banners .elasticCollumn,
#welcome.weddings .banners .elasticCollumn .banner,
#welcome.weddings .banners .elasticCollumn .boxContent {height: auto;}

#welcome.weddings .banners .largeCollumn {width: 560px; height: auto;}
#welcome.weddings .banners .fullCollumn {width: 100%; height: auto;}

#welcome.weddings .banners .boxText { text-align: justify; }
#welcome.weddings .banners .perexImage {cursor: pointer; padding-top: 5px; }

#welcome.club .banners .storyBox {height: 243px;}
#welcome.club .banners .storyBox .noRecords {padding: 5px 0px 5px 0px;  color: White; font-size: 10pt;}
#welcome.club .banners .storyBox .noRecords p {padding: 0px; margin: 0px;}
#welcome.club .banners .storyBox .noRecords .text {font-style: italic;}
#welcome.club .banners .storyBox .noRecords .link a {font-weight: bold; color: White;}
#welcome.club .banners .storyBox table {border-collapse: collapse; width: 100%;}

#welcome.club .banners .storyBox.orderList table {border: solid 1px rgb(152,136,109);}
#welcome.club .banners .storyBox.orderList table th {background-color: rgb(152,136,109); text-align: left; color: White;}
#welcome.club .banners .storyBox.orderList table td {padding: 2px 3px 2px 3px; border: solid 1px rgb(152,136,109); text-align: left;}
#welcome.club .banners .storyBox.orderList table td.total {text-align: right;}
#welcome.club .banners .storyBox.orderList a {color: White; font-weight: bold;}
#welcome.club .banners .storyBox.orderList .noRecords {font-style: italic;}

#welcome.club .banners .storyBox.stories a {color: White; font-weight: bold;}
#welcome.club .banners .storyBox.stories table {width: auto;}
#welcome.club .banners .storyBox.stories table td {width: auto;}

#welcome.club .banners #coins.storyBox {height: auto; margin-bottom: 10px;}
#welcome.club .banners #coins.storyBox .grdArticles.tiles .articleItem {min-width: 121px;}
#welcome.club .banners #coins.storyBox .noRecords {padding: 5px 5px 20px 5px;}




#randomStory {
    position: relative;
    float: left;
    padding: 10px 10px 0px 255px;
    width: 130px;
    height: 203px;
    background-repeat: no-repeat;
    background-color: #836F4C;
    color: #fff;
    font-size: 13px;
}

#randomStory .imgBack {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 220px;
    height: 185px;
}

.randomStoryTitle 
{
    color: White;        
}

#kronika-mince1 {
    position: absolute;
    top: 90px;
    left: 185px;
    z-index: 1;
}

.storyCoin {
    position: absolute;
    top: 150px;
    left: 160px;
    z-index: 2;
}

.storyRatingLabel
{
    position: relative;
    font-size: 30px;
    color: #FFFFFF;
    top: 20px;
}

.storyRaitingDiv
{
    text-align:center;
   
    position: absolute;
    top: 75px;
    left: 160px;
    z-index: 1;
    background-image: url('/images/welcome-circle.png');
    /*background-size: 85px 85px; */
    background-repeat: no-repeat;
    width: 85px;
    height: 85px;
}

#randomStory a {
    font-size: 14px;
    color: #fff;
}

#randomStory a.moreInformations {
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 85%;
}


#mapWrapper {
    float: left;
    position: relative;
}

#titulka-middle-right-text-mapa {
    width: 378px;
    height: 235px;
}

#mapWrapper .mapOver {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    background-image: url('/images/nothing.png');
    width: 378px;
    height: 235px;
    cursor: pointer;
}


/* titulka EN */

#eng-middle-right p {margin-top: 0px; padding-top: 0px;}
#eng-middle-right {position: relative; float: left; margin-left: 7px;}
#eng-middle-right .ad {position: relative; margin: 0px 0px 0px 0px; padding: 0; width: 230px; height: 420px; overflow: hidden;}

#mapWrapperBig {float: left; position: relative;}
#mapBig {width: 562px; height: 420px;}
#mapWrapperBig .mapOver {position: absolute; top: 0px; left: 0px; z-index: 99; background-image: url('/images/nothing.png'); width: 566px; height: 420px; cursor: pointer;}



/* SLIDER */
.slider {position: relative;}
.slider .perexImage {position: relative; float:left;}

/* SLIDER - NAVIGATION */
.navNums ul {position: absolute; top: 10px; left: 10px; z-index: 35; color: white; padding: 0px; margin: 0px; list-style: none;}
.navNums li, .navNums li a { display:-moz-inline-stack; display: inline-block; *display:inline; zoom:1; margin: 0px 0px 0px 4px; padding: 0px; }
.navNums a {width: 17px; height: 17px; text-align: center; font-size: 90%; text-decoration: none; color: white; background-image: url('/images/navBgBlack.png'); background-position: top left; background-repeat: no-repeat;}
.navNums a:hover, .navNums .active a { background-image: url('/images/navBgRed.png');}

.navNums .arrowLeft { width: 8px; height: 17px; background-image: url('/images/navArrowLeft.png'); background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand;}
.navNums .arrowRight { width: 8px; height: 17px; background-image: url('/images/navArrowRight.png'); background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand;}
.navNums .arrowLeft:hover { background-image: url('/images/navArrowLeftHover.png'); }
.navNums .arrowRight:hover { background-image: url('/images/navArrowRightHover.png'); }

/* KATALOG */
.svatba #section .content, .svatba #article .content { }
.svatba #section .content, .svatba #article { }
.svatba .grdArticles.tiles .item { padding-right: 10px; }

.filterCanvas { background-color: gray; }
.filterCanvas .button { border: solid 1px white; font-size: 85%; padding: 2px 10px 2px 10px; }

.menuFilter { padding: 0; margin: 0; background-color: #74593c; padding: 5px; }
.menuFilter ul {list-style: none; padding: 0px; margin: 0px;}
.menuFilter ul li {float: left; padding: 0px; margin: 0px;}
.menuFilter ul li a { display: block; color: White; padding: 7px 15px 7px 15px; margin-right: 5px; text-transform: uppercase; text-decoration: none; border: solid 1px #511726; }
.menuFilter ul li.active a { background-color: #511726; }
.menuFilter ul li a:hover { background-color: white; color: #511726; }

.filter { clear: both; margin: 10px 0px; padding: 0px; color: White; }
.filter .element { float: left; padding-right: 5px; }
.filter .label, #section .filter .checkbox label {color: White; text-transform: lowercase; }
.filter .chkboxLine { padding-top: 10px; }
.filter .checkbox {font-size: 85%; text-align: left;}
.filter .comboBox {font-size: 85%;}
.filter .buttonElement { padding-top: 19px; }
.filter .button.submit {display: block; background-color: #511726;}
.filter .articleCount { display: none; }

/*  ROWS zobrazeni  */
.grdArticles.rows { font-size: 85%; background-color: white; color: #333; padding-bottom: 5px; }
.grdArticles.rows th { font-weight: normal; text-transform: lowercase; text-align: left; padding: 5px 0px; }
.grdArticles.rows thead { background-color: #511726; color: White; }
.grdArticles.rows td { padding: 4px 0px 2px 0px; }
.grdArticles.rows td.left, .grdArticles.rows th.left { padding-left: 10px; }
.grdArticles.rows td a { color: #511726; }

/*  LIST zobrazeni  */
#section .sectionPerex { background-color: silver; padding: 10px; }
#section .grdArticles.list { color: #333; }
#section .grdArticles.list .perexImage { padding-right: 5px; position: relative; border: none; width: 266px; height: 132px; background-repeat: no-repeat; }
#section .grdArticles.list td .mince { position: absolute; top: 40px; left: 142px; width: 110px; height: 110px; padding: 0; margin: 0; z-index: 1; }
#section .grdArticles.list .articleItem { width: auto; float: none; padding: 10px; }
#section .grdArticles.list .articleItem .articleDate { display: block; }
#section .grdArticles.list .articleItem .articlePerex { font-size: 90%; }
#section .grdArticles.list .articleItem .perexImage { margin: 0px 0px 0px 10px; }
#section .grdArticles.list .articleItem .razba { display: block; color: #836F4C; }
#section .grdArticles.list td a { color: #511726; font-size: 85%; }

.svatba .grdArticles.list td a {
    color: black;
}

/* TILES zobrazeni */
.grdArticles.tiles {border-collapse: collapse; }
.grdArticles.tiles .item { float: left; position: relative; width: 299px; height: 310px; overflow: hidden; margin: 15px 0px 0px 15px; border-right: dotted 0px #511726; padding-right: 15px; }
.grdArticles.tiles .item a { text-decoration: none; }
.grdArticles.tiles .item a:hover { color: black; }
.grdArticles.tiles .item .perexImage { width: 299px; height: 149px; border: solid 1px #836F4C; }
.grdArticles.tiles .item .coin { position: absolute; top: 40px; right: 30px; width: 110px; height: 110px; padding: 0; margin: 0; z-index: 1; }
.grdArticles.tiles .item .code { display: block; color: #836F4C; padding: 2px 0px 5px 0px; }
.grdArticles.tiles .item .distance { float: right; color: white; background-color: #00AA00; font-size: 90%; padding: 2px 5px 2px 5px; font-weight: bold; -webkit-border-radius: 10px; border-radius: 10px; }
.grdArticles.tiles .item .title { display: block; padding: 0px 0px 2px 0px; font-weight: bold; text-decoration: underline; color: #511726; }
.grdArticles.tiles .item p { padding: 0px; margin: 0px; }

.eshop .grdArticles.tiles .item { width: 158px; height: 280px; border: solid 1px silver;  padding: 10px; text-align: center; }
.eshop .grdArticles.tiles .item.inBasket { opacity: 0.5; filter:alpha (opacity=50); background-color: rgb(220,220,220); }
.eshop .grdArticles.tiles .item .coin { display: block; position: relative; top: auto; right: auto; margin: 0px auto 10px auto; }
.eshop .grdArticles.tiles .item .shopBlock { position: absolute; bottom: 0px; left: 0px; width: 158px; padding: 10px; background-color: silver; }
.eshop .grdArticles.tiles .item .title { text-decoration: none; }
.eshop .grdArticles.tiles .item .shopBlock .element { float: left; }
.eshop .grdArticles.tiles .item .shopBlock .label { text-align: left; }
.eshop .grdArticles.tiles .item .shopBlock .amount { width: 30px; text-align: right; }
.eshop .grdArticles.tiles .item .shopBlock .variants { width: 100px; margin-right: 22px; }
.eshop .grdArticles.tiles .item .shopBlock .basket { clear: left; padding-top: 10px; }
.eshop .grdArticles.tiles .item .shopBlock .price { text-align: left; font-size: 12pt; color: #836F4C; }
.eshop .grdArticles.tiles .item .shopBlock .button { float: right; padding: 2px 5px 2px 5px; }

#section { background-color: white; border: solid 1px #511726; margin-bottom: 10px; }
#section .grdArticles .articleItem .perexImage {float: right; padding: 0px 0px 0px 0px; margin: 10px;}
#section .grdArticles .articleItem .articleBlock,
#section .grdArticles .articleItem .articleBlock.shop {margin: 0px; padding: 0px 15px 0px 0px;}
#section .grdArticles .articleItem .shopBlock {min-width: 200px; margin-left: 10px; min-height: 40px;}
#section .grdArticles .articleItem .shopBlock .priceShop {color: #511726;}
#section .grdArticles .articleItem .shopBlock .priceShop .priceUsual {color: rgb(90,90,90);}
#section .grdArticles .articleItem .shopBlock .articleBasket {margin-top: 2px;}
#section .grdArticles .articleItem .shopBlock .articleBasket .button {color: White;}

.articleBasket {float: right; padding: 0px 0px 0px 0px; margin-left: 10px;}

/* KATALOG-DETAIL + CLANEK */
#katalog { background-color: white; border: solid 1px #511726; margin-bottom: 10px; }
#katalog .editStory {float: right; margin: 5px 10px 5px 0px;}
#katalog .adminStory {float: left; margin: 5px 0px 5px 10px;}
#katalog .adminStory .adminItem {float: left; margin-right: 10px;}

#katalog .navigationPrevNext {float: right; margin-right: 5px; margin-top: 0px; }
#katalog .navigationPrevNext a { color: white; text-decoration: none; font-size: 85%; }

#article { background-color: white; border: solid 1px #511726; padding: 10px; }

#article a {color: #541727; font-weight: bold;}
#article a:hover {color: #FF0000;}

#article .articlePerex .image { float: right; margin: 1em 0px 5px 10px; }
#katalog-text { margin: 10px 10px 10px 10px; }
#katalog-text h1 { padding: 5px 0px 0px 0px; }

#katalog.storyShow #katalog-text {float: left; width: 300px;}
#katalog.storyShow #katalog-text .text { height: 350px; }
#katalog.storyShow #katalog-img .katalog-img-inner {min-height: 370px; _height: 370px; }
#katalog.storyShow #katalog-img #katalog-img-text a {display: block; background-color: #511726; color: White; padding: 2px 30px 2px 30px; float: left; text-decoration: none; border-bottom: solid 2px black; border-right: solid 2px black; font-size: 80%;}

#katalog-text .text { position: relative; margin-top: 5px; }
#katalog-text .text .inside { width: 540px; height: 300px; overflow: auto; padding-right: 10px; text-align: justify; }
#katalog-text .text p { margin-top: 0px; }
#katalog-text a { color: #511726; }

#katalog-img { float: right; padding: 0px 10px 0px 0px; }
#katalog-img #contactDiv { width: 380px; background-color: silver; margin-top: 10px; padding: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#katalog-img #contactDiv .qrCode { float: right; width: 100px; background-color: white; padding: 10px; }
#katalog-img #contactDiv .QRcodeDescription { display: block; font-size: 7pt; font-style: italic; color: black; padding-top: 10px; }
#katalog-img #contactDiv #mapButtons { padding-top: 10px; }
#katalog-img #contactDiv #mapButtons .button { display: inline; float: none; background-color: #74593C; color: white; -webkit-border-radius: 10px; border-radius: 10px; padding: 2px 8px 2px 8px; }

#img-duo { text-align: center; border: solid 10px #641623; -webkit-border-radius: 10px; border-radius: 10px; }
#img-duo img { padding: 20px 10px 20px 10px; }

.socialTools { padding: 10px; width: 380px; overflow: hidden; text-align: center; }

.katalog-tabs { position: relative; padding: 0px; background-color: white; border-top: solid 1px #511726; background-color: #511726; }
.katalog-tabs .tabNavigation { float: left; width: 215px; background-color: #74593c; }
.katalog-tabs .tabNavigation a { display: block; background-color: #74593c; color: White; padding: 20px; text-decoration: none; border-bottom: solid 1px white; text-transform: uppercase; }
.katalog-tabs .tabNavigation a.active { background-color: #511726; }
#tabs { float: left; }
#tabs .thumb-select { width: 750px; height: 100px; background-color: #fff; }
#tabs .thumb-select .items { width: 750px; overflow: auto; }
#tabs .thumb-select .items .item { overflow: hidden; }
#tabs #gallery-multimedia,
#tabs #gallery-video,
#tabs #gallery-mintage,
#tabs #gallery-story { width: 751px; height: 520px; margin: 0px; padding: 0px; position: relative; }
#tabs .tabCanvas { padding: 10px; background-color: #511726; height: 521px; overflow: auto;  }
#tabs .tabCanvas .innerTab { display: block; width: 100px; height: 100px; padding: 10px; margin-bottom: 10px; text-align: center; background-color: white; cursor: pointer; background-position: 50% 30px; background-repeat: no-repeat; }
#tabs .tabCanvas .innerTab.selected { width: 120px; }
#tabs .tabCanvas .innerTab.automatInner { background-image: url('/images/ico-automat-inner.png?v=2'); }
#tabs .tabCanvas .innerTab.automatOuter { background-image: url('/images/ico-automat-outer.png?v=2'); }
#tabs .tabCanvas .innerTab.counterSales { background-image: url('/images/ico-pult.png'); }
#tabs .tabCanvas .innerTabContent { position: absolute; top: 10px; right: 10px; width: 600px; min-height: 500px; padding: 10px; background-color: white; }
#tabs .tabCanvas .catalogCoins .automatDescription { display: block; font-style: italic; padding-top: 5px; background-color: silver; padding: 5px; }
#tabs #mapInnerMap { width: 730px; height: 501px; overflow: auto; padding: 10px; }
#tabs .tabInner { width: 700px; height: 501px; overflow: auto; padding: 10px; }
#tabs #tabPlacesAround { width: 750px; height: 521px; padding: 0px; background-color: white; }
#tabs .tabCanvas .catalogCoins { border: solid 1px silver; }
#tabs .tabCanvas .catalogCoins .catalogTitle { display: block; background-color: silver; padding: 2px;}
#tabs .tabCanvas .catalogCoins .catalogCoin { cursor: pointer; float: left; text-align: center; padding: 5px; font-size: 80%; border-right: solid 1px silver; }
#tabs .tabCanvas .catalogCoins .catalogCoin .mince { width: 60px; height: 60px; }
#tabs .tabCanvas .catalogCoins .catalogCoin .razba { display: block; padding: 0px; }
#tabs .tabCanvas .catalogCoins .catalogCoin .title { display: block; }
#tabs .tabCanvas .innerTabContent .comment { padding-top: 5px;  font-size: 90%;}
#tabs .tabCanvas .innerTabContent .pultIllustration { float: right; }
#tabs .tabCanvas .innerTabContent .pultIllustration .counterSalesDescription { display: block; text-align: right; font-style: italic;}

#tabs #gallery-automat { width: 600px; height: 317px; margin: 0px; padding: 0px; position: relative; }

/*#tabs #gallery-automat .galleria-thumbnails-container {
    background-color: white;
    width: 120px;
    text-align: left;
    top: 0px;
    position: absolute;
    left: 490px;
    z-index: 2;
}

#tabs #gallery-automat .galleria-stage {
    position: absolute;
    top: 3px;
    left: 0px;
    width: 480px;
    height: 360px;
    overflow: hidden;
    border: 1px solid Gray;
}*/

.svatba .katalog-tabs {background-image: none; background-color: rgb(209, 222, 228); border: none; }
.customCoinage .katalog-tabs {background-image: none; background-color: rgb(109,126,72);}
.customCoinage #article { border: solid 5px #6D7E48; }
.customCoinage .katalog-tabs { border-top: none; }

.svatba #article { border: solid 5px #528097; }
#welcome.weddings { border: solid 5px #528097; padding: 20px 0px 20px 80px ; margin-bottom: 10px; }
#welcome.weddings .banners { width: 800px; overflow: hidden; margin-bottom: 20px; }
.svatba .katalog-tabs .tabNavigation a {background-color: rgb(169,192,204); color: Black; }
.svatba .katalog-tabs .tabNavigation a.active {background-color: #528097; color: rgb(192,202,202); }


.customCoinage .katalog-tabs .tabNavigation a { background-color: rgb(109,126,72); color: white; }
.customCoinage .katalog-tabs .tabNavigation a.active { background-color: rgb(82, 95, 54); color: white;}
.customCoinage #tabs .tabCanvas { background-color: rgb(82, 95, 54); color: white; }
.customCoinage #tabs .tabCanvas a { color: white; }

.downloadList td {vertical-align: top; padding-bottom: 15px;}
.downloadList .fileType {padding-top: 5px; width: 20px;} 
.downloadList .fileTitle {font-weight: bold;} 
.downloadList .fileDescription {display: block;} 


#mapInnerContact { width: 500px; height: 500px; float: right; top: 0px; }
#contactColumn { width: 200px; float: left; }

#article .venue {display: block;}

#article .url {display: block;}

/* dlazdice v zalozkach (RELATED, ACTIONS) */
.tabInner .grdArticles.tiles {border-collapse: collapse; border: solid 1px white;}
.tabInner .grdArticles.tiles tr {
    background-color: White;
    color: #333;
    margin-bottom: 5px;
}
.tabInner .grdArticles.tiles tr.top td {}
.tabInner .grdArticles.tiles tr.bottom td {}
.tabInner .grdArticles.tiles td {
    vertical-align: top;
    width: 248px;
}
.tabInner .grdArticles.tiles td a {
    color: #511726;
    font-size: 85%;
}
.tabInner .grdArticles.tiles .articleItem .perexImage {
    position: relative;
    border: none;
    width: 240px;
    height: 132px;
}
.tabInner .grdArticles.tiles td .mince {
    position: absolute;
    top: 50px;
    left: 127px;
    width: 110px;
    height: 110px;
    padding: 0;
    margin: 0;
    z-index: 1;
}
.tabInner .grdArticles.tiles td .razba {
    display: block;
    color: #836F4C;
    padding: 10px 0px 5px 10px;
}
.tabInner .grdArticles.tiles td.left {}
.tabInner .grdArticles.tiles td.right {}
.tabInner .grdArticles.tiles .articleItem.title {border-bottom: none; padding: 0px 10px 10px 10px; font-size: 85%; width: 228px;}
.tabInner .grdArticles.tiles .articleItem.title a {font-weight: normal;}
.tabInner .grdArticles.tiles .articleItem.image {background-color: white; background-repeat: no-repeat; vertical-align: top; padding: 1px; height: 170px; width: 248px;}
.tabInner .grdArticles.tiles .articleItem.image .perexImage {margin-top: 1px; background-repeat: no-repeat;}
.tabInner .grdArticles.tiles .articleItem .perexImage.noBorder {border: none;}
.tabInner .grdArticles.tiles .articleItem .articlePerex {font-size: 90%;}
.tabInner .grdArticles.tiles .articleItem .articlePerex p {padding: 0px; margin: 0px;}

#tabActions .grdArticles.tiles .articleItem.image { height: 140px; }

/* SIDEBAR */
#sidebar {width: 170px; float: right; background-color: #968C8A; margin-bottom: 10px;}

#sidebar .weddingsAdvert {padding: 0px 10px 0px 10px}

#sidebar .sidebar-search {padding: 0px; background-color: #fff;}
#sidebar .sidebar-search .searchbox {width: 144px;}

#sidebar .basketBox {clear: both; padding-top: 10px;}

#sidebar .sidebar-login {clear: both; padding-top: 10px;}
#sidebar #loginBox {font-size: 80%;}
#sidebar #loginBox .userName {display: block; font-weight: bold;}
#sidebar #loginBox .inputItem {width: 98%; font-size: 90%;}
#sidebar #loginBox .validator {display: none;}
#sidebar #loginBox .button {padding: 2px 20px 2px 20px; border-top: solid 2px #74593C; border-left: solid 2px #74593C; border-bottom: solid 2px black; border-right: solid 2px black;}
#sidebar #loginBox .buttonLogout { float: right; }
#sidebar #loginBox .registration { float: right; }
#sidebar #loginBox a {font-size: 90%; float: left;}

#sidebar .sidebar-title {display: block; height: 30px; line-height: 30px; padding: 0px 0px 0px 25px; text-transform: lowercase; font-style: italic; background-image: url('/images/starlet_gold.png'); background-position: 5px 9px; background-repeat: no-repeat; background-color: #511726; color: #fff;}
.svatba #sidebar .sidebar-title {background-color: #528097; color: rgb(190,202,202); margin: 0px; padding-left: 28px; background-image: url('/images/bullet-svatba.png');}
.customCoinage #sidebar .sidebar-title {background-color: rgb(109,126,72); color: white; margin: 0px; padding-left: 28px; background-image: url('/images/bullet-customCoinage.png');}
#sidebar .sidebar-content {padding: 5px 10px 10px 10px;}
#sidebar .sidebar-calendar {padding: 5px;}

#sidebar {background-color: White;}
#sidebar .sidebar-item {padding: 5px 10px 5px 10px; border-bottom: dotted 1px silver;}
#sidebar .sidebar-item .item-image {float: right; padding-left: 5px;}
#sidebar .sidebar-item .item-title {font-size: 9pt; color: #511726;}
#sidebar .sidebar-item .item-subtitle {display: block; font-size: 9pt; color: #836F4C;}
#sidebar .sidebar-item .deleteMemberTag {clear: right; font-size: 8pt;}

#facebook {
margin-top: 0px;
padding: 0px;
background-color: #fff;
color: #333;
} 

#sidebar .itemsTitle {
    color: #511726;
    font-size: 85%;
}

#sidebar .total {
    font-size: 85%;
}

#sidebar ul.items {
    margin: 10px 0px;
    padding: 0;
    list-style: none;
    font-size: 85%;
}

#sidebar li {
    font-size: 85%;
}

#sidebar li a {
    text-decoration: none;
}

#sidebar li a:hover {
    text-decoration: underline;
}

.hrefGoBack a {display: block; width: 150px; background-color: #511726; color: White; margin: 20px auto 20px auto; padding: 10px; text-decoration: none; text-align: center; text-transform: uppercase; }
.svatba .hrefGoBack a {background-color: #528097;}
.customCoinage .hrefGoBack a {background-color: rgb(109,126,72); color: White;}

#gmapBig {
    width: 100%;
    height: 600px;
}

#orderForm {min-height: 800px; width: auto; background-color: White; padding: 15px; border: solid 1px #511726;}
#orderForm #section.buyWith h1  {color: Black;}
#orderForm .basketButtons {text-align: center;}
#orderForm .basketButtons .button {display: inline; width: 150px; float: none; padding: 2px 20px 2px 20px; border-top: solid 2px #74593C; border-left: solid 2px #74593C; border-bottom: solid 2px black; border-right: solid 2px black;}
#orderForm .basketButtons .button.back {background-color: #74593C; color: #FFFFFF; padding: 2px 20px 2px 20px; border-top: solid 2px #74593C; border-left: solid 2px #74593C; border-bottom: solid 2px black; border-right: solid 2px black;}
#orderForm .basketButtons .button.pay, #orderForm .button.continue {background-color: #511726;  padding: 2px 20px 2px 20px; border-top: solid 2px #511726; border-left: solid 2px #511726; border-bottom: solid 2px black; border-right: solid 2px black;}
#orderForm .label {color: black;}
#orderForm hr {border: none; border-top: solid 1px black;}

#basketNavigation .step.selected {background-color: #511726;}
#customerAccountLogin .button.continue {margin: 5px 10px 0px 0px;}

.ajaxLoading {background: White url('/images/loading-red.gif') no-repeat center; height: 200px; width: 100%;}

/* USER COINS zobrazeni */
#coins .grdArticles.tiles {border-collapse: collapse; border: solid 1px white;}
#coins .grdArticles.tiles tr {
    background-color: White;
    color: #333;
    width: 798px;
    margin-bottom: 5px;
}
#coins .grdArticles.tiles tr.top td {}
#coins .grdArticles.tiles tr.bottom td {}
#coins .grdArticles.tiles td {
    width: auto;
}
#coins .grdArticles.tiles td a {
    color: #511726;
    font-size: 85%;
}
#coins .grdArticles.tiles td .mince {
    width: 110px;
    height: 110px;
    padding: 0;
    margin: 0;
    z-index: 1;
}
#coins .grdArticles.tiles td .razba {
    display: block;
    color: #836F4C;
    margin: 10px 0px 5px 0px;
}
#coins .grdArticles.tiles td.left {}
#coins .grdArticles.tiles td.right {}
#coins .grdArticles.tiles .articleItem {width: 148px; background-color: white; background-repeat: no-repeat; vertical-align: top; padding: 10px 5px; border-top: solid 1px black; border-left: solid 1px black; border-right: solid 1px black; text-align: center;}
#coins .grdArticles.tiles tr.bottom .articleItem {border-bottom: solid 1px black;}
#coins .grdArticles.tiles .articleItem .perexImage {margin-top: 1px; background-repeat: no-repeat;}
#coins .grdArticles.tiles .articleItem .razba {font-size: 85%;}
#coins .grdArticles.tiles .articleItem .articleTitle {font-size: 85%;}
#coins .grdArticles.tiles .articleItem.noBorder {border: none;}


#coins.coinsPrintTemplate .grdArticles.tiles tr.bottom .articleItem { border: none; }
#coins.coinsPrintTemplate .grdArticles.tiles .articleItem { border: none; height: 155pt; vertical-align: top; padding: 0px 0px 19px 0px; }
#coins.coinsPrintTemplate .grdArticles { width: 100%; }
#coins.coinsPrintTemplate .grdArticles td { }
#coins.coinsPrintTemplate .grdArticles.tiles td .razba { color: black; }
#coins.coinsPrintTemplate .pageSeparator { margin-bottom: 20px; }

.halfOpacity {opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}

/* STORY EDIT */

#storyEditMain .ui-datepicker {width: 250px; font-size: 70%;}

#storyEditMain #coinOwner {margin-bottom: 10px; width: 100%;}
#storyEditMain #editorCanvas {width: 435px; height: 255px;}
#storyEditMain .editorTitle {width: 430px}
#storyEditMain #buttons {text-align: right; margin-top: 10px; width: 100%;}

#storyEditMain .isPublic {color: Red;}

#storyEditMain #storyFiles {padding: 20px 0px 0px 20px;}
#storyEditMain #storyFiles .item {width: 148px; margin: 0px 30px 30px 0px; float: left; position: relative; }
#storyEditMain #storyFiles .item .desc {font-size: 90%; border: solid 1px #AAAAAA; margin-top: 1px; width: 144px;} /* minus 2x 1px border a 2x 1px padding */
#storyEditMain #storyFiles .item .delete { position: absolute; top: 1px; right: 1px; background-color: White; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
        
#storyEditMain #fileUpload { width: 100%; margin: 10px 0px;}

#storyEditMain #buyAt {float: left; padding-right: 20px;}
#storyEditMain #buyAt label {font-size: 80%;}
#storyEditMain #variants {float: left; width: 321px;}
#storyEditMain #variants .variantChk {display: block; float: left; background-repeat: no-repeat; background-position: center 10px; padding: 75px 2px 5px 0px; min-width: 70px; _width: 70px; margin: 5px 20px 5px 0px; text-align: center;}
#storyEditMain #variants .variantChk label {font-size: 70%;}

#storyEditMain #photogallery .title {font-weight: bold;}
#storyEditMain #fileUpload {text-align: center;}
#storyEditMain #uploadProgress {border: 1px solid Gray; padding: 1px; height: 8px; font-size: 7px; width: 730px; margin: 10px 0px 10px 0px;}
#storyEditMain #progressBar {background-color: Red; width: 0;}

#storyEditMain .rating {margin-top: 20px; padding-top: 20px; border-top: dotted 1px silver;}
#storyEditMain .rating .slider {padding: 10px 12px 0px 0px;}
#storyEditMain #sliderResult {width: 60px; height:40px; position: relative; padding-top: 20px; text-align: center; font-size: 22px; font-weight: bold;}

#storyEditMain .weather {margin-top: 20px; padding-top: 20px; border-top: dotted 1px silver; text-align: center; height: 117px;}

#storyEditMain .weather .label {font-size: 80%;}

#storyEditMain .buttons {text-align: center;}
#storyEditMain .buttons .maroonButton {margin: auto; width: 150px; padding: 5px;}
#storyEditMain .buttons .save {font-size: 120%;}

#storyEditMain .weather .stackSpan {
    font-family: "Lucida Grande" , Lucida, Verdana, sans-serif;
    font-size: 9px;
    display: block;
    height: 10px;
    line-height: 10px;
    border: 0;
    background-color: #000;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fcfcfc;
    text-align: center;
    text-shadow: #000 1px 1px 1px;
    opacity: .85;
    filter: alpha(opacity = 85);
    position: absolute;
    z-index: 3;
    top: 5px;
    left: 5px;
    width: 58px;
}

#storyEditMain .weather .stackSpan.transport {
    z-index: 7;
}

.stackBorder {position: absolute; height: 142px; width: 117px}
.stackBorder .borderLabel { font-size: 85%; color: Gray;}

#weatherStackBorder{right: 140px;}
#transportStackBorder{right: 10px;}

#weatherImage { padding: 25px 5px 5px 5px; }
#weatherStackCanvas > img {z-index: 2;}
#weatherStackCanvas ul {z-index: 1;}
#weatherStackCanvas .openStack {
    width: 680px;
    left: -680px;
}

#transportImage { padding: 25px 5px 5px 5px; }
#transportStackCanvas > img {z-index: 6;}
#transportStackCanvas ul {z-index: 5;}
#transportStackCanvas .openStack {
    width: 850px;
    left: -850px;
}

.stack { position: absolute; top: 35px; right: 15px; }
.stack > img { position: relative; cursor: pointer; }
.stack ul { list-style: none; position: absolute; cursor: pointer; padding: 0px; margin: 0px; top: 0px; left: 0px; }
.stack ul li { position: absolute; padding: 5px 5px 5px 5px; text-align: center; }
.stack ul li img { border: 0; }
.stack ul li span { display: none; }
.stack .openStack { height: 105px; }
.stack .openStack li span { 
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-size: 9px;
	display:block;
	height: 10px;
	line-height: 10px;
	border: 0;
	background-color:#000;
	padding: 3px 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fcfcfc;
	text-align: center;
	text-shadow: #000 1px 1px 1px;
	opacity: .85;
	filter: alpha(opacity = 85);
    margin-bottom: 5px;
}

/* IE Fixes */
.stack { _position: absolute; }
.stack ul { _z-index:-1; }

/* STORY SHOW */
#story {clear: left; padding-top: 20px;}
#story .articleTitle {float: left;}
#story .articleDate {float: right; padding-top: 5px;}

#story .fileList .item { vertical-align: top; width: 148px; padding: 0px 6px 6px 0px; }
#story .fileList .desc { display: block; width: 148px; }

#katalog-img #icons {margin-top: 20px; padding-top: 20px; border-top: dotted 1px silver; text-align: center; height: 117px;}
#katalog-img #icons .divImage { width: 85px; height: 105px; position: relative; float: right; margin-right: 15px; background-image: url('/images/ico-rating.png'); background-position: 5px 25px; background-repeat: no-repeat;}
#katalog-img #icons .divImage .title {
    font-family: "Lucida Grande" , Lucida, Verdana, sans-serif;
    font-size: 9px;
    display: block;
    height: 10px;
    line-height: 10px;
    border: 0;
    background-color: #000;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fcfcfc;
    text-align: center;
    text-shadow: #000 1px 1px 1px;
    opacity: .85;
    filter: alpha(opacity = 85);
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
#katalog-img #icons .divImage .value { display: block; position: absolute; top: 50px; width: 85px; text-align: center; font-size: 22px; font-weight: bold;}

/* STORY VIEW - TILES */
.storyCount {display: block; padding: 3px 0px 2px 20px; color: white; }

.grdArticles.tiles.diary .item { position: relative; padding: 0px 8px; height: 240px; width: 210px; }
.grdArticles.tiles.diary .item .perexImage { float: right; position: relative; border: solid 1px rgb(125,98,70); }
.grdArticles.tiles.diary .item .perexImage .mince { position: absolute; bottom: -10px; right: 10px; }
.grdArticles.tiles.diary .item .date { color: rgb(125,98,70); font-size: 90%; }
.grdArticles.tiles.diary .item .articleTitle a { color: #511726; font-weight: bold; }
.grdArticles.tiles.diary .texts { margin-top: 5px; }

.grdArticles.tiles.diary { background-color: white; color: #333; }

.grdArticles.tiles.diary .perexImage { padding-right: 5px; position: relative; border: none; width: 148px; height: 111px; background-repeat: no-repeat; }

.grdArticles.tiles.diary #icons { float: left; height: 111px; padding: 0px 0px 0px 0px; }
.grdArticles.tiles.diary #icons .divImage { width: 36px; height: 36px; position: relative; background-position: 3px 3px; background-repeat: no-repeat; margin-bottom: 2px; }
.grdArticles.tiles.diary #icons .divImage .value { display: block; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; }

.grdArticles.tiles.diary .item .articleDate { display: block; }

.grdArticles.tiles.diary .item .articlePerex { font-size: 90%; }

.grdArticles.tiles.diary .item .razba { display: block; color: #836F4C; }

.grdArticles.tiles.diary .verifiedYes { padding-top: 5px; padding-right: 10px; color: Green; }

.grdArticles.tiles.diary .verifiedNo { padding-top: 5px; padding-right: 10px; color: Red; }

#section .grdArticles.tiles.diary .articleItem.image {background-color: white; background-repeat: no-repeat; vertical-align: top; padding: 1px; width: 192px; height: 140px;}
#section.tabInner .grdArticles.tiles.diary .articleItem.image {width: 182px;}
#section .grdArticles.tiles.diary .articleItem.image.right {width: 185px;}
#section.tabInner .grdArticles.tiles.diary .articleItem.image.right {width: 175px;}

#section .grdArticles.tiles.diary .articleItem.image .perexImage {
    position: relative;
    border: none;
    width: 145px;
    height: 111px;
    margin-top: 1px; 
    background-repeat: no-repeat;
}
#section.tabInner .grdArticles.tiles.diary .articleItem.image .perexImage {width: 135px;}
#clubWelcomeBottom #section.tabInner .grdArticles.tiles.diary .articleItem.image .perexImage {width: 134px; height: 102px;}
#section .grdArticles.tiles.diary .articleItem.image .perexImage.noBorder {border: none;}
#section .grdArticles.tiles.diary .articleItem.image .articlePerex {font-size: 90%;}

#section .grdArticles.tiles.diary .right #icons {margin-right: 0px;}
#section .grdArticles.tiles.diary #icons .divImage { width: 34px; height: 34px; position: relative; background-position: 2px 2px; background-repeat: no-repeat; margin-bottom: 2px;}
#section .grdArticles.tiles.diary #icons .divImage.rating { height: 25px;}
#section .grdArticles.tiles.diary #icons .divImage .value { display: block; margin-top: 9px; text-align: center; font-size: 12px; font-weight: bold;}
#section .grdArticles.tiles.diary #icons .divImage.rating .value { margin-top: 6px;}
#section .grdArticles.tiles.diary .articleDate {font-size: 85%;}

#section.tabInner.welcome .grdArticles.tiles.diary .articleDate {display: block; font-size: 8pt; margin-top: 20px;}
#section.tabInner.welcome .grdArticles.tiles.diary .articleDate a {font-size: 8pt;}
#section.tabInner.welcome .grdArticles.tiles.diary .articleTitle a {font-size: 9pt; line-height: 10pt;}

#clubWelcomeBottom {background-color: White; margin-bottom: 5px;}
#clubWelcomeBottom #section .viewPort {overflow: hidden; width: 100%; }
#clubWelcomeBottom #section .slideDiv {overflow: hidden; width: 1920px;}
#clubWelcomeBottom #section.tabInner .grdArticles.tiles.diary .articleItem.image {width: 135px; padding-right: 8px; }
#clubWelcomeBottom #section #articleSliderMovePrev {position: absolute; top: 85px; left: -15px; background-image: url('/images/movePrev.png'); background-repeat: no-repeat; width: 14px; height: 24px; text-decoration: none;}
#clubWelcomeBottom #section #articleSliderMoveNext {position: absolute; top: 85px; right: -15px; background-image: url('/images/moveNext.png'); background-repeat: no-repeat; width: 14px; height: 24px; text-decoration: none;}
#clubWelcomeBottom #section #articleSliderMovePrev:hover {background-image: url('/images/movePrevHover.png');}
#clubWelcomeBottom #section #articleSliderMoveNext:hover {background-image: url('/images/moveNextHover.png');}

#section .grdArticles.tiles.diary .articleItem.title {border-bottom: none; padding: 0px 12px 10px 0px; font-size: 85%;}
#section .grdArticles.tiles.diary .articleItem.title a {font-weight: normal;}
#section .grdArticles.tiles.diary td {
    padding: 0px;
}
#section .grdArticles.tiles.diary td a {
    color: #511726;
    font-size: 85%;
}
#section .grdArticles.tiles.diary td .mince {
    position: absolute;
    top: 50px;
    left: 10px;
    width: 110px;
    height: 110px;
    padding: 0;
    margin: 0;
    z-index: 1;
}
#clubWelcomeBottom #section .grdArticles.tiles.diary td .mince {
    top: 60px;
    width: 55px !important;
    height: 55px !important;
}

.highslide-caption {text-align: left; font-size: 100%;}
.captiontitle {display: block; font-weight: bold;}

.loginDialog .registration {float: right;}

/* Scheduler - vychazi z Rows zobrazeni clanku */
.grdArticles.list .articleItem .date {
    font-size: 90%;
    display: block;
}

.grdArticles.list .articleItem .venue {
    font-size: 90%;
    display: block;
    font-weight: bold;
}

.searchResultDescription {
    background-color: White;
    padding: 20px 10px;
}

.nextEvents {background-color: rgb(131, 111,76)}

.svatba .nextEvents {background-color: #D1DEE4; color: Black;}
.svatba .nextEvents .white {color: Black;}
.svatba .nextEvents .brown {color: Black;}

.customCoinage .nextEvents {background-color: rgb(159,179,121); color: Black;}
.customCoinage .nextEvents .white {color: Black;}
.customCoinage .nextEvents .brown {color: Black;}

.nextEvents .oneEvent {margin-top: 5px;}
.nextEvents .white {color: White; font-size: 12px;}
.nextEvents .brown {font-weight: bold; color: rgb(84,23,39); font-size: 13px;}
.nextEvents .moreActions {float: right; font-size: 14px; margin-bottom: 5px; margin-top: 5px; }

.faceBookBox {width: 990px; margin-left: 10px;}
.faceBookBox div {text-align: left;}

.formGenerator td {vertical-align: top;}
.formGenerator td.labels {width: 150px;}
.formGenerator .label {color: Black; font-size: 95%;}
.formGenerator .inputItem, .formEdit textarea {width: 550px; border: solid 1px black; font-size: 8pt; padding: 3px;}
.formGenerator .buttons {text-align: right; padding: 10px; width: 480px;}
.formGenerator .buttons .button {float: none; display: inline; width: 120px;}
.formGenerator .errorLabel {display: block; color: Red; padding: 0px;}

div.ui-datepicker .odd a.ui-state-default {color:white; background-color: #541727; background: #541727;}
div.ui-datepicker {font-size: 9px;}
div.ui-datepicker a.ui-state-default.ui-state-highlight {
    background-color: #CC3300;
}
div.ui-datepicker a.ui-state-default.ui-state-active {
    background-color: #CC3300;
}

/* CUSTOM RAZBA */
#coinage {background-color: #fff;}
#coinage .editBlock {border: solid 5px #A9C0CC; padding: 10px; margin-bottom: 10px;}
#coinage .editBlock.top {height: 310px;}
#coinage .editBlock.right {float: right; width: 350px;}
#coinage .preview .editBlock.right {width: 320px;}
#coinage .editBlock.left {float: left; width: 360px;}
#coinage .preview .editBlock.left {width: 355px;}
#coinage .editBlock .description {padding: 0px; margin: 0px; color: #528097;}
#coinage .editBlock .content {padding-top: 10px;}
#coinage .editBlock .label {color: #528097; padding-top: 10px;}
#coinage .editBlock .inputItem {width: 360px; border: solid 1px #528097;}
#coinage .preview .editBlock .inputItem {width: 350px; border: none;}
#coinage .show .editBlock .inputItem {border: none;}
#coinage .editBlock .left {float: left;}
#coinage .editBlock .right {float: right;}
#coinage .separatorLine {border-bottom: solid 5px #A9C0CC; padding-top: 10px; margin-bottom: 10px;}

#coinage .preview .autoItem, #coinage .show .autoItem {color: Black; background-color: White;}


#coinage .rbJoin {display: inline-block; min-width: 80px; _width: 80px;}

#coinage .coinInfo {
    width: 100%;
    text-align: center;
    font-size: 85%;
    color: #528097;
    margin-top: 10px;
}
#coinage .coinInfo.customer { width: 100%; }

#coinage #divVouchers {
    margin-left: 20px;
}
#coinage .voucherNumber .label, #coinage .voucherNumber .inputItem {width: 200px;}

#coinage .rblList { width: 100%; }
#coinage .rblList label {margin-left: 4px;}
#coinage .rblList .selected  {font-weight: bold;}
#coinage .rblList .description {margin-left: 20px; padding-top: 2px; font-size: 80%; display: block;}
#coinage .rblList .price {float: right;}
#coinage #divVouchers .price {float: right;}

.rbVouchers label, .rbItems label { font-weight: bold; }

#coinage .divItems, #coinage .tableTotal {margin-top: 10px;}

#coinage #coinFront, #coinage #coinBack {position: relative; height: 300px; width: 300px; text-align: center; margin: 15px 25px 10px 25px;}
#coinage #imgFront, #coinage #imgBack { position: absolute; top: 0px; left: 0px; height: 300px; width: 300px;}
#coinage .preview #coinFront, #coinage .preview #coinBack {margin: 15px 5px 10px 5px;}
#coinage #coinBack .coinLabel {cursor: move; display: block; position: absolute; background-color: Transparent; padding: 5px 5px 7px 5px; margin: 0px; text-align: center; border: none; font-weight: bold; overflow: hidden; height: 1.2em;}
#coinage #coinBack .coinSymbol {cursor: move; position: absolute; top: 177px;}
#coinage #coinBack .edited {border: 1px dotted #FF0000;}
#coinage #coinBack .moved {border: 1px dotted Black;}
#coinage #coinBack.brass .coinLabel {color: black;}
#coinage #coinBack.silver .coinLabel {color: rgb(192,192,191); text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;}
/*#coinage #coinBack.silver .coinLabel {color: rgb(192,192,191); text-shadow: -1px -1px rgb(222,222,222), 1px 1px rgb(80,80,80), 1px 1px rgb(160,160,160), 1px -2px rgb(160,160,160), 1px 1px rgb(222,222,222), -2px -2px rgb(80,80,80);}*/
.wf-active #coinage #coinBack .coinLabel.common {
    font-family: 'Cardo', sans-serif;
    font-size: 24px;
}
.wf-active #coinage #coinBack .coinLabel.decorative {
    font-family: 'Allura', cursive;
    font-size: 14px;
}

.point { 
background: #AA0000;
height: 4px;
margin: -2px 0px 0px -2px;
position: absolute;
width: 4px;
}

#coinage .coinTexts {margin-top: 5px; margin-bottom: 20px;}
#coinage .coinTexts span {display: block;}

#coinage #materialChoice {clear: both; text-align: center; margin-top: 10px; }
#coinage #materialChoice label {margin-left: 4px;}
#coinage #materialChoice .brass {margin-right: 20px;}
#coinage .preview #materialChoice .brass {margin-right: 10px;}

#coinage .coinTitle {margin-top: 5px;}
#coinage .coinTitle a {
    color: #511726;
}
#coinage .coinTitle .mintage { display: block; color: #836F4C; }

#coinage .value .description {padding-top: 2px; font-size: 80%; display: block;}
#coinage .value .price {float: right;}

#coinage .customer {width: 370px;}

#coinage .symbolImage {float: left; padding: 5px;}
#coinage .symbolImage.active { background-color: #528097; border: 1px solid #528097 !important; }

#coinage .symbols {
    width: 100%;
    min-height: 75px; 
    _height: 75px;
}

#coinage .coinBackEdit a.button {width: 100px; margin: auto;}

#coinage .weddingCoins {
    width: 100%;
    min-height: 75px; 
    _height: 75px;
}
#coinage .coinImage {float: left; padding: 10px; cursor: pointer;}
#coinage .coinImage.active {background-image: url('/images/customCoinage/coin-wedding-selected.png'); background-position: 50% 50%; background-repeat: no-repeat; }

#coinage .buttons {
    width: 100%;
    text-align: center;
    height: 30px;
}
#coinage .buttons .button {
    float: none;
    margin-top: 5px;
}

#coinage .panelInner {padding: 10px;}
#coinage .basketList {width: 100%; border-collapse: collapse;}
#coinage .basketList .header {background-color: #A9C0CC; border: solid 1px #D9E2E8;}
#coinage .basketList .header th {border: solid 1px #D9E2E8; font-size: 90%;}
#coinage .basketList td, #coinage .basketList th {padding: 5px; border: solid 1px #A9C0CC; vertical-align: top;}
#coinage .basketList.tableService td {border-top: none;}
#coinage .basketList a {color: black; font-weight: bold; text-decoration: none;}
#coinage .basketList a:hover {text-decoration: underline;}
#coinage .basketList .itemSubtitle {display: block;}
#coinage .basketList .itemImage {float:left; width: 60px; margin-right: 10px;}
#coinage .basketList .itemTexts {float:left;}

#coinage .payingInfo {
    width: 100%;
    text-align: left;
    font-size: 85%;
    color: #528097;
    margin-top: 10px;
}

#coinage .dialogButtons {width: 100%; text-align:center; margin-top: 5px; height: 30px;}
#coinage .dialogButtons .button {margin-left: 20px; width: 150px; float: none;}

#coinage #basketNavigation .step {width: 185px;}
#coinage #basketNavigation .step.selected {background-color: #A9C0CC;}

#choiceCoin {
    border: 2px solid #000000;
    background-color: #FFFFFF;
}

#choiceCoin .filter { margin: 0px;}
#choiceCoin .filterCanvas { margin: 0px;}

#choiceCoin .grdArticles.tiles {}
#choiceCoin .grdArticles.tiles tr {
    background-color: White;
    color: #333;
    width: 798px;
}
#choiceCoin .grdArticles.tiles tr.top td {}
#choiceCoin .grdArticles.tiles tr.bottom td {}
#choiceCoin .grdArticles.tiles td {
    width: auto;
}
#choiceCoin .grdArticles.tiles td a {
    color: #511726;
    font-size: 85%;
}
#choiceCoin .grdArticles.tiles { border-spacing: 4px; margin-bottom: 5px;}
#choiceCoin .grdArticles.tiles td {text-align: center;}
#choiceCoin .grdArticles.tiles td.left {}
#choiceCoin .grdArticles.tiles td.right {}
#choiceCoin .grdArticles.tiles td .mince {width: 110px; height: 110px; padding: 0; margin: 0px 0px 0px 0px; z-index: 1;}
#choiceCoin .grdArticles.tiles td .razba { display: block; color: gray; margin: 10px 0px 0px 0px;}
#choiceCoin .grdArticles.tiles .articleItem {background-color: #D7CCB9; background-repeat: no-repeat; vertical-align: top; padding: 10px 5px; width: 116px; text-align: center;}
#choiceCoin .grdArticles.tiles .articleItem .itemCanvas { position: relative; height: 260px; }
#choiceCoin .grdArticles.tiles .articleItem .itemCanvas.single { height: 120px; }
#choiceCoin .grdArticles.tiles .articleItem .itemCanvas .perexImage {margin-top: 1px; background-repeat: no-repeat;}
#choiceCoin .grdArticles.tiles .articleItem .itemCanvas .mince {position: absolute; left: 0px; right: auto;}
#choiceCoin .grdArticles.tiles .articleItem .itemCanvas .minceFront {position: absolute; width: 90px; height: 90px; top: 0px; left: 13px;}
#choiceCoin .grdArticles.tiles .articleItem.right .itemCanvas .minceFront .mince {position: absolute; right: 0px; left: auto;}
#choiceCoin .grdArticles.tiles .articleItem .itemCanvas .button.front {position: absolute; top: 95px; left: 28px;}
#choiceCoin .grdArticles.tiles .articleItem .itemCanvas .minceBack {position: absolute; width: 90px; height: 90px; top: 130px; left: 13px;}
#choiceCoin .grdArticles.tiles .articleItem.right .itemCanvas .minceBack .mince {position: absolute; right: 0px; left: auto;}
#choiceCoin .grdArticles.tiles .articleItem .itemCanvas .button.back {position: absolute; top: 225px; left: 28px;}
#choiceCoin .grdArticles.tiles .articleItem .razba {font-size: 85%;}
#choiceCoin .grdArticles.tiles .articleItem .articleTitle {font-size: 85%; padding: 0px;}
#choiceCoin .grdArticles.tiles .articleItem.noBorder {border: none;}
#choiceCoin .grdArticles.tiles .button {float: none; font-size: 70%; padding: 2px; width: 60px; margin: 5px auto 10px auto;}

.svatba #choiceCoin .grdArticles.tiles .articleItem {background-color: #D1DEE4;}
.svatba #choiceCoin .grdArticles.tiles .articleItem a {color: Black;}
.svatba #choiceCoin .filterCanvas {background-color: #528097; background-image: none;}

#choiceCoin .infoBeforeLoad {width: 100%; padding-top: 200px; text-align: center; display: block;}

.jqmWindow {padding: 0px; left: -5000px; position: absolute; background-color: #EEE; color: #333; border: 1px solid black;}
.jqmOverlay {background-color: #000;}
.divContent {padding: 10px;}

#choiceCoin {top: 100px; height: 700px; margin-left: -400px; width: 800px;}

.hrefButton {margin: 5px 0px 5px 0px;}
.hrefButton a, .maroonButton {display: block; background-color: #511726; color: White; padding: 2px 30px 2px 30px; text-decoration: none; border-bottom: solid 2px black; border-right: solid 2px black; font-size: 80%;}
.hrefButton.right {float: right;}
.hrefButton.left {float: left;}

#storyEditMain .editBlock {border: solid 5px gray; padding: 10px; margin-bottom: 10px; }
#storyEditMain #plcVariants {height: 115px;}
#storyEditMain #photogallery {height: auto;}
#storyEditMain .editBlock .rightColumn {position: relative; float: right; width: 260px; border-left: 1px solid silver; padding-left: 20px; margin-left: 0px;}
#storyEditMain .editBlock .rightColumn #storyDate {height: 180px;}

span.tooltip {background-image: url('/images/ico-tooltip.png'); background-repeat: no-repeat; background-position: 50% 50%; width: 16px; height: 16px; font-size: 16px;}
.cluetip {text-align: left;}

.button.left {float: left;}

/* zobrazeni v HS dialogu */
.hsDialog #header, 
.hsDialog #pageBannerLeft, 
.hsDialog #pageBannerRight, 
.hsDialog #sidebar,
.hsDialog #footer,
.hsDialog .faceBookBox,
.hsDialog .hrefGoBack,
.hsDialog #atbVariant,
.hsDialog .socialTools
{display: none;}

.hsDialog #page, .hsDialog #main {width: auto; border: none;}

.galleria-info-title a {
    color: #511726;
    font-weight: bold;
}

#otherPhotoInfo {
    padding-top: 5px;
    font-size: 85%;
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #666666;
}

/* ***** hlasovani **** */
#votingGallery {background-color: White; padding: 10px;}
#votingGallery .grdArticles.tiles {border-collapse: collapse;}
#votingGallery .grdArticles.tiles tr.top td {}
#votingGallery .grdArticles.tiles tr.bottom td {}
#votingGallery .grdArticles.tiles td {text-align: center; vertical-align: top; width: 155px; font-size: 90%;}
#votingGallery .grdArticles.tiles .title {display: block; font-weight: bold;}
#votingGallery .grdArticles.tiles .description {display: block; font-size: 90%;}
#votingGallery .grdArticles.tiles .articleItem.image {vertical-align: middle;}
#votingGallery .grdArticles.tiles .articleItem .perexImage.noBorder {border: none;}
#votingGallery .grdArticles.tiles .articleItem.texts {vertical-align: middle;}
#votingGallery .grdArticles.tiles .articleItem.rating {vertical-align: middle;}
#votingGallery .grdArticles.tiles .articleItem.rating .starRating {font-size: 18px; font-weight: bold; color: #511726;}

#votingGallery #takerInfo {
    margin: 0px 12px 10px 12px;
    padding: 3px 5px 3px 5px;
    background-color: #CCFF99;
    text-align: left;
    font-size: 80%;
}

#votingGallery #takerInfo .takerEmail {padding-right: 5px;}

#votingGallery .notApproved {
    margin: 0px 12px 10px 12px;
    padding: 3px 5px 3px 5px;
    background-color: #FFFF99;
    text-align: center;
    font-size: 90%;
}

#votingGallery #takerLogout {color: #511726; cursor: pointer;}

#votingGallery #star-rate a {cursor: pointer;}


#article .sitemap {list-style: none;}
#article .sitemap ul {list-style: none;}
#article .sitemap .article a {font-weight: normal; font-size: 80%;}
#article .sitemap .last {padding-bottom: 10px;}

#tabActionRelated .grdArticles .articleItem {padding: 10px 0px 10px 0px; border-bottom: silver 1px solid;}
#tabActionRelated .grdArticles .articleItem .articleBlock {margin: 0px; padding: 0px 15px 0px 0px;}
#tabActionRelated .grdArticles .articleItem .articleTitle {margin: 0px; padding: 0px;}
#tabActionRelated .grdArticles .articleItem .articleTitle a {font-weight: bold;}
#tabActionRelated .grdArticles .articleItem .articleTitle a:hover {}
#tabActionRelated .grdArticles .articleItem .articleDate {color: gray; font-size: 90%;}
#tabActionRelated .grdArticles .articleItem .articlePerex {text-align: justify;}
#tabActionRelated .grdArticles .articleItem .articlePerex p {margin: 0px; padding: 0px;}
#tabActionRelated .grdArticles .articleItem .articlePerex .more {display: block;}
#tabActionRelated .grdArticles .articleItem .perexImage {float: right; padding: 0px 0px 0px 0px; margin-left: 10px;}

a.directions {display: block; background-position: left 2px; background-repeat: no-repeat; background-image: url('/images/directions.png'); padding-left: 20px;}

#gmapDirections { margin-bottom: 5px; font-size: 9pt; }
#gmapDirections input { width: 315px; margin-right: 5px; padding-left: 2px; }
#gmapDirections a.button { width: 100px; color: white; }

#clubWelcomeLinks { text-align: center; margin: 40px 0px 20px 0px; }
#clubWelcomeLinks a { font-weight: bold; font-size: 140%; color: #800000; margin-right: 15px; }

@media screen and (max-width: 1060px) {
    #welcome #productNews #productNewsArrowLeft { position: absolute; top: 150px; left: 0px; background-image: url('/images/arrowLeftMobile.png');}
    #welcome #productNews #productNewsArrowRight { position: absolute; top: 150px; right: 0px; background-image: url('/images/arrowRightMobile.png'); }
}

@media screen and (max-width: 990px) {
    body { }
    #page { width: 100%; }
    #header { height: auto; }
    #header .logoImage { position: relative; top: auto; left: auto; width: 100px; height: 100px; }
    #header .logoImage img { width: 100px; height: 100px; }
    #menu { position: relative; bottom: auto; left: auto; width: 100%; }

    #welcome .box.left { float: none; width: auto; margin-right: 0px; padding: 0px; }
    #welcome .box.center { float: none; width: auto; margin-right: 0px; padding: 0px; }
    #welcome .box.right { float: none; width: auto; padding: 0px; }
    #welcome .box .map, #welcome .box .banner { text-align: center; }
    #welcome .box .banner .viewPort { margin: auto; }
    #welcome .boxContent { height: auto; overflow: visible; }
    #welcome .boxContent.banner { height: auto; }
    #welcome .boxContent.diary { height: auto; }
    #welcome .boxContent.diary .storiesList { position: relative; bottom: auto; left: auto; width: auto; text-align: center; }
    #welcome .boxContent.map { overflow: hidden; }

    .grdArticles.tiles .item { padding-right: 0px; }

    #katalog-img { float: none; }
    #katalog-img #contactDiv { margin: auto; }
    #katalog-text .text .inside { width: 100%; height: auto; padding: 0px; overflow: visible; }
    .katalog-tabs .tabNavigation { float: none; width: auto; }
    #tabs { float: none; padding: 0px; }
    #tabs .tabCanvas { padding: 0px; }
    #tabs .tabCanvas .innerTabContent { position: relative; clear: left; width: 100%; top:auto; right:auto; overflow: hidden; padding: 0px; }
    #tabs .tabCanvas .innerTab { float: left; margin-right: 10px; }
    #tabs .tabCanvas .innerTab.selected { width: 100px; }
    .tabCanvas { margin: auto; width: 100%; }

    #tabs #gallery-multimedia,
    #tabs #gallery-video,
    #tabs #gallery-mintage,
    #tabs #gallery-story { width: auto; height: 500px; }
    }

@media screen and (max-width: 680px) {
    #menuSection { position: initial; top: auto; }
    #menuSection ul li { float: none; margin: 0px; }
    #menuSection ul li.active a { position: initial; top: auto; font-weight: bold; font-size: 12px; }
    #menuSubSection { padding-left: 10px; margin: 10px 0px 10px 0px; text-align: left; }
    #menuSubSection ul .active a {color: white; font-weight: normal; }
}

@media screen and (max-width: 680px) {
    #welcome .boxContent.diary  { height: auto; }
}