/* ZÁKLADNÍ DEFINICE */
body {
background-color: white;
position: relative;
width:1050px;
margin-top:0px; padding-top:0px;
margin-left: auto;margin-right: auto;
background: white url('../img/body-bg.gif') repeat-x top left}
  
.centrovani {margin: 0px;text-align:center}
.strana {text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;}

a {text-decoration: none; color: black}
a:hover {text-decoration: underline;}
img {border: 0px;}

.both {clear:both; float:none}
form {margin-bottom:0px}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.vtop {vertical-align:top}

.fleft {float: left}
.fright {float: right}

.cervena {color: rgb(226,32,42);}

h1 {color: rgb(226,32,42); font-size: 1.5em; font-family: Arial; margin-left: 20px;}
h2 {color: rgb(226,32,42); font-size: 1.2em; font-family: Verdana; margin-left: 8px;}
h3 {font-size: 1.2em}

p {text-align: left}

ul,ol {list-style-type: none}
ul li,ol li {list-style-type: none}

.inputv {width: 200px}
.inputv1 {width: 95px}
.inputv2 {width: 50px}
.inputv3 {width: 140px}

.countv {width: 40px; text-align: center}

.block {display:block}
.none {display:none}
/* konec zákl. definice */



/* HLAVA */

#hlava {width:100%; height: 125px;position: relative; top:0px; left:21px;
  background: url('../img/bg-black.gif') no-repeat left top;font-size: 8pt;}

#hlava .missingjvc { width: 300px; margin-left: 350px; margin-top: -60px;text-align:center;background-color: rgb(226,32,42); padding: 10px; font-weight: bold; color: white;}

#hlava .logo a {position: relative; top:10px; left:20px; color: rgb(255,255,255); font-size: 3.1em; font-family: Verdana; text-decoration: none;}

#hlava .text1 {position: absolute; top:5px; right: 80px; font-weight: bold;}
#hlava .text2 {position: absolute; top:20px; right: 70px; font-weight: bold;}
#hlava .text1, .text1 a {color: white}
#hlava .text2, .text2 a {color: white}


#hlava .cast2 {position: absolute; left: 5px; bottom:0px; width: 100%; height: 38px;}
#hlava .cast2 a {color: black;}

#hlava .tabkategorie {width: 100%; height:100%;}
#hlava .tabkategorie td {vertical-align: middle;}
#hlava .tabkategorie .td1 {width: 74%;}
#hlava .tabkategorie .td1 a { text-decoration: none}
#hlava .tabkategorie .td2 {width: 4%; text-align: left;}
#hlava .tabkategorie .td2 .span { vertical-align: middle}
#hlava .tabkategorie .td3 {width: 22%; color: rgb(83,83,83); text-align: left;}
#hlava .tabkategorie .td3 .span { vertical-align: middle; margin-right: 55px}



#hlava .cat {padding:0px; margin:0px}
#hlava .cat li {float:left;}
#hlava .cat li a {display: block; padding: 11px 8px 12px 8px; color: black;font-weight: bold;}
#hlava .cat li a:hover {background: url('../img/zalozky-bg.gif') repeat-x left top; padding: 10px 7px 11px 7px; color: rgb(226,32,42); border: 1px solid white;}
#hlava .cat li a.active {padding: 10px 7px 11px 7px; background: url('../img/zalozky-bg.gif') repeat-x left top; color: rgb(226,32,42); border: 1px solid white;}

.searchblok {padding-bottom:10px; padding-left:10px; padding-right:70px; padding-top:12px; margin-bottom: 10px; position: relative; top:0px; left:0px; min-height: 24px}

.searchblok {height: 45px;}
.searchblok .textbox {border: 0px; width:200px}
.btn-hledat {width: 55px; height: 24px; position: absolute; right:10px; top:10px;}
.adv-hledat {position: absolute; bottom:15px; left: 10px;}


#skryty-kosik, #skryty-prazdny {
  position: absolute; right:65px; top:124px; border: 1px solid darkgray; background-color: white;
  width: 300px; min-height: 150px; color: black; z-index: 10}
  
#skryty-prazdny {min-height: 50px;}
  
#skryty-kosik .textarea, #skryty-prazdny .textarea {position: relative; line-height: 170%;}

