/* -=-=-=-=-=-=-=-=-=-=-=-=-= global definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

BODY, DIV, TABLE, FORM, CAPTION, ADRESS, IMG, H1, H2, H3, H4, P, HR, INPUT, SELECT {
  border: 0 none;
  margin: 0;
  padding: 0;	
}
body {background: #313131 url(../img/top.gif) top repeat-x; color:#000; margin:0 auto; width:100%;height:100%; text-align:center;line-height:1.3em; font-family: Verdana, Tahoma, Arial CE;  font-size: 0.9em;}
/*font-family: Arial,sans-serif;*/

BODY B{
	color: #373d40;	
}

BODY A{
	text-decoration: underline;	
	color: #373d40;
	font-weight: normal;
}

.textRight {
   text-align: right;
}
.textCenter {
   text-align: center;
}

.button, .button_maly, .button_velky,.button_stredni, #registrace .button_stredni,#registrace .button_velky {
	color:#FFF;
	background: #EE6600 url(../img/button.gif) left no-repeat;
	border-left: 1px solid #fe7020;
	border-top: 1px solid #fe7020; /*dc5000*/
	border-right: 1px solid #bc3000;
	border-bottom: 1px solid #bc3000; 
	text-align:center;
	line-height:25px;
	height:25px; 
	width:110px;
	cursor:pointer; 
	position:relative;
	font-weight: bold;
 	cursor: pointer;
 	padding: 0px;
}

.button_velky,#registrace .button_velky {
  width: 180px;
}

.button_stredni,#registrace .button_stredni{
  width: 150px;
}
.button_maly {
  width: 80px;
}

#button_lupa{
	background: url(../img/lupa.gif);
	width: 23px;
	height: 20px;	
}

.text{
	background: #ffffff url(../img/input_stin.gif) repeat-x top;
	margin-bottom: 2px;
	padding: 2px;
	border: 1px solid #777777;	
}	

.select{
	background: #ffffff url(../img/input_stin.gif) repeat-x top;
	margin-bottom: 2px;
	padding: 2px;
	border: 1px solid #777777;
}	

.textarea{
	background: #ffffff url(../img/input_stin.gif) repeat-x top;
	width: 99%;	
	border: 1px solid #777777;
	margin-bottom: 5px;
	padding:2px;
	font-size: 1em;	
}

.left {
  float: left;
}

.bold{
	font-weight: bold;
	color: white;	
}

.right {
  float: right;
}

.hide {
	display: none;
}

.cleaner {
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	font-size: 0;
}

#leftAndRightShadow {
	width: 100%;
}

/*bocni-menu*/
.category, .menu {margin-left: 10px; width:200px;}
.category li, .menu li {text-align:left;}
.category li a,.menu li a {border-bottom:#26284c dashed 1px; width:180px;  text-decoration:none; padding:5px 0 5px 25px;  display:block;  line-height:20px;color:#ffffff; }
.category li a,.menu li a{background: url(../img/category-arrow.gif) 5px 10px no-repeat ; }
.category li a:hover, .menu li a:hover {background:#e0792c center left no-repeat; color:#ffffff!important;}

#layout {
	display: block;
	width: 980px;
	margin: 0 auto;
	margin-bottom: 0px;
	padding-top: 225px;
	position: relative;
	text-align: left;
	background: #fff url(../img/obsah.gif) top center repeat-y;
	z-index:0;
}

p {
	padding: 0px;
	margin-bottom: 5px;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-= panelMiddle / Columns =-=-=-=-=-=-=-=-=-=-=-=-=-*/

#panelLeft, #panelMiddle, #panelRight,#panelMiddleAndLeft {
	display: inline; /* osetreni bugu dvojiteho marginu v IE */
}

#panelMain {
	width: 980px;
}	

#panel_main_bottom, #panel_main_bottom_IE {
	display: block;
	position: absolute;
	bottom: 57px;
	left: 0px;
	height: 9px;
	width: 980px;
	background: url(../img/pannel_main_bottom.png);
}

#panel_main_bottom_IE{
	bottom: 75px;
}

#panelMiddleAndLeft {
	width: 750px;
	float:left;	
}

#panelMiddle {
	width: 520px;
	margin: 0px;
	color: #373d40;
	float:right;
}

#panelMiddle ul {margin:10px 0}
#panelMiddle li {text-align:left; list-style-type:square; margin-left:10px}

#panelMiddleIn {
	font-size: 0.9em;
	padding: 10px 10px 10px 10px;
}

#panelLeft {
	float:left;
	width: 230px;
}

#panelRight {
	float: right;
	width: 230px;
	overflow:hidden;
}

.box {
  	margin-bottom: 10px;
  	width: 220px;
  	font-size: 0.9em;
	background: #4d5356;
	color: #ccced1;
	font-family: sans-serif !important;
}

