/* CSS Pby Peter Melaga www.webygroup.sk */

body{
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
	background:#1f1f1f;
	line-height:140%;
	margin:0;
	padding:0;
	color:#999;
	background:#000 url(images/bg_body.jpg) no-repeat center top
	}
	
h1, h2, h3, h4{
	color:#fff150;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
	line-height:normal;
	}

h1{font-size:20px; font-weight:normal; text-transform:uppercase;}
h2{font-size:14px; text-transform:uppercase;}
h3{font-size:12px;}
h4{font-size:11px;}

p, pre, blockquote, label, ol, dl, fieldset, address{
	margin:0;
	padding: 0 0 15px 0;
	line-height:140%;
}

li li, li p, td p, blockquete p{}
address{font-style:normal; font-weight:bold; font-size:12px;}
	
a{text-decoration: underline; color:#d6cc70; outline:none;}
a:hover{color: #fff; text-decoration:underline;}
a img{border:0;}
.skry{display:none;}

#container-out,
#container{
	width:990px;
	margin:0 auto;
	position:relative;
	}

#head{
	height:130px;
	width:990px;
	position:relative;
	background:url(images/new_bg_head.jpg) 0 0 no-repeat;
	}

#head #logo{
	display:block;
	width:330px;
	height:50px;
	position:absolute;
	top:18px;
	left:0;
	margin:0;
	padding:0;
	}

#head #logo a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo.gif);
	}

#left{
	width:220px;
	float:left;
	}

.normal #content {
	width:748px;
	float:right;
	padding:0;
	position:relative;
	border:1px solid #4A4A4A;
	background-color:#000204;
	/*
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	*/
}

.normal #content-in{
	padding:15px;
	/*
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	*/
	}

#wrapper{width:990px;}

#wrapper #content{}
.uvod #wrapper, .uvod #content{width:990px; padding:0; position:relative; float:none;}

#footer{
	clear:both;
	width:100%;
	padding:20px 0;
	color:#363d40;
	text-align:right;
	}

.normal #content .basic001 .title h1, .normal #content .basic002 .title h2{border-bottom:1px solid #4A4A4A; background-color:#090909; margin-bottom:10px; padding:5px 0; font-size:20px; text-align:center; width:100%;}
#left .basic001 .title h1, #left .basic002 .title h2{border-bottom:1px solid #4A4A4A; margin-bottom:10px; padding-bottom:5px; font-size:14px; font-weight:normal; text-align:center; font-weight:bold;}
	
/**************** TOPMENU ****************************/
#main-menu{
	width:988px;
	position:absolute;
	top:78px;
	left:0px;
	height:38px;
	border:1px solid #4a4a4a;
	}

.trans{
	display:block;
	width:100%;
	height:100%;
	background-color:#1b1e1f;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}

#main-menu ul{
	position:absolute;
	margin:0;
	padding:0;
	top:12px;
	}

#main-menu li{
	float:left;
	padding:0  0 0 57px;
	list-style:none;
	background:url(images/licko.jpg) no-repeat 45px 5px;
	}

#main-menu  ul li a{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	}
	
#main-menu  ul li a:hover{
	color:#fff150;
	text-decoration:none;
	}

/*********************** KONIEC TOPMENU *********************/

/**************** KATEGORIE ****************************/
#left .Catt{margin:0 0 15px 0; padding:0;}
#kategorie{width:220px; overflow:hidden; margin-bottom:0;}

#kategorie ul{
	margin:0;
	padding:0;
	width:220px;
	background-color:#121314;
	}

#kategorie ul li, #left .Catt li{ /******** prvy level  ******/
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	width:220px;
	}
	
#kategorie ul li a, #left .Catt li a{
	color:#fff150;
	display:block;
	width:205px;
	font-size:12px;
	padding:5px 0 5px 15px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	border-bottom:1px solid #090909;
	background-color:#121314;
	/*
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	*/
	}

#kategorie ul li a:hover, #left .Catt li a:hover{
	background-color:#090909;
	color:#fff;
	text-decoration:none;
	}