#skryty-kosik .textarea h3, #skryty-prazdny .textarea h3 {background-color: rgb(226,32,42); color: white;margin:0px; padding:5px}
#skryty-kosik .textarea .krizek,#skryty-prazdny .textarea .krizek {position: absolute; top: 7px; right: 7px; cursor: pointer;}
#skryty-kosik .vypis {width: 100%;}
#skryty-kosik .vypis td{vertical-align: top;border-bottom: 1px solid silver; padding:5px}
#skryty-kosik .vypis .td1 {left:0px; width: 100px; overflow: hidden; padding-right: 10px;}
#skryty-kosik .vypis .td1 .indexace {vertical-align: top;}
#skryty-kosik .vypis .td1 img {max-width: 100px; max-height: 100px; _width: 100px;}

/* konec hlava */



/* LEVY */

.sedyblok {border: 1px solid rgb(228,228,228); padding:10px; margin-bottom: 10px; position: relative; top:0px; left:0px; min-height: 20px}

#levy {width: 220px; float: left; margin-top: 10px; margin-left:20px; _margin-left: 10px}


#levy .nadpis {background-color: white; position: absolute; top:10px; left:15px; padding-right: 10px; _left:5px; _padding-right: 4px}
#levy .carka {position: absolute; top:15px; right: 10px; background: url('/inshop/layout/img/carka.gif') repeat-x 0% 50%; width: 85%; height: 5px;}
  
#levy .hcat {padding:0px; margin:10px 0 0 0}  
#levy .hcat li {color: rgb(97,104,106); font-size: 11pt; text-decoration: none;}
#levy .hcat li a{ color: rgb(97,104,106); font-size: 11pt; text-decoration: none;}

#levy .vcat {padding:0px; margin: 25px 0 0 0}
#levy .vcat li {padding-left: 20px; line-height: 150%}
#levy .vcat li a{text-decoration: none; color: black; font-size: 9pt}
#levy .vcat li a:hover{text-decoration: underline;}
#levy .vcat li a.active{color: rgb(226,32,42); font-weight: bold} 

#levy .vcat2 {padding:0px; margin: 0 0 0 -8px}
#levy .vcat2 li {padding-left: 20px; line-height: 150%}
#levy .vcat2 li a{text-decoration: none; color: rgb(97,104,106); font-size: 8.5pt}
#levy .vcat2 li a:hover{text-decoration: underline;}
#levy .vcat2 li a.active{color: rgb(226,32,42); font-weight: bold} 


#levy .carav {margin:0px}
#levy .vyber {width:100%; height: 40px; padding:0px; margin:0px}
#levy .vyber td {vertical-align: bottom; text-align:center}
#levy .vyber td a {display: block; padding: 8px 25px 8px 25px; background-color: white; text-decoration: underline;border: 1px solid rgb(228,228,228); cursor: pointer;}
#levy .vyber td a:hover {text-decoration: none;}
#levy .vyber td a.aktivni {display: block; padding: 12px 25px 12px 25px;border: 1px solid rgb(228,228,228);border-bottom: 0px;text-decoration: none;background-color: rgb(226,32,42);color: white; cursor: pointer;}
#levy .vyber td.active a {display: block; padding: 12px 25px 12px 25px;border: 1px solid rgb(228,228,228);border-bottom: 0px;text-decoration: none;background-color: rgb(226,32,42);color: white; cursor: pointer;}



/* konec levy */



/* STRED (katalog) */

#katalog {position: relative; top:0px; left:0px; float:left; width: 730px; margin:10px 10px 10px 15px; padding:10px; border: 1px solid rgb(228,228,228);}

/* zalozky main */
#katalog .carav {border-bottom: 2px solid rgb(226,32,42); margin:10px}
#katalog .vyber {height: 40px; padding:0px;}
#katalog .vyber td {vertical-align: bottom}
#katalog .vyber td a {display: block; padding: 8px 25px 8px 25px; background-color: white; text-decoration: underline;border: 1px solid rgb(228,228,228); cursor: pointer;}
#katalog .vyber td a:hover {text-decoration: none;}
#katalog .vyber td a.aktivni {display: block; padding: 12px 25px 12px 25px;border: 1px solid rgb(228,228,228);border-bottom: 0px;text-decoration: none;background-color: rgb(226,32,42);color: white; cursor: pointer;}
#katalog .vyber td.active a {display: block; padding: 12px 25px 12px 25px;border: 1px solid rgb(228,228,228);border-bottom: 0px;text-decoration: none;background-color: rgb(226,32,42);color: white; cursor: pointer;}


