BODY {
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	color: #d3d3d3;
	font-size: 70%;
	background: #364143 url('/images/bg.jpg') repeat-x;
}
textarea {font-family: Arial; font-size: 110%; letter-spacing:0.2px; }
a {
	color: #ff7301;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
IMG {
	border: 0px; 
}
/*--------------- HLAVNI CAST --------------*/
#podklad {
	width: 985px;  /*ff-985*/
	margin: 0px auto;
}
#main {
}
#top {
	height: 110px;
	position: relative;
}
#levystred {
}
#levy {
	width: 250px;
	float: left;
}
#text {
	float: right;
	width: 735px;
}
* html #text {
 	width: 735px;
 	overflow: hidden;
}
#text2 {
	padding: 0px 10px 20px 10px;
	font-size: 100%;
}
#text_default {
	width: 571px;
	height: 84px;
	margin-bottom: 10px;
	background-image: url("/images/podklad_text_default.gif");
}
#text_default2 {
	width: 571px;
	height: 126px;
	margin-bottom: 10px;
	background-image: url("/images/podklad_text_default2.gif");
}
#pravy {
	width: 172px;
	float: right;
	background-color: white;
	padding: 8px;
	background-image: url("/images/podklad_right.jpg");
	background-repeat: no-repeat;
}
#bottom {
	width: 954px;
	text-align: center;
	padding-top: 10px;
	vertical-align: bottom;
	clear: both;
}
#bottom p{
	margin: 5px;
}
#logo {
	float: left;
}
#podklad_menu {
	background: #657479;
	border: 3px solid #3e494c;
	font-size: 130%;
	margin: 0px;
	padding: 6px 8px 5px 8px;
}
#podklad_menu:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
	line-height: 0px;
}
#menu a {
	padding: 2px 20px 4px;
	display: block;
	float: left;
	margin: 0px 10px;
	border: 1px solid #657479;
	text-decoration: none;
	color: #fff;
}
#menu a:hover {
	border: 1px solid #3b4547;
	background: #2b3536 url('/images/menuabg.jpg') repeat-x;
	color: #fff;
}
#menu .mainseparatorclass {
	display: block;
	position: relative;
}
/*submenu*/
#menu .subclass a {
	border: 0px;
	padding: 10px 20px !important;
	text-align: center !important;
	display: block !important;
	margin: 0px 10px;
	font-weight: normal !important;
	font-size: 80% !important;
	width: 90px !important;
	/*border-bottom: 1px solid #838a8f !important;
*/
}
#menu .subclass a:hover {
	border: 0px;
	background-image: none;
	background: none;
	color: #f16e03;
}
#menu .subclass {
	background: transparent url('/images/submenubgtransp.png') 0px 8px no-repeat;
	border: 0px !important;
	width: 151px !important;
	padding: 0px !important;
	padding-top: 8px !important;
}

*:first-child+html #menu .subclass {
  padding-top: 16px !important;
  top: -8px; 
  left: 672px !important; 
  background: transparent url('/images/submenubgtransp.png') 0px 15px no-repeat;
}

#menu .subclass div {
	padding: 0px !important;
	border: 0px !important;
}
#levy h3 {
	border: 3px solid #3e494c;
	border-top: 0px;
	background: #000;
	font-weight: normal;
	font-size: 130%;
	margin: 0px;
	padding: 10px 0px 10px 17px;
}
#levy h3.dodavatel {
	border: 3px solid #3e494c;
}
#levy .kategorie_div {
	border: 3px solid #3e494c;
	border-top: 0px;
	background: #2E383A;
}
#levy .kategorie_div a {
	display: none;
}
#levy .kategorie_div div a {
	display: block;
	padding: 10px 10px 10px 40px;
	background: #2E383A url('/images/menubg.jpg') 15px 10px no-repeat;
	color: #fff;
}
#levy .kategorie_div div a:hover {
	color: #ff7301;
	background-position: 15px -38px;
}
#text h3, #text2 h3 {
	border-bottom: 3px solid #556367;
	color: #FF7301;
	font-size: 130%;
	font-weight: normal;
	letter-spacing: 0;
	padding: 6px 0;
}

 #text2 h3 .silver { display: inline; }