#kategorie ul li ul{  /************* druhy level ***********/
	width:220px;
	background-color:#161819;
	}

#kategorie ul li ul li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:220px;
	}
	
#kategorie ul li ul li a{	
	color:#999;
	font-weight:normal;
	text-transform:none;
	width:180px;
	padding:5px 10px 5px 30px;
	text-align:left;
	background:#161819;
	border-bottom:1px solid #090909;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
	
#kategorie ul li ul li a:hover{
	background-color:#090909;
	color:#fff;
	text-decoration:none;
	}

/************* treti level ***********/

#kategorie ul li ul li ul li{
	}
	
#kategorie ul li ul li ul li a{
	background:none;
	font-size:12px;
	width:165px;
	padding:5px 10px 5px 45px;
	background-color:#1d2021;
	border-bottom:1px solid #090909;
	color:#ccc;
	}
	
#kategorie ul li ul li ul li a:hover{}

#kategorie ul li ul li ul li ul li a{
	color:#eee;
	width:150px;
	padding:5px 10px 5px 60px;
	background-color:#25292a;
	}

/*********************** KONIEC KATEGORIE *********************/


/*----------------------------------------------------------

START SHOP

---------------------------------------------------------- */
#main-kosik{position:absolute; top:38px; right:20px; color:#fff; font-weight:bold;}
#kosik span{}
#kosik span.only-cart{background:url(images/top_kosik.gif) no-repeat right 10px; line-height:normal; display:block; height:15px; padding:15px 35px 0 0; float:right;}
#kosik span.kosik-obsah{font-size:14px;}
#kosik span.kosik-cena{font-size:14px; line-height:normal; font-weight:bold;}
#kosik a{color:#f00; text-decoration:none; padding:15px 35px 0 0; background:url(images/top_kosik.gif) no-repeat right 10px; line-height:normal; display:block;}
#kosik a:hover{text-decoration:none; color:#fff150;}