.reklama {text-align: center;}

.produkt {border: 1px solid rgb(200,200,200); position: relative;top:0px; left:0px; float:left; width:235px; height:195px; margin-left: 6px; background-color: rgb(248,248,248); text-align: left; _margin-left: 5px;}
.produkt .nadpis {padding: 10px 10px 0 10px; overflow: hidden;width: 85%; height: 35px}
.produkt .tab {margin-left: 10px;font-size: 7pt}
.produkt .td1, #detail .linkpic {border: 1px solid white; background-color: white;width:84px; height: 84px; text-align:center; overflow:hidden;vertical-align: middle;}
.produkt .td1 .pic {overflow:hidden; width: 84px}
.produkt .td1 img, #detail .linkpic img {max-width: 84px; max-height: 84px; _height: 84px;}
.produkt .td2 {color: rgb(137,142,143); vertical-align: middle; padding-left: 5px}
.produkt .td3 {vertical-align: bottom;padding-left: 5px; padding-bottom:5px}
.produkt .popis {background-color: white; font-size: 8pt; margin: 15px 13px 10px 10px; padding:5px;}

.produkt2 {border: 1px solid rgb(200,200,200); position: relative;top:0px; left:0px; float:left; width:110px; height:195px; background-color: rgb(248,248,248); text-align: center; _margin-left: 5px;}
.produkt2 .nadpis {padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; overflow: hidden; height: 60px}
.produkt2 .tab {margin-left: 10px;font-size: 7pt}
.produkt2 .td1, #detail .linkpic {border: 1px solid white; background-color: white;width:84px; height: 84px; text-align:center; overflow:hidden;vertical-align: middle;}
.produkt2 .td1 .pic {border: 1px solid white; background-color: white;width:84px; height: 84px; text-align:center; overflow:hidden;vertical-align: middle;}
.produkt2 .pic {border: 1px solid white; background-color: white; height: 84px; text-align:center; vertical-align: middle; overflow:hidden}
.produkt2 .pic .img {text-align:center; overflow:hidden;vertical-align: middle;}
.produkt2 .td1 img, #detail .linkpic img {max-width: 84px}
.produkt2 .td2 {color: rgb(137,142,143); vertical-align: middle; padding-left: 5px; text-align: center;}
.produkt2 .td3 {vertical-align: bottom;padding-left: 5px; padding-bottom:5px}
.produkt2 p {background-color: white; font-size: 8pt; margin: 1px 1px 1px 1px; padding:1px; text-align: center;}



.sedydiv {width: 100%; background-color: rgb(248,248,248); border: 1px solid rgb(228,228,228);}
.sedydiv .vyrobci {padding:0px; margin: 0px; width:100%;}
.sedydiv .vyrobci li {width:23%; padding: 7px;display:block; float:left;}

.strankovani {/* Pager_Top */
    position: relative; left:0px; top:0px; width:100%; height: 36px; background-color: rgb(248,248,248); border: 1px solid rgb(228,228,228); margin-bottom:15px;}
.strankovani a {color: black}
.str-tabA {margin:0 0 0 15px; width:95%;height: 36px;}
.str-tabA td {vertical-align: middle;}
.str-tabA .td1 {width: 210px;}
.str-tabA .td2 img {vertical-align: middle;}
.str-tabA .td3,.str-tabA .td4 {text-align: right}

/* texty */
.stlpec { float:left; width: 235px; margin-left: 8px;}

/* pager */
.strankovac {text-align: center;width: 100%;}
.strankovac td .stranky a,.strankovac td .stranky .selectedpageindex {padding: 3px 4px 3px 4px;margin: 0 2px 0 2px;}
.strankovac td .stranky .selectedpageindex {border: 1px solid rgb(5,93,143);background: rgb(255,255,255);color: rgb(226,32,42);text-decoration: underline;}
.strankovac .pagers {padding: 10px 0 10px 0;  background-color: rgb(248,248,248); border: 1px solid rgb(228,228,228);}


.pricetab {width: 100%;}
.pricetab .product-list-header td {padding:5px;}
.pricetab .product-list-header td a {color:white;}
.pricetab .nametd {width: 200px;}

