/* Shop CSS Demo */

body {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
}

/*************** FRAMEHOLDER ******************/

div#frameholder {
  width: 1000px;
  margin: 0 auto;
  _width: 1003px;
}

/************** TOP ************************/

a#header {
  background: url("../../images/shop/bg_header.jpg") no-repeat;
  display: block;
  width: 566px;
  height: 124px;
  float: left;
}

div#cart {
  background: url("../../images/shop/bg_cart_login.gif") no-repeat;
  width: 182px;
  height: 104px;
  float: left;
  color: #FFFFFF;
  padding: 10px;
}

div#cart a.cart_entry, div#login a.cart_entry {
  display: block;
  height: 17px;
  margin: 5px 0;
}

div#login {
  background: url("../../images/shop/bg_cart_login.gif") no-repeat;
  width: 212px;
  height: 104px;
  float: left;
  color: #FFFFFF;
  padding: 10px;
}

div#login input.text {
  height: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #555555 #CCCCCC #CCCCCC #555555;
  width: 150px;
  font-size: 10px;
  vertical-align: middle;
}

div#login table tr td.mezera {
  height: 13px;
  &height: 8px;
}

/****************** MENU ****************/

div#lista {
  width: 1000px;
  height: 43px;
  margin: 1px 0;
}

div#lista div#search {
  background: url("../../images/shop/bg_search.gif") repeat-x;
  width: 160px;
  height: 34px;
  padding: 9px 0 0 6px;
  float: left;
}

div#lista div#search input.searchword {
	color:#A1A1A1;
	float:left;
	margin:4px 3px 5px 0;
	width:95px;
	height: 12px;
	font-size: 10px;
	padding: 0 0 2px 0;;
}

div#lista div#search input.searchbutton {
  margin: 4px 0 0 4px;
  float: left;
}

div#hormenu {
  float: left;
  width: 834px;
  height: 43px;
  background: url("../../images/shop/bg_menu.gif") repeat-x;
}

div#hormenu ul li {
  background: url("../../images/shop/bg_menuli.gif") no-repeat right center;
  display: block;
  float: left;
  list-style-type: none;
  line-height: 43px;
  padding: 0 20px;
}

div#hormenu ul li a {
  font-family: Tahoma;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  display: block;
  padding: 0 0 0 0;
  text-transform: none;
}

/********************* LEFT ******************/

div#left {
  width: 166px;
  background-color: #ecf4fb;
  padding: 15px 0 0 0;
  float: left;
}

div#left h2 {
  color: #2070a4;
  text-align: center; 
}

div#left ul.menu {
	padding: 15px 0;
}

div#left ul.menu a {
	font-weight: bold;
}


div#left ul.menu li {
	/* height: 22px;*/
	/* border-bottom: 1px solid #e3e3e3; */
	/* display: block;	 */
	list-style: none outside url(../../images/blank.gif);
	padding: 0;
}

div#left li a {
	color: black;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 4px 0 4px 13px;
	_height: 14px;
}

div#left li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3f99cb;
}
div#left li a.hidden:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #AFAFAF;
}
/* skrytá položka */
div#left li a.hidden {
	color: grey;
}

div#left ul.menu li a.open {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0060FF;
	background: #3f99cb url(../../images/bg_menuopen.gif) repeat-x left top;
	
}
div#left ul.menu li ul li a.open {
	color: black;
	text-decoration: none;
	background-color: inherit;
}

div#left ul.menu li ul {
	padding: 10px 0 10px 15px;
	background-color: #CFE6F6;
	border-bottom: 2px solid #3f99cb;
}

div#left ul.menu li ul li {
	padding: 0;
	list-style: none outside url(../../images/blank.gif);
}

div#left ul.menu li ul li a {
	padding: 2px 0;
	font-weight: normal;
	color: #555555;
}

div#left ul.menu li ul li a:hover {
	background-color: transparent;
	color: black;
	text-decoration: underline;
}

div#left ul.menu li ul li a.open {
	background: none; 
	text-decoration: underline;
	
}

div#left ul.menu li ul li ul {
	padding: 0 0 0 15px;
	background-color: transparent;
	border: 0;
}

/* div#left ul.menu li:hover {
	background-color: #166598;
	color: white;
} */

