/* CSS Document v 2.0*/
body {
	background: url("../images/blk2grn.png") repeat-x;
	background-color: rgb(0,34,0);
	text-align:center;
	margin:0px;
	padding:0;
	font-family: "Trebuchet MS";
	font-size:0.8em;
	color:#AAA;

	}

#wrapper {

	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1020px;
	background:#000000;
	}
#header {
	padding:0px;
	margin: 0px 0px 2px 0px;
	color:#FFF;
	}

#leftcol {
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	padding:0px;
	background-color:#222222;
	z-index:100;
border-style:solid;
border-width:5px;
border-color:#333;
	}
#rightcol {
	float:right;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	width:190px; /* actual value */
	/*width:160px;*/
	padding:0;
	z-index:99;
	}
.banners_right {background:#222222 ;
        width:186px;
        border-style:solid;
	border-width:2px;
	border-color:#333;
        margin-bottom: 10px;}

.rightmenu {

        font-family: "Trebuchet MS";
	font-size:1em;
        text-align: center;
        background: url(../js/sdmenu/title_green.gif) repeat-x;
        color: #fff;
        display: block;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}
#topselling a {color:white;font-size: 10px; display:block;}


#centercol {/*background: url("../images/diag_line.png") ;*/
	float:left;
	width:600px;
        padding:0px 10px 5px 10px;border-top: 1px solid #333;
	}


#header h1 {
	font-size:200%;
	padding:0px;

	text-align:center;
        letter-spacing: 10px;
	
	}


#topnav {
	font-family:Trebuchet MS;
	margin:0px;padding:0px;
}	
#topnav ul {
			margin:0px 0px;padding:0px;list-style-type: none;text-align:center; display:block;
		   }
#topnav li {
			display:inline; 
			background-color:#113311;
			padding:0px 5px;
			font-weight:bold;
			border-left: 1px solid #444;
border-right: 1px solid #333;
border-top: 1px solid #444;
		   }
#topnav li:hover	  {
	border-left: 1px solid #555;
border-right: 1px solid #888;
border-top: 1px solid #555;
background-color:#114411;
}		   
#topnav li a:hover{color: #FFF;}	   
#topnav li a{color: #CCC;}	


#logostripe {height:9px;
		background: url(../images/topmargin_logo.jpg) repeat-x; 
}

#logowrap {position:relative;float:left;}
#logo {height:57px; width:850px;
position:relative;top:-9px;left:-1px; 
		background: url("../images/header_tr.png") no-repeat;
		margin-bottom:-9px;float:left;
}
#logo a{
display: block;
height: 100%;
width: 80%;
}

#telefon-header{height:50px;position:absolute;width:150px;left:620px;top:5px;background:url("../images/telefon.png") no-repeat; }


.basket-cena {position:relative; left:5px; top:-5px;}
#basket-info{height:50px;position:relative;width:160px;float:left;top:10px;}
a#basket-info-value:hover span{color:#FFF;}
#basket-info-value {
  font-weight: bold;
}
#basket-info-value img{border:0px;}
.lower_cents{
	font-size: 85%;
}

#footer {
	margin-top:15px!important;
	background-color:#222226;
	width:100%;
	clear:both;
	margin:0;
	padding:1px 0;
	text-align:center;
	color:#CCC;
	font-size:0.8em;
	}	
	
/****************************	   
*							*
*   UVODNI STRANA - OFFER 	*
*							*	
*****************************/
.uvod_text {margin: 0px 0px 0px 0px;
				padding: 12px 5px;  
		background: url(../images/topmargin_offer.jpg) repeat-x	#000000; 
		
		border: 2px solid #333;/*height: 230px;*/}

.offerblock { 
				/*margin: 0px 5px;*/
				margin: 0px;text-align:center; 
				/*padding: 0px 5px;*/
				}

.offer {float: left; width:190px; text-align:center; 
		background: url(../images/topmargin_offer.jpg) repeat-x	#000000; 
		margin-right:3px;  margin-left:3px;
		border: 2px solid #333;height: 230px;
	   }
.offer h4 {margin-right: 5px;
				margin-left: 5px; height:50px;margin-top:12px; font-size:16px; margin-bottom:0px;}
.offer p{margin:0px; padding:0px;}
.offer p.cena {font-weight:bold; font-size:1.1em ; text-align:center}
.offer p.cenag {font-weight:bold; font-size:1.1em ; text-align:center;color:#EEE;}
.offer img {
				border: none;
				margin-top:5px;margin-bottom: 5px;
			}

/****************************	   
*							*
*         ODKAZY 	        *
*							*	
*****************************/

a {
	color:#CCC;
	text-decoration:none;
	}
a:hover {
	color:#59ED63;
}

#centercol a {
	color:#EEE;
	}
#centercol a:hover {
	
	color:#59ED63;
	}
