/*colors begin*/
body
{
	color:				#000000;
	background-color:	#FFFFFF;
}
h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot
{
	color:				#000000;
}
a
{
	color:				#000000;
	background-color:	transparent;
}
a:visited
{
	color:				#000000;
	background-color:	transparent;
}
a:active
{
	color:				#5C582D;
	background-color:	transparent;
}
a:hover
{
	color:				#5C582D;
	background-color:	transparent;
}
/*colors end*/
/* Layout Stylesheet */ 
#TopTable
	{width:100%;}
#HeaderTable
	{width:100%;}
#BodyTable
	{width:100%;}
#BodyClusterTable
	{width:100%;height:100%;}
#FooterTable
	{width:100%;}
#BottomTable
	{width:100%;}

/*Custom CSS*/
/*colors begin*/
body
{
	color: #000000;
/*	background-color: #104A72;*/
/**background: url(/Data/104/UserFiles/images/body-bg1.jpg) no-repeat top;**/
/* /Data/434/UserFiles/test/top.jpg */
background: #CCDDE7 url(/Data/104/UserFiles/images/bg_gradient.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	color: #001c3d;
	font-weight: 700;
}
dd select{
        width:300px;
        margin:0;
        padding:0;
}
dd, dt, dl{
        padding:0;
        margin:0;
}
#BodyClusterTable h1 {
	font-size: 1.7em;
	color: #08325c;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d9e4ea;
	padding: 8px 8px 8px 10px;
	margin: 0px 0px 10px 0px;
}
#BodyClusterTable h2 {
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #e64708;
	background: url(/Data/104/UserFiles/images/sipka2.gif) no-repeat left center;
	border-bottom: 1px solid #c0cddc;
	font-variant: small-caps;
	padding-left: 14px;
	margin: 7px 0px 0px 0px;
	clear: both;
}
#BodyClusterTable h3 {
	font-size: 1.2em;
	color: #08325c;
	background: url(/Data/104/UserFiles/images/sipka3.gif) no-repeat left center;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	padding-left: 14px;
	margin: 7px 0px 0px 0px;
}
h4, h5, h6, dt, th, thead, tfoot
{
	color: #e64708;
	font-family: Arial, Helvetica, sans-serif;
}
#BodyClusterTable a {
	color: #e64708;
	background-color:	transparent;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:active {
	color: #08325c;
	background-color:	transparent;
	text-decoration: none;
}
#BodyClusterTable a:hover {
	color: #08325c;
	background-color:	transparent;
	text-decoration: none;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
span, div {
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
ul {
	margin: 0px 0px 0px 20px;	
	font-family: Arial, Helvetica, sans-serif;
}
#BodyRight-Container h1 {
	font-size: 15px; 
	background-color: #ececec;
	padding: 7px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
}

/*colors end*/
/* Layout Stylesheet */ 
#TopTable
	{width:100%;}
#HeaderTable
	{width:100%;}
#BodyTable
	{width:100%;}
#BodyClusterTable
	{width:100%;height:100%;}
#FooterTable
	{width:100%;}
#BottomTable
	{width:100%;}

/*dom: old top-menu **/
#nav {
text-align: center;
	position: relative;
	width: 919px;
	height: 38px;
	background: url(/Data/104/UserFiles/images/top-menu.jpg) no-repeat top center;
/*	margin: 74px 0 0 221px*/
	margin: 145px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	text-indent: -9999px;*/
	float: left;
	display: inline;
/**	border: 1px solid white;**/
}
#nav li {
margin: 5px 0px 0px 0px;
padding: 0; 
list-style: none; 
position: absolute; 
top: 0;
}
#nav li, #nav a {
height: 15px; 
width: 97px; 
display: block;  
text-decoration: none; 
color: #ffffff;
font-weight: bold;
/** border: 1px solid green;**/
}

#butt1 {left: 0;}
#butt2 {left: 97px;	border-left: 1px solid white;}
#butt3 {left: 194px;	border-left: 1px solid white;}
#butt4 {left: 291px;	border-left: 1px solid white;}
#butt5 {left: 388px;	/*min-width: 250px;*/   border-left: 1px solid white;}
#butt6 {left: 485px;	}
#butt7 {left: 582px;	}

