/* font faces */
@font-face{
	font-family:'vag-black';
	src:url('fonts/vag/vag-rounded-ce-black.eot');
	src:url('fonts/vag/vag-rounded-ce-black.eot?#iefix') format('embedded-opentype'),
		url('fonts/vag/vag-rounded-ce-black.woff2')  format('woff2'),
		url('fonts/vag/vag-rounded-ce-black.woff')  format('woff'),
		url('fonts/vag/vag-rounded-ce-black.ttf')  format('truetype'),
		url('fonts/vag/vag-rounded-ce-black.svg#vag-black') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'vag-bold';
	src:url('fonts/vag/vag-rounded-ce-bold.eot');
	src:url('fonts/vag/vag-rounded-ce-bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/vag/vag-rounded-ce-bold.woff2') format('woff2'),
		url('fonts/vag/vag-rounded-ce-bold.woff') format('woff'),
		url('fonts/vag/vag-rounded-ce-bold.ttf') format('truetype'),
		url('fonts/vag/vag-rounded-ce-bold.svg#vag-bold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'vag-light';
	src:url('fonts/vag/vag-rounded-ce-light.eot');
	src:url('fonts/vag/vag-rounded-ce-light.eot?#iefix') format('embedded-opentype'),
		url('fonts/vag/vag-rounded-ce-light.woff2') format('woff2'),
		url('fonts/vag/vag-rounded-ce-light.woff') format('woff'),
		url('fonts/vag/vag-rounded-ce-light.ttf') format('truetype'),
		url('fonts/vag/vag-rounded-ce-light.svg#vag-light') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'vag-thin';
	src:url('fonts/vag/vag-rounded-ce-thin.eot');
	src:url('fonts/vag/vag-rounded-ce-thin.eot?#iefix') format('embedded-opentype'),
		url('fonts/vag/vag-rounded-ce-thin.woff2') format('woff2'),
		url('fonts/vag/vag-rounded-ce-thin.woff') format('woff'),
		url('fonts/vag/vag-rounded-ce-thin.ttf') format('truetype'),
		url('fonts/vag/vag-rounded-ce-thin.svg#vag-thin') format('svg');
	font-weight:normal;
	font-style:normal;
}





/* font settings */

/* standard content */
html,body,table,td,th,label,input,select,option,textarea,fieldset,legend{
	font-family:'vag-light',arial,helvetica,sans-serif;font-size:14px;font-weight:normal;line-height:1.4em;letter-spacing:0.03em;
}
/* headings */
h1,h2,h3,h4,h5,h6,
h1 b,h2 b,h3 b,h4 b,h5 b,h6 b,
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{
	font-family:'vag-black';font-weight:normal;letter-spacing:0.05em;
}
/* bolds */
b,strong,t{
	font-family:'vag-bold';font-weight:normal;letter-spacing:0.05em;
}
/* italics */
i,em{
	font-family:'vag-thin';font-style:italic;
}
/* headings + italics */
h1 i,h2 i,h3 i,h4 i,h5 i,h6 i,
h1 em,h2 em,h3 em,h4 em,h5 em,h6 em{font-family:'vag-black';font-weight:normal;font-style:italic;letter-spacing:0.05em;}
/* bolds + italics */
b i,strong i,th i,b em,strong em,th em,
i b,i strong,em b,em strong{font-family:'vag-bold';font-weight:normal;font-style:italic;letter-spacing:0.05em;}





/* base layout settings */
html, body { width: 100%; height: 100%; min-height:100%; margin: 0; padding: 0; }

.old-browser-warning{position:absolute;z-index:999999999;top:0;left:0;width:100%;height:100%;background:#fff;filter:alpha(opacity=80);text-align:center;font-size:50px;font-family:arial;}
.old-browser-warning b{position:relative;top:25%;}

#header, #container, #footer { margin-left: auto; margin-right: auto; width: 930px; }
#header{position:relative;height:120px;}
#header a.logo{position:absolute;bottom:48px;left:0;display:block;width:173px;height:51px;overflow:hidden;}
#header blockquote{display:block;position:absolute;bottom:43px;right:0;margin:0;font-size:24px;}
#header blockquote b{font-family:'vag-black';}
#header blockquote .yellow{color:#ecac00;}
#header blockquote .brown{color:#381A0C;}
#header blockquote .gray{color:#8c8d8e;}
#langchooser{position:absolute;top:20px;right:0;display: inline-block; list-style-type: none; margin: 0; padding: 0; margin-right: 0em; color: #808285; }
#langchooser li{display: inline-block; margin: 0; padding: 0; }
#langchooser li.last:after { content: ""; }
#langchooser li.selected a { color: #808285; }



#container { clear: both; font-size: 0.88em; }

img { border: none; }
a { color: #c19c30; }
a:hover { color: #89701d; }

.right { text-align: right; width: 50%; display: inline-block; vertical-align: bottom; }

.section  h2{background-color:#ECAC00;color:white;font-size:16px;line-height:2.3em;padding-left:1.5em;padding-top:0.2em;margin:0;letter-spacing:0.07em;}
.section .body { background-color: #eceded; padding-left: 1.8em; padding-right: 1.8em; padding-top: 1em; padding-bottom: 1.5em; background-image: url('design/sb.png'); background-repeat: no-repeat; background-position: right bottom; }
.section h3 { font-size: 1em; margin-top: 0; margin-bottom: 1em; }
/*.section p { margin: 0; }*/

.sections { overflow: hidden; margin-top: 2em; position: relative; }
.sections .section { width: 290px; margin-right: 30px; float: left; position: relative; z-index: 1; }
.sections .section.last { margin: 0; }
.sections .section .body { padding-bottom: 1px; background-image: none; }

.sectionrn {margin-top: 2em;}
.sections .sectionrn { width: 290px; margin-right: 30px; margin-top:0px; float: left; position: relative; z-index: 1; }
.sectionrn h2 { background-color: #ECAC00; color: white; font-size: 1.2em; line-height: 1.5em; padding-left: 1.5em; padding-top: 0.2em; margin:0 ; }
.sectionrn .body { background-color: #eceded; padding-left: 1.8em; padding-right: 1.8em;  padding-bottom: 1.5em; background-image: url('design/sb.png'); background-repeat: no-repeat; background-position: right bottom; }

.sections .footers { clear: both; position: relative; z-index: 0; }
.sections .footers .section { background-color: #eceded; height: 1000px; margin-top: -1000px; padding: 0; padding-bottom: 21px; border-bottom: solid 1px white; background-image: url('design/sb.png'); background-repeat: no-repeat; background-position: right bottom; }

.section.alone { margin-top: 2em; }

.body .courses { list-style-type: none; margin: 0; padding: 0; display: inline; }
.body .courses li { display: inline-block; }
.body .courses li:after { content: "  / "; }
.body .courses li.last:after { content: "  "; }

#footer { margin-top: 2em; font-size: 0.88em; }
#footer a { color: #89701d; }
#footer a:hover { color: #808285; }
.partners { background-color: #eceded; padding-left: 1.8em; padding-right: 1.8em; line-height: 2.5em; }
.partners ul { list-style-type: none; display: inline-block; margin: 0; padding: 0; margin-left: 0.5em; }
.partners ul li { display: inline-block; }
.partners ul li:after { content: "  | "; }
.partners ul li.last:after { content: ""; }
.copy { margin: 0; padding-left: 1.8em; line-height: 2.5em; }

.quicknav { margin: 0; padding: 0; padding-left: 1.2em; color: #94760e; }

.clear { clear: both; }

#headimg { width: 930px; height: 150px; background-repeat: no-repeat; margin-top: -1em; }
#headimg .note { width: 250px; height: 150px; background-image: url('design/notebg.png'); color: white; font-size: 1.1em; font-style: italic; }
#headimg .note p { padding: 1.5em; padding-right: 2em; line-height: 1.6em; }

#menu { width: 250px; float: left; }

#menu .menu1 ul { list-style-type: none; margin: 0; padding: 0; }
#menu .menu1 ul li { line-height: 2em; font-size: 1.1em; margin-bottom: 1px; }
#menu .menu1 ul ul { margin-top: 2px; }
#menu .menu1 ul li li { font-size: 1em; }
#menu .menu1 ul li a{height: 28px;line-height:29px;padding-left: 1.5em; letter-spacing:0.07em; background-color: #ECAC00; color: white; font-weight: bold; display: block; text-decoration: none; background-image: url('design/lmb.png'); background-repeat: no-repeat; background-position: right bottom; }
#menu .menu1 ul li.selected a, #menu .menu1 ul li a:hover { background-color: #8e7538; }
#menu .menu1 ul li li a, #menu .menu1 ul li.selected li a { background-color: #eceded; color: #c19c30; font-weight: normal; }
#menu .menu1 ul li li.selected a, #menu .menu1 ul li.selected li.selected a, #menu .menu1 ul li.selected li a:hover, #menu .menu1 ul li.selected li.selected a:hover { color: #846e39; }

#bcnav { list-style-type: none; margin: 0; padding: 0; margin-left: 1.6em; margin-top: 0.5em; margin-bottom: 0.5em; color: #7d7d7d; }
#bcnav li { display: inline; }
#bcnav li:before { display: inline; content: "  \2192  "; }
#bcnav li.first:before { content: ""; }

#navi { list-style-type: none; margin: 0; padding: 0; margin-left: 1.6em; margin-top: 0.5em; margin-bottom: 0.5em; color: #7d7d7d; }
#navi span:before { display:inline; content: "  \2192  "; }


#main { float: left; width: 680px; }
#mainc { padding-left: 2em; font-size: 1.1em; width: 85%; color: #3d3c3f; position:relative;top:-8px; }
#main h2 { margin: 0; font-size: 2em; color: #846e39; margin-bottom: 0.5em; line-height: 1.4em; font-weight: normal; }
#main h3 { color: #c19c30; font-size: 1.2em; margin-top: 1em; margin-bottom: 0em; }
#main h4 { font-size: 1em; margin: 0; margin-bottom: 0.5em; margin-top: 2em; }

#headimg, #headimg.dotter { background-image: url('design/header/dotter.jpg'); }
#headimg.desk { background-image: url('design/header/desk.jpg'); }
#headimg.pc { background-image: url('design/header/pc.jpg'); }
#headimg.usb { background-image: url('design/header/usb.jpg'); }
#headimg.home { background-image: url('design/header/dotter_home.jpg'); }
#headimg.dotter2 { background-image: url('design/header/dotter2.jpg'); }

ul.gallery { list-style-type: none; margin: 0; padding: 0; }
ul.gallery li { display: block; float: left; }
ul.gallery li a { display: block; padding: 0.5em; border: solid 1px #c5c6c7; margin: 0.5em; }
ul.gallery li a:hover { border-color: #846e39; color: white; }
ul.gallery li a span { display: block; width: 160px; height: 110px; background-color: #c5c6c7; text-align: center; vertical-align: middle; line-height: 110px; overflow: hidden; }
ul.gallery li a:hover span { background-color: #846e39; }

#main ul.courses { list-style-type: none; margin: 0; padding: 0; }
#main ul.courses>li { clear: both; line-height: 2.5em; border-bottom: solid 1px #ececed; }
#main ul.courses>li>a { display: block; font-weight: bold; font-size: 1.1em; width: 20em; float: left; }
#main ul.courses>li:before { display: block; content: "\bb "; text-decoration: none; font-size: 1.2em; color: #c19c30; float: left; margin-right: 0.4em; }
#main ul.courses li ul { list-style-type: none; margin: 0; padding: 0; padding-left: 11em; }
#main ul.courses li ul li { display: inline; }
#main ul.courses li ul li a { color: #89701d; }
#main ul.courses li ul li a:hover { color: #808285; }
#main ul.courses li ul li:after { content: " / "; }
#main ul.courses li ul li.last:after { content: ""; }

dl.courses { margin-left: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.8em; }
dl.courses dt { float: left; clear: left; width: 3em; margin: 0; padding:  0 15px 0 0 ; font-weight: bold; color: #89701d; }
dl.courses dd { margin: 0; padding: 0; }
dl.courses dd:before { content: "\bb  "; color: #89701d; }
dl.courses a { color: #89701d; }
dl.courses a:hover { color: #808285; }

#main p { line-height: 1.5em; }
#main p.info { font-weight: bold; color: #89701d; width: 90%; }
#main p.course_info { font-weight: bold; width: 90%; line-height: 1.8em; margin-bottom: 1.5em; }
#main p a { color: #89701d; }
#main p a:hover { color: #808285; }

#main .course_action { display: block; width: 25%; background-color: #89701d; color: white; text-decoration: none; font-weight: bold; padding-left: 1em; padding-right: 3em; background-image: url('design/ca.png'); background-repeat: no-repeat; background-position: right center; float: right; line-height: 2.25em; }
#main .course_action:hover { color: white; background-color: #808285; }
#main .course_term { float: left; width: 60%; margin: 0; padding-left: 1em; padding-right: 1em; background-color: #c79f09; color: white; font-weight: bold; font-size: 1.1em; line-height: 2em; }
#main .course_term .date { display: inline-block; margin-left: 1em; }

.course ul { list-style-type: none; margin: 0; margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 0.5em; }
.course ul li { padding-left: 1.2em; background-image: url('design/b.png'); background-repeat: no-repeat; background-position: left center; }
.course .showmore { display: inline-block; padding-left: 1.7em; background-image: url('design/sa.png'); background-repeat: no-repeat; background-position: 0.3em center; }

.course .req { line-height: 1.8em; margin-top: 2em; }
.course .req dt { width: 40%; margin: 0; float: left; clear: left; font-weight: bold; padding-left: 1.7em; color: #433d2d; padding-top: 0.2em; }
.course .req dd { background-color: #ececed; margin: 0; padding-left: 45%; border-bottom: solid 1px white; padding-right: 1.5em; padding-top: 0.2em; padding-bottom: 0.2em; }
.course .req dd a { color: #89701d; }
.course .req dd a:hover { color: #808285; }

#flash { /*background-image: url('design/promo.jpg');*/ background-repeat: no-repeat; margin-top: 1px; width: 930px; height: 252px; }
#ICTProImageFlip{position:relative;z-index:9999;width:930px;height:252px;background:transparent url('design/promo-trimmed-corner.jpg') 0 0 no-repeat;}
#ICTProImageFlipSWF{position:absolute;z-index:9998;outline:0;width:930px;height:252px;}
#ICTProImageFlip span{position:absolute;z-index:9997;font-size:1px;text-indent:-9999px;}
.ICTProImageFlipCursor{cursor:default;}

.bodyM { width: 250px; }

p.justH{text-align:justify;width:95%;font-size:1.1em ;}
p.just{text-align:justify;width:95%;}

@-moz-document url-prefix() {
	#search input[type="submit"] { font-size: 0.89em; }
}

.nadpis_duvodu{font-weight: bold;}






/* new elements */

.about-us-partners{}
.about-us-partners .partner{line-height:1.5em;color:#3d3c3f;margin:1em 0;overflow:hidden;}
.about-us-partners .partner .logo{width:150px;float:left;}
.about-us-partners .partner .logo a{display:block;text-decoration:none;}
.about-us-partners .partner .logo a:hover{text-decoration:none;}
.about-us-partners .partner .logo a img{border:0;}
.about-us-partners .partner .text{width:425px;float:right;}


#contacts #mainc{width:655px;padding:0 0 0 25px;}
#contacts #main h1{width:auto;font-size:2em;color:#846e39;margin-top:0;margin-bottom:0.5em;line-height:1.4em;font-weight:normal;min-height:auto;}
#contacts #main h2{margin-top:1em;width:auto;font-size:1.7em;color:#846e39;margin-bottom:0.5em;line-height:1.4em;font-weight:normal;min-height:auto;}
#contacts #main h3{min-height:auto;font-size:1.1em;width:auto;color:#3d3c3f;text-transform:none;margin-top:0;margin-bottom:0;font-weight:bold;}
#contacts .columns{overflow:hidden;}
#contacts .column{float:left;width:203px;margin-left:20px;}
#contacts .columns.contact-links .column{margin-bottom:20px;}
#contacts .column:first-child{margin-left:0px;}
#contacts a.contact-link{position:relative;}
#contacts a.contact-link,#contacts a.contact-link span{top:0;left:0;display:block;width:203px;height:183px;}
#contacts a.contact-link span{position:absolute;background-image:url('/images/contacts-link-bg.png');background-repeat:no-repeat;background-position:0 0;}
#contacts a.contact-link:hover span,#contacts a.contact-link:focus span,#contacts a.contact-link:active span{background-position:0 -184px;}



table.new-menu{position:absolute;bottom:0;border-collapse:collapse;width:100%;}
table.new-menu td{padding:0 0 0 1px;}
table.new-menu td:first-child{padding:0;}
table.new-menu a{font-family:'vag-bold';letter-spacing:0.07em;display:block;text-decoration:none;padding:0 0.5em 0 1.3em;height:2em;line-height:2.2em;overflow:hidden;color:#414042;background-color:#ececed;background-image:url('design/mb.png');background-repeat:no-repeat;background-position:right bottom;}
table.new-menu a:hover,table.new-menu a:focus,table.new-menu a:active,table.new-menu .selected a{color:#fff;background-color:#ECAC00;background-image:url('design/mba.png');}



.homepage-buttons{overflow:hidden;margin:28px 0;}
.homepage-buttons a{display:block;width:453px;text-decoration:none;}
.homepage-buttons a:first-child{float:left;}
.homepage-buttons a:last-child{float:right;}
.homepage-buttons a span{position:relative;display:block;width:453px;height:301px;overflow:hidden;}
.homepage-buttons a span img{position:absolute;}
.homepage-buttons a b{display:block;font-size:28px;background:#ecac00 url('/Obrazky/homepage-buttons/corner.png') bottom right no-repeat;color:#fff;font-family:'vag-black';line-height:50px;text-align:center;text-decoration:none;height:50px;letter-spacing:0.07em;}
.homepage-buttons a:hover span img,.homepage-buttons a:focus span img,.homepage-buttons a:active span img{top:-301px;}

.foto {
    width: 150px;
    height: 150px;
    position: relative;
    display: inline-block;
    margin: 0;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fab90f; /* Barva pozadí kruhu */
	margin-right: 20px; 
}

/* Styl pro základní obrázek */
.foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%; /* Kruh */
    background-color: #fab90f; /* Pozadí přímo na obrázku */
}

/* Styl pro obrázek po najetí myší */
.foto .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    background-color: #fab90f; /* Překrytí pozadím při hoveru */
}

/* Zobrazení horní fotky při najetí myší */
.foto:hover .img-top {
    display: inline;
}