div#left .mcont {
	padding: 0 5px;
}







/* div#left ul.menu ul {
  list-style-type: none;
  background: url("../../images/shop/bg_vermenuli.gif") no-repeat left 7px;
  padding-left: 20px;
  cursor: pointer;
}

div#left ul.menu div#li_a1 li {
	background: none;
}

div#left ul.menu ul div:hover {
	text-decoration: none;
} 

div#frameholder div#left ul.menu ul div li {
	background: none;
}

div#frameholder div#left ul.menu ul div li:hover {
	text-decoration: none;
}

div#left ul.menu ul div li a {
	background: url(../../images/shop/bg_vermenu_list_link2.gif) no-repeat 21px 8px;
	font-size: 10px;
	display: block;
	margin-left: -26px;
	padding-left: 35px;
	overflow: hidden;
	height: 23px;

}

div#frameholder div#left ul.menu ul div li a:hover {
	background:#D6E7F5 url(../../images/shop/bg_vermenu_list_link3.gif) no-repeat 21px 8px;
	text-decoration: none;
}

div#left ul.menu div:hover {
  text-decoration: underline
}

div#left ul.menu ul div#li_a1 {
  background: none;
}

div#left ul.menu ul div#li_a1:hover {
  text-decoration: none;
}

div#left ul.menu ul div#li_a1 li a:hover {
  text-decoration: underline;
}

div#left ul.menu li a, div#left ul.menu div {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  line-height: 23px;
  vertical-align: top;
  cursor: pointer
}

div#left ul.menu ul div ul div, div#left ul.menu ul div ul li {
  background: none;
} */

div#left div.bilamezera {
  background-color: #FFFFFF;
  height: 40px;
  margin: 10px 0 0 0;
}

div#left img.mapa {
  border: 2px solid #999999;
  margin: 0px 0 0 3px;
}

div#left p.adresa {
  color: #555555;
  padding: 10px 0 10px 10px;
}

/******************** CENTER **************/

div#center {
  float: left;
  width: 597px;
  padding: 3px 0 5px 5px;
  _width: 600px;
}

div#frameholder div.kosik {
  width: 829px;
}

div#path {
  padding-left: 5px;
}

div#center div#nadpis_skupiny {
  /*background: url("../../images/shop/bg_centernadpis.gif") repeat-x;*/
  height: 22px;
  padding: 1px 0 0 5px;
  margin: 0 0 3px 0;
  width: 592px;
}

div#frameholder div.kosik div#nadpis_skupiny {
  width: 824px;
}

div#center div#nadpis_skupiny h2, div#navlist h2 {
  font-size: 15px;
 /*  float: left; */
}

div#center div#nadpis_skupiny h2 a {
  text-transform: uppercase;
  color: #F18B06;
}

div#center div.produkt {
  width: 189px;
  float: left;
  margin: 10px 5px;
  _margin: 10px 3px;
}

div#center div.produkt .jmeno {
  background-color: #166598;
  padding: 5px;
  min-height: 30px;
  border: 1px solid #e5e5e5;
  _height: 30px;
}

div#center div.produkt .jmeno a {
  color: #FFFFFF;
}

div#center div.produkt .obrazek {
	width: 178px;
	padding: 4px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	border-top: 0;
	height: 178px;
}

div#center div.produkt .obrazek a {
	display: block;
	height: 178px;
	width: 178px;
	overflow: hidden;
}

div#center div.produkt .obrazek:hover {
	border: 1px solid #d1d1d1;	
	border-top: 0;
}

div#center div.produkt .obrazek img {
	cursor: pointer;
}

div#center div.produkt .popis {
  border-bottom: 3px solid #e5e5e5;
  padding: 5px;
}

div#center div.produkt .popis table {
  width: 100%;
}

div#center div.produkt .popis span {
  font-size: 14px;
  font-weight: bold;
  color: #166598;
}

div#center div.produkt .popis div.kat_c {
	float: none;
	padding: 5px 0 0 0;
	font-size: 10px;
}

div#center div.produkt .popis .unavailable {
	color: #a2a2a2;
}

div#center div.produkt .popis .in_stock {
	color: #009933;
}

div#center div.produkt .popis .not_in_stock {
	color: #990000;
}

