* { margin: 0; padding: 0; font-size:100%; font-family: Arial, sans-serif}

/*MY*/body{ text-align:center; background:url('../../../imgs/web/bg.gif') repeat;}
#platno{ background:url('../../../imgs/web/bg-top.gif') repeat-x  0px -80px;}
/*MY*/#main{width:1000px; margin:0px auto;text-align:left;}
#main .border{ background:url('../../../imgs/web/bg-main.gif'); position:relative;}
h1{width:810px; float:left;}

a{color:#4962AE;}
a:hover{color: black;}

#header{height:80px;}
#header h1 a{font-size:200%; color:#fff; text-decoration:none;}

/*MY*//*Svetle modra*/
#login h2{background-color: #0098FF; color: white; margin: 0px; padding-left:	4px; padding-top:3px; padding-bottom:	1px; font-size: 1.0em; font-weight:	bold;}
#login span{padding-left:4px;}
#login label {display:block; width:200px; float:left; padding-left:4px; margin-top:4px; font-size:80%}
#login input {width:130px; font-size:90%; height:20px; border:1px solid #7F7F7F;  margin-top:4px; margin-left:4px}
#login .button{width:60px; background:#0098FF; color:#FFF; height:22px;  font-size:70%; font-weight:bold; cursor:pointer;}
#login #user {padding:4px; padding-bottom:10px;}
#login a{font-size:80%; }

#categories { position:relative;}
#categories a{color:white; text-decoration:none; font-size:110%;
/*MY*//*Svetle modra*/ background:url('../../../imgs/web/bg-menu-heading.gif'); height:24px;
padding:0px 30px; border:1px solid #478B38; border-left:none; display:block;float:left; line-height:24px;}
#categories a:hover,#categories li.active a{background:url('../../../imgs/web/bg-menu-a.gif');border:1px solid #7B0C26; border-left:none;}


#categories li h2{ color:white; text-decoration:none; font-size:83%;
/*MY*//*Svetle modra*/ background:url('../../../imgs/web/bg-menu-heading.gif'); height:24px;
 border:1px solid #478B38;  display:block;float:left; line-height:24px; width:140px;}
#categories li h2 span {padding:0px 4px;}
#categories li span.empty {background:url('../../../imgs/web/bg-space.gif'); height:24px;
 border:1px solid #478B38; border-left:none; display:block;float:left;  width:16px;}
#categories li{ display:inline;}
#categories li span.demence{ height:24px;
  border-left:none; display:block;float:left;  width:173px;border-right:none;}
	
    .infobox{font-size:75%; padding:10px;}
    .infobox ul{padding-left:15px;}
    .infobox ul li{padding:2px;}
	#cartContent{border:1px solid #C4C5A6; border-top:none; background:white;  font-size:75%;z-index:1; }
	#cartContent .inbox{padding:4px;}
	#categories  #cart h2{width:179px;  z-index:10;}
	#cart h2 span{padding:0px 8px;}
	#cart a{}
	#cart a:hover{ }
	#cart img{width:50%;}
	#cart .removeAll, #cart .orderNow{font-size:110%; display:block;  color:#FFF;   font-weight:bold; cursor:pointer; text-decoration:none;  float:left; display:block; padding:4px;}
	#cart .removeAll{ background:#F97D03; width:70px;}
	#cart .orderNow{ background:#53C91F }
    #cart .removeAll:hover, #cart .orderNow:hover{color:#FFF; text-decoration:underline;   font-weight:bold; cursor:pointer;   float:left;  display:block; padding:4px;}
	
	#cart .orderNow{width:60px; margin-right:10px;}
	.kosikMessage{font-size:80%;color:#F97D03;}
	
	
#eshopMenu {font-size:80%; }
#eshopMenu ul {margin: 5px;}
#eshopMenu h3{font-size:110%; margin-top:5px; padding-left:5px;}
#eshopMenu ul li {list-style-type: none;}
#eshopMenu ul li ul li{margin-left:10px;}
#eshopMenu ul li ul li ul li{margin-left:15px;}
	
#leftCol{float:left; width:142px; padding-bottom:330px; }
#leftCol h3{background: url('../../../imgs/web/bg-menu-heading.gif'); height:24px;
border:1px solid #478B38; color:white;line-height:24px; font-size:83%; font-weight:bold;}
#leftCol h3 span{padding:0px 4px;}
#leftCol .box{border-left:1px solid #C4C5A6;border-right:1px solid #C4C5A6;background: url('../../../imgs/web/bg-menu-box.gif') repeat-x bottom;}

	#search p{margin-left:16px; margin-top:20px}
	#search input{width:160px; height: 18px}
	#search .button{width:60px; background:#224E1B; color:#FFF; border:0px; height:22px; font-weight:bold;  font-size:85%; cursor:pointer;}
	
	#leftCol .box li{list-style:none; margin-left:16px;padding:2px 0px;}
	#leftCol .box ul{padding:4px 0px; padding-bottom:8px;}
	#leftCol .box li a{color:#000;text-decoration:none; font-size:80%; font-weight:bold;}
	#leftCol .box li a:hover, #leftCol .box li.active a{color:#9E252A;}
	#leftCol .box li label{font-size:80%;}
	
	#filter2 .button{background:#0098FF; color:#FFF; font-weight:bold; border:1px solid  #C4C5A6; cursor:pointer; font-size:80%; margin-left:16px; margin-bottom:8px; font-weight:bold; }
	#filter2 .priceFilter input {width:88px; margin-left:4px; height:14px; border:1px solid  #C4C5A6; margin-bottom:4px; font-size:80%; padding:3px;}
	#filter2 ul {margin: 5px;}
	#filter2 ul li {list-style-type: none;}
	#filter2 li label{font-size:80%; margin-left: 4px;color:#4962AE;}
	#filter2 h4{font-size:80%; padding-left:8px;}
	
	
	#brandsInfo{position:absolute;bottom:23px; width:140px; border-top:1px solid  #C4C5A6; border-bottom:1px solid  #C4C5A6; padding-bottom:8px;}
	#brandsInfo span{display:none;}
	#brandsInfo a img{border:none;}
	#brandsInfo a {margin-left:8px; margin-top:8px; display:block;}
	#menu{ border-bottom:1px solid  #C4C5A6;}
/*MY*/#content{float:right; width:616px;  border-right:1px solid #C4C5A6;_width:616px; text-align:right;}
#content h2{font-size:145%; margin-bottom:4px; margin-top:8px}
	#news h2{margin-top:10px;}
    #news h3{margin-top:8px; font-weight:normal;}
	#news h3 b{ color:#48B3FB;}
	#news {margin-bottom:24px;}
	#news p{font-size:80%; }
	.safepd{padding:16px;_padding:0px; padding-top:16px; _width:831px;  text-align:left;}
	.infoBox{border:1px solid #C4C5A6; width:314px; height:148px; overflow:hidden; float:left; background:url('../../../imgs/web/bg-bottom-box.gif') repeat-x bottom; margin-right:16px;}
	.infoBox .safepd{padding:8px;}
	.infoBox img{float:left; margin-right:8px;}
	.infoBox h3{font-size:90%; color:#9E252A; margin-bottom:2px;}
	.infoBox p{font-size:75%; margin-bottom:4px;}
	.infoBox a{float:right;}
	
	.squareBanner{border:#C4C5A6 1px solid; width:148px; height:148px; float:left; overflow:hidden;}
	.squareBanner h4{font-size:70%; color:#C4C5A6;margin-left:12px}
	.squareBanner img{margin-left:12px}
	
	#filter{font-size:80%; float:right; _margin-right:8px;}
	#filter select option{padding-right:10px;}
	#filter .button{background:#0098FF; color:#FFF;  border:1px solid  #C4C5A6; cursor:pointer;font-weight:bold;}
	 
	#content .items{}
	.category span{font-size:80%;}
		.item{width:190px; margin-right:10px; float:left; margin-top:15px;text-align:center;}
		.last{margin-right:0;}
		/*.item a img{border:1px solid #C4C5A6; padding:4px;}*/
		.item a {text-decoration:none; font-size:90%; color:#4962AE; }
		.item a span{display:block;}
		.item a:hover span{color:#000; text-decoration:underline;}

		/*.item a:hover img{border:1px solid #9E252A;}*/
		.item .price {text-align:right; margin-bottom:8px; background:#0098FF; float:right; padding:2px 4px 0px 4px; color:#fff;}
		.item .sale{background:#F97D03;color:#fff;}
		.item .oldPr{float:right; background:#B2B2B2; color:#000;padding:2px 4px 1px 4px;}
	   .variants span{display:block;}
	   .variants a{text-decoration:none; float:left; margin-bottom:10px; display:block;}
	   .variants a span{text-decoration:none;}
	   
		#content #categoryReview {}
			#categoryReview li{ list-style:none;height:170px; float:left;}
		#categoryReview a{color:white; text-decoration:none; font-size:110%;
 background:url('../../../imgs/web/bg-menu-heading.gif'); height:24px; width:134px;
text-align:center; border:1px solid #478B38; border-left:none; display:block;float:left; line-height:24px;}
		#categoryReview a:hover,#categoryReview li.active a{background:url('../../../imgs/web/bg-menu-a.gif');border:1px solid #7B0C26; border-left:none;}
		
    
	#bottomPage{float:right;margin-bottom:8px;_margin-right:8px;}
	#topPage{float:right;}
	#topPage a, #bottomPage a{ text-decoration:none; color:#000; font-size:90%;}
	#topPage a.a, #bottomPage a.a{ color:#9E252A; }

	#detail h2{font-size: 140%;margin-bottom:0px; color:#0098FF;  border-right:none; padding-top:20px;}
	#detail h2 span{display:block; padding:8px; padding-left:0px;}
	#detail p{font-size:85%;}
	#detail .category{font-size:110%; color:#4962AE;}
	#detail .image{float:right;margin-right:0px; }
	#detail .image img{padding:16px;float:right}
/*	#detail .detailInfo{ width:430px; height:340px; position:relative;}*/
	#detail .detailInfo{background:url(../../../imgs/web/bg-detail-info.gif) no-repeat 239px 6px;}
	#detail .detailInfo .safepd{padding:8px;}
		.attrs p{margin:4px 0px;}
		.attrs b{ text-align:left; display:block;float:left; margin-right:5px;}
	#detail .descr{ margin-bottom:8px; font-size:80%; margin-top:8px; text-align:justify}
	
	#detail #toCart .ourPrice{    color:#4962AE; font-size:115%;}
	#detail .ourPrice s{display:block; background:#B2B2B2; color:#000;padding:0px 5px; width:136px; margin-bottom:3px; text-align:right; line-height:26px;}
	#detail .ourPrice b{display:block; background:#0098FF; color:#fff; padding:0px 5px;width:136px;text-align:right;line-height:26px;}
	#detail .ourPrice b.actionPrice{ background:#F97D03;}
    
    #detail .ourPrice span{ font-size:80%; line-height:18px;}
	
	#detail #toCart .addToCart{ line-height:32px;   color:#4962AE; font-size:105%; }
	#detail #toCart .addToCart input{width:20px; border:#C4C5A6;}
	#detail #toCart .addToCart input.button{width:100px; background:#0098FF; color:#FFF;  height:24px; font-weight:bold;  font-size:100%; cursor:pointer;border:1px solid #C4C5A6;}
	#detail .attr00 a{border:1px solid #C4C5A6; padding:2px 4px;  line-height:20px; font-size:90%;  margin-right:8px;}
    #detail .attr00 {margin-bottom:10px;}
	#detail .attr00 a.active{color:#9E252A; border:1px solid #9E252A;}
	.next span, .prev span{display:none;}
	.next{width:1px; height:11px; background:url(../../../imgs/web/next.gif) no-repeat 2px 3px; padding:0px 7px; }
	.prev{width:1px; height:11px; background:url(../../../imgs/web/prev.gif) no-repeat 2px 3px; padding:0px 7px;}
	
	#detail .next{ background-position:40px 3px; padding-right:20px;}
	#detail .prev{padding-left:20px;}
	
	#content #order {font-size:85%;}
    #order img{width:100%;}
    
    #order .userOrderInfo {padding:10px;}
    #order .userOrderInfo input{width:100px; border:1px solid #A0A0A0;}
    #order .userOrderInfo input.button{background:#47B2FA; width:60px; color:#fff; font-size:85%; font-weight:bold;}
    #order .userOrderInfo span{padding:5px 0; display:block; font-size:80%}
    
	#content #orderInfo  input {width:200px; margin-left:4px; height:14px; border:1px solid  #C4C5A6; margin-bottom:4px; font-size:80%; padding:3px;}
	#content #orderInfo textarea{width:200px; margin-left:4px; height:40px; border:1px solid  #C4C5A6; margin-bottom:4px; font-size:80%; padding:3px;}
	#content #orderInfo .required{border-left:1px solid #9E252A; background:#FBFEF2;}
	#register .submit, #content #order .submit{
	margin-left:4px; float:left;font-size:90%; height:28px; padding:4px; border:1px solid  #C4C5A6;  
	 background:#9E252A; color:#FFF;  font-size:90%; font-weight:bold; cursor:pointer;}
	}
	#content #orderInfo h3{margin-top:4px;}
	#content #orderInfo th{ width:200px; font-size:90%;}
	#content #order .error{color:#9E252A;}
	#home a {text-decoration:none;}
	
	#register  input {width:200px; margin-left:4px; height:14px; border:1px solid  #C4C5A6; margin-bottom:4px; font-size:80%; padding:3px;}	
	
	#bestPick{}
		#bestPick .item{width:120px; overflow:hidden;}
		#bestPick img{width:110px; height:110px;}
		#bestPick h3{font-size:90%;}
		#bestPick .price{font-size:80%;}

	#article p{font-size:85%; margin:4px 0px;}
	#article ul{font-size:85%;}
	#article li{margin-left:16px; list-style:square;margin-top:2px; margin-bottom:2px;}
	#article h1{margin:4px 0px 0px 0px;color:#003103; font-size:160%;}
	#article h3{margin:4px 0px 0px 0px;color:#9E252A;font-size:120%;}
	#article h4{margin:2px 0px 0px 0px;}
	
	#orderChart input{ width:30px;}
	#itemList{ width:100%;}
	#itemList img{width:100%;}
	#itemList  td{background:white; padding:3px; border-bottom:1px solid #B2B2B2;}

#sizes {font-size:70%;}
#sizes table{border:1px solid white;}
#sizes table td{border-left:1px solid white; border-bottom:1px solid white; background:#EBEBEB;}

.navigation{font-size:80%; margin-bottom:8px; font-weight:normal}
.infoBoxes{margin-top:24px;}
.cl{clear:both; line-height:1px; font-size:1px; margin-top:-1px;height:0px;}


.glt-elm{position: absolute;	z-index:15;left: 0;	top: 0;	width: 161px;	color: #000;	opacity: 0.8;	visibility: hidden;}
.glt-elm p{	background: #FFF;	margin: 0;	padding: 5px 5px; font-size:80%; border:1px solid #48B3FB;}
.glt-elm img{	display: block;}