* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background-color: #62bd18;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: black;
}

a {
	color: black;
}

img[alt="link"] {
	height: 16px;
	vertical-align: middle;
	margin-left: 8px;
}

input, textarea, select {
	background-color: white;
	padding: 3px 3px 3px 5px;
	border-top: 1px solid #b0de8c;
	border-bottom: 1px solid #b0de8c;
	border-right: 1px solid #b0de8c;
	border-left: 10px solid #b0de8c;
	font-size: 1em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	display: block;
	width: 50%;
	float: left;
	margin: 5px;	
}

.barva-prihlaska input, .barva-prihlaska textarea {
	width: 52%;
}

.barva-prihlaska select {
	width: 55%;
}


input[type="submit"] {
	font-weight: bold;
	width: 120px;
	background-color: #e9f5de;
}

.barva-prihlaska input[type="submit"] {
	width: 135px;
	color: #fd1b0f;
}

.barva-kontakt input[type="submit"] {
	color: #b26827;
}

input[type="checkbox"] {
	height: 18px;
	width: 18px;
	padding: 0;
	margin-top: 10px;
	margin-left: 5px;
}

input[type="checkbox"].jk {
	height: 18px;
	width: 18px;
	padding: 0;
	margin-top: 2px;
	margin-left: 5px;
}

label[for="kopie"] {
	width: auto;
	padding-top: 4px;	
	margin-right: 24px;
}

.barva-prihlaska label[for="kopie"] {
	width: auto;
	margin-right: 9px;
}

label {
	display: block;
	width: 15%;
	text-align: right;
	font-weight: bold;
	float: left;
	margin: 5px;
	padding-top: 3px;
}

label img {
	position: relative;
	top: -6px;
}

.barva-prihlaska label {
	width: 20%;
}

#kontejner {
	width: 961px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

#zahlavi {
	width: 100%;
	height: 315px;
	background: url(../images/index_01.png) no-repeat top left;
	position: relative;
}

#login {
	position: absolute;
	right: 100px;
	top: 150px;
	width: 110px;
	height: 133px;
}

#menu {
	position: absolute;
	top: 137px;
	left: 83px;
	width: 55%;
}

#menu a {
	display: block;
	float: left;
	height: 34px;
	text-decoration: none;
	margin-right: 23px;
	background-position: 0px -10px;
	background-repeat: no-repeat;
}

#menu a:hover, #menu a.highlight {
	background-position: 0px -50px;
}

#menu a.highlight {
	cursor:	default;
}
#menu-fotogalerie {	background-image: url(../images/menu_00.png);	width: 192px;}
#menu-aktuality {
	background-image: url(../images/menu_01.png);
	width: 154px;
	margin-left: 5px;		
}

#menu-informace {
	background-image: url(../images/menu_02.png);
	width: 291px;
}

#menu-reference {
	background-image: url(../images/menu_05.png);
	width: 163px;
	margin-left: 15px;
}

#menu-kurzy {
	background-image: url(../images/menu_07.png);
	width: 92px;
}

#menu-prihlaska {
	background-image: url(../images/menu_06.png);
	width: 306px;
	margin-left: 20px;
}

#menu-kontakt {
	background-image: url(../images/menu_03.png);
	width: 128px;
}

#menu-aktivity {
	background-image: url(../images/menu_09.png);
	width: 262px;
}

#menu-vyznamni {
	background-image: url(../images/menu_10.png);
	width: 252px;
	margin-left: 10px;		
}

#menu-firemni {
	background-image: url(../images/menu_08.png);
	width: 213px;
}

#telo {
	width: 100%;
	background: url(../images/index_10.png) repeat-y top left;
}

#obsah {
	width: 100%;
	background: url(../images/index_11.png) no-repeat top left;
}

#text {
	min-height: 410px;
	background-repeat: no-repeat;
	background-position: bottom right;
	line-height: 1.6;
	font-size: 80%;
	position: relative;
	text-align: left;
}

#text h1 {
	font-size: 140%;
	margin: 20px 0px 15px 0px;
}

#text h1:first-child {
	margin: 0px 0px 15px 0px;
}

#text h2 {
	font-size: 120%;
	margin: 20px 0px 10px 0px;
}

#text h2:first-child {
	margin: 0px 0px 10px 0px;
}

#text h3 {
	font-size: 120%;
	margin: 5px 0px 0px 0px;
}