.kategorie_div td {
	display: block;
	float: left;
	width: 10px;
	/* border: 1px solid red;
*/
}
.kategorie_div td.kategorie_node {
	display: block;
	float: left;
	width: 220px;
}
.kategorie_div {
	overflow: hidden;
}
#logo, #logo a, #logo a span {
	display: block;
	width: 312px;
	height: 110px;
	overflow: hidden;
	font-size: 90%;
	margin: 0px;
	padding: 0px;
	color: #364143;
}
#logo a {
	position: relative;
}
#logo a span {
	position: absolute;
	top: 0px;
	left: 0px;
}
#logo a span {
	background: #364143 url('/images/logo.jpg') no-repeat;
}
.proc_u_nas_nakupovat h2, .kontakt h2, .postovne h2, .doporucujeme h2, .login h2 {
	color: #ff7301;
	font-size: 100%;
	text-transform: uppercase;
	padding: 10px 0px 10px 45px;
}
.proc_u_nas_nakupovat h2 {
	background: transparent url('/images/unasnakupovat-ico.jpg') 8px 0px no-repeat;
	border-bottom: 1px solid #262d2f;
}
.postovne h2 {
	background: transparent url('/images/postovne-ico.jpg') 8px 0px no-repeat;
	border-bottom: 1px solid #262d2f;
}
.doporucujeme h2, .login h2 {
	background: transparent url('/images/doporucujeme-ico.jpg') 8px 0px no-repeat;
	border-bottom: 1px solid #262d2f;
}
.kontakt h2 {
	background: transparent url('/images/rychlykontakt-ico.jpg') 8px 0px no-repeat;
}
.kontakt address {
	border: 3px solid #2b3435;
	font-style: normal;
}
.kontakt div.contact {
	border: 3px solid #2b3435;
	border-top: 0px solid #2b3435;
}
.kontakt address, .kontakt div.contact {
	padding: 20px;
	line-height: 190%;
}
.kontakt div.contact {
	background: #3e4a4c;
	color: #c5c5c5;
}
.kontakt div.contact strong {
	color: #d3d3d3;
}
.proc_u_nas_nakupovat ul { margin: 0px; }
.proc_u_nas_nakupovat li, .postovne li, .doporucujeme li {
	list-style-type: square;
	line-height: 190%;
	color: #556367;
	padding-left: 10px;
	
}
.postovne li, .doporucujeme li {
	padding-left: 6px;
}

.proc_u_nas_nakupovat li span, .postovne li p {
	color: #d3d3d3;
}
.postovne li p {
	margin: 0px;
}
.proc_u_nas_nakupovat ul {
	padding-left: 35px;
}
/* login form */
.login table {
	border-collapse: collapse;
	padding-left: 10px;
}
.login table th {
	text-align: right;
	padding: 0px 10px;
}
.login table th.register {
	text-align: center;
	font-weight: normal;
}
.login {
	margin-bottom: 10px;
}
.login table td input, .obj .kf, .obj .kf_mesto, .obj .kf_psc{
	width: 150px;
	padding: 2px 5px;
	background: #2E3739;
	border: 3px solid #3D4749;
	color: #D3D3D3;
	margin: 2px;
}
.obj textarea{ width: 320px !important; }
.prihlasit {margin: 2px 0px; }
#levy a {
	color: #fff;
}
#levy th.button { margin: 0px; text-align: left;padding:4px;}