.produkt-price td {background-color: rgb(248,248,248); padding:5px;}
.produkt-price .pic{width:88px; height: 84px; padding-right: 10px;text-align:center; overflow:hidden; background-color: white}
.produkt-price .obr {position: relative; top:0px; left:0px; width:88px; height: 84px;border: 1px solid silver;}
.produkt-price .obr .stin-P {display: block; position: absolute; top:0px; right:-6px; background:url('../img/stin-p-maly.gif') no-repeat top right; width: 5px; height: 90px;}
.produkt-price .obr .stin-S {display: block; position: absolute; bottom:-6px; left:0px; background:url('../img/stin-s-maly.gif') no-repeat bottom left; width: 89px; height: 5px;}

.produkt-price .pic .marks {position: absolute; top:1px; right:1px;}
.produkt-price .pic .marks img {position: absolute; top:0px; right:0px; width:54px;}
.produkt-price .pic img {max-width: 84px; _width:84px;}
.produkt-price .popis {font-size: 8pt;}

.pricecara {background: url('../img/carka.gif') repeat-x 0% 50%;}

/* konec stred (katalog) */



/* PATA */

#pata {text-align: right; padding-right: 40px;}
#pata table {border-top: 1px solid rgb(228,228,228);}
#pata .cast1, #pata .cast2 {text-align: right;}
#pata .cast1 {line-height: 100%}
#pata .cast2 {padding-left: 10px; vertical-align:middle}

#pata a {text-decoration: none;color: rgb(137,142,143)}
#pata a:hover {text-decoration: underline}

#pata ul li {display: inline}

/* konec pata */



/* DETAIL */

#detail {position:relative; top:0px; left:0px; width:100%;}

#detail .obr {position: relative; top:0px; left:0px; float:left;width:235px; height: 230px; _height: 229px}
#detail .obrazek {position: relative; top:0px; left:0px; height: 224px; border: 1px solid rgb(232,232,232); text-align: center; overflow: hidden;}
#detail .obrazek img {margin: 0px 0px 0px 0px; max-width: 220px; max-height: 215px; _width: 210px; _height:220px}
#detail .obrazek .marks img{position: absolute; top:1px; right:0px; margin:0px; width:36px; height:36px}
#detail .popis {float:right; width:64%;padding: 10px 0 0 20px; color: rgb(137,142,143); line-height: 180%;background-color: rgb(248,248,248); min-height: 215px; _height: 215px;}
#detail .popis h1 {margin:0px 0 10px 0; padding: 0px;}

#detail .koupit td {vertical-align: middle;}
#detail .koupit {padding-top: 15px}
#detail .koupit .fleft .countv {float: left} 
#detail .koupit .left {padding-top: 1px}



#detail h3{background-color: rgb(222,222,222); padding:0 10px 0 10px; margin: 0px 0 10px 0}
#detail .descript {position: relative; background-color: rgb(248,248,248);color: rgb(137,142,143); padding: 10px; line-height: 150%; text-align: justify}

.sdph {color: rgb(226,32,42); font-weight: bold; font-size: 11pt}
#detail .product-list tr td {background-color: rgb(248,248,248);}
#detail .product-list .product-list-header td {background-color: rgb(226,32,42);}

#detail .linkpic {text-align:center;margin-left: 10%}

/* pop jako popis výrobců v detailu a katalogu. v katalogu se jedná o level description */
.pop h3 {background-color: rgb(222,222,222); padding:0 10px 0 10px; margin: 0px 0 10px 0}
.pop .vyrobci {width: 100%; color: rgb(137,142,143);}
.pop .vyrobci td{text-align: justify; vertical-align: top}
.pop .vyrobci img {padding: 5px; margin: 0 10px 10px 0; max-width: 190px; _width: 190px;border: 1px solid silver;}

.linkedtab {width: 100%;}
.linkedtab td {text-align: center; width: 23%; padding:0 1% 0 1%; vertical-align: top;}
.linkedtab td .linkobr {position: relative; top:0px; left: 0px; height: 83px; width: 88px; border: 1px solid silver; margin-left: 25%; overflow:hidden}
.linkedtab td .linkobr img {max-height: 82px; _height: 82px;}
.linkedtab td .linkobr .stin-P {display: block; position: absolute; top:0px; right:-6px; background:url('../img/stin-p-maly.gif') no-repeat top right; width: 5px; height: 90px;}
.linkedtab td .linkobr .stin-S {display: block; position: absolute; bottom:-6px; left:0px; background:url('../img/stin-s-maly.gif') no-repeat bottom left; width: 89px; height: 5px;}