/* Vyhladavanie v obchode
---------------------------------------------------------- */
#main-vyhladavanie{
	position:absolute;
	top:8px;
	right:0px;	
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	}
.search{margin:0; padding:0;}
.search input{width: 150px; border:0; background-color:#222; padding:3px; color:#fff; border:1px solid #4a4a4a;}
.search .submit input, .NewsLetterSubmit {margin:0; width: 80px; font-size:11px; cursor:pointer; background-color:#222; color:#fff; padding-top:5px;}
.search .advance{font-weight: bold;}
.search select {font-size:11px;}
.search p{margin:5px 0; padding:0;}

/* Nadradene kategorie - cesta
---------------------------------------------------------- */
.ShopProductParentCategories {text-align:left; width:100%; clear:both; margin-bottom:5px;}
.ShopProductParentCategories ul {margin: 0; padding: 0; }
.ShopProductParentCategories ul li{ display: inline; padding-right:5px; margin: 0; list-style:none;}
.ShopProductParentCategories ul li a{font-size:13px; text-decoration:none;}
.ShopProductParentCategories ul li a:hover{text-decoration:none;}

/* Dalsie strany
---------------------------------------------------------- */
.main-pages{text-align: left; padding-bottom:10px; font-size: 11px; overflow:hidden; clear:both;}
.main-pages .ShopCategoryPages{float:left; overflow:hidden; padding:0 10px;}
.ShopCategoryPages span{}
.ShopCategoryPages ul{padding:0; margin: 0; display:inline;}
.ShopCategoryPages ul li{ display: inline; margin: 0 3px; }
.ShopCategoryPages ul li b,
.ShopCategoryPages ul li a{ border: 1px solid #373738; padding: 0 3px; text-decoration:none; color:#95969a; }
.ShopCategoryPages ul li a:hover{ border: 1px solid #7e7f86; background: #373738; text-decoration:none; color:#95969a; }
.ShopCategoryPages ul li b{border-color:#7e7f86; color:#FFF;}

/* Sposob zobrazenia
---------------------------------------------------------- */
.ViewType{padding: 3px 5px; text-align: right; color: #000000; font-size:11px; float:left; clear:both; display:none;}
.ViewType p, .ViewType form{ display: inline; padding:2px 0; }
.ViewType label{ padding-right: 5px; }
.TypeTitle{padding-right: 4px; }
.ViewType select{font-size:11px;}

/* Mena
---------------------------------------------------------- */
.ChangeCurrency{padding: 2px 0; text-align: right; font-size: .9em; float:right; display:none;}
.ChangeCurrency p, .ChangeCurrency form{ display: inline; padding:2px 0; }
.ChangeCurrency label{ padding-right:5px; }
.ChangeCurrency select{font-size:11px;}

/* ShopIntro - uvod
---------------------------------------------------------- */
.ShopIntro{margin:10px 0; clear: both; width:100%;}
.ShopIntro h2{border-bottom:1px solid #4A4A4A; background-color:#090909; margin-bottom:10px; padding:5px; font-size:20px; font-weight:normal;}
.ShopIntro h3{padding: 0; margin:8px 0 0 0; font-weight:normal;}
.ShopIntro h3 a{text-decoration:none;}
.ShopIntro h3 a:hover{text-decoration:none;}
.DefaultXHTML{padding-bottom:10px;}

.SellOuts, .Actions, .News, .MostSaleable{
	width: 700px;
	text-align: center;
	margin:0 10px 15px 10px;
	overflow: hidden;
}
.SellOuts .Row, .Actions .Row, .News .Row, .MostSaleable .Row{
	text-align: center;
	clear: both;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.SellOuts .RowContent, .Actions .RowContent, .News .RowContent, .MostSaleable .RowContent{
	background: transparent;
	width: 100%;
	text-align: center;
}

.SellOuts .Product, .Actions .Product, .News .Product, .MostSaleable .Product{
	float: left;
	display: inline;
	width: 30%;
	padding:10px;
	text-align: center;
}

.ShopIntro .Product .ProductImage {height:120px; width:140px; background-color:#FFF; text-align:center; margin:0 auto;}
.ShopIntro .Product img{margin: 0 auto;}
.ShopIntro .Product .ProductPrice{margin:0; padding:5px 0; font-size:11px; color:#b8b3a6;}
.ShopIntro .Product .ProductPrice dd, .ShopIntro .Product .ProductPrice dt{margin:0; padding:0; color:#95969a;}
.ShopIntro .Product .ProductPrice dt{color:#b8b3a6;}

/* ShopProductViewProduct - detail produktu
---------------------------------------------------------- */
.ShopProductView {width: 100%; clear: both;}
.ShopProductView .Product{padding:0 10px; margin: 0 auto; overflow: hidden;}
.ShopProductView h1{border-bottom:1px solid #4A4A4A; background-color:#090909; margin-bottom:10px; padding:5px; font-size:20px; font-weight:normal; text-align:center;}

.ShopProductView .ProductDescription{margin: 10px auto; width:80%; border:1px solid #222; overflow:hidden;}
.ShopProductView .Product dl{ font-weight: normal; width: 100%; padding: 0; margin:0 ; overflow:hidden; }
.ShopProductView .Product dt{ float: left; width: 25%; padding: 2px 0; margin:0; clear: both; color:#fff; text-indent:10px;}
.ShopProductView .Product dd{ float: left; width: 74%; padding: 2px 0; margin:0;}
.ShopProductView .Product dd strike{padding-left:15px; color:#666;}
.ShopProductView .DetailDescription{text-align: left; clear:both;}
.ShopProductView .DetailDescription h3{clear: both; font-weight: bold; padding-top:8px; padding-bottom:3px;}
.ShopProductView .DetailDescription h3.detail-description, .EquivalentProducts h2{font-size:14px; font-weight:bold; color:#999;}
.ShopProductView .small-description{clear:both; padding:10px 10px 5px 10px;}
.ShopProductView .small-description h3{margin:0; padding:0 0 5px 0;}

.ShopProductView .ProductImage{padding:0; overflow: hidden; text-align: center; margin:0 auto; width:700px;}
.ShopProductView .ProductImage img{margin: 0 auto;}

.ShopProductView .ProductButtons{clear:both; width:100%; background-color:#090909; padding:4px 0; overflow:hidden;}
.ShopProductView .ProductButtons img{float:right; margin:0 15px 0 0;}
.ShopProductView .ProductButtons p{float:right; margin:0; padding:0;}
.ShopProductView .ProductButtons input{border:0; width:25px; text-align:center; padding:0 2px; font-size:11px; margin:0 3px;}

.BackLink{font-weight: bold; text-align:center; padding:5px 0;}

/* Sposob zobrazenia - ikony
---------------------------------------------------------- */
.Obchod_Produkt_Ikony {clear: both;}
table.Obchod_Produkt_Ikony{border-collapse: collapse; width: 100%; margin: 1em 0; text-align: center; clear: both;}
table.Obchod_Produkt_Ikony td{padding: 8px; text-align: center;}
table td.Obchod_Product_Name{width: 33%; padding-top: 0;}
table .Obchod_Product_Name a{text-decoration:none;}
table.Obchod_Produkt_Ikony img{margin: 0 auto; border: 1px solid #A4A4A4;}

/* Sposob zobrazenia - zoznam
---------------------------------------------------------- */
.ShopDivViewList{clear: both;}
.ShopDivViewList table{ width: 100%; clear: both; margin: 1em 0; border-collapse: collapse; }
.ShopDivViewList table th{ padding: 4px; background: #090909; border:1px solid #222; font-weight:normal;}
.ShopDivViewList table td{ padding: 1px 4px; border: 1px solid #222; vertical-align:middle; }
.ShopDivViewList table tr.even td{  }
.ShopDivViewList table td a{text-decoration:none;}

/* Sposob zobrazenia - podrobny pohlad
---------------------------------------------------------- */
.XHTMLBeforeCategory, .XHTMLAfterCategory{width:718px; padding:0 0 9px 0; clear:both;}
h1.category-name{border-bottom:1px solid #4A4A4A; background-color:#090909; margin-bottom:10px; padding:5px; font-size:20px; font-weight:normal; text-align:center;}
.ShopDetailView {padding:0; clear: both;}
.ShopDetailView .Product{width: 353px; text-align: left; overflow: hidden; border: 1px solid #222;}
.ShopDetailView .odd{float:left; clear:left; width: 355px; margin:0 0 10px 0; padding:0; overflow:hidden;}
.ShopDetailView .even{float:right; clear:right; width: 355px; margin:0 0 10px 0; padding:0; overflow:hidden;}
.ShopDetailView .Product h2.product-name{margin:0 0 10px 0; padding:10px 15px; font-weight:normal; background-color:#090909; font-size:12px;}
.ShopDetailView .Product h2 a{color:#41A6FB; text-decoration:none; font-weight:normal;}
.ShopDetailView .Product h2 a:hover{color:#fff150;}

.ShopDetailView .ProductDescription{float: right; display: inline; width:200px; padding-right:10px; padding-left:3px;}
.ShopDetailView dl{font-weight: normal; width:200px;  overflow: hidden; padding: 0; margin:0;}
.ShopDetailView dt{float: left; width: 90px; padding: 2px 0; margin: 0; clear: both; color:#fff;}
.ShopDetailView dd{float: left; width: 110px; padding: 2px 0; margin: 0;}

.ShopDetailView dd div{float: left; margin-right: 5px; padding: 0 4px;}
.ShopDetailView dd strike{display:block; color:#666;}
.ShopDetailView .Product .small-description{clear:both; padding:5px 15px 5px 15px;}
.ShopDetailView .Product .small-description h3{margin:0; padding:0 0 5px 0;}

.ShopDetailView .ShopIcons {clear:both; width:343px; background-color:#090909; padding:4px 5px; overflow:hidden;}
.ShopDetailView .ShopIcons p{float:right; margin:0; padding:0;}
.ShopDetailView .ShopIcons p input{border:0; font-size:11px; padding:2px; text-align:center; width:25px; margin-right:4px;}
.ShopDetailView .ShopIcons a{float:right; margin:0 2px 0 0;}

.ShopDetailView .ProductImage {width: 120px; height:120px; background-color:#FFF; float: left; margin-left:15px; display:inline; overflow: hidden;}
.ShopDetailView .ProductImage img{}
.Action, .SellOut, .New{display:block; font-size:15px; color:#fff150; padding-bottom:5px; }

/* login
---------------------------------------------------------- */
#main-login{position:absolute; top:50px; left:375px; color:#fff; font-size:14px;}
#main-login a{color:#fff; text-decoration:none; font-weight:bold;}
#main-login a:hover{text-decoration:none; color:#fff150;}
#main-login .zakaznik{color:#fff;}
#main-login span{display:block; float:left; padding-top:3px; padding-bottom:3px; padding-left:24px;}
#main-login span.log{background:url(images/user.gif) no-repeat 8px 0; padding-left:30px;}
#main-login span.reg{background:url(images/reg.gif) no-repeat 8px 0;}

/* Kosik - vnutro
---------------------------------------------------------- */
.kosik-vnutro{clear: both;}
.kosik-vnutro caption{
	text-align: left;
	margin:0;
	color:#fff;
	padding: 0;
	padding: 3px 10px;
	background-color:#222;
}

.kosik-finish th{
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	background: #222;
	border-bottom: 0px;
	padding: 3px;
	}

.kosik-vnutro table, .kosik-finish{
	border: 1px solid #222; width: 100%; border-collapse: collapse; margin: 0 0 10px 0;
}

.kosik-vnutro table td, .kosik-finish td{
	border: 1px solid #222;
	padding: 5px;
	vertical-align: top;
}
.kosik-vnutro table input{margin: 3px 0; border-color:#aaaaaa #f1f1f1 #f1f1f1 #aaaaaa; border-width:1px; border-style:solid; text-align:center; background-color:#fff;}
.kosik-vnutro table th{ background: #222; border: 1px solid #222; padding: 3px; color:#999;}

/* Kosik - vnutro - finish
---------------------------------------------------------- */
#kosik-finish{ clear: both; margin-bottom:20px;}

#kosik-finish table{
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
}

#kosik-finish table td{
	padding: 2px 3px;
	}

#kosik-finish table th{
	background: #ffe13d;
	border: 1px solid #222;
	padding: 3px;
}

#kosik-finish #total-price{
	text-align: right;
}

#kosik-finish #comment{
	margin: 10px 0;
	padding:10px;
	background-color:#222;
}

#kosik-finish #comment label{line-height:normal; font-weight:bold; color:#FFF;}
#kosik-finish #comment textarea{width:80%; height:60px; border-color:#aaaaaa #f1f1f1 #f1f1f1 #aaaaaa; border-width:1px; border-style:solid; background-color:#fff; margin:5px 0;}

#kosik-finish .payment{
	padding: 5px 0;
	margin: 3px 0;
}

#cetelemPayment {
	background-color:#222;
	margin:5px 20px;
	width:auto;
}

#cetelemPayment {
	border:1px solid #222;
}


/* Registracia + login
---------------------------------------------------------- */
#shop-registracia{clear: both; padding:15px 10px; color:#444;}
#shop-registracia b{color:#999;}
#shop-registracia legend{font-weight: bold; padding: 5px 10px; background-color:#222; color:#b8b3a6; }
#shop-registracia fieldset{border: 1px solid #222; padding: 6px; margin: 6px 0;}
#shop-registracia table {width: 80%;}
#shop-registracia table td{padding: 1px 0; width: 50%;}
#shop-registracia table td input{font-size:11px;  border-width:0; padding:2px; width:200px; background-color:#fff;}

#login{ clear: both; border:1px solid #222; padding:0 10px 10px 10px; margin:20px;}
.Obchod_Content_Login {width: 95%; border-collapse: collapse;}
.Obchod_Content_Login td{  padding: 5px; vertical-align: top; }
.warning{color:#FF0000;}

#total-price{padding:10px; background-color:#222; text-align:right; margin:5px 0 10px 0;}
#total-price strong{padding-left:10px; font-weight:bold;}
#total-price span{padding-left:10px;}

.payments{padding:5px 10px; background-color:#222; margin-bottom:10px;}
.payments div.payment{border-bottom:1px solid #222;}

.ConfirmOrder{border-collapse:collapse; width:100%; margin-bottom:20px; border:1px solid #222;}
.ConfirmOrder td{border: 1px solid #222; padding:2px 4px;}
.ConfirmOrder th{border: 1px solid #222; padding:2px 4px; background-color:#222;}
#conditionsid{margin-right:5px;}
/************* order-in ******************/
.order-in, #order{
	margin-left:2px;
	margin:10px;
	border-collapse:collapse;
	border: 1px solid #222;
	width:698px !important;
	}

.order-in caption{
	margin-bottom:5px;
	font-weight:bold;
	}

.order-in td, .order-in th, .kosik-finish td, .kosik-finish th{
	border:1px solid #222;
	padding:2px 5px;
	}

#order td{padding:2px 5px; border: 1px solid #222;}
.order-in th, .kosik-finish th{background-color: #222;  text-align:center;}
#cartorderid{width:200px;}

/* ----------------------------------------------------------
END SHOP
---------------------------------------------------------- */

#cetelemPayment{border:1px solid #444;}
#cetelemPayment{margin: 5px 20px; background-color:#1f1f1f; width:auto;}
#cetelemPayment table{}
#cetelemPayment table td{background-color:#1f1f1f; border:none; padding:2px 10px;}

.EquivalentProducts{clear:both; width:100%;}
.EquivalentProduct{float:left; width:24%; text-align:center; padding:5px 0;}
.EquivalentProduct div{text-align:center; padding:3px;}
.EquivalentProduct img{}
.EquivalentProduct .ProductImage{height:120px; background-color:#FFFFFF;border:1px solid #222; margin:0 auto; width:120px; overflow:hidden;}

.orderComponent{padding:10px; background:#222; overflow:hidden;}
.orderComponent label, .payments h3{font-size:16px; font-weight:bold; display:block; margin:0 0 5px 0; padding:0; color:#FFF150;}

.clear{clear:both;}
#footer .footer{width:990px; margin:0 auto; background:url(images/bg_line.jpg) no-repeat 0 28px; overflow:hidden; padding-bottom:15px;}
#footer p{padding:0; margin:0; text-align:right;}
#footer p a{color:#363d40; text-decoration:none;}
#footer p a:hover{color:#fff; text-decoration:underline;}

.steps{width:100%; border-collapse:collapse; margin-bottom:10px;}
.steps td{width:20% !important; text-align:center; font-size:11px;}
.steps td span{display:block; width:100px; height:20px; padding-top:108px; text-align:center; margin:0 auto;}
.steps td span.ActiveStep{}
.steps td span.ActiveStepLink{padding:0; height:auto;}
.steps td span.ActiveStepLink a{display:block; width:100px; height:20px; padding-top:108px; text-decoration:none; color:#FFF;}
.steps td span.ActiveStepLink a:hover{color:#FFF; text-decoration:underline;}
.steps td span{background-image:url(images/steps.gif); background-repeat:no-repeat;}
.steps td.step1 span{background-position:0 0;}
.steps td.step2 span{background-position:-100px 0;}
.steps td.step3 span{background-position:-200px 0;}
.steps td.step4 span{background-position:-300px 0;}
.steps td.step5 span{background-position:-400px 0;}

.steps td.step1 span.ActiveStep{background-position:0 -128px; padding:108px 0 0 0;}
.steps td.step2 span.ActiveStep{background-position:-100px -128px; padding:108px 0 0 0;}
.steps td.step3 span.ActiveStep{background-position:-200px -128px; padding:108px 0 0 0;}
.steps td.step4 span.ActiveStep{background-position:-300px -128px; padding:108px 0 0 0;}
.steps td.step5 span.ActiveStep{background-position:-400px -128px; padding:108px 0 0 0;}

.steps td.step1 span.ActiveStepLink{background-position:0 -128px; padding:0;}
.steps td.step2 span.ActiveStepLink{background-position:-100px -128px; padding:0;}
.steps td.step3 span.ActiveStepLink{background-position:-200px -128px; padding:0;}
.steps td.step4 span.ActiveStepLink{background-position:-300px -128px; padding:0;}
.steps td.step5 span.ActiveStepLink{background-position:-400px -128px; padding:0;}


#sjm-d-39400 form table {
width:100%;
color:#000;
clear:both;
}
#sjm-d-39400 form table td {
border-collapse:separate;
}
#sjm-d-39400 form table td .sj-var-string {
border:1px solid #555555;
width:300px;
}
#sjm-d-39400 form table table caption {
background-color:#999999;
color:#FFFFFF;
padding:5px;
}
#sjm-d-39400 form table table {
border-collapse:collapse;
}
#sjm-d-39400 form table table td {
background-color:#F6F6F6;
border:1px solid #FFFFFF;
border-collapse:collapse;
padding:2px 5px;
}
/* inttro */
.puzdro{
	border:1px solid #4a4a4a;
	position:absolute;
	}
.puzdro .trans{background-color:#000000;}
.puzdro h2, .puzdro h2 a{text-decoration:none; color:#fff150; font-size:14px;}
.puzdro h2{padding:10px 0; margin:0;}
.puzdro h2 a:hover{text-decoration:underline; color:#fff150;}
.puzdro div{position:absolute; left:0; top:0; padding:0;}
.puzdro ul{margin:0; padding:0;}
.puzdro li{list-style:none;}
.puzdro li a {color:#999; font-size:13px; text-decoration:none;}
.puzdro li a:hover{text-decoration:none; color:#fff150;}
.puzdro li a img{display:block; margin-bottom:3px;}
#fotoaparaty{width:323px; height:238px; top:0; left:0;}
#objektivy{width:323px;	height:238px; top:0; left:332px;}
#studio{margin:0; width:323px; height:600px; top:0; right:0;}
#prislusenstvo-fotoaparaty{width:323px; height:477px; top:245px; left:0;}
#prislusenstvo-objektivy{width:323px; height:150px; top:245px; left:332px;}
#post-produkcia{width:323px; height:140px; top:402px; left:332px;}
#triple-nocat{width:323px; height:130px; top:549px; left:332px;}
#kompaktne-kamery{width:655px; height:125px; top:738px; left:0;}
#profesionalna-videotechika{width:323px; height:125px; top:738px; right:0;}

#objektivy ul li, #fotoaparaty ul li{line-height:135%;}

#studio li, #prislusenstvo-fotoaparaty li, #prislusenstvo-objektivy li, #post-produkcia li, #triple-nocat li{float:left; width:72px; padding:0 4px; height:110px; text-align:center; overflow:hidden;}
#studio div, #prislusenstvo-fotoaparaty div, #prislusenstvo-objektivy div, #post-produkcia div, #triple-nocat div{padding-left:2px; text-align:center;}

#fotoaparaty div{background:url(ikony/fotoaparaty.jpg) no-repeat 0 0; width:123px; height:238px; padding-left:200px;}
#objektivy div{background:url(ikony/objektivy.jpg) no-repeat 0 0; width:123px; height:238px; padding-left:200px;}
#fotoaparaty li a, #objektivy li a{color:#FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase;}
#fotoaparaty li a:hover, #objektivy li a:hover{text-decoration:none; color:#fff150;}

.uvod #footer{position:absolute; top:980px; right:0;}
#kompaktne-kamery div{background:url(ikony/kompaktne-kamery.jpg) no-repeat right top; width:640px; height:125px; padding-left:15px;}
#kompaktne-kamery ul li{display:inline; padding-right:20px; color:#FFFFFF; font-weight:bold;}
#kompaktne-kamery ul li a{color:#FFFFFF;}
#kompaktne-kamery ul li a:hover{text-decoration:none; color:#fff150;}
#profesionalna-videotechika div{background:url(ikony/profesionalne-kamery.jpg) no-repeat 0 0; width:323px; height:125px;}
#profesionalna-videotechika h2{width:140px; float:right;}
#triple-nocat li{padding-top:10px;}
#triple-nocat li a img{margin-top:10px;}
#triple-nocat a{text-decoration:none; color:#fff150; font-size:14px; font-weight:bold;}
#triple-nocat a:hover{text-decoration:underline;}
.NoProducts{display:none;}
.uvod #content ul li{list-style:none;}
#content ul li{list-style:square;}
#right-col{position:absolute; top:130px; right:-190px; width:180px; overflow:hidden; margin:0; padding:0;}
#left-col{position:absolute; top:130px; left:-190px; width:180px; overflow:hidden; margin:0; padding:0;}



/********************************  CLANKY ********************************/
#po-kat{padding-bottom:30px; overflow:hidden; width:100%;}
#po-kat ul{margin:0; padding:0;}
#po-kat ul li{color:#FFF; font:bold 12px Arial, Helvetica, sans-serif; background:url(images/bg_box_right.jpg) repeat-y 0 0; text-transform:uppercase; list-style:none;}
#po-kat ul li a{display:block; padding:5px 15px; color:#FFF; text-decoration:none;}
#po-kat ul li a:hover{text-decoration:underline; color:#FFF;}
#po-kat ul li ul{margin:0; padding:0;list-style:none;}
#po-kat ul li ul li{background:transparent none; text-transform:none;}
#po-kat ul li ul li a{
	background-color:#121314;
	border-bottom:1px solid #090909;
	color:#FFF150;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:5px 0 5px 15px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	width:205px;
	}
#po-kat ul li ul li a:hover{
	background-color:#090909;
	color:#fff;
	text-decoration:none;
	}
/*
#po-kat ul li ul li ul{margin:0; padding:3px 0 3px 15px; background-color:#FFF;}
#po-kat ul li ul li ul li{padding:3px 0 3px 10px; background:url(images/li-dark.gif) no-repeat 0 8px;}
#po-kat ul li ul li ul li a{display:inline; background-color:transparent; color:#545454; font-weight:normal; padding:0; text-decoration:none; border-bottom:0; font-size:11px;}
#po-kat ul li ul li ul li a:hover{color:#545454; text-decoration:underline; background-color:transparent;}

#po-kat ul li ul li.currentArticlesCategory a{text-decoration:underline; color:#545454; background:#F3F1D2;}
#po-kat ul li ul li ul li.currentArticlesCategory a{text-decoration:underline; color:#0476A1; background:transparent;}
*/
.summary, .article{
	text-align:justify;
}

.articleSummary {padding-bottom:15px; overflow:hidden; clear:both;}
.articleSummary h2{margin:0; padding:0 0 4px 0;}
.articleSummary h2 a{
	font-size: 16px;
	font-weight: normal;
	text-decoration:none;
}

img.articleSummaryImg, img.articleArticleImg{
	float:left;
	margin:0 15px 5px 0;
	padding:2px;
	border:1px solid #dedede;
	}
	
.articleSummary p{
	display:inline;
	margin:0;
	padding:0;
	}

.uvod #left .articleBack, .lcr #content .articleBack, .clr #content .articleBack{
	text-align:center;
	clear:both;
	}

/**** clanky content uvod */
#content .pagination{text-align:center; margin-bottom:5px; clear:both;}
#content .pagination{margin:5px 0; padding:0; overflow:hidden;}
#content .pagination li{list-style:none; float:left; padding:0 2px;}
#content .pagination a, .pagination li .current{
	background:#444444 none repeat scroll 0 0;
	border:1px solid #444;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:2px 5px;
	width:3em;
	color:#FFF;
	text-decoration:none;
}

#content .pagination li .disabled{
	border:1px solid #444;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:2px 5px;
	width:3em;
	text-decoration:none;
	line-height:22px;
}
#content .pagination a, #content .pagination li .current{line-height:22px; padding:2px 5px;}
/************************************************************/