DIV#main_padding {padding:5px 21px 0 20px; font-size:11px; text-align: justify; }

IMG.left { float:left; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; }

IMG.right { float:right; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; }

h3 {
	margin:0px;
	padding:0px;
	width:514px;
	height:34px;
	display:block;
}

H2 {
	clear:both;
	color:#7071B5;
	padding-left:17px; 
	background: url('/images/h1-arrow.gif');
	background-repeat:no-repeat;
	background-position:left 2px;
	margin-bottom:5px;
}

DIV.dotted-line {
	height:5px;
	border-top: 2px #fde1c5 dotted;
	margin: -13px 0 5px 0; 
	font-size:0px;
}

a#registrace {
	background: url('/images/jak-zacit-registrace.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	width:247px;
	height:279px;
	float:left;
	padding-right: 5px;
}

a#konzultace {
	background: url('/images/jak-zacit-konzultace.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	width:247px;
	height:279px;
	float:left;
	margin-left: 5px;
}

a#registrace div {
	position: absolute;
	margin-top: 236px;
	margin-left: 120px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
}

a#konzultace div {
	position: absolute;
	margin-top: 236px;
	margin-left: 132px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
}

ul.jak-zacit-text {
	position: absolute;
	list-style: none;
	margin:0px;
	margin-top:136px;
	margin-left:10px;
	padding:0 3px 0 0;
	cursor: pointer;
	font-size: 9px;
}

ul.jak-zacit-text li {
	color: #7071b5;
	font-weight: bold;
	margin:0px;
	line-height:16px;
	padding-left:17px;
	background-image: url(/images/jak-zacit-odrazka.gif);
	background-position: 5px;
	background-repeat: no-repeat;
	letter-spacing:0px;
}

ul#steps {
	list-style: none;
}

ul#steps li {
	float: left;
	margin:0px;
	width:70px;
	background-image: url(/images/pisek.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: center;
	padding-right:1px;
	padding-left:1px;
}


ul#steps li.active-left {
	background-image: url(/images/pisek-step-on-left.gif);
}
ul#steps li.active-right {
	background-image: url(/images/pisek-step-on-right.gif);
}


ul#steps li a {
	margin:0px;
	color:#a7a9ac;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

ul#steps li a:hover {
	color:#8d8f91;
}

ul#steps li a div.id {
	margin:0px;
	padding-top:20px;
	color:#fff4d7;
	font-size: 24px;
	font-weight: bold;
}

ul#steps li a div.name {
	margin:0px;
	padding-top:25px;
	height:45px;
	font-size: 10px;
	font-weight: bold;
	cursor:pointer;
}

ul#steps li.active-right div.name, ul#steps li.active-left div.name {
	background-image: url(/images/sipka-dolu.gif);
	background-position: 20px 60px;
	background-repeat: no-repeat;
}

a#jazykove-kurzy {
	float:left;
	background: url('/images/jak-zacit-skoly1.jpg');
	background-position: 0px 10px;
	background-repeat: no-repeat;
	width:155px;
	padding-right: 5px;
	color: #f47920;
	font-weight: bold;
	font-size: 10px;
	clear: both;
	padding-top: 70px;
	padding-bottom: 20px;
	font-size: 9px;
}

a#odborne-kurzy {
	float:left;
	background: url('/images/jak-zacit-skoly2.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	width:155px;
	padding-right: 5px;
	color: #f47920;
	font-weight: bold;
	font-size: 10px;
	clear: both;
	padding-top: 60px;
	padding-bottom: 20px;
	font-size: 9px;
}

a#univerzitni-obory {
	float:left;
	background: url('/images/jak-zacit-skoly3.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	width:155px;
	padding-right: 5px;
	color: #f47920;
	font-weight: bold;
	font-size: 10px;
	clear: both;
	padding-top: 60px;
	padding-bottom: 20px;
	font-size: 9px;
}

a#stredni-skoly {
	float:left;
	background: url('/images/jak-zacit-skoly4.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	width:155px;
	padding-right: 5px;
	color: #f47920;
	font-weight: bold;
	font-size: 10px;
	clear: both;
	padding-top: 60px;
	padding-bottom: 10px;
	font-size: 9px;
}

a#programy {
	float:left;
	background: url('/images/jak-zacit-programy.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	width:155px;
	padding-right: 5px;
	color: #f47920;
	font-weight: bold;
	font-size: 10px;
	clear: both;
	padding-top: 60px;
	padding-bottom: 10px;
	font-size: 9px;
}

.blok-kalkulace {
	width: 320px;
	color:#aeacd6;
	border: 1px #7071B5 solid;
	border-bottom: blue dashed;
	background-color: white;
	padding: 5px;
}

.oranzovy-text {
	color:#f6a163;
}

.zvyrazneny-text {
	color:#f6a163;
	padding-top: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
}

DIV.left { 
	float:left; 
	padding-right: 5px; 
	padding-left: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	font-size: 8px; 
	font-weight: bold;
}

DIV.tabulka-right { 
	
	
	padding-left: 10px; 
	
}

DIV.popisek {
	margin-top: -7px !important;
	margin-top: -5px;
	margin-left: 4px;
}

.kurz-text {
	text-align: right; 
	color: #7071b5;
	font-size: 9px;
	font-weight: bold;
	padding: 5px 5px;
}

DIV.baloon-tip2 {
	background: url('/images/baloon-tip.png');
	background-repeat:no-repeat;
	background-position:left top;
	font-style:italic;
	padding:35px 0px 0 35px;
	width:450px;
}

A#arrow_krok {
	display:block;
	width:87px;
	height:38px;
	background: url('/images/arrow-krok.gif');
	background-repeat:no-repeat;
	background-position:0px 0px; font-size:8px;
	color:white;
	font-weight:bold;
	float:right;
	margin-right:10px;
	margin-top:0px
}
A#arrow_krok DIV { padding-top:12px; padding-left:15px }