/* === SKIN /_skins/website */

/*OBECNĚ*/

html {background: url('/__imgthumb/web/322-228/3840-3840/a2db-bottom.png') bottom center repeat-x; width: 100%;}
body {background: url('/__imgthumb/web/321-224/3840-3840/3491-body-bg.png') top center repeat-x #E5E5E5; font-family: sans-serif; color: #28166d; font-size: 12px; margin: 0px 0px 130px 0px; padding: 0px; float: left; width: 100%;}

.pgcenter {margin: auto; width: 961px; position: relative;}
.pgcontent {float: left; width: 961px; margin: 0px 0px -34px 0px; padding: 0px; position: relative; z-index: 10; background: url('/__imgthumb/web/338-288/3840-3840/c581-header.jpg') top center no-repeat #ffffff;}
.topadd {position: absolute; top: 0px; right: -67px; width: 67px; height: 259px; background: url('/__imgthumb/web/334-276/3840-3840/a7de-top-add.png') no-repeat;}
.pgcontent a {color: #00aeef; text-decoration: underline;}
.pgcontent a:hover {color: #28166d;}
.pgcontent fieldset {border: 0px; padding: 0px; margin: 0px;}
.no-show {display: none;}
hr {display: none;}


/*Header*/

.header {float: left; width: 961px; height: 259px; position: relative;}
.logo {position: absolute; top: 60px; left: 2px; float: left; margin: 0px; padding: 0px;}
.logo a {text-decoration: none;}
.logo a img {border: 0px;}
.header strong {display: block; position: absolute; top: 137px; left: 245px; font-size: 16px; font-weight: bold; color: #dbd2ff;}

.cart {position: absolute; top: 57px; left: 537px; font-size: 11px; color: #c0cfff; line-height: 200%;}
.cart b {font-size: 16px; font-weight: bold; margin-bottom: -5px; display: block;}
.cart span {font-size: 16px; color: #ffffff; font-weight: bold;}
.cart a {color: #c0cfff;}

.lang {position: absolute; right: 0px; top: 15px;}
.lang img {border: 0px; margin: 0px 0px 0px 5px; padding: 0px; display: block; float: left;}

.header ul {position: absolute; top: 210px; left: 0px; display: block; padding: 0px; margin: 0px;}
.header li {margin: 0px; padding: 0px 0px 0px 1px; display: block; float: left; background: url('/__imgthumb/web/336-284/3840-3840/cd50-topmenu-separator.png') left top no-repeat;}
.header ul li a {display: block; height: 15px; padding: 20px 15px; float: left; text-decoration: none; color: #e5ebff;}
.header ul li a:hover {background: url('/__imgthumb/web/335-280/3840-3840/8fa2-topmenu-active.png') center bottom no-repeat; color: #ffffff;}


/*Left*/

.left {width: 230px; padding: 19px 16px 188px 16px; margin-right: 5px; float: left;}
.left form {float: left; display: block; margin: 0px; padding: 0px; border: 0px; width: 230px; height: 29px; background: url('/__imgthumb/web/332-268/3840-3840/1f03-search.png') no-repeat;}
.left fieldset {margin: 0px; padding: 0px; border: 0px;}

.l-text {display: block; float: left; margin: 0px; width: 165px; height: 22px; border: 0px; background: none; color: #b3b3b3; padding: 7px 14px 0px 14px;}
.l-button {display: block; float: left; margin: 0px 0px 0px 3px; padding: 0px; width: 34px; height: 29px; border: 0px; background: none; cursor: pointer;}

.left ul {float: left; display: block; width: 100%; margin: 11px 0px 25px 0px; padding: 0px;}
.left ul li {margin: 0px; padding: 0px; list-style-type: none;}
.left ul li a {float: left; display: block; width: 194px; margin-bottom: 2px; background: #DBD2FF; padding: 5px 18px; color: #28166D; text-decoration: none; font-weight: bold;}

.left ul li a:hover {background: url('/__imgthumb/web/329-256/3840-3840/fc94-menu-active.png') repeat-x #EDE9FF; color: #6646cb;}

.left ul li ul {margin: 4px 0px 6px 0px}
.left ul li ul li a {float: left; display: block; clear: both; width: auto; margin: 0px 0px 0px 18px; background: url('/__imgthumb/web/333-272/3840-3840/5382-submenu-odr.png') left 10px no-repeat; padding: 2px 7px; color: #00AEEF; text-decoration: none; font-weight: normal;}
.left ul li ul li a:hover {background: url('/__imgthumb/web/333-272/3840-3840/5382-submenu-odr.png') left 10px no-repeat; color: #00AEEF; font-weight: bold;}

.left ul li ul li ul {margin: 3px 0px 3px 0px}
.left ul li ul li ul li a {margin: 0px 0px 0px 36px; color: #666666;}
.left ul li ul li ul li a:hover {color: #666666;}

.m1 {background: url('/__imgthumb/web/329-256/3840-3840/fc94-menu-active.png') repeat-x #EDE9FF !important;}
.m2 {background: url('/__imgthumb/web/333-272/3840-3840/5382-submenu-odr.png') left 10px no-repeat; color: #00AEEF; font-weight: bold !important;}
.m3 {color: #666666 !important;}


.crown {float: left; clear: both; width: 230px; height: 173px; margin-bottom: 25px; background: url('/__imgthumb/web/325-240/3840-3840/d20a-crown.png') no-repeat center top;}

.contact {position: absolute; bottom: 58px; left: 31px; line-height: 150%;}
.contact span {font-weight: bold;}
.contact b {font-size: 18px; font-weight: bold;}
.contact p {margin: 0px; padding: 10px 0px 0px 0px;}




/*CONTENT*/

.content {float: left; width: 672px; padding-top: 19px; padding-bottom: 40px;}
.nav span {color: #666666; font-weight: bold;}
.nav {float: left; width: 100%;}

.content h2 {font-size: 30px; margin: 0px; padding: 20px 0px 5px 0px; font-weight: normal; clear: both;}
.content h3 {font-size: 14px; margin: 0px; padding: 15px 0px 5px 0px; font-weight: bold; clear: both;}
.content h4 {font-size: 12px; margin: 0px; padding: 10px 0px 3px 0px; font-weight: bold; clear: both;}
.content p {text-align: justify;}
.content img {margin: 10px;}

.content a img {border: #D0D0D0 1px solid;}
.content a:hover img {border-color: #e5ebff;}


.content table {margin: 10px 0px; border-collapse: collapse;}
.content table td {padding: 5px; text-align: left; border: 1px solid #D0D0D0;}
.content table th {padding: 5px; text-align: center; font-weight: bold; border: 1px solid #D0D0D0;}
.content table img {padding: 0px; margin: 0px; display: block;}

.content ul {margin: 20px 0px; padding-left: 40px;}
.content ul li ul {margin: 10px 0px;}


.webpage-toolbar {padding: 15px 0px 0px 0px !important;}
.webpage-toolbar img {border: 0px !important; margin: 0px;}

.MessageQueue {width: 100%; float: left; margin: 10px 0px;}
.MessageQueue img {margin: 0px 5px 0px 0px;}
.MessageQueue span {position: relative; top: -5px; font-weight: bold; text-transform: uppercase;}

/*NEWS*/
.news-item {float: left; width: 100%; margin-bottom: 8px; clear: left;}
.news-item img {float: left; margin-left: 0px !important;}
.signature {float: right; color: #666666; margin: 0px;}
.news-content {text-align: justify;}
.news-detail h2 {padding-top: 2px; font-size: 28px;}
.news-detail h4 {padding: 30px 0px 0px 0px;}
.news-detail img {float: left; margin-left: 0px !important;}
.urgent {text-transform: uppercase;}


/*CONTACT-FORM*/

.contact-form {margin: 20px 0px 0px 136px;}
.cf-h3 {margin-left: 136px !important;}
.cf-msg {margin-left: 136px !important; color: #00aeef;}
.contact-line {display: block; float: left; clear: both; width: 400px; margin-bottom: 5px;}
.contact-line input {border: 1px solid #bcbcbc; font-size: 12px; font-family: arial; color: #666666; float: right; width: 244px; margin: 0px; padding: 2px 3px 2px 3px;}
.contact-line label {float: left;}
.contact-textarea {display: block; float: left; clear: both; width: 400px;}
.contact-textarea textarea {border: 1px solid #bcbcbc; width: 392px; padding: 3px; margin: 5px 0px 0px 0px; font-size: 12px; font-family: arial; color: #666666; }

.safety-code {margin-top: 25px; display: block; float: left; clear: both; width: 400px;}
.safety-code label {float: left;}
.safety-code img {float: left; position: relative; top: -15px; left: 20px;}
.safety-code input {border: 1px solid #bcbcbc; font-size: 12px; font-family: arial; color: #666666; float: right; width: 100px; margin: 0px; padding: 2px 3px 2px 3px;}


.buttons {display: block; clear: both; width: 400px; text-align: center;}
.button {cursor: pointer; font-size: 12px; font-family: arial; color: #ffffff; padding: 3px 6px 3px 6px; margin: 0px; border: 0px; background: url('/__imgthumb/web/323-232/3840-3840/393b-button.png') repeat-x #23145E;}
.button:hover {color: #e5ebff;}

/*GALLERY*/

.gallery {float: left; clear: both; margin: 0px 0px 20px 0px; width: 100%;}
.g1 {width: 316px; height: 190px; padding: 10px; float: left; text-align: center;}
.g2 {width: 148px; height: 145px; padding: 10px; float: left; text-align: center;}
.g3 {font-size: 11px; width: 114px; height: 100px; padding: 10px; float: left; text-align: center;}

/*FILE*/

.tfile {margin: 5px 0px 0px 0px !important;}
.tfile td {background: none !important; border: 0px !important;}
.tfile strong {font-weight: bold; text-transform: uppercase; font-size: 13px;}
.tfile a {text-transform: uppercase;}
.ico {vertical-align: top;}
.ico a img {border: 0px;}
.tfile img {margin-left: 0px;}

/*FULLTEXT*/
.f-text {width: 200px; border: 1px solid #bcbcbc; font-size: 12px; font-family: arial; color: #666666;  margin: 0px; padding: 3px;}
.fulltext-form {padding: 15px 0px 30px 0px; margin: 0px;}



.fulltext-ol li {padding: 2px 20px 2px 0px;}

/*FILELIST*/

.filelist {float: left; width: 100%; margin: 20px 0px 0px 0px; }
.filelist a img {border: 0px; margin: 0px; padding-right: 5px; position: relative; top: 5px; text-decoration: none; display: block; float: left;}
.filelist a:hover img {border: 0px; margin: 0px; text-decoration: none;}
.filelist div {width: 183px; float: left; padding: 0px 10px 10px 0px;}

/*SITEMAP*/
.sitemap li a {color: #28166D; font-weight: bold; line-height: 150%;}
.sitemap li {list-style-type: none;}
.sitemap li ul {padding-left: 22px;}
.sitemap li ul li a {color: #00aeef; font-weight: normal; background: url('/__imgthumb/web/333-272/3840-3840/5382-submenu-odr.png') left 10px no-repeat; padding: 2px 9px; color: #00AEEF;}
.sitemap li ul li ul li {list-style-type: circle;}
.sitemap li ul li ul li a {background: none; padding: 2px 0px;}
.sitemap li ul li ul {padding-left: 35px;}

/*FOOTER*/

.bottom {height: 131px; width: 100%; background: #28166D; float: left; margin-bottom: -131px;}
.bcenter {width: 961px; margin: auto; position: relative;}

.footer {width: 961px; float: left; position: absolute; z-index: 10; top: 47px; color: #904DFF; line-height: 150%;}
.footer a {color: #904DFF; text-decoration: none;}
.footer a:hover {text-decoration: underline;}


.footer div {width: 40%;}
.fleft {float: left; text-align: left; text-transform: lowercase;}
.fright {float: right; text-align: right;}

/*PRODUCTS*/

.cat-box {float: left; width: 624px; background: url('/__imgthumb/web/324-292/3840-3840/619a-cat-box.png') repeat-x #DCD3FF; padding: 17px 24px 21px 24px; margin-top: 14px;}
.cat-box h2 {padding: 0px 0px 10px 0px;}
.cat-box img {float: left; display: block; margin: 0px 20px 0px 0px; border: 1px solid #D0D0D0; width: 128px;} 
.cat-box-txt {float: right; width: 474px;} 
.cat-box-txt p {margin-top: 0px;} 


.sort {width: 100%; margin: 24px 0px 24px 0px; color: #666666; float: left;}



.cat-container {width: 724px; margin: 0px -26px 0px -26px; float: left; text-align: center;}
.prod-box {height: 224px; margin: 0px 26px 18px 26px; border-width: 2px 0px 0px 0px; border-color: #DBD2FF; border-style: solid; background: url('/__imgthumb/web/330-260/3840-3840/6d8f-prod-box.png') repeat-x; float: left; width: 189px; font-size: 11px;}
.prod-box h3 {width: 169px; padding: 14px 10px; text-align: center;}
.prod-box a img {width: 187px; max-height: 140px; margin: 0px; border: 1px solid #D0D0D0;}
.prod-line {width: 672px; float: left; height: 2px; background: #DBD2FF; margin: 7px 0px 13px 0px;}
.prod-title {color: #28166d !important; text-decoration: none !important;}
.prod-img {float: left; margin: 0px 0px 10px 0px; height: 140px; width: 189px;}

.paging {width: 100%; margin: 0px 0px 24px 0px; color: #666666; float: left;}

/*SHOP FORMS*/

.i-button {vertical-align: middle; padding: 2px 9px 3px 9px; cursor: pointer; font-size: 11px; font-family: arial; color: #ffffff; height: 19px; margin: 0px; border: 0px; background: url('/__imgthumb/web/323-232/3840-3840/393b-button.png') repeat-x #23145E;}
.i-button:hover {color: #e5ebff;}
.i-select {vertical-align: middle; height: 19px; border: #BCBCBC 1px solid; font-size: 11px; color: #666666;}
.i-text {vertical-align: middle; height: 13px; padding:  2px 3px 2px 3px; border: #BCBCBC 1px solid; font-size: 11px; color: #666666;}
.pg-left {float: left;}
.pg-right {float: right; text-align: right;}
.buy {text-transform: uppercase; font-weight: bold;}

/*PRODUCT*/
.g2mod {height: 90px;}
.prod-table {display: block; float: left; margin: 0px !important;}
.prod-table th {text-align: left !important; padding: 3px 5px !important;}
.prod-table td {text-align: left !important; padding: 3px 5px !important;}
.prod-image img {margin: -1px 20px 0px 0px; float: left; display: block;}
.prod-buy {float: left; clear: both; width: 100%; margin: 20px 0px 10px 0px;}
.prod-buy form {float: left; margin: 0px 32px 0px 0px; padding: 0px;}
.action {margin-top: -7px; color: #00aeef; text-transform: uppercase;}

/*CART*/

.cart-table {display: block; float: left; margin: 10px 0px 20px 0px !important; width: 672px !important;}
.cart-table th {padding: 3px 5px !important;}
.cart-table td {padding: 3px 5px !important;}
.td-img a img {margin: -3px -5px; display: block;}
.ta-right {text-align: right !important;}
.cart-prices {float: right; text-align: right;}
.cart-prices b {font-size: 14px;}
.cart-buttons {float: left; padding-top: 10px;}
.no-wrap {white-space: nowrap;}

/*ORDER-ADD*/
.order-form {float: left; clear: both; width: 330px; margin-left: 171px;}

.order-top {width: 330px; float: left; clear: both; line-height: 22px;}
.order-top label {float: left; clear: both;}
.order-top input {float: right;}
.order-top select {float: right;}

.order-txt {float: left; clear: both;}
.order-txt label {float: left; clear: both; padding: 4px 0px 2px 0px;}
.order-txt textarea {float: left; clear: both; width: 320px;}
.note-label {padding-top: 15px !important;}
.order-buttons {float: right; clear: both; margin-top: 10px;}

.i-textarea {vertical-align: top; padding: 4px !important; border: #BCBCBC 1px solid; font-size: 12px; color: #666666; font-family: arial, sans-serif;}

.order2-buttons {width: 100%; float: left; clear: both; margin-top: 10px; text-align: center;}

 

 

 
/* === */