/**************** old styles *********************/
body {
	background-color: #f5f5f5;
	background-image: url(styl/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 12px;	
}
img {
	border: none;
}
p {
	line-height: 130%;
	color: Black;
	font-size: 12px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align: justify;
}
form {
	margin: 0px;
	padding: 0px;
}
input {
	font-size: 13px;
}
h5 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: Black;
}
h4 {
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}
a {
  	color: #003466;		
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.cl	{
	clear: both;
	display: block;
	line-height: 1px;
	height: 1px;
	margin: 0px;
}
.clear {
	clear: both;
}
#main {
	position: relative;
	margin: 10px auto 10px auto;
	width: 900px;
	height: 100%;
	padding: 10px;
	background-color: #ffffff;
	z-index: 0;
}
#message {
	color: #e97000;
	font-weight: bold;
	padding: 15px 0px 5px 7px;
	font-size: 11px;
}

/* --- HEAD --- */
#head {
	position: relative;
	background-image: url(styl/top_back3.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 900px;
	height: 196px;
	margin-bottom: 10px;
}
#head a {
	display: block;
	position: absolute;
	top: 110px;
	left: 32px;
	width: 270px;
	height: 36px;
}
h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 2px;
	color: #a9bed7;
}
#icons {
	position: absolute;
	top: 22px;
	left: 22px;
}
#icons a {
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: left;
	font-size: 10px;
}

/* --- TOP MENU --- */
#top_menu {
	position: absolute;
	top: 180px;
	left: 10px;	
	height: 26px;	
}
#top_menu span {
	float: left;
	border: 1px solid #cccccc;
	margin-right: 6px;
	padding: 6px 0px 6px 0px;
}
#top_menu a {
	padding: 6px 4px 6px 20px;
   background: url(styl/sipka_#e97000.gif) no-repeat 4px 50%;
	color: #003466;
	font-weight: bold;
}
#top_menu a:hover {
	text-decoration: none;
	color: #cc0000;
	background-color: #EBEBEB;
}

/* --- CART --- */
/*#cart {
	position: absolute;
	top: 176px;
	right: 10px;
	width: 160px;
	height: 26px;	
}
#cart a {
	display: block;
	height: 26px;
	line-height: 26px;
	padding-left: 20px;
	background-image: url(styl/cart.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 10px;
}*/

/* --- LEVY SLOUPEC --- */
#l_sl	{
	float: left;
	margin: 0px;
	width: 190px;
	overflow: hidden;
}
.nadpis_left {
	margin: 0;
	padding: 0 0 0 4px;
	height: 25px;
	line-height: 25px;
	background-color: #c8ced4;
	color: #000033;
	font-size: 13px;
	font-weight: bold;
   border-left: 6px solid #85898f;
}
.l_sl_space {
	height: 4px;
	width: 20px;
	line-height: 2px;
	background-color: Aqua;
}
#category {
   display: block;
}
#category ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
#category li {  
   margin: 0px;
   padding: 0px;
   margin-bottom: 1px;
  }
#category a {
   display: block;
   line-height: 24px;
   height: 24px;
   background: url(styl/plus.gif) no-repeat 4% 50%;
	background-color: #f5f5f5;
	text-decoration: none;
   padding: 0px 0px 0px 22px;
   font-weight: bold;
   color: #003466;
}
#category a:hover{
	color: #cc0000;
	text-decoration: none;
	background-color: #eeeeee;
}
#category ul ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
#category li li {  
   margin: 0px;
   padding: 0px;
	border: none;	
	font-size: 11px;
  }
#category li li a {
   line-height: 20px;
   height: 20px;
   background-image: url(styl/plus_sm.gif);
	background-repeat: no-repeat;	
	text-decoration: none;
	background-color: #f5f5f5;
	font-weight: normal;
   color: #003466;
}
#category li li a:hover{
	color: #cc0000;
	text-decoration: none;
	background-color: #eeeeee;
}
#bonuses {
   display: block;
	margin-bottom: 4px;
}
#bonuses ul {
   margin: 0px;
   padding: 2px 0px 0px 0px;
   list-style: none;
}
#bonuses li {  
   margin: 0px;
   padding: 0px;
   margin-bottom: 1px;
}
#bonuses a {
   display: block;
   line-height: 24px;
   height: 24px;
   background: url(styl/cat_bonuses_a.gif) no-repeat 4% 55%;
	background-color: #cfdcec;
	text-decoration: none;
   padding: 0px 0px 0px 22px;
   font-weight: bold;
   color: #003466;
}
#bonuses a:hover{
	color: #cc0000;
	text-decoration: none;
	background-color: #e5e5e5;
}  
#news {
	padding: 0px 8px 0px 8px;
	background-color: #f5f5f5;
	margin-bottom: 4px;
}
#mailing_list {
	background-color: #cfdcec;
	padding: 0px 8px 8px 8px;
}
.ml_input {
	font-size: 10px;
	vertical-align: top;
	margin: 3px 4px 0px 0px;
}
.ml_button {
	width: auto;
}