#text h3 img {
	vertical-align: middle;
	height: 18px;
}

#text h3 img[alt="."] {
	vertical-align: text-top;
	height: 16px;
	position: relative;
	top: 2px;
}

#text p {
	margin-bottom: 15px;
}

#text p.last {
	margin-bottom: 0px;
}

#text p.justify {
	text-align: justify;
}

#kdykoliv, #cokoliv, #pocitadlo {
	position: absolute;
	right: 36px;
	top: 30px;
	background-color: #750406;
	color: white;
	width: 150px;
	padding: 5px;
	line-height: 1.4;
	font-size: 90%;
	text-align: center;
}

#cokoliv {
  top: 150px;
}

#pocitadlo {
	background-color: #ea4e35;
	padding: 5px 5px 3px 5px;
}

#kdykoliv a, #pocitadlo a {
	color: white;
}

#vlajka-uk, #vlajka-de, #vlajka-fr, #vlajka-it, #vlajka-es, #vlajka-ru {
	margin: 0px 8px;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	cursor: pointer;
	border-bottom: none;	
}

#text img.language {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	cursor: default;
	border-bottom: 10px solid #b0de8c;
}

#kurz div {
	display: none;
}

#kurz input[type="text"], #kurz input[type="checkbox"], #kurz select {
	font-size: 90%;
	padding: 0px;
	border: 0px solid #b0de8c;
	margin: 2px 0px 0px 0px;
	width: 35px;
}

#kurz select {
	width: 120px;
	height: 18px;
	margin: 2px 0px 0px 2px;		
}

#kurz input[type="submit"] {
	position: absolute;
	right: 240px;
	top: 70px;
	width: auto;
	color: #750406;
}

#kurz input[type="checkbox"] {
	height: 15px;
	width: 15px;
	margin: 2px 0px 2px 3px;	
}

#kurz #kurz-uk, #kurz #kurz-de, #kurz #kurz-fr, #kurz #kurz-it, #kurz #kurz-es, #kurz #kurz-ru {
	display: block;
}

#kurz #kurz-uk h1, #kurz #kurz-de h1, #kurz #kurz-fr h1, #kurz #kurz-it h1, #kurz #kurz-es h1, #kurz #kurz-ru h1 {
	background-color: #f6f6f6;
	color: #750406;
	padding: 2px 10px 0px 10px;
	border-left: 10px solid #b0de8c;
	border-right: 2px solid #b0de8c;
	text-transform: uppercase;
	margin-top: 7px;
	font-size: 130%;
}

#kurz #kurz-uk h2, #kurz #kurz-de h2, #kurz #kurz-fr h2, #kurz #kurz-it h2, #kurz #kurz-es h2, #kurz #kurz-ru h2 {
	margin-top: 10px;
	font-size: 110%;		
}

#cena {
	margin-top: 0px;
	text-align: left;
}

#cena b {
	font-size: 120%;
	color: #750406;	
}

#cena span {
	color: #750406;
	font-weight: bold;
}

.k-info {
	border-top: 2px solid #b0de8c;
	border-bottom: 2px solid #b0de8c;	
	border-left: 10px solid #b0de8c;
	padding: 5px 10px;
	width: 303px;
	height: 150px;
	background: url(../images/kurz.png) repeat-x top left;
	position: relative;
}

.k-info .k-info-nazev {
	text-transform: uppercase;
	display: block;
	margin-top: 1px;
}

.k-info .k-info-ucebnice {
	line-height: 1.2;
	font-size: 90%;
	display: block;
	margin: 5px 0px;		
}

.k-info .k-info-rozsah {
	line-height: 1.2;
	font-size: 90%;
	display: block;
	margin-top: 5px;
	position: absolute;
	bottom: 8px;	
}

.k-info .k-info-popis {
	line-height: 1.1;
	font-size: 80%;
	display: block;	
}

.k-info .k-info-poznamka {
	line-height: 1.2;
	font-size: 90%;
	display: block;
	margin-top: 5px;
}

.k-info-zapis {
	border-top: 2px solid #deb08c;
	border-bottom: 2px solid #deb08c;	
	border-left: 10px solid #deb08c;
}

.k-termin {
	background: #b0de8c url(../images/kurz+.png) repeat-x bottom left;	
	padding: 5px 2px 5px 8px;
	font-weight: bold;
	text-align: left;
	width: 166px;
	height: 154px;
	position: relative;
}

