/* @override http://tritontest.inshop.cz/inshop/Layout/Schemata/css/style.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;}
a {outline: none;text-decoration: none;}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */
body {margin: 0;padding: 0; font: 12px 'Open Sans', sans-serif; background: #bbe2fc url(background.jpg) repeat center top;}
* {margin:0;padding:0;} 
html, body {height: 100%;}
#wrap {min-height: 100%; width: 100%;}
#main {overflow:auto; padding-bottom: 115px;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -115px; height: 115px; clear:both;} 
body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px; }
.WebContent{ margin-left: auto; margin-right: auto; width: 980px;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clearthis:after,
.inner:after
{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

.fl{float: left;}
.fr{float: right;}
h1{color: #034d77; font-weight: bold; font-size: 26px; font-style: italic;}
h2{color: #00629a; font-size: 19px; font-style: italic; font-weight: 800;}
h3{font-size: 14px; font-weight: 600; color: #4b6372; }
h1 img{display: none;}

.inl{display:inline-block; *display:inline; zoom: 1;}

/*Header*/
#Header{position: relative; z-index: 10;}
#Header .triton{width: 203px; height: 319px; background: url(triton.png) no-repeat; position: absolute; left: -163px; top: -7px; z-index: 3;}
#Header h2{ font-size: 30px; color: #00629a; font-weight: 800;}
#Header .Head{ margin-top: 10px; margin-bottom: 10px;}
.topNav{ text-align: right;}
.HeadCart{ padding-top: 2px;}
.HeadCartgreen{ padding-top: 2px;}
.HeadCartred{ padding-top: 2px;}
.HeadCartred p {background: url(cartred.png) no-repeat left center; padding-left: 46px; padding-top: 10px; padding-bottom: 10px; color: #00629a; font-size: 13px;}
.HeadCartgreen p{background: url(cartgreen.png) no-repeat left center; padding-left: 46px; padding-top: 10px; padding-bottom: 10px; color: #00629a; font-size: 13px;}
.HeadCart p{background: url(Hcart.png) no-repeat left center; padding-left: 46px; padding-top: 10px; padding-bottom: 10px; color: #00629a; font-size: 13px;}
.HeadCart a{color: #00629a;}
.HeadCartgreen a{color: #00629a;}
.HeadCartred a{color: #00629a;}
.HeadNav{ margin-bottom: 10px; position: relative; z-index: 9;}
.HeadNav .CornerBox{width: 905px; height: 70px; background-image: url(HeadNav.png);}
.HeadNav li a{ font-size: 16px; font-weight: 600; color: #3a596b !important;}
.HeadNav li{ border-right-color: #3a596b !important;}
.HeadNav ul{ margin-top: 14px; margin-left: 17px;}
.HeadSearch{ background-color: white; margin-top: 16px; margin-right: 10px; border: 2px solid #3A596B; width: 300px;}
.HeadSearch #searchphrase{ border-style: none; width: 175px; padding: 9px;}


#MainCol { margin-bottom: 15px;}
#LeftCol{width: 240px; position: relative; z-index: 99;}
#LeftCol .Box{ background: url(leftBoxB.png) no-repeat bottom; padding-bottom: 7px; margin-bottom: 5px;}
#LeftCol .Box .content{ background: url(leftBox.png) no-repeat top; padding-top: 5px; padding-left: 5px; padding-right: 5px;}
#LeftCol .Box .content2{background-color:white; padding-top: 5px; padding-left: 5px; padding-right: 5px;}
#LeftCol .Box h3{margin-bottom: 5px;}
.Category ul{}
.Category ul li{}
.Category ul li a{ color: #4b6372; display: block; padding-left: 14px; background: url(catLi.png) no-repeat left center; font-size: 13px; padding-bottom: 1px; text-align:left;}
.Category ul ul{ margin-left: 18px;}
.Category ul ul li{}
.Category ul ul li a{ background-image: none;}
.BooksList a{display: block; margin-left: auto; margin-right: auto; text-align: center; color: #00629a; font-weight: 600; margin-bottom: 7px;}
.BooksList li{ border-bottom: 1px solid #cbedfd; padding-bottom: 5px; padding-top: 10px;}
.BooksList li.last{ border-bottom-style: none;}
.BooksList li:hover{ background-color: #d6f4fe;}

#RightCol{width: 720px;}
ul.SubCat{}
ul.SubCat li{float: left; width: 230px; height: 60px; background: url(subCat.png) no-repeat; margin-right: 15px; margin-bottom: 15px;}
ul.SubCat li.last{ margin-right: 0;}
ul.SubCat li a{display: block; color: #4b6372; font-size: 14px; font-weight: bold; padding-left: 60px; padding-top: 18px;}

.Catalogue{}
.Books{}
.Books .book{float: left; width: 230px; background: url(bookB.png) no-repeat left bottom; padding-bottom: 6px; color: #4b6372; margin-right: 15px; margin-top: 15px;}
.Books .book.last{ margin-right: 0;}
.Books .book .inner{ background: url(book.png) no-repeat left top; padding: 5px 5px 0;}
.Books .book h4{ height: 61px;}
.Books .book h4 a{color: #4b6372; display: block; font-size: 16px; font-weight: bold;}
.Books .book small{ font-size: 9px; font-family: arial; color:black;}
.Books .book small a{color: #00629a; text-decoration: underline;}
.Books .book .image{ padding: 6px; height: 160px;}
.Books .book .image img{display: block; margin-left: auto; margin-right: auto; max-width: 220px; max-height: 160px;}
.Books .book .price{ height: 50px;}
.Books .book .oldPrice{ font-size: 13px; text-decoration: line-through; font-weight: 600; height: 19px;}
.Books .book .actualPrice{ font-size: 22px; font-weight: bold; text-align: center;}
.Books .book a.detail span{ padding-left: 20px; width: 49px;}
.Books .book a.buy em{display: block; padding-left: 37px; text-transform: uppercase; background: url(CartSmall.png) no-repeat left center; width: 84px;}

.BookSlider{ background: url(sliderBackB.png) no-repeat left bottom; padding-bottom: 12px; padding-top: 5px;}
.BookSlider h2{ margin-bottom: 7px;}
.BookSlider .inner{ background: url(sliderBack.png) no-repeat left top; padding: 5px 5px 0;}
ul.jSlider li{}
ul.jSlider li a{display: block; text-align: center; color: #00446b;}
ul.jSlider li a.nadpis{ height: 50px; margin-top: 7px; padding-left: 3px; padding-right: 3px;}
a.Slider-Nav.Preview{background: url(arr2.png) no-repeat; }
a.Slider-Nav.Next{background: url(arr1.png) no-repeat;}

#footer .WebContent{ height: 100px; background: url(footer.png) no-repeat left top;}
#footer .LinksLine{ text-align: center; padding-top: 6px;}
.copyright{color: #4b6372; text-align: center; margin-top: 36px;}

.WhiteLine{ padding-bottom: 5px; background: url(WhiteLineB.png) no-repeat left bottom;}
.WhiteLine .inner{ background: url(WhiteLine.png) no-repeat left top;}

.BlueBox{ background: url(BlueBoxB.png) repeat left bottom; padding-bottom: 7px;}
.BlueBox .inner{ background: url(BlueBox.png) no-repeat left top;}

#BreadCrumbs{ position: relative; padding-bottom: 10px;}
#BreadCrumbs .inner{ height: 35px;}
#BreadCrumbs span{display:inline-block; *display:inline; zoom: 1; background: url(BreadArr.png) no-repeat right center; line-height: 38px; padding-left: 8px; padding-right: 23px;}
#BreadCrumbs span.last{ background-image: none;}
#BreadCrumbs span, #BreadCrumbs span a{color: #034d77;}
#BreadCrumbs span.home a{ color: #24be17;}
#BreadCrumbs .breadcrumbs{position: absolute; left: 1px; top: 1px;}

ul.SmallSubcat{}
ul.SmallSubcat li{float: left; margin-right: 5px; margin-bottom: 5px;}
ul.SmallSubcat li span{ padding-left: 10px; padding-right: 16px;}

.Pager{ margin-top: 15px;}
.Pager .inner{}
.Pager .Sort{ background: url(IconSort.png) no-repeat; padding-left: 24px; margin-left: 7px; margin-top: 9px;}

.paginator{ margin-top: 6px; margin-right: 9px;}
.paginator span, .paginator em, .paginator a, .pageList{display:inline-block; *display:inline; zoom: 1;}
.paginator span, .paginator .pageList a{ width: 24px; height: 20px; margin-right: 4px; text-align: center; padding-top: 4px;}
.paginator span{ background: url(PageS.png) no-repeat left top; color: white;}
.paginator .pageList a{ background: url(PageA.png) no-repeat left top; color: #00629a;}
.paginator em{ color: #d4f5fe;}
.paginator em a{ color: #02629a;}



/*Produkt*/
.BlueBox.Pro .inner{ padding: 20px 20px 12px; height: 310px;}
.Pro .image{}
.Pro table{ width: 480px; margin-left: 0px;}
.Pro table .name{ width: 129px; text-align: right; padding-right: 8px; vertical-align: top; color: #788a95; font-size: 13px; font-weight: 600; padding-bottom: 7px;}
.Pro table .value{ color: #525d63; font-size: 12px; font-weight: bold; vertical-align: top;}
.BuyNow{ margin-top: 10px; text-align: right;}
.BuyNow button.xl b{display: block; width: 90px; font-size: 14px; background: url(CartXl.png) no-repeat left center;}
.BuyNow button.xl em{ padding-left: 14px;}
.BuyNow button.xl{}
.BuyNow .inner{ padding-top: 6px; padding-right: 6px; }
.BuyNow .inner .fr{}
.BuyNow input, .BuyNow span, .BuyNow button{display: block; float: left;}
.BuyNow span.cena{ color: #525d63; font-size: 18px; font-weight: bold; padding-right: 6px; padding-top: 3px;}
.BuyNow input{ width: 20px; text-align: center; margin-left: 10px; padding-top: 0; margin-top: 5px; margin-right: 10px;}
.BuyNow span.cenaold{padding-top:8px; padding-right: 15px;}
.Desc{ margin-top: 10px;}
.Desc h2{ margin-bottom: 5px;}
.Descr .inner{ padding: 10px 10px 2px;}
.Recomended{ margin-top: 20px;}



.WhiteLine.buttons { text-align: right; margin-top: 10px;}
.WhiteLine.buttons.Reg { text-align: left;}
.WhiteLine.buttons .inner{ padding-top: 5px; padding-right: 5px; padding-left: 5px;}

.WhiteLine.StaticPage .inner{ padding: 11px;}
.WhiteLine.StaticPage h1{ margin-bottom: 10px;}
.WhiteLine.StaticPage a{ color: #02629a;}

.WhiteLine.BuyNow {height: 36px; background-color: white;}



.BlueBox.Cart {}
.BlueBox.Cart .inner{ padding: 5px;}
.BlueBox.Cart table{ width: 100%;}
.BlueBox.Checkout { margin-top: 10px;}
.BlueBox.Checkout .inner{ padding: 12px;}

tr.product-list-header {font-weight: 600;}

.OrderDetail .inner{ padding: 8px;}
.OrderDetail .inner p{ margin-bottom: 6px;}
table.product-list {width: 100%;}

.SumInfo.BlueBox { margin-top: 10px;}
.SumInfo.BlueBox .inner{ padding: 7px;}
.SumInfo.BlueBox table{ width: 100%;}
.SumInfo.BlueBox th{font-weight: 600; padding-bottom: 6px;}
tr.product-list-row td{ padding-bottom: 8px;}
tr.product-list-footer {font-weight: 600;}
tr.product-list-footer strong{ font-weight: bold;}
table.table.orders {width: 100%; clear: right;}
table.table.orders tr.header td{font-weight: 600; padding-top: 7px; padding-bottom: 7px;}
table.table.orders tr.row td{ padding-bottom: 6px;}


tr.cart-item td{ padding-top: 4px; padding-bottom: 4px;}


tr.cart-header {font-weight: 600;}
tr.cart-footer {font-weight: 600;}
td.Count input{ width: 25px; text-align: center;}

.TableFields { margin-bottom: 10px;}
.TableFields table{ width: 600px;}
.TableFields td.name{ width: 153px; padding-left: 10px; padding-bottom: 6px; padding-top: 6px;}
.TableFields .inner{ padding: 11px;}
.TableFields input.text-input{ width: 200px;}
.TableFields input.text-input.same-size{ width: 97px;}
.TableFields input.text-input.small-size{ width: 67px;}
.TableFields input.text-input.large-size{ width: 127px;}
tr.Missing{ color: red;}
.invisible{display: none;}

table.UserLoginTable td{ padding: 4px;}


.text-input{ border: 1px solid #cbdbe4; height: 20px;}
table.Crossroad {}
table.Crossroad label{display: block;}
table.Crossroad input.text-input{ width: 250px;}
table.Crossroad h4{ font-weight: bold; font-size: 14px; color: #02629a;}
table.Crossroad .button{ padding-top: 4px; padding-bottom: 3px;}



/*PARTS*/
ul.LinksLine{}
ul.LinksLine li{display:inline-block; *display:inline; zoom: 1;}
ul.LinksLine li{ border-right: 1px solid black; padding-left: 8px; padding-right: 8px;}
ul.LinksLine li.first{ padding-left: 0;}
ul.LinksLine li.last{ padding-right: 0; border-right-style: none;}
ul.LinksLine li a{ color: black;}

/*Whisperer*/
.whisperer-cover {top: 31px;background-color: white;width: 237px;}
ul.whisperer { margin: 0;}
ul.whisperer li{margin-left: 0;margin-right: 0;border-bottom: 1px dashed #d0d0d0; padding: 5px;}
ul.whisperer li a{display: block;color: black; font-size: 11px;}
ul.whisperer li.active{background-color: #e5e5e5;}
/* @end */

.autor{height: 28px;}

.CornerBox ul.LinksLine li{background-color: #bbe2fc; padding: 10px; border-right: none;}
.CornerBox ul.LinksLine li.green.last{background: url("cartgreen.png") no-repeat scroll left center rgba(0, 0, 0, 0); width: 33px;height: 23px;display: inline-flex; padding-top:2px;}
.CornerBox ul.LinksLine li.red.last{background: url("cartred.png") no-repeat scroll left center rgba(0, 0, 0, 0); width: 33px;height: 23px;display: inline-flex;padding-top:2px;}
                               
#LevelId-228, #LevelId-229, #LevelId-226, #LevelId-178 {font-weight: bold;}