.box a{
	color: #bbdee5;	
}

.box b{
	color: white;
	font-weight: bold;	
}

.modry,#login{
	background: #274286;	
}

.box h4{
	background: url(../img/tmavy-h4.gif) top center no-repeat;
	text-align:left;
	text-transform: uppercase;
	font-style: italic;
	font-weight:bold;
	color:#fff;
	font-size: 1em;
	font-family: arial;
	padding:0 15px 0;
	clear:both;
	line-height:40px;
}

#login h4, .modry h4{
	background: url(../img/modry-h4.gif) top center no-repeat;
}

#panelLeft .box{
	margin-left: 1px;	
}
#panelRight .box{
	margin-left: 9px;	
}

#panelLeft UL, #panelRight UL{	
	list-style-type: none;
}

.textBox {text-align:left; padding:10px;}

#menu2nd{
	line-height:50px;
	height:50px;
	font-size: 1.1em;
	overflow: hidden;
	font-family: arial;
}

#panelTop .menu2nd_a a{
	/*background: #dfdfdf url(../img/menu.gif) center right no-repeat;*/
	color:#e7e5e7;
	text-decoration: none;
	text-align: center;
	line-height:50px;
	height:50px;
	text-transform: uppercase;
	display:block;
	float:left;
	font-weight: bold;
	padding: 0 15px 0 15px;
	background: url(../img/separator.gif) center right no-repeat;
}

#panelTop .menu2nd_a a:hover{
	color:#ffffff;
	font-weight: bold;
}

#nazevVyrobku{
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  font-size: 1.25em;
  font-weight: bold;
}
#nazevVyrobku a{
  color: #de9700;
}

	
/* -=-=-=-=-=-=-=-=-=-=-=-=-= head definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

#panelTop {
	width: 0;
	height: 0;
}

#panelTopHead {	
	width: 980px;
	height: 175px;
	position: absolute;
	top: 0;
	left: 0;
	background: #274286 url(../img/main.jpg) no-repeat top center;
}

#panelTopIn {	
	width: 980px;
	height: 50px;
	position: absolute;
	top: 175px;
	left: 0;
	background: url(../img/bg-menu.gif) repeat-x top left;
}

.odkazy_v_dolnim_panelu{
	/*background-color: #FBFFFB;*/
	border-bottom: 1px solid #2E2D7F;	
	margin-bottom: 5px;
	padding: 5px;
}

.odkazy_v_dolnim_panelu a{
	color: #2E2D7F;
}

h1 {font-size:1.6em;line-height:1.2em;font-weight:bold; color:#111155;margin-bottom:8px;margin-left: 0px;padding-left: 0px;}
h2 {color:#a92106; font-size:1.2em; padding-left:0px; font-weight:bold;  line-height:25px; font-family:Arial; margin-top: 5px; margin-bottom: 5px; }
/*h3 {color:#293876; font-weight:normal; font-size: 1.1em; line-height:25px; font-family:Arial; margin-top: 5px; }*/
h3 {color: #196F78; line-height: 16px; font-size: 1.1em; font-weight: normal; padding: 0; margin-top: 5px; margin-bottom: 2px;text-transform: uppercase;}
hr {color:#dfdfdf; background-color:#dfdfdf; border: 0 none; height:1px; margin:0px auto; text-align:center; width:90%; position:relative; clear:both  }

#btnOK{
	margin-top: 5px;
	margin-bottom: 5px;	
}	

.kosik{
	font-size: 0.9em;
	width: 200px;
	position: absolute;
	right: 70px;
	top: 77px;
	color: #222222;
}

.kosik a{
	color: #5D0014;	
}

#zobrazit_kosik{
	text-transform: uppercase;
	font-size: 8px;
	color: white;
	font-family: Arial;
	display: block;
	position: absolute;
	right: 14px;
	top: 131px;
	
	text-decoration: underline;
}

.kosik h4{
	text-transform: uppercase;
	font-style: italic;
	font-weight:bold;
	color:#283978;
	font-size: 1.1em;
	font-family: arial;
	line-height:40px;
}

#login LABEL{
	width: 50px;
	color: #222222;	
}	

#pass{
	margin-left: 5px;
	margin-top: 2px;
	width: 80px;
}	

#jmeno{
	margin-left: 5px;
	width: 80px;
}

#l_pass{
	width: 50px;
	float: left;
	margin-top: 5px;
	color: #ccced1;
}	

#l_jmeno{
	width: 50px;
	float: left;
	margin-top: 5px;
	color: #ccced1;
}