div#center div.produkt .popis div.btn_buy {
	text-align: right;
	float: right;
	display: block;
}


div.buy_window_hide {
  display: none;
}

div.product_list table.productlist {
  border-bottom: 3px solid #ADADAD;
  border-top: 3px solid #ADADAD;
  margin-top: 3px;
}

div.product_list table.productlist tr#row1 td {
  background-color:#BFBFBF;
  color:#555555;
  padding:3px 5px;
  font-weight: bold;
}

div.product_list table.productlist tr td a {
  color: #F18B06;
}

div.product_list table.productlist .listcount {
  border:1px solid #F18B06;
  color:#666666;
  font-size:7.5pt;
  margin:0 5px 0 0;
  padding:1px 2px;
  text-align:center;
  vertical-align:middle;
  width:36px;
}

/***************** BUY OKNO *********************/
.buy_window_show {
  margin-left:-120px;
  margin-top:-65px;
  position:absolute;
}

.product_buy_holder {
  background:#166598 none repeat scroll 0 0;
  border:3px solid #000000;
  margin:0;
  padding:2px;
  width:258px;
}

.product_buy_n {
  background:#166598 url(../../images/shop/ico_cart_drop.gif) no-repeat scroll 238px 3px;
  color:#FFFFFF;
  cursor:pointer;
  font-size:13pt;
  font-weight:bold;
  padding:5px 4px 6px;
  text-align:center;
  width:250px;
  line-height: 14px;
}

div.product_buy_n { 
	text-transform: none;
}

.product_buy_txt {
  color:#F5F5F5;
  font-size:8.25pt;
  font-weight:normal;
  padding:10px 0 4px 0;
  display: none;
}

.product_buy_d {
  background:#2A7FAC none repeat scroll 0 0;
  color:#FFFFFF;
  font-size:12pt;
  font-weight:bold;
  padding:4px;
  text-align:center;
  width:250px;
  height: 43px;  
}

div.product_buy_holder div.product_buy_d {
	text-transform: none;
}

.product_buy_info {
	display: none;
}

.product_buy_ok {
  background:#166598 none repeat scroll 0 0;
  padding:4px 0;
  text-align:center;
}

#frm_buy_shadow {
  margin-left:-120px;
  margin-top:-65px;
  position:absolute;
  background: #000000;
  height: 107px;
  &height: 107px;
  width: 264px;
  filter:alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.40;
}

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

/*********************** RIGHT ******************/

div#right {
  float: left;  
  width: 227px;
  padding: 3px 0 0 5px;
}

div#right a {
  display: block;
  margin: 0 0 0px 0;
}

div#right div#loga {
  background: url("../../images/shop/bg_loga.jpg") no-repeat left 6px;
  padding: 40px 0 0 47px;
  min-height: 298px;
  _height: 298px;
}

/************* FOOTER *************/

div#footer {
  margin: 10px 0 0 0;
  font-size: 10px;
  text-align: center;
  color: #555555;
}

div#footer a {
  color: #000000;
}

.sediva_cara {
  height: 4px;
  width: 100%;
  background-color: #bdbdbd;
  margin: 0 0 1px 0;
  overflow: hidden;
}

.modra_cara {
  height: 4px;
  width: 100%;
  background-color: #166498;
  margin: 0 0 1px 0;
  overflow: hidden;
}

/**************************/
.clear { clear: both; }
.doprava { text-align: right; }
.doleva { text-align: left; }


div#WebAlert {
	position: absolute;
	background-color: #fff;
	border: 3px solid #005FAF;
	display: none;			
}

div#WebAlertContent {
	padding: 4px;
	background-color: #DADADA;
	border: 3px double #FFFFFF;
	color: #000;	
  	text-align: center;	
	 zoom: 1;
	 font-weight: bold;		
}

div#WebAlertContent a.continue {
	background: url("../../images/btn_continue.gif") no-repeat left top;
	width: 144px;
	height: 24px;
	display: block;
	float: left;
	margin-right: 10px;
}

div#WebAlertContent a.cart_entry {
	background: url("../../images/btn_entry_cart.gif") no-repeat left top;
	width: 133px;
	height: 24px;
	display: block;
	float: left;
}

div#WebAlertContent div.buttony {
	margin-top: 5px;
}



