@charset "utf-8";

div#custom-set{
	font-family: Arial, Helvetica, Tahoma;
	background: transparent url(../images/custom-bg.png);
	height: 394px;
	width: 517px; 
	margin-right:30px; /* ..... dam facku */
	float:left;
	display:block;
	-moz-box-shadow: 0px 0px 15px #000;
}



.ui-widget-overlay  {
	background:none repeat scroll 0 0 #000000;
	opacity:0.7;
}


div#custom-set h2
{
	display: block;
	color: #03293a;
	text-shadow:0 1px 0 #3789af;
	margin-left: 15px;
	width: 360px;
	float: left;
	padding: 0px;
	margin-top: 10px;
}

div#custom-set h3
{
	display: block;
	color: #154c63;
	text-shadow:0 1px 0 #4bb0c7;
	margin-left: 15px;
	width: 360px;
	float: left;
	padding: 0px;
	margin-top: 14px;
}

div#custom-set h3.customspec{
		display: block;
		margin-top: 30px;
	}

#custom-set a.close{
	background: transparent url(../images/custom_close.png);
	display: block;
	height: 12px;
	width: 12px;
	float: right;
	margin: 7px 10px 0 0;
}

#balicky{
	float: left;
	height: 95px;
	width: 500px;
	margin-left: 14px;
	margin-top: 8px;
}

a.balicek{
	text-decoration: none;
	display: block;
	float: left;
	height: 94px;
	width: 164px;
	color: #c3e7f9;
}

	a.balicek.start{
		background: transparent url(../images/custom_1_off.png) no-repeat;
	}	
	
		a.balicek.start.balicek_active{
			background: transparent url(../images/custom_1_on.png) no-repeat;
		}	
	
	a.balicek.business{
		background: transparent url(../images/custom_2_off.png) no-repeat;
	}	
		
		a.balicek.business.balicek_active{
			background: transparent url(../images/custom_2_on.png) no-repeat;
		}	
	
	a.balicek.profi{
		background: transparent url(../images/custom_3_off.png) no-repeat;
	}	
	
		a.balicek.profi.balicek_active{
			background: transparent url(../images/custom_3_on.png) no-repeat;
		}	

a.balicek span.head{
	display: block;
	color: #fff;
	font-size: 22px;
	margin-left: 10px;
	margin-top:6px;
}

.clear{
	display: block;
	clear: both;
}

.labely{
float: left;
margin-top: 10px;
margin-left: 10px;
}

	a.balicek p.list{
		display: block;
		float: left;
		width: 130px;
	}
	
		a.balicek p.list span{
			color: #82bfd5;
			display: block;
			float: left;
			width: 60px;
		}

a.balicek span.badge{
	padding: 15px 0 0 0px;
	font-weight: bold;
	font-size: 20px;
	color: #c4e8f9;
	display: block;
	position: absolute;
	top:50px;
	left:115px;
	xmargin-top:25px;
	xmargin-left: 115px;
	width: 57px;
	height: 42px;
	z-index:1;
	background: transparent url(../images/custom_badge.png) no-repeat;
	text-align: center;
}

span.euri{
	margin-left: 2px;
	font-weight: normal;
	font-size: 12px;
	vertical-align:  text-top;
}

div#custom-set input.in{
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Tahoma;
	font-size: 14px;
	padding: 6px 5px 6px 5px;
	color: #82bfd5;
	width: 40px;
	background: transparent url(../images/custom_input_bg.png);
}

div.linewrapper{
	clear: both;
	margin-top: 5px;
	margin-left: 15px;
	display: block;
	height: 35px;
}
	
	div.linewrapper span.popis{
		float: left;
		padding-top: 6px;
		padding-left: 5px;
		font-size: 16px;
		color: #133646;
		width: 50px;
	}
	
	
div.scroll{
	display: block;
	float: left;
	height: 31px;
	width: 303px;
	
}

	div.scroll.prvy{background: transparent url(../images/custom_bar_1.png);}
	div.scroll.druhy{background: transparent url(../images/custom_bar_2.png);}
	div.scroll.treti{background: transparent url(../images/custom_bar_3.png);}

div#custom-set span.ceny{
	display: block;
	font-weight: bold;
	float: right;
	font-size: 14px;
	color: #fff;
	margin-top: 8px;
	margin-right: 24px;
}

div#custom-set span.ere{
	color: #133646;
}

div#custom-set div.scroller{
	margin-top: 1px;
	margin-left: 2px;
	background: transparent url(../images/custom_scroller.png);
	height: 29px;
	width: 56px;
}

div#custom-set a.buton{
	float: right;
	display: block;
	background: transparent url(../images/custom_btn.png);
	height: 22px;
	width: 237px;
	margin-right: 10px;
	margin-top:20px;
	padding: 7px 0 0 10px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}