.l_text{
  font-size: 14px;
  color: black;
  padding-left: 10px;
  padding-bottom: 8px;
}
#info {
	padding: 5px;
	padding-top: 0px;
	position: absolute;
	top: 5px;
	left: 50px;
	height: 20px;
	width: 800px;
	color: #b68939;
	font-size: 11px;
}
.tdsudy{
	background-color: #e8e8ff;
}
.zobrazeni {
  color: #222222;
  font-size: 0.85em;
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#session_jmeno {
	color: #eeeeee;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}

#panelMiddleIn UL{
	margin-left: 20px;
	margin-bottom: 5px;
	list-style-type: circle;
}

#popelnice{
	text-align: right;
}

#pridatblok, .editpage{
	height: 20px;
	background-color: #dddddd;
	border:1px solid silver;
	line-height:20px;
	text-align:center;
	color: #222222;
}

#pridatblok{
	float: right;
	margin-bottom: 2px;
	width: 120px;	
}

.editpage { 
	z-index:1;
	display:none;
	width:210px;
	position:absolute;
	top:0px;
	right:0px;
}

#pridatblok a,.editpage a{ color: #333333;}
.blokSS { padding: 2px; position: relative; background-color: #ffffff;max-width: 100%; }

.sprava_odkazu{
	margin-bottom: 5px;
}

.sprava_odkazu A{
	text-decoration: none;
}

.soukromy{
	color: red;
}

.nesoukromy{
	color: #333333;
}

	/* -=-=-=-=-=-=-=-=-=-=-=-=-= seznam zbozi =-=-=-=-=-=-=-=-=-=-=-=-=- */

.produkty {
	margin-top:5px;
	margin-bottom:5px;
}

.produkt{
	width: 500px;
	min-height: 60px;
	margin-bottom:5px;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
	font-size: 0.9em;
}

.produktdetail{
	display:block;
	width: 100%;
	float: left;
}	

.produktnazev_kod{
	width: 50%;
	float: left;
	padding: 5px;
}


.akcnizboziDiv{
	width: 385px;
}

.produktnazev {
	text-decoration: none;
	float: left;
	color: #274286;
}

.produktnazev:hover {
	text-decoration: underline;
}

.produktkoupit{
	margin-top: 0px;
	float: right;
	width: 130px;
	min-height: 60px;
}

.produktkoupit_in{
	padding: 5px;
	margin-top: 15px;
	text-align: right;
	font-size: 1.1em;
}

.produktcena{
	float: left;
	font-size: 100%;
	width: 100px;
	height: 50px;
	padding: 5px 0 0 5px;
	text-align: center;
	background: #f8f8f8;
}

.jinysklad{
	background: white;
}

.produktobrazek {
 	margin: 7px;
	float: left;
	width: 104px;
	overflow: hidden;
}
.produktobrazek IMG, .actiongoods IMG{
	padding: 1px;
	border: 1px solid silver;
}
 /* -=-=-=-=-=-=-=-=-=-=-=-=-= KONEC V HACKU =-=-=-=-=-=-=-=-=-=-=-=-=- */
 
.pocet_kusu{
	width: 20px;
	text-align: right;
	padding-right: 2px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-= KONEC seznam zbozi =-=-=-=-=-=-=-=-=-=-=-=-=- */

#shoppingBag {
	padding: 5px;
}
#shoppingBag a{
	color: #b68939;
}	

/* inquiry definition */ 
#inquiry .line{
	display: block;
	clear: both;
	height: 10px;
	line-height: 10px;
	font-size: 0em;
}

#inquiry .line {
	background: url(../img/inquiry_bar_dark.gif) repeat-x left;
}

#inquiry .answer {
	float: left;
	width: 110px;
	font-size: 12px;
}
#inquiry{
	padding-bottom: 10px;
}

#inquiry .score {
	float: right;
	padding-right: 0px;
}

#inquiry a {
}

.table {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 5px;
	background-color: #f3f4f5;
}

.table TH{
	/*background-color: #3D618B;*/
	background-color: #e3e4f5;
	padding: 0 5px 0 5px;
	color: #222222;
	width: 150px;
	text-align: left;
}

.table TD{
	padding: 3px;
	color: black;
	border-bottom: 1px dashed #cbcaca;
}
.table a{
	color: black;	
}

#order_item .nazev{
	width: 150px;	
}

#order_item TH{
	width: 0px;	
}	

#order_item .pocet_baleni{
	width: 60px;
	text-align: right;	
}
#order_item .cena{
	width: 80px;
	text-align: right;
}
#order_item .id_zbozi{
	width: 20px;
}

/* REGISTRACE */

#panelMiddle FIELDSET {
	display: block;
	position: relative;
	margin: 5px 0;
	padding: 7px;
	border: 1px solid #27678F;
	font-size: 0.95em;
	background-color: #fcfcff;
}