#butt5 a {min-width: 140px;  /**border: 1px solid blue;**/}

/*#butt1 a:hover, */ #page413 #butt1 {background: transparent url(/Data/104/UserFiles/images/nav.png) 0 -48px no-repeat;}
/*#butt2 a:hover,*/ #page751 #butt2 {background: transparent url(/Data/104/UserFiles/images/nav.png) -97px -48px no-repeat;}
#butt3 a:hover, #page423 #butt3 {background: transparent url(/Data/104/UserFiles/images/nav.png) -194px -48px no-repeat;}
#butt4 a:hover, #page466 #butt4 {background: transparent url(/Data/104/UserFiles/images/nav.png) -291px -48px no-repeat;}
#butt5 a:hover, #page309 #butt5 {background: transparent url(/Data/104/UserFiles/images/nav.png) -388px -48px no-repeat;}
#butt6 a:hover, #page750 #butt6 {background: transparent url(/Data/104/UserFiles/images/nav.png) -485px -48px no-repeat;}
#butt7 a:hover, #page752 #butt7 {background: transparent url(/Data/104/UserFiles/images/nav.png) -582px -48px no-repeat;}
/* content */

.home_banner { margin: 12px 0 6px 0; }

#Body{
text-align:center;
}

#PageTable {
	margin: 0 auto;
	width: 947px; /*+12+12*/
	text-align: left;
	border-top: none;
	background: url(/Data/104/UserFiles/images/bg_center.png) repeat top center;
	position: relative;
/*border: 1px solid red;*/
}

#TopContent-Container{
	background: url(/Data/104/UserFiles/images/top-banner.jpg) no-repeat top center;
	width: 919px;
	height: 185px;
	margin-left: 14px; 
	position: relative;
}

#PageTable-Header{
/**background-image: url(http://www.computing.sk/Data/104/UserFiles/images/top2.png);**/
/**backgrond: url(images/top-menu.jpg) no-repeat top center;**/
/*****
	width: 919px;
	height: 38px;
*****/
/**padding-bottom: 10px; noXX**/
}

#PageTable-Bottom { 
/**dom: **/
height: 28px;
/**background-image: url(http://www.computing.sk/Data/104/UserFiles/images/footer.png);**/
background: url(/Data/104/UserFiles/images/bottom.jpg) no-repeat bottom center;
text-align: center;
vertical-align: middle;
/**border: 1px solid #0B1131;**/
color: #ffffff;
}
#PageTable-Bottom a {
font-weight: bold;
color: #ffffff	;
text-decoration: none;
}

#TopTable-Content{padding:0;
}

#BodyTable-Left{
/**dom: left-menu **/
padding: 0px 7px 0px 23px;
 width: 150px; /*180*/
/* border: 1px solid Black;*/
}

#BodyClusterTable-Content{
	padding: 0px 0px 0px 0px;
	width: 585px;
}

#BodyClusterTable-Right{
/**dom: right-menu**/
padding: 0px 24px 0px 7px;
/*padding: 0 10px;*/
}
#BodyRight-Container {
	width: 150px;
	float: right;
}

/* logo */

