body {
	background-color: #070B0E;
	font-family: Arial, Helvetica, sans-serif; /* make sure you're using font definitions compatible with both Mac and PC */ 
	font-size: 13px;
	color: #333333;
}
/* table text appearance should be matching settings for BODY above */ 
table { 
	font-size: 13px; 
	color: #333333;
}
/* appearance of headers 1-3 */
h1 {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #EF620A;
	letter-spacing: -0.05em;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	letter-spacing: -0.05em;
	color:#EF620A;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	letter-spacing: -0.05em;
	color:#EF620A;
}
/* appearance of all form elements */ 
input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
#header input[type=text],#header input[type=password]{    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 4px #ddd inset;
	outline:none; padding-left: 2px;}
/* colour of links - basic and highlighted / roll-over */
a {
	color: #EF620A;
	text-decoration:none;
}
a:hover {
	color: #EF620A;
	text-decoration:underline;
}
/* appearance of text fields */
.txt {
	border-color: #cccccc;
	background-color: #ffffff;
	font-size: 13px;
	color: #333333;
}
/* appearance of buttons */
.btn {
	border-color: #EF620A;
	background-color: #EF620A;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
/* forgot password button */
.forgot {
	background-color: #727071;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
}
/* highlighted forgot password button */
.forgot:hover {
	background-color: #999999;
	color: #ffffff;
}

/* shopping cart and shopping cart link colour  (left default - remove comment marks to change colour to custom */
#cart {
	color: #ffffff; background:url(../img/cart.gif) no-repeat 3px 35px;
}
#cart a {
	color: #EF620A; 
	
}
/* user info colour */
#user td {
	color: #ffffff;
}
/* default appearance of menu buttons */
#menu{ position:static;}
#menu a {
	color: #EF620A;
	font-weight: bold;
}
/* highlighted menu button */
#menu a:hover, #menu strong a, #menu .open a {
	background:url(../img/menusel.png) repeat-x;
    border-radius: 0px 0px 5px 5px;
    color: #fff;
}
/* pop-up menu box */
#menu .open ul {
 /* white top border of the menu box - not required in some designs - write "0" instead of "1px" */ 
	border-color:#4a4a4a;
	border-radius:8px;
	background-color: #EF620A;
	filter: alpha(opacity=100); opacity: 1; /* custom transparency of the box - both numbers need to be changed accordingly */
}
/* default menu button in the pop-up menu box */
#menu .open ul a {
	color: #fff;
	background: #EF620A;
	font-weight: normal;
	width:100%; border-radius:0;
}
/* highlighted menu button in the pop-up menu box */
#menu .open ul a:hover {
	background-color: #F98239;
	color: #fff;
}
/* search box */
#search {
	border-color: #dddddd;
	background-color: #ffffff;
	filter: alpha(opacity=95); opacity: 0.95;
	border-radius:8px;
}
/* category tree structure */
#categories {
	border-color: none;
	background-color: #ffffff;
	border-radius:8px;
	padding:7px 15px;
}
#categories h2{ line-height:26px; margin:0; padding:7px 0 6px 0; background:url(../img/menuline.png) no-repeat center top;}
#categories h2:first-child{ background:none;}
#categories h2 a{ background:url(../img/menu.png) no-repeat 0 center;}
#categories ul{ margin-left:20px;}
/* size of sub-category titles (usually 1px smaller than base size) */
#categories ul ul {
	font-size: 12px;
}
/* category link colour */
#categories a {
	color: #666666;
	padding-left:25px;
}
#categories ul a{ 	padding-left:18px;}
/* sub-category link colour */
#categories ul ul a {
	color: #999999;
}
#categories ul a:hover{ font-weight:inherit;}
/* highlighted category appearance */
#categories a:hover, #categories strong a {
	color: #EF620A !important; /* retain the "!important" marker */
	font-weight: bold;
}
/* appearance of the contact box */
#contacts {
	border-color: #dddddd;
	background-color: #ffffff;
	filter: alpha(opacity=95); opacity: 0.95;
	font-size: 12px;
	border-radius:8px;

}  