#header a:hover {
	color:#7A2875;
	}	

#pismena ul {list-style-type: none;text-align:center; padding:0px; }
#pismena ul li{ display:inline; }
#pismena ul li a {
text-decoration: none;padding:5px;font-size:1.3em

}
#pismena ul li a:hover{ border-top:2px solid #59ED63; }


.navigace {background: #115511;}
.navigace a{
                width: 20px;
		display: inline-table;
		padding-left: 2px;
		padding-right: 2px;
		line-height: 18px;
		height: 18px;
		font-size: 16px;
               
		text-decoration: none;
		margin-left: 1px;
		margin-right: 2px;
		font-weight: bold;
		text-align: center;
		margin-top: 1px;

            }
.navigace a:hover{font-weight: bolder;}


/****************************	   
*							*
*  FORMULAR objednavkovy    *
*							*	
*****************************/

#order .required {text-decoration:underline}
#order .errors {color:red}
.errors  {color:red;list-style-type: none; font-size:0.8em; }
.error {border: 1px dashed red;}

/****************************	   
*							*
* TABULKA - KOSIK, REKAP..  *
*							*	
*****************************/
.CartTable {vertical-align:top; background:#222222; width:100%;}
.CartTable, tr, th{color:#fff;border-bottom:1px #ccc solid;}
.CartTable th{font-weight:bold;
				/* background-color:rgb(16,192,23); */
				
			background-image: url("../images/btn_addtocart_repeat.gif");
			background-repeat: repeat-x;
}


/****************************	   
*							*
* 		  POD/KATEGORIE   	*
*							*	
*****************************/
#centercol h3{background-color:#000000; padding:2px; border:rgb(18,139,39) 2px solid;letter-spacing:2px;}       
#centercol h1 { color:#ead977;}
.uvod_text h1 { font-size:1.5em;}
.catboxwide {
position:relative;
width:100%;
overflow:auto;
background:#000000;
}
.catbox {

position:relative;
width:140px; float:left;

padding-left:0px;padding-right:0px;
padding-top:0px;padding-bottom:0px;

background-color:#222;
border-style:solid;
border-width:3px;
border-color:#333;
margin:2px;
}
.catbox .nadpis{font-weight:bold;
		font-size:1.2em;
		color:#000;
		width:100%;
		background : #111111;
		text-align:center;
		padding-bottom:2px;
		}
.catbox .nadpis a{color:#59ED63!important;display:block;}
.catbox ul {
list-style-type: none;
padding: 0px;
margin: 0px;}

.catbox li {
list-style-position: inside;
padding: 3px 2px 2px 3px;
margin-left: 0px;
}
.catbox li.nadpis {
list-style-position: inside;
padding: 0px 0px 2px 0px;
margin-left: 0px;background-color:#49FD53;
}
#centercol .catbox ul li a {display: block;background-color:#222; color:#EEE}
#centercol .catbox ul li a:hover{background-color:#fff; color:black;}	
#centercol .catbox ul li.nadpis a:hover{color:#59ED63!important;display:block;background-color:#222;}
.subcatbox tr {background-color:#222; }
.subcatbox td {border:1px solid #333; min-width:65px;}
#centercol .subcatbox td a{display:block;}
#centercol .subcatbox td.active {background-color:/*#ffc969*/#fff;}
#centercol .subcatbox td.active a{ color:black; }
#centercol .subcatbox td a:hover{ background-color:#DDD; color:black; }


.subcatbox td a {padding-right: 5px;
	padding-left: 5px; font-size:0.9em;}
	
/****************************	   
*							*
* 		PAGINATION       	*
*							*	
*****************************/

 #paginationControl{
 width: 400px;
 background:#222226 ;
  margin-left: auto ;
  margin-right: auto ; text-align:center;
 }
#paginationControl .disabled { color:#59ED63; }

 #paginationControl a:hover {border-top: 2px solid #59ED63;}

/****************************	   
*							*
* 		BUTTON         	    *
*							*	
*****************************/
.button {

	display: inline-block;
	height: 34px;
	
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	
	padding: 0px 11px;
	line-height: 34px;
	
	background: url('../images/btn_addtocart_repeat.gif') repeat-x;
	
	
	text-transform: uppercase;
	
}
.button_koupit{display:block;
	height: 20px;
	font-size: 10px; font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 0px 3px;
	line-height: 20px;
	
	background: url('../images/btn_addtocart_repeat.gif') repeat-x;
	}
.button_koupit_uvod{display:inline;
	
	font-size: 10px; font-weight: bold;
	color: #DDD;
	text-align: center;
	padding: 1px 3px;
	line-height: 20px;
	
	background: url('../images/btn_addtocart_repeat.gif') repeat-x;
	}
a.button_koupit_uvod:hover{color: #FFF!important;}
a.button_koupit:hover{color: #FFF!important;}
.navbutton {
height: 30px;display: inline-block;
border: 1px solid #DDDDDD;

padding: 0px 11px;
color: #ffffff;
font-size: 20px;

}
.navbutton:hover{/*border: 1px solid #115511;*/}

/****************************	   
*							*
*  		OSTATNÍ 		    *
*							*	
*****************************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #59ED63;
	background-color: #CCC;
	padding: 5px;
	opacity: 0.9;
        background-color: rgb(17,34,17);
        color: #EEEEEE;
}
#tooltip h3, #tooltip div { margin: 0; }

/* ramecek pri uspesne operaci */
.order-info-succes{height:28px; background:#333333 url(../images/bg-order-succes-check.gif) no-repeat 15px 15px;font-size:13px;color:#009900;padding:12px 0 0 40px;margin:auto;margin-bottom:2px;width:580px;}
.order-info-fail{height:28px; background:#333333 url(../images/bg-order-fail.gif) no-repeat 5px 10px;font-size:13px;color:#DD0000;padding:20px 0px 15px 45px;margin:auto;margin-bottom:2px;width:549px;}
.order-info {height:28px; background:#112211 url(../images/information_green.gif) no-repeat 14px 12px;font-size:13px;color:#EEE;padding:12px 0 0 40px;margin:4px auto;border:1px solid #009900;}

#centercol form .required
{
background-image:url(../images/required.gif);
background-position:top right;
background-repeat:no-repeat;
padding-right:13px;
}



.itemdetail {width:100%; border-color: #333333; border-style:solid;  border-width: 2px;background:#000000;margin-bottom:0px;padding-bottom:0px;}
.itemdetail tr td{padding-left:2px;}
.itemdetail tr td h1 {font-size:1.5em;color:#ead977;}

#topselling .itemdetail{width:190px;max-width:190px;}
#topselling .itemdetail td.name{width:140px;max-width:140px;}


.itemdetail td.searchname{width:440px;max-width:440px;word-wrap: break-word;}
.itemdetail td.searchprice{width:10%;}
.itemdetail td.searchkoupit{width:10%;}


.listDetail {
	margin:0px; padding-bottom:5px;
font-size: 0.8em; color: #ABA;text-align:left;
}

.searchbox {
/*line-height: 31px; */
 vertical-align:top; margin-bottom:5px;margin-left:0px;}
#search {font-size:14px;  background:#EEE; color:black; margin:0px; padding:0px; width:125px/*padding-top:5px;*/}
.searchbox .button_search {display:inline;
	
	font-size: 12px; font-weight: bold;
	color: #DDD;
	text-align: center;
	/*padding: 2px 1px;*/
	/*line-height: 45px;*/
	
	background: url('../images/btn_addtocart_repeat.gif') repeat-x;}
hr {color:black; }
.searchbox img{border:0;}
.cena {text-align:right; font-size:1.6em;}
.cena_tops{font-size:1.6em;}
.cena span {font-size:0.6em;}


.vlastnost {color: #CCC;}

.clear {clear : both;}

label.disabled {
  background-color: #A0A0A0;
}

#zakaznik { font-size:0.7em; border:1px solid green; padding:1px; text-align:right; display:inline; margin-top:2px; margin-left:50px;}

.tmavezelena {background-color:#112211;}
.zelenyramecek {background-color:#000000; padding:2px; border:rgb(18,139,39) 2px solid;}
legend{font-size:1.3em;background-color:#111811;color:#ead977;}
legend.mala{font-size:1.1em;}
fieldset{background-color:#112211;margin-top:10px;}
.banner {text-align:center;}
.highlight tr td a b { color: yellow;font-weight: bold;}
.highlight tr td a:hover b{color:#59ED63;}
.order_tab{background-color:#000000;}

#centercol .description {background-color:#112211;color:#DDDDDD;padding:2px;}
#centercol .description h3 {background-color:transparent; padding:0px; border:0px!important;letter-spacing:0px;}
#centercol .description a {text-decoration:underline!important;}
.vmiddle {vertical-align:middle;}
.middle { text-align: center;}
.indent {margin-left: 40px;}
.small {font-size: 0.75em;}
.breadcrumbs {font-size:0.8em;}
#RightLogin{margin-bottom:5px;}
#RightLogin input{background-color:#222;border:1px solid #333;color:#CCC;}
#RightLogin label{color:#CCC; font-size:0.75em;}
.b_qty{width: 1.5em; background:black; color:white; font-weight:bold;}
#searchform img{border:0;}
.p_image{width:453px;}
.noborder{border:0;}
.red{color:red;}
.w80{width:80%;}
.w20{width:20%; text-align:right;padding-right:5px;}
.w70{width:70%;}
.topmargin{margin-top:15px;}
.bottommargin{margin-bottom:5px;}
.white{color:#FFF}
.related {
       
       display: block;
	padding-left: 25px;
	font-weight: bold;
	color: #FFF;
	/*background: url(../images/expanded_animated.gif) no-repeat 10px 7px ;*/
        background: url(../images/arrow_flashing.gif) no-repeat 4px 5px ;
	
	cursor: pointer; 

       
   }
.t_related a{
       
       font-size:10px!important;
       
   }


/*  KOSIKLINKS*/ 
   

.links {float: left; width:189px; text-align:center; 
		background: url(../images/topmargin_offer.jpg) repeat-x	#000;
		margin-right:3px; margin-left:3px;
		border: 2px solid #333;height: 220px;
	   }

.links  h4 {margin-right: 5px;margin-left: 5px; height:20px;margin-top:20px; font-size:1.1em; margin-bottom:2px; padding-bottom: 0px;}

.slideshow { width:150px; height:150px; padding:0; margin:auto; }

.slide {  margin: 0; padding: 0; }

.links img { display:none; /*margin:auto;*/ }

.links img.first {display:block;}

.js .slide_hide{display:none;}

        
#news {
  min-height: 100px;
  
  }
#news ul {margin: 0px;
  padding-left: 5px;
    padding-right: 5px;
    border-color: #333333; border-style:solid;  border-width: 2px;
}
#news ul li {
  margin-top: 0px;
  
  list-style: none outside;
}
#news ul li a {font-size: 0.8em;
                margin-left: 10px;
                text-align: left;
               
            display: block;              
                
                }
#news ul li a:hover{}             
span.datum, span.datum2 {
  color: #DDD;
  font-size: 92%;
  width: 5em;
  padding-left: 15px;
  background: url(../images/ico-date.png) left center no-repeat;
}
span.datum {display:block}
span.datum2 {display:inline}
#news_main ul {margin-left: 0px; padding-left: 10px;}
#news_main ul li {margin-bottom: 10px; border-bottom: 1px #888 dotted;list-style-type: none;}
#news_main strong {/*position:absolute;
                   left:390px;*/
                   padding-left: 5px;
                   font-weight: bold; 
                   color:#59ED63}

#news_main .popis {padding-left:55px; padding-right: 5px; margin:5px 0px;color:#CCC;}


.doprava {margin-left: auto;
margin-right: auto;}
.doprava tr td {text-align:center;}
#dopravaplatba {margin-bottom: 0px;}
.gp_test {margin-top:10px; }
.gp_test a img{margin:0 auto;display:block;}


/*  Vyskakovaci okno pro doobjednani */
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:700px;  
width:1000px;  
background: url(../images/topmargin_offer.jpg) repeat-x	#000000;
/*background:#333;  */
border:2px solid #333;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#EAD977; 
font-size:22px;  
font-weight:700;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#eee;  
font-weight:700;  
display:block;  
}  

.decline {text-align:center;}
.decline_button {}
.tracking label {font-size:12px!important;}

.autocomplete-suggestions { border: 1px solid #999; background: #000; overflow: auto; cursor:pointer; text-align:left;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #333; }
.autocomplete-suggestions strong { font-weight: normal;  color:yellow; }

				
.skladem  {font-size:75%;color:green;font-weight:bold;}
.do3dnu  {font-size:75%;color:orange;font-weight:bold;}
.nedostupny  {font-size:75%;color:red;font-weight:bold;}	
td.b_cena {
    text-align: right;
}

#consentForm {
            display: none;
            position: fixed;
            left: 20px;
            bottom: 0px;
            width: 100%;
            background-color: #f8f8f8;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            font-size: 14px;
            z-index: 1000;
        }
        #consentForm h1 {
            font-size: 18px;
            margin-top: 0;
        }
        #consentForm label {
            display: block;
            margin-bottom: 10px;
            position: relative;
        }
        #consentForm input[type="checkbox"] {
            margin-right: 10px;
        }
        .button-group {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }
        #consentForm button {
            padding: 10px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            flex-grow: 1;
            margin: 0 5px;
        }
        #consentForm button:first-child {
            margin-left: 0;
        }
         #consentForm #denyAll, #consentForm #toggleSettings, #consentForm #allowSelected {
            margin-right: 0;
			background-color: transparent;  
			color: #4CAF50;                 
			border: 2px solid #4CAF50;       
			border-radius: 4px;
		
        }