/* ~-~-~-~-~-~-~-~-~ Jakub Vorel (www.kamenny-design.cz) ~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~ GFiX via CSS: IdeFixx (www.sucharda.cz) ~-~-~-~-~-~-~-~ */
html, body { height: 100%; }

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: .9em "Segoe UI", "Trebuchet MS", "Arial CE", Arial, sans-serif;
	color: #2e2e2e;
	background: #f0f0f0 url("tile.png") 50% 0;
}

/* ~-~ common ~-~ */
h1, h2, h3, h4, h5, h6 { margin: 0 0 .2em 0; padding: 0; color: #000; font-size: 1.7em; font-weight: bold; }
h2, h3, h4, h5, h6 { margin-top: .5em; font-size: 1.4em; clear: both; }
h4, h5, h6 { margin-top: .5em; font-size: 1.3em; }

a { text-decoration: underline; color: #002f4c; outline: none; cursor: pointer; } :focus { outline: none; }
a:visited { color: #4a2593; }
a:hover, a:active { text-decoration: underline; color: #8b2500; }

h1 a:visited, h2 a:visited, #dr-bek a:visited, .navigation a:visited { color: #002f4c; }
h1 a:hover, h2 a:hover, h1 a:active, h2 a:active, #dr-bek a:hover, #dr-bek a:active, .navigation a:hover, .navigation a:active { color: #8b2500; }

p, address {
	margin: 0;
	padding: .2em 0 .6em 0;
	line-height: 150%;
}
strong { font-weight: bolder; }

ul, ol { margin: 0; padding: 0; line-height: 150%; list-style: square; }

hr, .hr { display: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

img { border: none; }

address, dfn { font-style: normal; }
abbr, dfn { cursor: help; border-bottom: 1px dotted #232f46; }
sup { font-variant: small-caps; }
small { font-size: .7em; font-weight: normal; }

.broken_link, a.broken_link { text-decoration: line-through; }
.out { padding-right: 15px; background: url("link-out.png") right 5px no-repeat; }

/* ~-~ hide text & BG thru wallpaper ~-~ */
#accesslink, #logo span, #top-nav span, #side-nav h3 span, #side-nav h4 span, #cart-name span, .buy-detail span, #checkout span, #prodej-vyrobku span,
#ask span, #bookmarks span, #comments-tab span, #print span, #map span, #top span, #header-in span,
#searchform label {
	position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden;
}
#center-top, #center-bottom,
#side-nav h3, #side-nav h4, #searchbox, #searchsubmit, #searchsubmit:hover, #submit, #submit:hover, #submit-comment, #submit-comment:hover,
#t-1 a, #t-2 a, #t-3 a, #t-4 a, #t-5 a, #t-1 strong, #t-2 strong, #t-3 strong, #t-4 strong, #t-5 strong,
.item-name a, .item-name a:hover, .buy, .buy:hover, .item-price, #cart, #cart-name, .buy-detail a, .buy-detail a:hover, #checkout a, #checkout a:hover, #prodej-vyrobku a, #prodej-vyrobku a:hover,
#ask, #bookmarks, #comments-tab,
#footer-in, #print a, #print a:hover, #map a, #map a:hover, #top a, #top a:hover,
.buy-button, .buy-button:hover
{ background: url("wall.png") no-repeat; }

/* ~-~ lay-out-ta" ~-~ */
#main {
	margin: auto;
	width: 980px;
	position: relative; z-index: 0;
	height: 100%;
	min-height: 100%;
	text-align: left;
	background: url("left-shadow.png") left repeat-y;
}

body>#main { height: auto; }

/* ~-~ header ~-~ */
#header { height: 214px; }
#header-in { position: absolute; top: 0; left: 11px; width: 814px; height: 524px; background: url("aragonit.jpg") no-repeat; }

#logo { position: absolute; z-index: 1; top: 24px; left: 89px; }
#logo a { display: block; width: 169px; height: 146px; overflow: hidden; background-image: url("logo-vorel.png"); }
/* logo by vi-t3ch - http://ungised.com/ */

/* ~-~ main ~-~ */
#container { position: relative; z-index: 1; padding-bottom: 160px; float: right; margin-right: 20px; width: 655px; }
#center { margin-top: 6px; padding: 10px 25px; width: 605px; min-height: 300px; background: url("center-tile.png") repeat-y; overflow: auto; }
#center-top { position: absolute; height: 6px; width: 655px; background-position: -225px -117px; }
#center-bottom { height: 6px; background-position: -225px -117px; background-position: -225px -123px; }

#center ul, #center ol { margin: 0 0 .8em 0; }
#center li { margin-left: 20px; }
#center li ul, #center li ul li ul { margin-bottom: 0; }

#dr-bek { margin-bottom: .6em; font-size: .9em; text-transform: lowercase; }
#dr-bek strong { color: #2b4150; }

/* ~-~ left navi" ~-~ */
#side-nav { position: relative; z-index: 1; margin-left: 60px; padding-bottom: 160px; float: left; width: 225px; }
#side-nav h3 { margin: 0 0 1px 0; width: 225px; height: 67px; display: block; background-position: 0 -89px; }

#side-nav ul { margin: 0; padding: 0; list-style: none; }
#side-nav li { margin-bottom: 1px; text-transform: lowercase; font-weight: bold; letter-spacing: -1px; }
#side-nav li a { color: #000; text-decoration: none; }

/* ~-~ left navi" rounded corners with transparent PNG ~-~ */
#side-nav li.page_item .t-c, #side-nav li.page_item .m-c, #side-nav li.page_item .b-c { display: block; background: url("side-nav.png") no-repeat; }

#side-nav li.page_item .t-c { height: 5px; }
#side-nav li.page_item .m-c { padding: 0 10px 2px 10px; background-position: -675px 0; background-repeat: repeat-y; line-height: 130%; }
#side-nav li.page_item .b-c { height: 5px; background-position: 0 -5px; }

#side-nav li.page_item a:hover .t-c { background-position: -225px 0; }
#side-nav li.page_item a:hover .m-c { background-position: -900px 0; }
#side-nav li.page_item a:hover .b-c { background-position: -225px -5px; }

#side-nav li.current_page_item a { color: #00375a; }
#side-nav li.current_page_item .t-c { background-position: -450px 0; }
#side-nav li.current_page_item .m-c { background-position: -1125px 0; }
#side-nav li.current_page_item .b-c { background-position: -450px -5px; }

#side-nav li.current_page_item a:hover .t-c { background-position: -225px 0; }
#side-nav li.current_page_item a:hover .m-c { background-position: -900px 0; }
#side-nav li.current_page_item a:hover .b-c { background-position: -225px -5px; }

#side-nav li ul { margin: 1px 0 0 5px; width: 215px; }

#side-nav li li.page_item a { color: #000; }
#side-nav li li.page_item .t-c { background-position: 0 -10px; }
#side-nav li li.page_item .m-c { padding: 0 14px 2px 14px; background-position: -675px 0; }
#side-nav li li.page_item .b-c { background-position: 0 -15px; }

#side-nav li li.current_page_item a { color: #00375a; }
#side-nav li li.current_page_item .t-c { background-position: -450px -10px; }
#side-nav li li.current_page_item .m-c { background-position: -1125px 0; }
#side-nav li li.current_page_item .b-c { background-position: -450px -15px; }

#side-nav li li.current_page_item a:hover .t-c, #side-nav li li.page_item a:hover .t-c { background-position: -225px -10px; }
#side-nav li li.current_page_item a:hover .m-c, #side-nav li li.page_item a:hover .m-c { background-position: -900px 0; }
#side-nav li li.current_page_item a:hover .b-c, #side-nav li li.page_item a:hover .b-c { background-position: -225px -15px; }

#side-nav li ul ul { width: 205px; }

#side-nav li li li.page_item a { color: #000; }
#side-nav li li li.page_item .t-c { background-position: 0 -20px; }
#side-nav li li li.page_item .m-c { padding: 0 18px 2px 18px; background-position: -675px 0; font-weight: normal; letter-spacing: 0; }
#side-nav li li li.page_item .b-c { background-position: 0 -25px; }

#side-nav li li li.current_page_item a { color: #00375a; }
#side-nav li li li.current_page_item .t-c { background-position: -450px -20px; }
#side-nav li li li.current_page_item .m-c { background-position: -1125px 0; }
#side-nav li li li.current_page_item .b-c { background-position: -450px -25px; }

#side-nav li li li.current_page_item a:hover .t-c, #side-nav li li li.page_item a:hover .t-c { background-position: -225px -20px; }
#side-nav li li li.current_page_item a:hover .m-c, #side-nav li li li.page_item a:hover .m-c { background-position: -900px 0; }
#side-nav li li li.current_page_item a:hover .b-c, #side-nav li li li.page_item a:hover .b-c { background-position: -225px -25px; }

#searchbox { margin: 20px 0 1px 0; width: 225px; height: 89px; background-position: -651px -223px; }
#side-nav h4 { width: 225px; height: 28px; display: block; background-position: -651px -156px; }
#searchbox form div { margin: 6px 21px 0 0; }
#searchbox #s { float: right; width: 170px; -moz-border-radius-bottomright: 0; -webkit-border-radius-bottomright: 0; }
#searchsubmit { float: right; width: 48px; height: 21px; border: none; text-indent: -1000em; cursor: pointer; background-position: -807px -42px; }
#searchsubmit:hover { background-position: -807px -63px; }

.navigation { overflow: auto; }
.navigation a { margin-top: 5px; }
.navigation .left a, .navigation .right a { display: block; padding: 5px 10px 7px 10px; background: url("tile-2.png") repeat-y; }

.search-highlight { color: #000; background: #ccd9ff; }

/* ~-~ main navi" ~-~ */
#top-nav { position: absolute; z-index: 1; top: 129px; left: 305px; }
#top-nav ul { margin: 0; padding: 0; }
#top-nav li { padding: 0; display: inline; float: left; display: block; background: none; }

#t-1 a, #t-2 a, #t-3 a, #t-4 a, #t-5 a, #t-1 strong, #t-2 strong, #t-3 strong, #t-4 strong, #t-5 strong { display: block; height: 66px; background-position: 0 -156px; }
#t-1, #t-2, #t-3, #t-4 { margin-right: 1px; }
#t-1 a, #t-1 a:hover, #t-1 strong { width: 92px; }
#t-2 a, #t-2 a:hover, #t-2 strong { width: 112px; background-position: -92px -156px; }
#t-3 a, #t-3 a:hover, #t-3 strong { width: 188px; background-position: -205px -156px; }
#t-4 a, #t-4 a:hover, #t-4 strong { width: 133px; background-position: -393px -156px; }
#t-5 a, #t-5 a:hover, #t-5 strong { width: 125px; background-position: -526px -156px; }

#t-1 a:hover { background-position: 0 -222px; }
#t-2 a:hover { background-position: -92px -222px; }
#t-3 a:hover { background-position: -205px -222px; }
#t-4 a:hover { background-position: -393px -222px; }
#t-5 a:hover { background-position: -526px -222px; }

#t-1 strong { background-position: 0 -288px; }
#t-2 strong { background-position: -92px -288px; }
#t-3 strong { background-position: -205px -288px; }
#t-4 strong { background-position: -393px -288px; }
#t-5 strong { background-position: -526px -288px; }

/* ~-~ basket ~-~ */
#cart { position: absolute; top: 25px; right: 20px; padding-left: 50px; width: 156px; height: 89px; text-align: center; }

#cart-name { position: absolute; top: 4px; right: 32px; width: 92px; height: 26px; display: block; background-position: -206px -52px; }
#cart-value { padding-top: 34px; }
#cart-value strong { color: #b40000; }
#checkout a { position: absolute; bottom: 0; right: 43px; width: 68px; height: 26px; display: block; background-position: -206px 0; }
#checkout a:hover { background-position: -206px -26px; }

/* ~-~ fin ~-~ */
#footer { position: absolute; z-index: 1; bottom: 0; width: 980px; }
#footer-in { float: right; margin: 0 20px 20px 0; padding: 24px 30px 0 30px; width: 840px; height: 96px; font-size: .85em; font-weight: bold; text-align: center; background-position: 0 -381px; }
#footer p { padding: 10px 0 0 0; }
#footer .tech, #links { margin-top: 3px; font-size: .85em; }
#footer a:visited { color: #232f46; } #footer a:hover { color: #005792; }

#links { margin-top: 15px; font-weight: normal; color: #898989; text-transform: lowercase; }
#links a { color: #898989; } #links a:visited { color: #898989; } #links a:hover { color: #005792; }

#print a { position: absolute; top: 0; right: 183px; width: 31px; height: 21px; display: block; background-position: -855px -42px; }
#print a:hover { background-position: -855px -63px; }

#map a { position: absolute; top: 0; right: 100px; width: 82px; height: 21px; display: block; background-position: -807px 0; }
#map a:hover { background-position: -807px -21px; }

#top a { position: absolute; top: 0; right: 45px; width: 54px; height: 21px; display: block; background-position: -274px 0; }
#top a:hover { background-position: -274px -21px; }

/* ~-~ forms ~-~ */
fieldset { border: none; }
form p { margin: 0; margin-bottom: 5px; padding: 0; font-size: .9em; }
#submit, #submit-comment { width: 63px; height: 27px; border: none; text-indent: -1000em; cursor: pointer; background-position: -559px -129px; }
#submit:hover, #submit-comment:hover { background-position: -622px -129px; }

input, textarea { padding: 2px 3px; }

/* ~-~ photos ~-~ */
.gallery, .ngg-galleryoverview { position: relative; left: -1px; padding-top: 10px; overflow: auto; clear: both; }
.item .photo, .gallery .photo, .ngg-gallery-thumbnail, .photo-left, .photo-right { position: relative; width: 164px; height: 119px; text-align: center; overflow: hidden; }
.gallery .photo, .ngg-gallery-thumbnail, .photo-left, .photo-right { float: left; margin: 0 35px 20px 0; }
.item .photo img, .gallery .photo img, .ngg-gallery-thumbnail img, .photo-left img, .photo-right img { width: 150px; height: 112px; padding-top: 5px; }
.item .photo span, .gallery .photo span, .ngg-gallery-thumbnail span, .photo-left span, .photo-right span { width: 164px; height: 119px; display: block; position: absolute; top: 0; left: 0; background: url("frame.png") -312px 0 no-repeat; }
/* inspiration - http://www.webdesignerwall.com/tutorials/css-decorative-gallery/ */
.item-name strong { font-weight: normal; /*letter-spacing: 0;*/ }
.photo-left { margin: 5px 10px 10px 0 !important; }
.photo-right { float: right; margin: 5px 0 10px 10px !important; }

/* ~-~ tabs ~-~ */
#tabs { margin: 15px 0 0 0 !important; border-bottom: 1px solid #98a8d8; overflow: auto; }
#tabs li { float: left; margin: 0 1px 0 0; padding: 0; list-style: none; }

#comments-tab { display: block; width: 90px; height: 27px; background-position: -492px -354px; }
/*#comments-tab:hover { background-position: -492px -354px; }*/
#ask { display: block; width: 136px; height: 27px; background-position: 0 -354px; cursor: pointer; }
#ask:hover { background-position: -136px -354px; }
.ask-hide-in, .book-hide-in/*, .comments-hide-in*/ { display: none; }
.ask-hide-in, .book-hide-in { background: url("tile-2.png") repeat-y; }
.book-hide-in { background-position: -610px 0; }
#bookmarks { display: block; width: 65px; height: 27px; background-position: -272px -354px; cursor: pointer; }
#bookmarks:hover { background-position: -337px -354px; }
#dotaz-poptavka, #zalozky { padding: 0 30px; }

.ask-hide-in, .book-hide-in {
-moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomleft: 5px;
}

#zalozky { overflow: auto; }
#zalozky .row-1, #zalozky .row-2 { float: left; width: 270px; margin-right: 30px; border-right: 1px solid #ccc; }
#zalozky .row-2 { width: 240px; margin-right: 0; border-right: none; }
#zalozky ul { margin: 20px 0; }

/* ~-~ comments ~-~ */
#comments { margin-top: 15px; }
.comment-row { margin-bottom: 10px; }
#pridat-komentar { margin: 10px 0; }
.paginated-comments-pages { margin: 25px 0 0 0; }
.paginated-comments-pages a, .paginated-comments-pages strong { padding: 5px 3px; }
.nocomments { padding: 0; text-align: center; }

#commentform input.error, #commentform textarea.error { background-color: #f5f2e3; }
#commentform div.error { padding: 10px; margin-bottom: 5px; font-weight: bold; color: #b40000; background-color: #f5f2e3;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#commentform div.errorlabels, .info-bar { font-weight: bold; color: #b40000; }
/*.info-bar { padding-bottom: .2em; }*/
#commentform input { margin-right: 5px; }
#comments ol { margin-bottom: 15px; }
#comments li { position: relative; margin: 0; margin-bottom: 3px; }
/*#comments ol ul { margin: 10px -50px -10px -50px; }
#comments ol ul li { padding: 10px 60px; }
.comment-reply-link { position: absolute; top: 10px; right: 20px; text-transform: lowercase; }*/
.commentlist li { list-style: none; }
.commentlist li .commentnumber { position: absolute; left: 4px; top: 10px; color: #999; font-size: 1em; width: 30px; text-align: right; }
/*.commentlist li li .commentnumber { width: 39px; }*/
.commentlist p { padding: 0; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; }
.commentmetadata { margin-top: -3px; font-size: .7em;	}
.comment, .alt, .alt-info { padding: 10px 50px; /*background: url("tile-2.png") repeat-y; border: 1px solid #d3dbf1; */ -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.alt, .alt-info { background: url("tile-2.png") -610px 0 repeat-y; /* border: 1px solid #b7c3e6; */ }
/*.depth-1 .even { border-top: 1px solid #b7c3e6; }
.depth-1 .alt { border-bottom: none; }*/
.alt-info { margin-top: 10px; padding: 10px 20px; font-size: .8em; }

.not-for-sale .eshopnostock { display: none; }

#prodej-vyrobku a { position: absolute; top: 20px; right: -23px; width: 24px; height: 118px; display: block; background-position: -876px -145px; }
#prodej-vyrobku a:hover { background-position: -876px -263px; }
#varianty-vyrobku { clear: both; color: #00375a; }

/* ~-~ contact form ~-~ */
.wpcf7 { position: relative; padding: 10px 0; }
.wpcf7 input { margin-right: 5px; }
.wpcf7-response-output { padding: 10px; margin-bottom: 5px; font-weight: bold; color: #b40000; background-color: #f5f2e3;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.wpcf7-mail-sent-ok { color: #2c8349; background-color: #e6f5e3; }
.wpcf7-mail-sent-ng {}
.wpcf7-spam-blocked {}
.wpcf7-validation-errors {}
.wpcf7-form-control-wrap { position: relative; }
.wpcf7-not-valid-tip {
	position: absolute;
	right: 0;
	z-index: 100;
	color: #b40000;
	background: #ffff99;
	border: 1px solid #fc0;
	font-weight: bold;
	font-size: .8em;
	padding: 2px 10px !important;
	width: auto;
}
.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
.wpcf7-list-item { margin-left: 0.5em; }
.wpcf7-display-none { display: none; }
.ajax-loader { vertical-align: middle; }

/* ~-~ diff" objects ~-~ */
#toplist, img#wpstats { display: none; }