#contacts h2{ font-size:16px; margin:0; padding:0 0 10px 0;}
#contacts td{ padding-bottom:10px;}
#contacts td span{ padding-top:2px; display:block;}

#facebook {
	background-color: #ffffff;
	filter: alpha(opacity=95); opacity: 0.95;
	font-size: 12px;
	padding-right: 2px;
	padding-left: 10px;
	padding-top: 10px;
	border: 1px solid #dddddd;
}
/* featured products box */
#featured {
	border-color: #dddddd;
	background-color: #ffffff;
}
/* product separator line colour */
#featured p {
	border-right-color: #dddddd;
}
/* featured product link colour */ 
#featured a {
	color: #333333;
}
/* price colour */
.price {
	color: #666666 !important;
}
/* price note colour */
.note {
	color: #999999 !important;
}
/* tag appearance */
.tag {
	color: #EF620A !important;
	font-weight: bold !important;
	font-size: 11px !important;
}
/* homepage articles appearance */
#articles {
	margin-top:200px;
	border-color: #dddddd;
	background-color: #ffffff;
	border-radius:8px;
}
/* article separator line colour */
#articles .articles2 {
	border-right-color: #dddddd;
}

/* page footer line colour */
#footer2 {
	border-top-colour: #dddddd;
}
/* article page appearance */
#article {
	border-color: #dddddd;
	background-color: #ffffff;
}
/* category page appearance */
#category {
	border-color: #dddddd;
	background-color: #ffffff;
}
/* path (bread crumbs) appearance */ 
#path {
	color: #cccccc;
	font-size: 11px;
}
/* path link colour */
#path a {
	color: #999999;
}
/* path link highlighted */
#path a:hover, #path a:active {
	color: #777777;
}
/* product thumbnail separator colour */
#category3 p {
	border: 1px solid #ddd;
}
/* product link colour */
#category3 a {

}
/* product page apeparance */
#product {
	border-color: #dddddd;
	background-color: #ffffff;
	border-radius: 8px;
}
/* linked product thumbnail separator colour */
#linked p {
	border-right-color: #dddddd;
}
/* linked product title colour */
#linked a {
	color: #333333;
}
/* category browser (paging and sort feature) basic text colour */
#browser p {
	color: #999999;
}
/* sort feature font size (typically smaller than base) */
#browser1 {
	font-size: 11px;
}
/* sort select areas appearance */
#browser1 select {
	font-size: 11px;
	color: #999999;
	border-color: #dddddd;
}
/* order form/shopping cart line colour */
.order th {
	border-bottom-color: #cccccc;
	padding:5px 10px;
}
/* secondary sub category navigation */
#subcats {border: 1px solid #eeeeee; font-size: 11px;}
#subcats a {color: #666666;}
#subcats a:hover, #subcats strong a {color: #EF620A !important;}

.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 180px;
		background-color: #ccc;   /*Barva pozadi vzdy stejna jako barva pozadi u vyjizdeciho menu*/
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-top: 2px solid #000;	
		color: #000;
		font-style: italic;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
		list-style-type: none;
		
	}
	
	.suggestionList li:hover {
		background-color: white;
	}