.k-termin .k-termin-semestr {
	display: block;
	margin-top: 1px;
}

.k-termin .k-termin-terminy {
	display: block;
	margin: 5px 0px;
	line-height: 1.3;
}

.k-termin .k-termin-ceny {
	display: block;
	line-height: 1.3;
	position: absolute;
	bottom: 8px;
	color: white;	
}

.k-termin span {
	font-size: 100%;	
}

.k-termin em {
	color: white;
	font-style: normal;
}

.k-termin em.top3 {
	position: relative;
	top: 3px;
}

.k-termin-zapis {
	background: #deb08c url(../images/kurz++.png) repeat-x bottom left;	
}

#jazyk {
	border-bottom: 2px solid #b0de8c;
	line-height: 0.8;
}

#prezentace {
	position: absolute;
	top: 30px;
	left: 330px;
}

.barva-vyznamni, .barva-kontakt, .barva-reference, .barva-prihlaska, .barva-fotogalerie {
	width: 75%;
	padding: 25px 36px 6px 105px;		
}

.barva-vyznamni p {
	margin-right: 20px;
}

.barva-vyznamni img {
	vertical-align: top;
}

.barva-informace, .barva-firemni, .barva-aktivity, .barva-kurzy, .barva-aktuality {
	width: 53%;
	padding: 25px 246px 6px 105px;	
}

#zapati {
	width: 100%;
	height: 70px;
	background: url(../images/index_09.png) no-repeat top left;
}

#mapa {
	position: absolute;
	top: 39px;
	left: 349px;
}

#text .poznamka {
	background-color: #ecea7b;
	width: 90%;
	margin: 20px 0px 0px 0px;
	line-height: 1.3;
	position: relative;
}

#text .poznamka .poznamka-z {
	background: url(../images/poznamka-z.png) repeat-y top left;
}

#text .poznamka .poznamka-z .poznamka-v {
	background: url(../images/poznamka-v.png) repeat-y top right;
}

#text .poznamka .poznamka-z .poznamka-v .poznamka-j {
	background: url(../images/poznamka-j.png) repeat-x bottom left;
	padding: 35px 25px 45px 25px;
	position: relative;
	overflow: hidden;
}

#text .poznamka .poznamka-z .poznamka-v .poznamka-j .rohl {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#text .poznamka .poznamka-z .poznamka-v .poznamka-j .rohp {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#text .poznamka .spendlik {
	position: absolute;
	top: -12px;
	right: 41%;
}

#text .poznamka .poznamka-z .poznamka-v .poznamka-j span {
	position: absolute;
	left: 25px;
	bottom: 10px;
	font-size: 80%;
	font-style: italic;
}

#text .poznamka .poznamka-z .poznamka-v .poznamka-j img {
	vertical-align:	middle;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#mesice strong {
	cursor: pointer;
}

.barva-aktuality h1, .barva-aktuality h2, .barva-aktuality b, .barva-aktuality a:hover {
	color: #ea4e35;
}

.barva-informace h1, .barva-informace h2, .barva-informace h3, .barva-informace b, .barva-informace a:hover {
	color: #a01913;
}

.barva-prihlaska h1, .barva-prihlaska h2, .barva-prihlaska b, .barva-prihlaska a:hover {
	color: #fd1b0f;
}

.barva-kurzy h1, .barva-kurzy h2, .barva-kurzy b, .barva-kurzy a:hover {
	color: #750406;
}

.barva-firemni h1, .barva-firemni h2, .barva-firemni b, .barva-firemni a:hover {
	color: #fdd003;
}

.barva-aktivity h1, .barva-aktivity h2, .barva-aktivity b, .barva-aktivity a:hover {
	color: #8f44ab;
}

.barva-vyznamni h1, .barva-vyznamni h2, .barva-vyznamni b, .barva-vyznamni a:hover {
	color: #5a9514;
}

.barva-reference h1, .barva-reference h2, .barva-reference b, .barva-reference a:hover {
	color: #ffa52a;
}

.barva-kontakt h1, .barva-kontakt h2, .barva-kontakt b, .barva-kontakt a:hover {
	color: #b26827;
}.barva-fotogalerie h1, .barva-fotogalerie h2, .barva-fotogalerie b, .barva-fotogalerie a:hover {	color: #d48b9f;}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.fg {
  border: 1px solid #b0de8c;
  padding: 2px;
}