/* konec detail */



/* CART a CHECKOUT */

.carttab {width: 100%; background-color: rgb(248,248,248)}
.carttab .carttr td {padding:5px;}
.carttab .product-list-header td {padding:5px; }

.carttab .nametd {width: 200px;}

/* konec cart a checout */



/* OSTATNI DEFINICE */

.breadcrumbs {background-color: rgb(248,248,248); padding: 10px; color: black}
.breadcrumbs a {color: black; font-weight: bold}

.marks {position: absolute; top:0px; right: 0px}
.marks img {position: absolute; top:0px; right: 0px}

.text {width:100%; color: rgb(88,88,88); line-height: 150%}
.text p {text-align: justify;padding: 10px;}

.missing-entry {background-color: rgb(226,32,42); color: white; padding: 10px}
.tabcntr {width:100%; background-color: rgb(248,248,248); border: 1px solid silver; padding: 10px 0px 10px 0; margin-bottom: 10px}
.tabcntr td {width:50%;}
.tabcntr .right {width: 35%}
.tabcntr2 {width: 40%; margin: 0 30% 10px 30%; background-color: rgb(248,248,248); padding: 10px 0 10px 0;}
.tabcntr2 td {width:50%; padding :2px}
.s30 {width: 40%; margin: 0 30% 10px 30%;}

.product-list {width:100%}
.product-list-header {background-color: rgb(226,32,42); color: white}

.texty p {line-height: 150%; text-align: justify}
.texty li {line-height: 150%;}

.prodh3 {display: block; background-color: rgb(248,248,248); padding: 5px;border: 1px solid silver;}

.tabprod {width: 46%; margin: 10px 2% 10px 2%; float:left}
.tabprod th {background-color: rgb(248,248,248); padding: 5px 0 5px 5px}
.tabprod .td1 {width: 55%; text-align: center}
.tabprod .td2 {width: 45%; vertical-align: top}
.tabprod .td1 img {width: 180px; padding: 2px; border: 1px solid silver;}

.foto {text-align: center}
.foto img {margin:5px; padding: 2px; border: 1px solid silver;}

.pixel-image {position:absolute}

.platba {width:100%;}
.platba tr {background-color: rgb(248,248,248)}
.platba tr td {padding: 2px 10px 2px 10px}

.kontakttab {width:100%;}
.kontakttab td img {padding: 2px; border: 1px solid silver;}

.fomko {display: block; color: rgb(137,142,143); font-size: 6pt; line-height: 120%}

/* konec ostatni definice */


/* lightbox */
#overlay {position:absolute; top:0px; left:0px;width:100%; height:100%;z-index:90;background-color:#888888;overflow:hidden;}
#lightbox {position:absolute; left:0px; top:0px;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img {border:none; }
#outerImageContainer {position:relative;background-color:#fff;width:400px;height:400px;margin:0 auto;}
#imageContainer {padding:10px;}
#loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#imageDataContainer {background-color:white;margin:0 auto; padding-bottom:5px;overflow:auto;width:100%}
#imageData {padding-bottom:30px; padding-left:10px; padding-right:10px; padding-top:10px; color:white;}
#imageData #imageDetails {width:70%; float:left; text-align:left; }
#imageData #caption {font-weight:bold; display:none}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose {float:right;}


.invisible {display: none}
#countv_sys {color: rgb(226,32,42)}


/* banery */
a.normal img {  
    filter: alpha(opacity=25);  
    -moz-opacity: 0.25;  
    -khtml-opacity: 0.25;  
    opacity: 0.25;  
}  

a.normal:hover img {  
    filter: alpha(opacity=100);  
    -moz-opacity: 1.0;  
    -khtml-opacity: 1.0;  
    opacity: 1.0;  
}  


div.banner {
	position:fixed;
	left:50%;
	width:120px;
	margin-top:10px;
	margin-left:500px;
}


ul.topnav {
	list-style: none;
  padding: 0;
	margin: 0;
	float: left;
	background: white;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;

}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: white;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	  background: url('../img/zalozky-bg.gif') repeat-x left top; color: rgb(226,32,42); 
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url('../img/subnav_btn.gif') no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: white;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid darkgray;
  z-index: 5;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-bottom: 1px solid darkgray; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
  z-index: 5;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 155px;
	padding-left: 10px;
  z-index: 5;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: darkgray; 
}