a#domov{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 190px;
	height: 100px;
	display: block;
	text-indent: -9999px;
}
/*Custom CSS2*/
.base-modulebox {
	padding:0;margin:0;width: 100%;
}
.base-modulebox-title
	{padding:0;margin:.5em 0;color:#000000;font-size:2em;}
.base-modulebox-content
	{padding:0;margin:0;	}
	
/**dom: left-menu**/	
.MenuVerticalModule li {
	font-weight: bold;
	list-style-type: square;
	color: #0B1131;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.MenuVerticalModule ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul.MenuVerticalModule a, ul.MenuVerticalModule a:visited {
	color: #0B1131;
	text-decoration: none;
}
ul.MenuVerticalModule a:hover {
	color: #0B1131;
	text-decoration: none;
}
.Obchod_Counter {
	margin-left:20px;
}
.viac {
	text-align: right;
	margin-right: 17px;
}
.QuerySheetAnswer .__sj_var_text { 
width: 140px; 
height: 100px; 
}
.search select {
width: 150px;
}
.title {
	text-align: center;
}
.img-r {
	float: right;
	margin: 10px 0px 10px 10px;
}
.clr {
	clear: both;
}


/* ---------------------------------------------------------
START  SHOP
---------------------------------------------------------- */


/* Kategorie - top
-------------------------------------------------------*/
ul.Shop_TopCategories_List{
	margin: 0;
	padding: 0;
	width: 950px;
	position: absolute;
	left: 12px;
	top: 50px;
}
.Shop_TopCategories_List li{
	float: left;
	width: 111px;
	height: 38px;
	display: block;
	border: 1px solid #202020;
	margin: 0 3px 2px 0;
	overflow: hidden;
	display: inline;
	color: #fff;
}

.Shop_TopCategories_List li a, .Shop_TopCategories_List li a:visited{
	background: #535353 url("http://www.computing.sk/Data/104/UserFiles/images/nav-bcgr.png") repeat-x;
	width: 100%;
	height: 38px;
	display: block;
	color: #fff;
	font: bold 12px/140% arial;
	text-align: center;
}

.Shop_TopCategories_List li a:hover, li.Shop_TopCategories_List_Item_Selected a, li.Shop_TopCategories_List_Item_Selected a:visited{
	background: #535353  url("http://www.computing.sk/Data/104/UserFiles/images/nav-bcgr.png") repeat-x 0 -15px;
	color: #33c9ff
}

/* Kategorie - left
-------------------------------------------------------*/
table.Cat{
	width: 100%;
	margin-bottom: 8px;
}
.Cat a, .Cat a:visited{
	color:#000001;	
	display: block;
	padding: 2px 4px;
}
.Cat a:hover, a.CatItemSel, a:visited.CatItemSel {
	color: #F20000;
}

table.Cat img{
	float: left;
	margin: 5px 3px 0 0;
}

/* Formular
-------------------------------------------------------*/

.QuerySheet td{ padding: 3px 3px; }
.InquiryQuestion{font-size: 1.2em;font-weight: bold; margin-bottom: 5px;}
.InquiryAnswer{margin-top: 5px;} 
.QuerySheetAnswer textarea{ width: 300px; height: 100px; }
.QuerySheetAnswer input{ width: 250px;}
.QuerySheetAnswer div input{ width: 80px;}

/* ----------------------------------------------------------
START SHOP
---------------------------------------------------------- */

/* Vyhladavanie
---------------------------------------------------------- */
.search{ width: 126px; background: #f0f0f0; margin-bottom: 8px; }
.search select{ width: 126px; font-size: 9px; }
.search form { padding: 0; }
.search input { width: 120px; padding: 0; margin: 0; font-size: 9px; }
.search p { margin: 4px 0; padding: 0; }
#sjm-s-vyhladavanie span input { width: 60px; margin-bottom: 4px; }
#sjm-s-vyhladavanie p a, #sjm-s-vyhladavanie p a:visited { color: #535353; font-weight: bold }
#sjm-s-vyhladavanie p a:hover { color: #535353; text-decoration: underline; }

/* Kosik
---------------------------------------------------------- */
#sjm-s-kosik
{ position: absolute; top: 24px; right: 12px; }
#kosik
{ background: transparent url(http://www.computing.sk/Data/104/UserFiles/images/pridaj.gif) no-repeat 0 50%; width: auto; padding: 3px 3px 3px 30px; font-size: .9em; }
#kosik span{display:block;}
#kosik span.kosik{display:none;}
#kosik .kosik-cena
{ font-size: 1em; font-weight: bold; }

/* Login
---------------------------------------------------------- */
.Shop_login { position: absolute; top: 3px; right: 12px; margin: 0; padding: 0; font-weight: bold; font-size: .9em;  }
.Shop_login a { padding-left: 1em; }

/* Nadradene kategorie - cesta
---------------------------------------------------------- */
.ShopProductParentCategories
{ text-align:left; }
.ShopProductParentCategories ul
{ margin: .3em 0; padding: 2px 0; width: 100%; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.ShopProductParentCategories ul li
{ display: inline; }
/* <span class="Action">AKCIE</span>,<span class="New">Novinky</span> a <span class="SellOut">Výpredaje</span> v  kategórií */
.ShopProductParentCategories .Action
{color: #FC1115; margin: 0 0 3px 0; font-size: 1em;}
.ShopProductParentCategories .SellOut
{color: #FC1115; margin: 0 0 3px 0; font-size: 1em;}
.ShopProductParentCategories .New
{color: #FC1115; margin: 0 0 3px 0; font-size: 1em;}

/* Dalsie strany
---------------------------------------------------------- */
.ShopCategoryPages{ padding: 4px 0; text-align: left; width: 59%; float: left;}
.ShopCategoryPages span{ font-weight: bold; float: left; display: block; }
.ShopCategoryPages ul{ padding: 0 3px; margin: 0; }
.ShopCategoryPages ul li{ display: inline; padding: 0 3px; margin: 0 3px; border: 1px solid #d0d0d0; }

/* Sposob zobrazenia
---------------------------------------------------------- */
.ViewType{ float: right; width: 40%; padding: 2px 0; text-align: right; }
.ViewType p, .ViewType form{ display: inline; padding:2px 0 2px 5px; }
.TypeTitle{ font-weight: bold; padding: 0 0 10px 6px; }

/* ShopIntro - obchod uvod
---------------------------------------------------------- */
.ShopIntro
{ clear: both; }
.ShopIntro .SellOuts, .ShopIntro .News, .ShopIntro .Actions
{ background: #f0f0f0; text-align: center;}
#BodyClusterTable .ShopIntro h2
{ color: #fc1115; margin: 0 0 6px 0; padding: 3px; font-size: 1.3em; background-image: none; }
#BodyClusterTable .ShopIntro h3
{ margin: 0; padding: 3px; font-size: 1em; background-image: none;}
.ShopIntro h3 a, .ShopIntro h3 a:visited
{ color: #fc1115; }
.ShopIntro h3 a:hover
{ color: #1754ff; }
.ShopIntro .Row
{ text-align: center; clear: both; overflow: auto; border-bottom: 2px solid #fff; padding: 0; width: 100%; }
.ShopIntro .RowContent
{ background: overflow: auto; width: 100%; }
.ShopIntro .Product
{ width: 180px; float: left; display: inline; margin: 0; padding: 6px 0; }
.ShopIntro .ProductPrice
{ margin: 2px; }
.ShopIntro .ProductPrice p
{ margin: 0; }
.ShopIntro .ProductImage
{ width: 160px; height: 130px; overflow: hidden; border: 1px solid #DBDBDB; background: #fff; margin: 0 auto; }
.ShopIntro .ProductImage img{ padding: 3px; }

.ShopIntro .ProductPrice dl, .ShopIntro .ProductPrice dd, .ShopIntro .ProductPrice dt{
	margin: 0;
	padding: 0;
	text-align: center;
}


/*  Sposob zobrazenia - podrobne
---------------------------------------------------------- */
.ShopDetailView
{ clear: both; }
.ShopDetailView .Product
{ background: #F0F0F0; padding: 0; margin: 6px 0; overflow: auto; width: 100%; position: relative; text-align: left; }
.ShopDetailView dl
{ font-weight: normal; width: 360px; overflow: hidden; padding: 0; margin: 6px 0; border-bottom: 1px solid #D0D0D0;}
.ShopDetailView dt
{ float: left; width: 80px; padding: 3px 0; margin: 0; clear: both; font-weight: bold; border-top: 1px solid #D0D0D0; }
.ShopDetailView dd
{ float: left; width: 280px; padding: 3px 0; margin: 0;  border-top: 1px solid #D0D0D0; }
.ShopDetailView .ProductDescription
{ float: left; margin: 0 0 6px 6px; width: 360px;}
.ShopDetailView h3
{ margin: 0 0 3px 0; padding: 3px; background: #ffa500; font-size: 1em; }
.ShopDetailView h3 a, .ShopDetailView h3 a:visited
{ color: #fff; }
.ShopDetailView h3 a:hover
{ color: #fff; text-decoration: underline; }
.ShopDetailView .ShopIcons
{ position: absolute; top: 6px; right: 6px; }
.ShopDetailView .ShopIcons label
{ display: block; }
.ShopDetailView .ProductImage
{ width: 100px; height: 100px; float: left; text-align: center;  margin: 6px; background: #fff; border: 1px solid #D0D0D0; display: inline; overflow: hidden; }
.ShopDetailView .ProductImage img
{ padding: 0; margin: 0 auto; background: #fff; }

.ShopDetailView h4.Action
{color: #1754FF; margin: 0 0 3px 0; font-size: 1em;}
.ShopDetailView h4.SellOut
{color: #F12A1B; margin: 0 0 3px 0; font-size: 1em;}
.ShopDetailView h4.New
{color: #20B90C; margin: 0 0 3px 0; font-size: 1em;}

/* Sposob zobrazenia - zoznam
---------------------------------------------------------- */
.ShopDivViewList table{ width: 100%; clear: both; border: none;}
.ShopDivViewList table th{ padding: 4px; background: #d0d0d0; }
.ShopDivViewList table td{ padding: 2px 2px 0 2px; margin: 0; border: none;}
.ShopDivViewList table tr.even{ background: #F0F0F0; }

/* Sposob zobrazenia - ikony
---------------------------------------------------------- */
table.Obchod_Produkt_Ikony{ border-collapse: collapse; width: 100%; margin: 1em 0; text-align: center; clear: both; }
table.Obchod_Produkt_Ikony td{ border: 1px solid #f0f0f0; padding: 3px 0; width: 33%; }
table .Obchod_Product_Name{ background: #F0F0F0; font-weight: bold; }
table.Obchod_Produkt_Ikony img{ margin: 0 auto; }

/* Detail produktu
---------------------------------------------------------- */
.ShopProductView
{ clear: both; }
.ShopProductView h2
{ margin: 10px 0; padding: 0; }
.ShopProductView h3
{ margin: .5em 0; padding: 0; font-size: 1.1em; }
.ShopProductView .Product
{ background: #F8F8F8; padding: 0; margin: 6px 0; overflow: auto; width: 100%; position: relative; text-align: left; }
.ShopProductView .Product .ProductImage
{ text-align: center; margin: 10px; }
.ShopProductView .ProductDescription
{ width: 520px; margin: 10px 0 10px 10px; float: left; display: inline; border: 1px solid #D0D0D0;}
.ShopProductView .Product dl
{ font-weight: normal; width: 500px; padding: 0; margin: 0; float: left; }
.ShopProductView .Product dt
{ float: left; width: 28%; padding: 0px 5px 0px 0; margin: 1px 1px 0 0; clear: both; font-weight: bold; text-align: right; }
.ShopProductView .Product dd
{ float: left; width: 70%; padding: 0px 0; margin: 1px 0 0 0; text-align: left; }
.ShopProductView .DetailDescription
{ margin: 0 10px; padding: 0 10px; text-align: left; border: 1px solid #D0D0D0; clear: both; }
.ShopProductView .ProductButtons
{ border: 1px solid #D0D0D0; margin: 10px 10px 0 0; width: 120px; overflow: auto; float: right; display: inline; }
.ShopProductView .ProductButtons img 
{ float: left;  margin: 10px 5px; }
.ShopProductView .ProductButtons form p
{ float: right;  padding-right: 1em; }

.ShopProductView .BackLink{ margin: 10px; }

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

.kosik-vnutro table{width:100%; border-collapse:collapse; border:1px solid #8aa7b9; margin-bottom:15px;}
.kosik-vnutro table td, .kosik-vnutro table th{padding:1px 5px;}
.kosik-vnutro table caption{background:#ececec; text-align:left; padding:2px 5px;}
.ChangeCurrency{ clear:both; padding: 2px 0; text-align: right; font-size:11px; }

.ChangeCurrency p, .ChangeCurrency form{ display: inline; padding:2px 0; }
.ChangeCurrency .TypeTitle{padding-right:5px;}
.ChangeCurrency select{ font-size:11px;}

.kosik-finish{width:100%; border-collapse:collapse; border:1px solid #8aa7b9;}
.kosik-finish td, .kosik-finish th{border:1px solid #8aa7b9; padding:1px 2px;}

#comment{padding:5px; margin:5px 0;}

.konverzny-kurz{display:none;}

#total-price strong{padding:0 10px 0 0;}
/*Custom CSS2*/
.base-modulebox
	{padding:0;margin:0;width:100%;}
.base-modulebox-title
	{padding:0;margin:.5em 0;color:#000000;font-size:2em;}
.base-modulebox-content
	{padding:0;margin:0;}