.intro-image {border: 3px solid #3e494c; border-width: 0px 3px 3px 0px; overflow: hidden; height: 260px;}

.login_error {
  background:red none repeat scroll 0 0;
  color:#FFFFFF !important;
  display:block;
  font-weight:bold;
  margin:10px 10px 0;
  padding:5px;
  text-align:center;
}

#text2 table { width: 100%; }
#text2 th {text-align: left; font-weight: normal;}
/*#text2 table tr td table { width: 80%; }*/
#text2 table tr td { padding: 5px; }
#text2 table tr td table tr td {padding-right: 100px;}
#text2 table tr td .nopaddingovat tr td {padding-right: 0px;}


#text2 .obj .obj1 { padding: 1px !important; width: 200px;}


.podkategorie td { padding: 0px; vertical-align: top; }
.podkategorie { padding: 10px 0px 0px 0px;}
/*.podkategorie table, .podkategorie table tbody{  width: 715px;}*/
.podkategorie .podkategorie { padding: 0px; text-decoration: none; font-size: 120%; display: block; /*color: #fff;*/ }
/*.podkategorie .podkategorie:hover { text-decoration: underline; }*/
.podkategorie .podkategorie img { float: left; margin-right: 10px; width: 21px; }

#text2 .config { padding:15px 7px 5px; }

/* bunky v tabulce s vypisem produktu v kategorii */
#text .nahled_seznam td { vertical-align: top; }


/* vypis produktu */
.nahled_polozka { width: 355px; }
.similar-items:after, .detail-gallery:after, .nahled_polozka:after{
  content: ".";
  clear: both;
  height: 0px;
  display: block;
  visibility: hidden;
}

.nahled_obrazek { height: 185px; width: 150px; display: block; border: 2px solid #556367; overflow: hidden; float: left; background: #fff; }
.nahled_obrazek a, .detail_obrazek2 a { display: block; padding: 12px; text-align:center;}

.detail_obrazek2 { height: 185px; width: 150px; display: block; border: 2px solid #556367; overflow: hidden; background: #fff; }
.vyrobcedetail { display: block; padding: 20px 0px; width: 150px; text-align: center;}


.nahled_polozka .product_info { margin-left: 167px; width:180px; }
.product_info h2 { font-size: 100%; }
.product_info .price { text-align: center; border-top: 1px solid #556367; border-bottom: 1px solid #556367; padding: 10px 0px; margin-bottom: 10px; }
.price .nahled_cena span {font-size: 150%; color: #D3D3D3; }
.price .nahled_cena b { color: #999; }
.nahled_obsah { margin-bottom: 10px; }
.product_info .kosik input, .kusy { width: 30px; border: 1px solid #000; color: #D3D3D3; background: none; text-align: center;}
.product_info .ks, .product_info .kosik { font-weight: normal; }
.product_info .detail_ok { position: relative; top: 5px;  }

.similar-items, .detail-gallery { padding: 5px; }

.detail-gallery .gallery-entity { height: 185px; width: 150px; display: block; border: 2px solid #556367; overflow: hidden; float: left; background: #2F373A; margin-right: 10px;margin-bottom: 10px; background: #fff;}
.detail-gallery .gallery-entity a { display: block; margin: 12px 15px; text-align:center; background: #fff;}

.similar-items .product-name {  padding-right: 20px; }
.similar-items ul, .similar-items li { margin: 0px; padding: 0px; line-height: 160%; list-style: none; }

.similar-items li {
	background:#2F373A none repeat scroll 0 0;
	border:2px solid #556367;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	width:150px;
}
.similar-items li a {
	background: #fff;
	text-decoration: none;
	text-align: center;
	height:225px;
	display: block;
	padding: 0px;
	padding:12px 15px;
}
.similar-items li a:hover {
	color: #000;
}

.detail_tabulka td { padding: 5px 0px !important; }
.hlavni .s2 .cara { width: 350px; }
.hlavni .s1 { width: 165px; }

.cara h2 { color: #fff; margin-top: 0px; }

.detail_tabulka .price { font-size: 160%; }

.koupit .detail_ok { position: relative; top: 5px;}

.clear { clear: both; height: 0px; line-height: 0px; display: block; }

.basket { position: absolute; left: 360px; width: 350px; top: 15px;}
.basket .basket-icon { width: 48px; height: 36px; background: url('/images/basket-icon.jpg') no-repeat; float: left; margin-top: 20px; }
.basket strong { color: #fff; }
.basket h3 { margin: 20px 0px 0px 50px; }
.basket p { margin: 5px 0px 0px 50px; }
.basket h3, .basket h3 a { font-size: 120%; font-weight: normal; }

.search { position: absolute; right: 10px; width: 180px; top: 35px; }
.search input { float: left; }
.search .searchtxt { border: 1px solid #657479; background: #000; color: #fff; height: 18px; }
.search a { color: #aeaeae; display: block; margin: 25px 0px 0px 0px;}

.detail-objednavky-uzivatel table th { width: 260px; text-align: left; }
.detail-objednavky-uzivatel table td { width: 210px; }
.detail-objednavky-uzivatel table { width: auto !important; }

.lost-pass .detail_ok { position: relative; top: 6px; }
.strankovani .active { color: #fff; text-decoration: none; }

.buttonek {
	display: block;
	float:left;
}

.konfigurace{
	padding-bottom: 10px;
}
.konfigurace select, .konfigurace input {
	padding: 2px;
}
#text2 .konfigurace table{width: 450px;}
.konfigurace table th{ width: 200px;}

.doporucujeme .dopbox {
	width: 150px;
	text-align: center;
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #556367;
	margin: 0px auto;
}
#levy .doporucujeme .dopbox, #levy .doporucujeme .dopbox a { color: #FF7301;}
.doporucujeme .dopbox .dopboxin {
	padding: 15px 0px;
}
.doporucujeme .doptitle {
	padding: 5px 10px;
	display: block;
}

#levy .kategorie_div div:last-child tr td a {
	background: none !important;
}

#levy .kategorie_div {
	position: relative;
	overflow: hidden;
}

#levy .kategorie_div div{
	position: relative;
	bottom: -2px;
}
.produktovakarta {
	float:right;
}
/*#text2 hr { clear: both;}*/
#text2 p {=margin: 5px 0px;}

.questionare table { border-collapse: collapse; }
.questionare table textarea, .questionare table input.kf { width: 350px !important;}
/*#text2 .questionare table table {width: auto !important; }*/
#text2 .questionare table tr td table tr td { padding-right: 0px;}

.questionare .button { float: right; color: #FFE4CF; padding: 1px 10px; text-align: center; border: 0px; font-weight: bold; border: 2px solid #FBAF71; background: #FF9D4F; cursor: pointer; }
.questionare .odeslat { background: #FB770B; margin-right: 10px; color: #000;  }


.ModalBackground {
	background-color: gray;
	filter: alpha(opacity=70);
	opacity: 0.5;
}
.ModalPopup {
	background-color: white;
	color: black;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	width: 400px;
}
.ModalPopup .header {
	background-color: #f1780f;
	color: white;
	font-weight: bold;
	padding: 3px;
}
.ModalPopup .body {
	padding: 3px;
}
.ModalPopup TD.sl_td1 {
	width: 100px;
}
.ModalPopup TD.sl_td2 {
	width: 280px;
}
.ModalPopup TD.sl_td2 INPUT {
	width: 280px;
}
.ModalPopup TEXTAREA {
	width: 383px;
}


/* SLIDER */

#wrapper {width:373px; margin:50px auto; }
#container {position:relative; background:#fff; height:202px; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.sliderbutton {float:left; width:25px; height:202px; cursor:pointer; position:absolute; }
#slideleft {background:url(images/icons.gif) -50px -265px no-repeat}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(images/icons.gif) 0 90px no-repeat}
#slideright:hover {background-position:-50px 90px}

#slider {float:left; position:relative; overflow:auto;   width:732px; height:260px; }
#slider ul {position:absolute; list-style:none; top:0; left:0; margin:0px; padding:0px;}
#slider li {float:left; position:relative; width:732px; height:260px; list-style-image: none;}
.pagination {position:absolute; bottom:5px; right:10px; list-style:none;}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; list-style-image: none; margin:0 4px 0 0; background:url(images/sliderpoint.png); }
.pagination li:hover, li.current {height:12px; width:12px;  background:url(images/sliderpoint-active.png); position:relative; top:-2px;}

.wrapper {
 position: relative; 
 overflow:hidden;
 color:#fff;
 margin-bottom:10px;
 z-index:1;
}
.wrapper ul {
  margin:0px; 
  padding:0px;
}
.slide-desc {
 color:#000000;
 bottom: 20px;
 display: block;
 height: 80px;
 padding: 0 10px;
 position: absolute;
 width: 353px;
 left: 400px;
 font-size:120%;
 }
.slide-title{
 color: black;
 font-weight: bold;
 left: 400px;
 padding-left: 10px;
 position: absolute;
 top: 20px;
 z-index: 5;
 font-size:150%;
}
/*********slider konec**********/