#articles{ padding:15px 20px;}
#articles p{ line-height:18px;}
#hp_fb { float:left; border-right:1px solid #CCC; width:350px; padding-top:12px;}
#hp_fb iframe{ border:0; height:200px; width:330px;}
#hp_zak{ float:right; width:310px; padding-top:12px;}
#hp_zak h3{ font-size:17px; color:#565656;}
#hp_zak img{ float:none; padding:0 0 0 1px; margin:0;}
.stars{ position:relative; top:-2px; left:10px;}
.linked{ background:#FFFFFF;}
.linked a{ text-decoration:none;}
.linked h2{ padding:15px 0 8px 15px;}
.linked p{ width:180px; text-align:center; }
.linked img{ max-height:125px; max-width:125px;}
#articles #category3{ margin-left:-10px; width:717px;}
#articles #category3 p { width:174px;}

#footer{ position:relative; top:15px; background:#EF620A;}
#footer2 p{ border-color:#fff;}

#category3,#linked{ margin:0 10px;}
.produkt{ border:1px solid #ddd; float:left; width:165px; margin-right:10px; margin-bottom:10px;}
.produkt:hover{ }
#category3 .posledni,#linked .posledni{ margin-right:0;}
.produkt strong{ font-size:12px; text-align:center; display:block; line-height:26px; background:url(../img/prodtit.png) repeat-x left bottom; width:100%; overflow:hidden; height:26px; margin-bottom:2px;}
#category3 .produkt strong a, #linked .produkt strong a{color:#282828;}
#category3 .produkt strong a:hover, #linked .produkt strong a:hover{ text-decoration:underline;}
.produkt img{ display:block; margin:0 auto;}
.produkt ul{ margin:3px 0 3px 0; padding:0;}
.produkt ul li{ float:left; list-style:none; margin:0 0 3px 0; padding:18px 0 0 0; font-size:11px; text-align:center; display:block; width:54px; line-height:13px; border-left:1px dashed #e0e0e0;}
.produkt ul .vek{ border:none; background:url(../img/prodvek.png) no-repeat center 1px;}
.produkt ul .delka{ background:url(../img/prodcas.png) no-repeat center 1px;}
.produkt ul .hracu{ background:url(../img/prodhracu.png) no-repeat center 1px;}
.produkt .pas{ background:url(../img/prodpas.png) repeat-x; color:#FFF;line-height:28px; height:28px; clear:both; margin-top:3px; position:relative;top: 1px; left:-1px; width: 167px;}
.produkt .pas .cena{ font-weight:bold; padding:0 0 0 8px; font-size:14px;}
.produkt .pas .detail{ float:right; padding:0 8px; background:url(../img/pasdet.png) no-repeat left center;}
#category3 .produkt .pas .detail a, #linked .produkt .pas .detail a{color:#fff;}
#category3 .produkt .pas .detail a:hover, #linked .produkt .pas .detail a:hover{ text-decoration:underline;}

#prod_left{ float:left; width:270px;}
#product2{ width:375px;}
#product #fotos{ width:270px; height:270px; overflow:hidden; border:1px solid #dcdcdc; position:relative;}
#product #fotos .gal{ width:1000px; height:270px;}
#product #fotos a{ width:270px; height:270px; text-align:center; vertical-align:middle; margin:0; padding:0; display:table-cell;}
#product #fotos img{ margin:0; padding:0; max-width:270px; max-height:270px;}
#product h2{ border-bottom:2px solid #EF620A; margin:0 0 10px 0; padding:0; font-size:13px; font-weight:normal; color:#fff; line-height:23px; letter-spacing:normal;}
#product h2 span{ background:url(../img/dettit.png) repeat-x; border-radius:6px 6px 0 0; line-height:23px; display:inline-block; padding:1px 13px 0 13px; margin:0 0 0 10px;}

.inext{ width:21px; height:27px; position:absolute; right:0; top:122px; background:url(../img/inext.png) no-repeat; background-position:top left; z-index:60; cursor:pointer;}
.iprev{ width:21px; height:27px; position:absolute; left:0; top:122px; background:url(../img/iprev.png) no-repeat; background-position:top left; z-index:60; cursor:pointer;}
.iprev:hover,.inext:hover{ background-position:bottom left;}


#protab{ width:270px; padding-top:20px;}
#protab td{ line-height:24px; padding:0 7px; font-size:12px;}
#protab .sudy td{ background:#ECECEC;}
#protab img{ position:relative; top:-1px;}
#nakup table{ line-height:24px;}

.buybut{ background:url(../img/atc.png) no-repeat; background-position:left top; width:160px; height:32px; border:0; overflow:hidden; font-size:14px; line-height:32px; font-weight:normal; padding-left:30px;}
.buybut:hover{ background-position:left center;}
.buybut:active{ background-position:left bottom;}
.qty{ border:1px solid #b4b4b4; padding:3px; box-shadow:inset 1px 1px 3px #b4b4b4; border-radius:4px; margin:0 15px 0 4px;}
#detcena{ font-size:18px; color:#EF620A; font-weight:bold;}
#kup{ text-align:right; padding-right:30px; line-height:32px; color:#666;}
.skladem{ background:url(../img/green.png) no-repeat left center; padding-left:13px; color:#54C428;}
.neskladem{ background:url(../img/red.png) no-repeat left center; padding-left:13px; color:#DC200D;}
.pdk{ text-align:right; margin-top:-6px; padding-right:30px;}

#dwndet{ margin-top:22px;}
#dwndet p{ padding-bottom:5px;}
#dwndet a{ color:#333; line-height:16px; background:url(../img/down.png) no-repeat left center; padding-left:20px;}
#dwndet a:hover{ color:#EF620A;}

#komenty{ clear:both; padding-top:10px;}
#linked{ margin:0; padding:0;}
#linked .produkt{ margin-right:5px; width:160px;}
#linked ul li{ width:52px;}
#linked .produkt .pas{ width:162px;}

#poppr{ font-size:12px; line-height:18px;}

#hry{ min-height:800px; width:100%; overflow:hidden;}
.hra{ position:absolute; left:50%;}

.step {
    color: #000000;
    height: 31px;
    margin-top: -5px;
    padding-bottom: 15px;
}
.step div {
    float: left;
    font-size: 13px;
    line-height: 31px;
}
.step a{ color: #000000;}

.step_1 {
    background: url("../img/step1.png") no-repeat scroll center top transparent;
}
.step_2 {
    background: url("../img/step2.png") no-repeat scroll center top transparent;
}
.step_3 {
    background: url("../img/step3.png") no-repeat scroll center top transparent;
}
.step1 {
    padding: 0 13px;
    width: 208px;
}
.step2 {
    padding: 0 13px;
    width: 200px;
}
.step3 {
    padding: 0 13px;
    width: 183px;
}
.stepsel {
    color: #FFFFFF;
    font-weight: bold;
}

.htab{ border-bottom:2px solid #EF620A; margin:0 0 10px 0; padding:0; font-size:13px; font-weight:normal; color:#fff; line-height:23px; letter-spacing:normal;}
.htab span{ background:url(../img/dettit.png) repeat-x; border-radius:6px 6px 0 0; line-height:23px; display:inline-block; padding:1px 13px 0 13px; margin:0 0 0 10px;}

.pn{color:#EF620A; font-weight:bold; font-size:18px;}
.psn{ font-size:11px; display:block; margin-bottom:8px;}
.pob tr td{ padding:5px 0;}
.fts img{ float:left; margin-right:9px; margin-top:9px;}

.bigprice{ font-size:18px; font-weight: normal; color:#EF620A; padding:4px 0 2px 0;}
.smallprice{ display:block; color:#888; font-size:12px; line-height:18px; font-style:italic;}

.delivery_ul{ margin:0; padding:0;}
.delivery_ul li{ list-style:none; display:inline-block; width:320px; margin:0; padding:0;}
.delivery_ul label{ padding-left:5px; line-height:26px;}
.delivery_price{ color:#888;}
#cartform .htab{ margin-top:18px; margin-bottom:0;}
.calcit{ text-align:right;}

#usacc label{ width:190px; display:inline-block; padding-top:6px;}

.red{ padding:6px; margin-bottom:6px; margin-top:6px; border:1px solid #D50000; background:#FFE8E8;}
.clabel{ background:url(../img/clabel.png) no-repeat right center #f1f1f1; display:block; padding:0 6px; margin-right:5px;}
#confirmordertable td{ padding:3px 0 0 0; line-height:24px; vertical-align:top;}
.neuvedeno{ color:#CCC; font-style:italic;}