/* --- PROST#e97000EK --- */
#prostor  {
	float: right;
	width: 512px;
	margin-right: 15px;
	padding: 0px;
	min-height: 550px;
	_height: 550px;
}

.options {
	padding: 2px 4px 2px 0px;
	margin-top: 6px;
	background-color: #f5f5f5;
	font-size: 11px;
	color: Gray;
	height: 18px;
	line-height: 18px;
}
.opt_l {
	display: block;
	float: left;
	margin-left: 4px;
}
.opt_r {
	display: block;
	float: right;
	margin-right: 2px;
}
.opt_but {
	padding: 0px;
	margin: 0px;
	height: 18px;
	width: 90px;
}
.options input,select {
	font-size: 10px;
}
.srch-btn {
	margin-bottom: -2px;
}
.nav-btn {
	vertical-align: top;
	margin-top: 5px;		
}
#mnfct_list a {
	color: #e77302;
}
#mnfct_list input {
	vertical-align: middle;
}

#product_list {
	clear: both;
	margin-bottom: 10px;
}
#product_list div {
	float: left;
	width: 160px;
	margin: 10px 1px 0px 1px;
}
#product_list a {
	display: block;
	text-align: center;
	border: 1px solid #efefef;
	padding: 2px;
	cursor: hand;
}
#product_list a:hover {
	border: 1px solid #D3D3D3;
	text-decoration: none;
}
#product_list a .prd_name {
	display: block;
	height: 28px;
	line-height: 14px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
}
#product_list a .prd_image {
	display: block;
	height: 105px;
	width: 146px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: White;
}
.novinka_label_sm {
	background-image: url(../img/novinka_sm.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	display: block;
	float: left;
}
.akce_label_sm {
	background-image: url(../img/akce_sm.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	display: block;
	float: left;
}
#product_list a .prd_price {
	display: block;
	line-height: 12px;
	height: 24px;
	font-size: 11px;
	background-color: #efefef;
	font-weight:normal;
}
#vysvetlivky {
	font-size: 11px;
}

.tab {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #EEEEEE;
}
.tab th {
	font-size: 10px;
	text-align: left;
	padding-bottom: 6px;
	padding: 4px 2px 6px 2px;
	color: #666666;
}
.tab td {
	font-size: 11px;
	background-color: White;
	padding: 4px 2px 4px 2px;
}
.tab a {
	text-decoration: underline;
}
.tab a:hover {
	text-decoration: none;
}
.tab td .flord {
	float: left;	
	width: 65px;
	text-align: left;
	line-height: 18px;
	color: #666666;
	font-size: 11px;
}
.tab td .frord {
	float: right;
	width: 180px;
	line-height: 18px;
	font-size: 11px;
}


#product_detail {
	
}
#product_detail .lc {
	float: left;
	width: 250px;
}
#product_detail .lc ul {
	margin: 6px 0px 6px 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
}
#product_detail .lc li {  
	margin: 0px;
	padding-left: 4px;
   margin-bottom: 1px;
	background-color: #EEEEEE;
	line-height: 24px;
}
#product_detail .lc li .lft {  
	display: block;
	float: left;
	width: 65px;
	color: #666666;
	text-decoration: none;
}
#product_detail .rc {
	float: right;
	width: 210px;
	text-align: center;
	padding-top: 6px;
}
.fields {
	font-size: 10px;
	margin: 0px;
	vertical-align: top;
	margin-top: 3px; 
}
#product_detail .desc {
	clear: left;
}
.kosik_tlacitka input {
	font-size: 11px;	
}
DIV#novinky {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
.novinka_detail {
	margin-top: 12px;
	border-bottom: 1px solid #F5F5F5;
	padding-bottom: 4px;
}
.novinka_l {
	float: left;	
	width: 90px;
}
.novinka_p {
	float: right;
	width: 400px;
}
.novinka_nadpis H4 {
	font-size: 11px;
	background-color: #EEEEEE;
	padding: 2px 0px 2px 4px;
}
.novinka_datum {
	font-size: 9px;
	margin-top: 2px;
	padding-left: 6px;
}
.novinka_text {
	font-size: 11px;
	margin-top: 6px;
	padding-left: 6px;
}