div#custom-set a.buton span.normal{
	float: right;
	margin-right: 16px;
}

div#custom-set a.buton span.euro{
	color: #b5c54e;
}


//////////////////////////////////////////////////////////////////!!!!!!!!!!!!!//////////////

div#custom-set-bile{
	font-family: Arial, Helvetica, Tahoma;
	height: 428px;
	width: 517px; 
	margin-right:30px; /* ..... dam facku */
	float:left;
	display:block;
}

.ui-widget-overlay{
	background:none repeat scroll 0 0 #000000;
	opacity:0.7;
}


div#custom-set-bile h2
{
	display: block;
	color: #555;
	width: 360px;
	float: left;
	padding: 0px;
	margin-top: 10px;
}

div#custom-set-bile h3
{
	display: block;
	color: #555;
	width: 360px;
	float: left;
	padding: 0px;
	margin-top: 14px;
}

div#custom-set-bile h3.customspec{
		display: block;
		margin-top: 20px;
	}

#custom-set-bile a.close{
	background: transparent url(../images/custom_close.png);
	display: block;
	height: 12px;
	width: 12px;
	float: right;
	margin: 7px 10px 0 0;
}

#balicky{
	float: left;
	height: 95px;
	width: 500px;
	margin-top: 8px;
}

a.balicek{
	text-decoration: none;
	position:relative;
	display: block;
	float: left;
	height: 94px;
	width: 164px;
	color: #c3e7f9;
}

	a.balicek.start{
		background: transparent url(../images/custom_1_off.png) no-repeat;
	}	
	
		a.balicek.start.balicek_active{
			background: transparent url(../images/custom_1_on.png) no-repeat;
		}	
	
	a.balicek.business{
		background: transparent url(../images/custom_2_off.png) no-repeat;
	}	
		
		a.balicek.business.balicek_active{
			background: transparent url(../images/custom_2_on.png) no-repeat;
		}	
	
	a.balicek.profi{
		background: transparent url(../images/custom_3_off.png) no-repeat;
	}	
	
		a.balicek.profi.balicek_active{
			background: transparent url(../images/custom_3_on.png) no-repeat;
		}	

a.balicek span.head{
	display: block;
	color: #fff;
	font-size: 22px;
	margin-top:6px;
}

.clear{
	display: block;
	clear: both;
}

.labely{
float: left;
margin-top: 10px;
}

	a.balicek p.list{
		display: block;
		float: left;
		width: 130px;
	}
	
		a.balicek p.list span{
			color: #82bfd5;
			display: block;
			float: left;
			width: 60px;
		}
/*
a.balicek span.badge{
	xpadding: 15px 0 0 0px;
	font-weight: bold;
	font-size: 20px;
	color: #c4e8f9;
	display: block;
	position: absolute;
	xmargin-top:25px;
	xmargin-left: 115px;
	width: 57px;
	height: 42px;
	background: transparent url(../images/custom_badge.png) no-repeat;
	text-align: center;
}
*/
span.euri{
	margin-left: 2px;
	font-weight: normal;
	font-size: 12px;
	vertical-align:  text-top;
}

div#custom-set-bile input.in{
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Tahoma;
	font-size: 14px;
	padding: 6px 5px 0 5px;
	color: #82bfd5;
	height: 25px;
	width: 40px;
	background: transparent url(../images/custom_input_bg.png);
}

div.linewrapper{
	clear: both;
	margin-top: 5px;
	display: block;
	height: 35px;
}
	
	div.linewrapper span.popis{
		float: left;
		padding-top: 6px;
		padding-left: 5px;
		font-size: 16px;
		color: #133646;
		width: 50px;
	}
	
	
div.scroll{
	display: block;
	float: left;
	height: 31px;
	width: 303px;
	
}

	div.scroll.prvy{background: transparent url(../images/custom_bar_1.png);}
	div.scroll.druhy{background: transparent url(../images/custom_bar_2.png);}
	div.scroll.treti{background: transparent url(../images/custom_bar_3.png);}

div#custom-set-bile span.ceny{
	display: block;
	font-weight: bold;
	float: right;
	font-size: 14px;
	color: #fff;
	margin-top: 8px;
	margin-right: 24px;
}

div#custom-set-bile span.ere{
	color: #133646;
}

div#custom-set-bile div.scroller{
	margin-top: 1px;
	margin-left: 2px;
	background: transparent url(../images/custom_scroller.png);
	height: 29px;
	width: 56px;
}

div#custom-set-bile a.buton{
	float: right;
	display: block;
	background: transparent url(../images/custom_btn.png);
	height: 22px;
	width: 237px;
	margin-right: 10px;
	margin-top:30px;
	padding: 7px 0 0 10px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}

div#custom-set-bile a.buton span.normal{
	float: right;
	margin-right: 16px;
}

div#custom-set-bile a.buton span.euro{
	color: #b5c54e;
}