#panelMiddle FIELDSET LEGEND {
	margin: 0;
	padding: 3px 5px;
	border: 1px solid #27678F;
	font-weight: bold;
	color: #222222;
}
#registrace {width: 470px; margin: 0 0 0 10px;}
#registrace input {margin: 0 0 5px 10px; padding-left: 2px; height: 20px; color: #444444; border: 1px solid #777777; width: 200px; background-color: white;}
#registrace input.radio {margin: 0 0 5px 10px; height: 14px; width: 10px; border:none; background-color: white;}
#registrace label {width: 150px; float: left; display: block; }
#registrace textarea {margin: 10px 0 5px 0;width: 320px; color: #444444; padding: 2px; border: 1px solid #777777;background-color: white;}

.mainmessage {
	border: 2px solid red;
	width: 536px;
	padding: 10px;
	margin-bottom: 10px;
}

#basket .id_zbozi{
	width:20px;
}
#basket .pocet_kusu{
	width:20px;
	text-align:right;
}
#basket .cena{
	width:80px;
	text-align:right;
}

#detail_zbozi .photo{
	padding: 2px;
	width: 230px;
	padding-left: 0px;
	margin-top: 3px;
	margin-right: 10px;
	float: left;
}
#detail_zbozi .photo img{
	border: 2px solid #87a4b2;
	padding: 1px;
}

#detail_zbozi #dostupnost{	
}


.galerie {
	float:left;
}

.galerie img{
	padding: 1px;
	margin: 2px;
	border:1px solid #87a4b2;
	background-color: white;
}
.obrazek .text{
	border: 0px;
	text-align: center;
}

#badlogin {color: red; position: absolute; border: 1px red solid; background-color: #fee2ce; padding: 5px; width: 200px; text-align: center;}

.souvisejici {
	width: 120px;
	min-height: 140px;
	border: 1px solid #29435e;
	padding: 2px;
	text-align: center;
	margin: 10px;
	margin-left: 0px;
	float: left;
	background-color: #a7bcd9;
}

.souvisejici a{
	color: black;	
}

.souvisejici .photo{
	margin-top: 5px;	
}

.souvisejici .photo IMG{
	padding: 1px;
	border: 1px solid #29435e;	
}

.souvisejici_nadpis {
  padding-top: 5px;
  font-weight: bold;
}
.alert{
  	font-size: 0.9em;
  	text-align: center;
	margin-top:10px;
	border:2px solid #0D316B;
	padding:5px;
	background-color: white;
	color: black;
}

.alert a{
	color: blue;	
}	

.typ_obj{
	width:94px;
	border: 1px solid gray;
	padding: 2px;
	float: left;
	text-align: center;
}

.navigace_zbozi{
	padding: 3px;
	margin-bottom:5px;
}

#odkaz_na_zbozi{
	float: right;
	margin-top:10px;
}

.newsBox{
	
	/*border: 1px solid silver;*/
	margin-bottom: 5px;
}

.newsBox IMG{
	float: left;
	padding: 1px;
	border: 1px solid silver;
}

.neprectenazprava a{
	color: red;
}

.prectenazprava a{
	color: gray;
}

.filtrSeznamZbozi{
	padding-top: 5px;
	border-bottom: 1px solid silver;	
}

.odkazyNaStranky{
	text-align: center;
}

.odkazyNaStranky a{
	text-decoration: none;	
}

#filtr_vyrobci{
	border-top: 1px solid silver;
	padding-top: 5px;
}

#filtr_ostatni{
	padding-top: 5px;
}
#filtr_ostatni .ico_katalog,#filtr_ostatni .ico_cenik{
	padding-left: 20px;
	display: block;
	float: right;
	background: url('../img/katalog.gif') no-repeat;
	line-height: 20px;
	height: 20px;	
	text-align: right;
	margin-right: 10px;
}
#filtr_ostatni .ico_cenik{
	background: url('../img/cenik.gif') no-repeat;
}

#filtr_ostatni .filtr_razeni{
	float: left;	
}

/*paticka*/
#panelBottom {width:100%; height:100px;  float:left; margin:0 auto; margin-bottom: 10px;}
#panelBottomIn {background:#ca4625 url(../img/foot-in.jpg) no-repeat left bottom; color:#555555; font-size:95%;  width:980px;  height:100px;  margin:0 auto; position:relative; text-align:center; overflow: hidden;}
#panelBottomIn p {width:980px; position:relative;  top:20px;  text-align:center; margin:0 auto;  }
#panelBottomIn a {color:#507FCC}
#panelBottomIn a:hover {color:#000}


.best_selling table{
	font-size:small;
	padding-left: 5px;
	
}

.best_selling_div{
	font-size:small;
	padding-left: 10px;	
}

.divisover{
	margin-left:50px;
}
.presbeton{
	width: 99%;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 30px;
}
.presbeton img{
	position:relative;
	top: 50%;
	
	left: 50%;
	margin-top: -15px;
	margin-left: -100px;
}