/* --- PRAVY SLOUPEC --- */
#p_sl	{
	float: right;
	width: 170px;
}
.nadpis_right {
	margin: 0px 0px 4px 0px;
	background-color: #EAEAEA;
	color: #990000;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 2px 6px;
}
.r_sl_space {
	height: 6px;
}
.right_prostor {
	padding: 6px 6px 0px 6px;
}
#reg {
	padding: 6px 0px 4px 0px;
   border-right: 4px solid #a1a6ad;
	background-color: #b7ceea;
}
#reg a {
	text-decoration: underline;
}
#reg a:hover {
	text-decoration: none;
}
.reg_l{
	float: left;	
}
.reg_r {
	float: left;
}
.reg_input {
	font-size: 10px;
	vertical-align: top;
	margin: 0px 0px 2px 0px;
}
.reg_button {
	text-align: right;
}
.top_prods {
	padding: 6px 0px 4px 0px;
	background-color: #DCDCDC;
   border-right: 4px solid #cccccc;
	font-size: 10px;
}
/*konec treti sloupec*/

/* --- FOOT --- */
#foot {
	position: relative;
	margin-top: 10px;
	background-color: #eeeeee;	
}
#foot p {
	text-align: center;
	font-size: 11px;
	color: #666666;
}
#foot #navrcholu {
	position: absolute;
	top: 12px;
	left: 20px;
	_left: -360px;
	width: 14px;
	height: 14px;
}

#foot #toplist {
	position: absolute;
	top: 4px;
	left: 40px;
	_left: -340px;
	width: 14px;
	height: 14px;
}

/* FORMULARE */
DIV#formulare {
	width: 100%;
	margin: 10px 0px 10px 0px;
}
.form {
}
.form input {
	font-size: 11px;
	margin: 0px;
}
.form .form-inbox {
	margin: 0px 0px 14px 0px;	
}
.form .form-inbox H3 {
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 8px;
	font-size: 11px;
	background-color: #EEEEEE;
	color: #666666;
}
.form .form-inbox .fl {
	float: left;	
	width: 100px;
	line-height: 18px;
	padding-left: 8px;
	text-align: left;
	font-size: 11px;
	color: #333333;
}
.form .form-inbox .fl span {
	font-weight: bold;
	color: #e97000;
}
.form .form-inbox .fr {
	float: right;
	width: 345px;
	line-height: 14px;
	padding-bottom: 0px;
	font-size: 9px;
}
.form .form-inbox .fr2 {
	float: right;
	width: 375px;
	line-height: 18px;
	padding-bottom: 0px;
	font-size: 12px;
}
.form .spodek {
	padding: 0px 8px 0px 8px;
}
.form .upspodek {
	margin: 0px 0px 14px 0px;
	padding: 0px 8px 0px 8px;
	font-size: 11px;
}

/*--- WELCOME MESSAGE --- */
#welcome_mess {
	position: absolute;
	left: 155px;
	top: 175px;
	width: 610px;
	height: 400px;
	z-index: 1;
	border: 1px solid #A3A3A3;
   background-color: #f5f5f5;	
   border-left: 6px solid #85898f;
}
#welcome_mess h2 {
	margin: 0px;
	padding-left: 4px;
	height: 26px;
	line-height: 26px;
	background-color: #cc0000;
	color: #ffffff;
	/*background-color: #c8ced4;
	color: #000033;*/
	font-size: 14px;
}
#welcome_mess p {
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 14px;
	color: #333333;
	font-size: 11px;
}
#welcome_mess ul li {
	color: #333333;
	font-size: 11px;
}

