/*@font-face {font-family: "BookAntiqua"; src: url("./fonts/bkant.eot"), url("./fonts/bkant.ttf") format("truetype");}*/
@font-face {font-family: "BookAntiqua"; src: url("./fonts/antquab.eot"), url("./fonts/antquab.ttf") format("truetype");}


@charset "utf-8";
/* CSS Document */
.clear {clear:both;}
/* zaklad stranky */
body {background: url(../images/bg.png) repeat-x; background-color: #d8dbe0; margin: 0px; padding: 0px;}
#page {background: url(../images/bg-head.png) no-repeat top; width: 100%; min-height: 665px; position: relative;}
#pg {width: 818px; margin: 0px; padding-top: 19px; text-align: left; position: relative;}
#header {width: 808px; height: 101px; margin: 0px; padding: 5px; position: relative;}
#content {width: 786px; margin: 0px; padding-left: 11px; padding-right: 11px; position: relative; background-color: #FFFFFF; min-height: 525px;float:left;}
#footer {background: url(../images/bg-foot.png) no-repeat; width: 818px; height: 100px; position: relative;}

/* logo a menu */
#logo {position: absolute; width: 221px; height: 110px; top: 34px; left: 9px; z-index: 105;}
#menu {position: absolute; background: url(../images/menu-bg.png) repeat-y; width: 201px; top: 144px; left: 18px; z-index: 102; visibility: hidden; text-transform: uppercase;}
#menuvnutro {width: 176px; padding-left: 13px; padding-right: 12px; padding-top: 5px; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #4a4a4a;}
#menuvnutro a {color: #4a4a4a; text-decoration: none; font-weight: normal; width: 100%;}
#menuvnutro a:link {color: #4a4a4a; text-decoration: none; font-weight: normal;}
#menuvnutro a:visited {color: #4a4a4a; text-decoration: none; font-weight: normal;}
#menuvnutro a:active {color: #ffffff; text-decoration: none; font-weight: normal;}
#menuvnutro a:hover {color: #ffffff; text-decoration: none; font-weight: normal;}
#menuvnutro td {width: 100%; height: 16px;}
#menuvnutro td:hover {width: 100%; height: 16px; background-color: #3c489c;}
#menuvnutro td:hover a {color: #ffffff;}
#menuvnutro .nonfade:hover {width: 100%; height: 16px; background-color: #FFFFFF;}
#menuklik {position: absolute; width: 201px; height: 337px; top: 140px; left: 18px; z-index: 101;}

/* header */
#topmenu {position: absolute; left: 500px; top: 24px; z-index: 102; width: 290px; height: 17px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #8f8f8f;}
#topmenu a {color: #8f8f8f; font-weight: normal; text-decoration: none;}
#topmenu a:link {color: #8f8f8f; font-weight: normal; text-decoration: none;}
#topmenu a:visited {color: #8f8f8f; font-weight: normal; text-decoration: none;}
#topmenu a:active {color: #8f8f8f; font-weight: normal; text-decoration: underline;}
#topmenu a:hover {color: #8f8f8f; font-weight: normal; text-decoration: underline;}
#zlato {position: absolute; left: 615px; top: 47px; z-index: 103; width: 183px; height: 65px;}
#kosikbtn {position: absolute; left: 535px; top: 50px; z-index: 103; width: 75px; height: 56px;}
#topbanner {position: absolute; left: 245px; top: 31px; z-index: 104; width: 200px; height: 80px;}
#jazyky {position: absolute; right: 25px; top: 17px; z-index: 104; width: 92px; border: 1px solid #c3d7e9; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #ffffff; visibility: hidden; line-height: 16px; text-align: left;}
#jazyky a {color: #8f8f8f; font-weight: normal; text-decoration: none;}
#jazyky a:link {color: #8f8f8f; font-weight: normal; text-decoration: none;}
#jazyky a:visited {color: #8f8f8f; font-weight: normal; text-decoration: none;}
#jazyky a:active {color: #000000; font-weight: normal; text-decoration: none;}
#jazyky a:hover {color: #000000; font-weight: normal; text-decoration: none;}
#login {position: absolute; right: 40px; top: -10px; z-index: 105; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff;}
#login a, #login a:link, #login a:visited {font-weight: normal; text-decoration: none; color: #ffffff;}
#login a:active, #login a:hover {font-weight: normal; text-decoration: underline; color: #ffffff;}

/* tiene */
.shadL {background: url(../images/shadow-left-bg.png) repeat-y; width: 5px;}
.shadR {background: url(../images/shadow-right-bg.png) repeat-y; width: 5px;}

/* zaklad obsahu */
#obsah {width: 566px; min-height: 430px; margin: 0px; padding-left: 215px; padding-right: 5px; position: relative; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: 4a4a4a;}
#obsahtxt {padding-left: 5px; width: 550px;}
p {color: #4a4a4a; line-height: 16px;}
li {color: #4a4a4a; line-height: 16px;}

a {color: #4d5aae; text-decoration: none; font-weight: normal;}
a:link {color: #4d5aae; text-decoration: none; font-weight: normal;}
a:visited {color: #4d5aae; text-decoration: none; font-weight: normal;}
a:active {color: #4d5aae; text-decoration: underline; font-weight: normal;}
a:hover {color: #4d5aae; text-decoration: underline; font-weight: normal;}

/* input {color: #4a4a4a; border: 1px solid #b3b3b4; background-color: #ffffff; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; padding: 1px; margin: 0px;} */
input.itxt, select.itxt {color: #4a4a4a; border: 1px solid #b3b3b4; background-color: #ffffff; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; padding: 1px; margin: 0px;}

/* pozicia */
#position {color: #4d5aae;}
#position a {color: #8f8f8f; text-decoration: none; font-weight: normal;}
#position a:link {color: #8f8f8f; text-decoration: none; font-weight: normal;}
#position a:visited {color: #8f8f8f; text-decoration: none; font-weight: normal;}
#position a:active {color: #8f8f8f; text-decoration: underline; font-weight: normal;}
#position a:hover {color: #8f8f8f; text-decoration: underline; font-weight: normal;}

/* tabulka investicneho zlata */
#zlbox1 {display: block;}
#zlbox2 {display: none; color: #4a4a4a;}
.zlbox {color: #4a4a4a; font-size: 8pt;}
.zlbox tr.parne {background-color: #f8f8f9;}
.zlbox tr.nepar {background-color: #ffffff;}
.zlbox tr:hover {background-color: #eaeaeb;}
.zlbox td {text-align: center;}
.zlbox td.cisla {text-align: right; padding-right: 35px;}
.zlbox td.zlhead {background-color: #eaeaeb; vertical-align: top;}
.zlbox td.zlfoot {background-color: #ffffff; text-align: right;}
.zlbox input {color: #4a4a4a; border: 1px solid transparent; font-size: 8pt; width: 20px; font-family: Arial, Helvetica, sans-serif; text-align: center; background: none; padding: 1px; margin: 0px;}
.zlbox input:hover {border: 1px solid #b3b3b4; background-color: #ffffff;}
.zlmodre {color: #3985bf; font-size: 10pt;}
.zlinvert {background-color: #3985bf; color: #ffffff;}

/* nakupny kosik */
.carttop {background: url(../images/cart-head-mid.png) repeat-x; height: 30px; color: #4d5aae; font-weight: bold;}
.cartmid {background: url(../images/cart-bg.png) no-repeat; height: 50px;}
.cartbot {background: url(../images/cart-bot-mid.png) repeat-x; height: 33px; color: #4d5aae;}

.cartform {border: 1px solid #b3b3b4; padding: 0px; margin: 0px;}
.cartformhead {font-size: 10pt; font-weight: bold; background-color: #4d5aae; color: #ffffff; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px;}
.cartformcontent {padding: 8px;}

/* detaily produktu */
/* #prbox {position: absolute; left: 221px; top: 115px; width: 136px; height: 211px; z-index: 25; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff;} */
/* .prkod {background: url(../images/produkt-kod-bg.png) repeat-y; width: 130px; height: 19px; padding-left: 6px; padding-top: 3px;} */

/* footer */
#foot {position: absolute; left: 275px; top: 30px; z-index: 20; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #a1a4c1;}
#foot a {color: #ffffff; font-weight: normal; text-decoration: none;}
#foot a:link {color: #ffffff; font-weight: normal; text-decoration: none;}
#foot a:visited {color: #ffffff; font-weight: normal; text-decoration: none;}
#foot a:active {color: #ffffff; font-weight: normal; text-decoration: underline;}
#foot a:hover {color: #ffffff; font-weight: normal; text-decoration: underline;}

/* loadbar */
#loadbar {position: absolute; width: 808px; height: 40px; top: 50px; left: 0px; padding: 5px; z-index: 500; border: 2px solid #000000; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;}

/* sifr */
h1, h2, h3, h4, h5 {font-family: "BookAntiqua",  "Times New Roman", Times, serif; font-weight: normal; letter-spacing: -.05em; margin: 0px; padding: 0px; line-height: 1em;}
h1 {font-size: 22pt; color: #4d5aae;}
h2 {font-size: 21pt; color: #4d5aae; font-weight: normal;}
h3 {font-size: 12pt; color: #4a4a4a;}
h4 {font-size: 20pt; color: #4d5aae;}

.prsten-vyber{float:left; margin-top:-25px; margin:0 0 0px 10px;}
.prsten-vyber h2{margin-bottom:30px; font-size:21pt;}
.prsten-vyber h3{ font-size:15pt;float:left; width:120px;margin-bottom:10px;}
.prsten-vyber p.cena {float:left; font-size:15pt; font-weight:bold; margin:2px 0px 0px 0px;color:#3985bf;display:none;}
.prsten-vyber p.cena span{float:left; margin-right:10px; color:#d6d6d6;}
.prsten-vyber .holder{float:left; width:160px;margin-top:0px;}
.prsten-vyber .detail{float:left; width:150px;margin-top:0px;}
.prsten-vyber .detail p.nadpis{font-size:12px; font-weight:bold; margin-bottom:0px;margin-top:10px;}
.prsten-vyber .detail p.popis{font-size:12px; font-weight:normal; margin:0px;}
.prsten-vyber .detail p font{font-size:12px; font-weight:normal; margin:0px;}
.prsten-vyber .prsten{position:absolute;left:0px;top:0px;}
/*.prsten-vyber .prsten img{width:250px;}*/
.prsten-vyber .kusy{width:145px; height:28px; background:url(../images/kosik-pridaj.png) no-repeat; margin-top:20px;}
.prsten-vyber .kusy input{width:15px; height:15px; margin:5px 0px 0px 22px; font-size:11px; padding:0px; color:#3984bf;font-family:Arial;}
.prsten-vyber .kusy input.rytina {width:75px;}
.prsten-vyber .kusy input.rytina.italic {font-style:italic;}
.prsten-vyber .kusy select{width:35px; height:15px; margin:5px 0px 0px 22px; font-size:11px; padding:0px; color:#3984bf;font-family:Arial;}
.prsten-vyber .kusy label{color:#ffffff;margin-left:2px; font-size:11px;}
.prsten-vyber .kusy a{color:#ffffff;margin:7px 30px 0px 0px; font-size:11px; float:right;}
.prsten-vyber .prsten-holder {width:543px; height:116px;position:relative; margin-top:20px; margin-bottom:20px;float:left; background:url(../images/vyber-prsten-grad.png) repeat-x;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 1px 1px #999999; -webkit-box-shadow: 0px 1px 1px #999999; box-shadow: 0px 1px 1px #999999;}
.prsten-vyber #prstenajax{float:left;}
.prsten-vyber .prsten-holder .prsten-scroller{width:543px; overflow-x:scroll; overflow-y:hidden; height:116px;}
.prsten-vyber .prsten-holder .left-button{width:20px; height:54px; background:url(../images/button-left.png) no-repeat; position:absolute; top:35px;left:-10px;}
.prsten-vyber .prsten-holder .right-button{width:20px; height:54px; background:url(../images/button-right.png) no-repeat; position:absolute; top:35px;right:-10px;}
.prsten-vyber .prsten-holder .prsten-scroller .inner{width:1000px; height:116px;}
.prsten-vyber .prsten-holder .prsten-scroller .inner .border{width:1px; height:56px; background-color:#f1f1f1; float:left; margin:40px 0px 0px 0px;}
.prsten-vyber .prsten-holder .prsten-scroller .inner .prsten-maly{width:69px; height:116px;position:relative; overflow:hidden; float:left; margin:20px 15px 10px 25px; background:url(../images/prsten-shadow.jpg) no-repeat -5px 70px; cursor: pointer;}
.prsten-vyber .prsten-holder .prsten-scroller .inner .prsten-maly img{ padding:0px 20px 0px 0px;}

#view {overflow: hidden ;position: relative ;}
#image {display: block ;left: 0px ;top: 0px ;}
#zoom {background-image: url( "./white_fade.png" ) ;border: 0px solid #000000 ;cursor: pointer ;display: none ;height: 300px ;position: absolute ;width: 260px ;z-index: 100 ;}

.bgover{position:fixed; top:0px; left:0px; height:100%; width:100%; background-color:#000000; display:none; z-index:10000;}
.fgover{position:fixed; top:0px; left:0px; height:100%; width:100%; display:none; z-index:10010;}
.fgover .formular{position:relative;width:270px; height:270px; margin:0 auto; margin-top:280px; opacity:1; padding-left:15px; background-color:#ffffff; box-shadow:0px 0px 10px #777777; -moz-box-shadow: 0px 0px 10px #777777; -webkit-box-shadow: 0px 0px 10px #777777;}
.fgover .formular a.close{float:right; margin-top:-10px; margin-right:-20px; background:url(../images/x.png) no-repeat; width:30px; height:30px;}
.fgover .formular .pokracuj{width:285px; height:50px; position:absolute; font-size:12px; background-color:#f0f0f0; bottom:0px;left:0px;}
.fgover .formular .pokracuj a{float:right; margin-top:15px; margin-right:20px; background-color:#3781bc; color:#ffffff; padding:4px 7px 4px 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.fgover .formular .input{width:100%; height:30px; float:left; margin-top:20px; font-size:12px; color:#4a4a4a;}
.fgover .formular .input label {float:left; width:70px; margin-top:6px;}
.fgover .formular .input input {width:137px; font-size:12px; padding:6px; color:#676767; float:left;}
.fgover .formular .input input.italic {font-style:italic;}
.fgover .formular .input a.rytina-font {float:left; width:23px; height:23px; background:url(../images/rytina-font.png) no-repeat; margin:3px 0px 0px 3px;}
.fgover .formular .input select {width:180px; font-size:12px; padding:6px; color:#676767;}