/********* Global ************/
* {font-family: Arial, Helvetica, sans-serif;}
body{ text-align:center; padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif; color:#CCCCCC;  font-size:12px; background-color:#333333}

h1, h2, h3{ margin:0px;  font-weight:normal}

h1 { font-size:18px;  padding:4px 0 4px 8px; background-image:url(/images/bg_h1.gif); 
  color:#FFCC00;  background-repeat:repeat-x; 
  border:1px solid #000000; margin-bottom: 3px;}

h1.home { font-size:16px;  padding:4px 0 4px 8px; background-image:url(/images/bg_h1.gif); 
  color:#FFCC00;  background-repeat:repeat-x; font-weight: bold;
  border:1px solid #000000; margin-bottom: 3px;}

h2.modra, h2.seda, h2.zluta{ background-repeat:repeat-x; border-left:1px solid #000000; border-right:1px solid #000000; margin-top:3px;
font-size:12px; padding:3px 0 2px 10px; }
h2.modra a, h2.seda a, h2.zluta a{ text-decoration:none}
h2.modra a:hover, h2.seda a:hover, h2.zluta a:hover{ text-decoration: underline}

h2.modra{ background-image:url(/images/bg_h2_modra.gif); color:#FFFFFF;  }
h2.seda{ background-image:url(/images/bg_h2_seda.gif); color:#FFFFFF;  }
h2.zluta{ background-image:url(/images/bg_h2_zluta.gif); color:#000000; }

h2.modra a{color:#FFFFFF;}
h2.seda a{color:#FFFFFF;}
h2.zluta a{color:#000000;}

p{  line-height:16px; margin:0px; padding:8px 0 8px 0; text-align:justify }

ul { margin:0px; padding:8px 0px 8px 25px;}
ol {margin:0px; padding: 8px 0px 8px 25px;}
ul li { /* list-style-image:url(/images/blue_arrow.gif);*/ list-style:square}

table td, table th { font-size: 12px;}
.dolu-modra img { margin:3px 3px 0 0px; float:right}
.nazev-h1-modra { margin:2px 8px 0px 0px; float:right;font-weight: bold;font-size: 12px;color:#FFCC00}
.nazev-modra { margin:2px 3px 0px 0px; float:right;font-weight: bold;font-size: 9px;color:#ccccff}
.nazev-zluta { margin:2px 3px 0px 0px; float:right;font-weight: bold;font-size: 9px;color:#666666}

.fs-16 {font-size: 16px;}

a { color:#FFCC00; text-decoration: underline;}
a:hover{ text-decoration:none}

form{ margin:0px}

div.clear{clear:both; font-size:0px;  line-height:0%; height:0px}
hr{ font-size:0px; height:1px; border:0px; border-top:1px solid #FFD647}

.tucne { font-weight: bold;}
.errMsg { color: #FFE463; }

/*********************************/

/********* BOXÍKY V PRAVÉM A LEVÉM SLOUPCI ************/
.dolu{height:17px; }
.minus img, .dolu img { margin:4px 3px 0 0px; float:right}

.menu-sloupec { margin:0px; padding:0px}
.menu-sloupec-zluta { background-image:url(/images/bg_p_zluta.gif); background-repeat:repeat-x; color:#000000;  font-size:12px; 
margin:0 0 4px 0px; padding:1px 0 0px 10px; list-style:none; border:1px solid #000000;  }
.menu-sloupec-zluta a{ color: #000000; text-decoration:none; }
.menu-sloupec-zluta a:hover{ color: #333333;}

.menu-sloupec-modra { background-image:url(/images/bg_li_dark_yellow.gif); background-repeat:repeat-x; color:#FFFFFF;  font-size:12px; margin:0 0 4px 0px; padding:1px 0 0px 10px; list-style:none; 
border-right:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000; }
.menu-sloupec-modra a{ color: #FFFFFF; text-decoration:none; }
.menu-sloupec-modra a:hover{ color: #333333;}


ul.menu-sloupec-sub { margin:2px 0 0px -10px; _ margin:1px 0 0px -10px; padding:0px} 
ul.menu-sloupec-sub li.polozkaSeda{ background-image:url(/images/bg_p_seda.gif); background-repeat:repeat-x; color:#CCCCCC; 
 border-top:1px solid #000000;font-size:12px; margin:0px; 
 padding:0px 0 0px 10px ;  list-style:none; line-height:18px; }
ul.menu-sloupec-sub li.polozkaSeda a{ color:#CCCCCC; text-decoration:none; width: 100%;}
ul.menu-sloupec-sub li.polozkaSeda a:hover{ color:#FFCC00; text-decoration: underline;}

ul.menu-sloupec-sub-druha { margin:0px 0 0px 0px; _margin: 0px 0px 0px -10px; padding:0px; width: 188px; _width: 185px;}
ul.menu-sloupec-sub-druha li.polozkaSeda{ background-image:url(/images/bg_p_seda.gif); 
  background-repeat:repeat-x; color:#CCCCCC; 
  border-top:1px solid #000000; font-size:11px; margin:0px;  font-style: italic;
  padding:0px 0 0px 0px ;  list-style:none; height:18px; line-height: 18px;
  width: 100%;
}
ul.menu-sloupec-sub-druha li.polozkaSeda a { padding-left: 30px;}
/******************************/

/********sloupec - hlidaci pes*********/
.odsazen { padding-left:7px}
/*************************************/

/*********** TABULKY **********/
.tab { margin: 6px 0 0 5px}
.tab tr {background-color:#3D3D3D;}
.tab tr.prvni{ background-color:#484848}
.tab td.prvni{ background-color:#484848}
.tab tr.prvnigi{ background-color:#183463}
.tab td.prvnigi{ background-color:#183463}
.tab tr.vysledek { background-color:#333333; height:50px; }
.tab tr.vysledek td { padding-right:0px}
.tab th.kosik{font-size:11px;}
.tab td.kosik{font-size:11px;height:38px;}
.tab td.priznaky{font-size:11px;}
.tab td.sklad-ano{font-size:11px; text-align:center; color:#00F000;font-weight:bold;  }
.tab td.sklad-ne{font-size:11px; text-align:center; color:#FF0000;font-weight:bold;  }

/* .tab tr.vysledek td span.zlutyTxt{ padding-left:10px} */ 
/*********************************/
.tabkosik {margin: 6px 0 0 5px}
.tabkosik tr { background-color:#3D3D3D}
.tabkosik tr.prvni{ background-color:#484848}
.tabkosik td {font-size:11px; background-color:#3D3D3D}

/*********** FORMULÁŘE - check box - inputy - textarea **********/
form{ margin:0px; padding:0px}

input, select, textarea { color:#CCCCCC; background-color:#6A6A6A; border:1px solid #000000;}
a.button {background-image:url(/images/bg_button.gif); background-repeat:repeat-x; font-weight:bold;  
  border:1px solid #000000; color: #CCCCCC; height:24px; text-decoration: none; padding: 3px 10px 3px 10px;}
  
.button { background-image:url(/images/bg_button.gif); background-repeat:repeat-x; font-weight:bold;  height:24px; 
  border:1px solid #000000; color: #CCCCCC}

.buttonbox { background-image:url(/images/bg_button.gif); background-repeat:repeat-x; font-weight:bold;  height:24px; 
  border:1px solid #000000; color: #CCCCCC;padding-left:1px;padding-right:1px}
.buttondoporuceni { width:140px}
.buttonpes {width:80px}

.buttondelete {font-weight:bold; border:1px solid #000000; height:12px; width:12px; text-decoration: none; padding: 3px 3px 3px 3px;}

.textField { background-image:url(/images/bg_textfield.gif); background-position:top; 
  background-repeat:repeat-x; height:24px; 
  background-color:#1E1E1E; border:1px solid #000000; width:285px; padding-top:3px 
}
textarea.textField{ width:100%; height:130px; }
input.checkBox { border:0px; padding:0px; background-color:#333333}
.pocet{ width:40px; height:24px; vertical-align:middle; text-align: right;}
input.koupit,input.detail{  vertical-align:middle;}

/*********************************/

/********* MAIN HOLDERS ************/
div.holder{ margin:auto; width:990px; text-align:left; margin-top:10px }
div.holderTwo{ text-align:left;  /*margin:0px 19px 0px 19px;*/  border:1px solid #000000; background-color:#666666; }
/*********************************/

/********* TOP visual + logo ************/
div.top{ background-color:#333333;  width:990px; height:130px; background-image:url(/images/visual.jpg); background-repeat:no-repeat}
.logo{ padding:4px 0 0 23px; float:left}
/*********************************/


/********* Login ************/
.login { float:right; padding: 20px 15px 0px 10px; width: 172px; font-size: 11px;}
.login * { }
.login-user { margin: 12px 0px 0px 0px; width: 180px;}
.login .log { background-image:url(/images/bg_login.gif); background-repeat:repeat-x; margin-bottom:2px; 
    font-size: 11px;
    border:1px solid #333333; color:#999999; padding: 4px; vertical-align:middle; background-color:#000000; width:70px;height: 24px; }
.login .buttonLogin{ padding:0px; vertical-align:middle; white-space:nowrap; 
  margin-top:-1px; border:0px;  vertical-align:middle;}
.login-vetsi { font-size: 12px; line-height: 28px;}

/*********************************/

/********* TOP menu************/
div.topMenu{height:37px; padding:3px 3px 0px 3px; }
div.topMenu .odkazy{ border:1px solid #000000; background-image:url(/images/bg_top_menu.gif); 
  background-repeat:repeat-x; height:29px; float:left;}
div.topMenu .odkazy ul{ margin:0px; padding:0px;}
div.topMenu .odkazy ul li { float:left; list-style:none;}
div.topMenu .odkazy ul li a { display:block; color:#CCCCCC; padding:7px 27px 7px 27px; border-right:1px solid #000000; text-decoration:none }
div.topMenu .odkazy ul li a:hover { color:#FFCC00; text-decoration: underline; }
div.topMenu .odkazy ul li a.last {border-right: none}

/*********************************/

/**************** ZVÝRAZNĚNÝ TEXT *****************/
.zlutyTxt { color:#FFCC00; font-weight: bold;}
.cenaPuvodni { text-decoration: line-through; font-weight: normal;}

/*********************************/

/********* TOP menu SEARCH ************/
.search{float:right; _margin-top:-1px}
.search input.hledat{ background-image:url(/images/bg_search.gif); background-repeat:repeat-x;
     border:1px solid #0F0F0F ; padding:7px 3px 6px 2px;  vertical-align:middle; 
     width: 159px; height: 30px;
     }
.search .lupa {border-width:0px;  padding:0px;  vertical-align:middle;}
/*********************************/




/*********************************/

/********* LEVÝ SLOUP ************/
div.left{ float:left; width:196px;}
.left-inside { margin:0 3px 3px 3px; }
/*********************************/
/*********************************/

/********* STŘED SLOUP ************/
.center { float:left; width:596px; }
/*********************************/

/********* STŘED SLOUP box obalující text ************/
.textBox{ background-color:#333333; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000;
padding:2px 10px 10px 10px}

/********* STŘED SLOUP box obalujícípoložky zboží ************/
.polozkaZbozi{ float:left; padding-right:20px; padding-top:20px}


.skreenShoty img{ border:1px solid #000000; margin:10px 10px 0 0  }

/********* DROBEČKOVA ************/
.drobeckova p { padding:0 0 5px 0px}
/*********************************/

/********* PRAVÝ SLOUP ************/
.right{float:left;  width:196px;}
.right-inside{ margin:0 3px 3px 3px  }
/*********************************/

/********* BOXY ************/
.banner{ background-color:#333333; border:1px solid #000000; text-align:center; padding:10px 0 10px 0; margin-bottom:4px; }
.banner img{ border:0px; padding:2px 2px 2px 2px; margin-bottom:0px; }
.head{ margin-top:-4px; border-top:0px}
.anketa{ padding:8px 5px 0 5px }
.anketa a{ text-decoration:none}
.anketa a:hover{ text-decoration: underline}
/*********************************/


/********* SVISLÉ MENU ************/
ul.svisleMenu{ margin:0px; padding:13px 0 13px 10px; font-size:1.2em;}
ul.svisleMenu li{ list-style:none; }
ul.svisleMenu li a{color:#0567B0; font-weight:bold; background-image:url(/images/blue_arrow.gif); background-repeat:no-repeat; background-position:2px 5px; 
 display:block; padding:0 0 0 15px; height:25px; }
ul.svisleMenu li a:hover{color:#E06400; font-weight:bold; background-image:url(/images/orange_arrow.gif); background-repeat:no-repeat; background-position:2px 5px; }

ul.svisleMenu li ul{margin:0px 0 0 15px; padding:0px}
/*********************************/


/********* STRÁNKOVÁNÍ ************/
.strankovani{ margin-top:10px}
/*********************************/

/********* PATIČKA ************/
.footer{ height:60px; background-image:url(/images/bg_footer.jpg); background-repeat:no-repeat; top:auto;  }
.footer p{ margin:0px; padding:5px 0 0px 8px;  }
.footer p.vymenna-reklama{ margin:0px; padding:11px 5px	 5px 0px; text-align:center;font-size:10px;  }
.footer p.nxshop{ margin:0px; padding:0px 5px 5px 0px; text-align:center;font-size:11px;    }
.footer p.odkazy { text-align:center;}
.footer a {color:#CCCCCC; text-decoration:none; margin-right:4px;margin-left:4px;}



/************************************************
  		náhled obrázku
************************************************/
div.nahledy { width:150px; float:right; }
div.nahledy img.obr { margin-left : 10px; margin-bottom:10px;	 border: 3px solid #CECECE; }

div.fotoodkaz { margin-left : 10px; margin-bottom : 10px; float:left; /*background-color:#F1F1F1;*/   background-color:red; }
div.fotoodkaz a { color:#0363AD; font-weight:bold; }
div.fotoodkaz img.obr {border: 3px solid #CECECE; margin-left:0px;}

/************************************************
  		tabulka pro info o procesu objednavky
************************************************/
.obj-proces {
  background-color:#333333; 
  border:1px solid #000000; 
  margin-bottom: 8px;
}
.obj-proces-aktual {font-weight: bold; background-repeat:repeat-x; background-image:url(/images/bg_h2_zluta.gif); color:#000000; }

/******************** založky *********************/
.zalozky {clear:both;height:23px; position:relative;}
.zalozky a {text-decoration:none;}
.zalozky a:hover {text-decoration:underline;}
.gizmos {height:18px; width:245px; text-align:center; padding:5px 0;position:absolute; top:1px; right:0px; background: url(../images/zal-gizmos.gif) top left no-repeat;}
.gamestation {height:18px; width:312px; text-align:center; padding:5px 0;position:absolute; top:1px; right:247px; background: url(../images/zal-gamestation.gif) top left no-repeat; color:#7a7a7a;}

strong.yellow {color:#FFCC00;}

/******************** popup *********************/
#Stmivani {
	position: absolute; 
	background-color: Black; 
	/*z-index: 999; */
	top: 0px; 
	left: 0px; 
	display: none;
}
.StmivaniClose {
	float: right;
	cursor: pointer;
	padding: 1px 5px 0px 0px;
}
/****************** zasobnik na popup *************/
#ZasobnikPopup {
	display: none;
}
/****************** doporuc znamemu *************/
#PosliMail {
	position: absolute;
	z-index: 999;
	width: 500px;
	top: 0px;
	left: 0px;
}
#PosliMail .textBox {
	height: 280px;
}
#PosliMail textarea {
	font-size: 9pt;
	padding: 5px;
}
#PosliMail .loading {
	position: relative;
	top: 120px;
}
#PosliMail .modra {
	text-align: left;
}
#DoporucWarning, #PesWarning{
	color: Red;
	font-weight: bold;
}
/******************* seznam v list mode **********************/
.SeznamList {
	width: 100%;
	background: #333333;
	border: 1px solid black;
	margin-top: 3px;
	padding: 0px;
}
.SeznamList th {
	text-align: left;
	padding-left: 10px;
	background-image: url(/images/bg_h2_modra.gif);
	height: 20px;
	color: White;
}
.SeznamList td {
	background: #484848;
	padding: 1px 4px;
}
.SeznamList .Prvni td {
	background: #3D3D3D !important;
}
.SeznamList .cena {
	text-align: right;
	color: #FFCC00;
	font-weight: bold;
}