/****************** my style ****/

  
body {
  margin:0;
  padding:0;
  background:url(../img/bg.jpg) repeat-x #94a7ae;
  font:75% arial, tahoma, verdana, sans serif;
  color:#333;
  text-align:center;
}
div.screen {
  width:924px;
  background:url(../img/screen_bg.jpg) repeat-y;
  margin:auto;
  text-align:left;
}
div.head {
  min-height:165px;
  _height:165px;
  background:url(../img/head.jpg) no-repeat;
  padding:0 22px 0 22px;
}
div.foot {
  height:60px;
  background:url(../img/foot.jpg) no-repeat;
}
div.foot .in {
  text-align:center;
  padding:35px 0 0 0;
  color:#4a5c68;
}
div.foot .in a {
  color:#445662;
}
ul {
  margin-top:3px;
}
div#intext {
  padding:8px;
}
a {
  color:black;
  font-weight:bold;
}
a:hover {
  text-decoration:none;
}
a.h {
	position:absolute;
	top:0;
	width:260px;
	height:110px;
}
.clear {
  clear:both;
  font-size:0px;
  line-height:0px;
  height:0px;
}
.t-center {
	text-align:center!important;
}
div.l {
  float:left;
  width:209px;
  margin:145px 0 0 0;
}
div.r {
  float:right;
  width:660px;
  margin:145px 0 0 0;
}
.hidden {
  display:none!important;
}
div.r div.r-l {
  float:left;
  width:488px;
}
div.r div.r-r a:hover {
  text-decoration:underline;
}
div.r div.r-r {
  float:right;
  width:160px;
}
h2.katalog, h2.r-sloup {
  height:28px;
  background:url(../img/katalog.jpg);
  color:white;
  font-weight:bold;
  font-size:90%;
  text-transform:uppercase;
  overflow:hidden;
  padding:0;
  margin:0 0 1px 0;
  text-align:center;
}
h2.r-sloup {
  background:url(../img/r_sloup.jpg);
}
h2.katalog span, h2.r-sloup span {
  display:block;
  padding:9px 0 0 0;
}
ul.menu {
  margin:0 0 8px 0;
  padding:0;
}
ul.menu li {
  margin:0;
  padding:0;
  list-style:none;
}
ul.menu li a {
  display:block;
  background:url(../img/polozka_bg.jpg) repeat-x left bottom #f2f2f2;
  _height:1px;
  margin:0 0 1px 0;
  text-decoration:none;
}
ul.menu li a span {
  display:block;
  padding:4px 12px 4px 12px;
}
ul.menu li ul {
  margin:0 0 0 0!importnat;
  padding:0 0 0 15px;
}
ul.menu li ul li a {
  background:url(../img/bord.gif) repeat-x left bottom;
  font-weight:normal;
}
ul.menu li ul li a span {
  padding:4px;
}
ul.menu li a:hover, ul.menu li a.active {
  color:#e76e00;
}
ul.menu li a.active {
	font-weight:bold;
}

div.submenu {
	position:absolute;
	top:0;
	width:880px;
	margin:112px 0 0 0;
	padding:0;
	border-bottom:1px solid #626262; 
}
div.submenu ul {
	margin:0;
	padding:0;
}
div.submenu ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
div.submenu ul li a {
	display:block;
	float:left;
	margin:0 2px 0 0;
	background:#eee;
	padding:5px;
	border:1px solid #626262;
	border-bottom:1px solid #eeeeee;
}
div.submenu ul li a:hover {
	color:#de6e08;
}
div.submenu ul li a.active {
	color:#de6e08;
	background:#fff;
	position:relative;
	top:1px;
	border-bottom:1px solid white;
}
div.submenu div.con {
	float:right;
	text-align:right;
	padding:5px 0 0 0;
	font-weight:bold;
}

div#cart {
	position:absolute;
	top:0;
	width:148px;
	margin:19px 0 0 730px;
	text-align:right;
	font-weight:bold;
}
div#cart a {
	color:#e97000;
}
div#cart a span {
	font-weight:normal;
	color:#555;
}
.head_prostor_l {
	height: 35px;
	line-height: 35px;
	background-color: #626262;
	border:1px solid #637174;
	font-size: 13px;
	font-weight: bold;
	color: White;
	padding-left: 8px;
	overflow: hidden;
}

input {
	xborder:1px solid black;
	background:white;
}
table.login th {
	text-align:right;
}
table.login th {
	text-align:right;
}
input.submit {
	border:none;
	width:auto;
}
div.search {
	position:absolute;
	width:280px;
	height:25px;
	top:0;
	margin:57px 0 0 453px;
	_margin:57px 0 0 443px;
	color:white;
	font-weight:bold;
}
div.search input.submit {
	background:#50829b;
	color:white;
	font-weight:bold;
	width:30px;
	height:22px;
	font-size:90%;
}
div.search table td {
	vertical-align:middle;
}
div.search form {
	margin:0;
	padding:0;
}

a.home-ico {
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	top:0;
	margin:60px 0 0 760px;
}
a.mail-ico {
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	top:0;
	margin:60px 0 0 816px;
}

.cena {
  font-size:120%;
  color:red;
  font-weight:bold;
}