/*** Author: Michal Pecho, http://michal.pecho.it/ ***/

/* reset stylsheets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
}
html { overflow-y:scroll; }	
body { line-height: 1; } 
/*ol, ul { list-style: none; }*/
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
/* table { border-collapse: collapse; border-spacing: 0; } */	

sup { font-size :0.7em; vertical-align:super; }
sub { font-size :0.7em; vertical-align:sub; }
.nowrap { white-space:nowrap }

/* widths */
#frame, #header, #header-separator, #cont-bkg, #footer, #front-ad { width: 1184px; }
#header-banner { width:1219px; position:relative; margin-left: -35px; 
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

#frame { margin:0 auto; }

#header-separator {
	clear:both;
	height: 8px;
}
#header-banner { clear:both; height:126px; }

#header-banner .home {
	position: absolute;
	display:block;
	top: 5px; left: 5px;
	width:145px;
	height:100px;
}
#header-banner .home span { display: none; }
#header-banner p { font-weight:bold; position: absolute; }
#header-title { font-size:25px; top:30px; left:190px; color:#FFF;}
#header-slogan { font-size:15px; top:70px; left:190px; color:#000; }

#top-menu {
	list-style:none;
	margin-top:5px;
}
#top-menu li { 
	float:left; 	
}
#top-menu li a {
	float:left;
	display: block;
	height:50px;
	background:transparent url("img/icons.png") no-repeat; overflow:hidden;
	font-size:0.7em;
	font-weight:bold;
	text-decoration: none;
	color: #000;
}
#top-menu li a span {
	display: table-cell; 
	vertical-align:middle;
	height:60px;
	width: 78px;
}
#top-menu li.tm1 a { background-position: 0 -10px; padding-left:60px; }
#top-menu li.tm2 a { background-position: 10px -70px; padding-left:48px; }
#top-menu li.tm3 a { background-position: 10px -130px; padding-left:48px; }
#top-menu li.tm4 a { background-position: 10px -190px; padding-left:48px; }
#top-menu li.tm5 a { background-position: 10px -250px; padding-left:44px; }
#top-menu li.tm6 a { background-position: 10px -310px; padding-left:54px; }
#top-menu li.tm7 a { background-position: 10px -370px; padding-left:67px; }
#top-menu li.tm8 a { background-position: 10px -430px; padding-left:62px; }
#top-menu li.tm9 a { background-position: 10px -490px; padding-left:41px; }


#cont-bkg { background: #FFF url(img/frame-bg.png) repeat-y; clear:both; }

#lcol, #content, #rcol { float: left; }
#lcol { width: 228px; }
#rcol { width: 228px; } /* -54px */
#content { width:604px; /* 54px +676px - 2*62px -1px */}

#frame.eteaching #content { width:832px; }
#frame.eteaching #cont-bkg { background: #FFF url(img/frame-bg-et.png) repeat-y; }

#lcol, #rcol { background: #ecf0f1 url(img/top-lshade.png) repeat-x top; }
#content { background: #fff url(img/top-shade.png) repeat-x top; }

/*#lcol:before { content: "\00BB \0020";  }*/
/*#lcol span { padding: 12px; color: #FFF; font-size: 3em; }
#lcol h1 { padding: 1em 1.3em; line-height: 1.3em; font-weight:bolder; color:#000; }*/
#lcol ul { list-style: none; margin-top:2em; padding: 1.2em 0; font-weight: bold; font-size: .75em;}
#lcol ul ul { list-style: none; margin-top:0; padding: 0.3em 0 0.3em 1.5em; font-weight: normal; font-size: .9em;}
#lcol li {  border-bottom:1px solid #fff; }
#lcol li a { padding-left:1.3em; display: block; line-height: 24px; color: #000; }
#lcol li a:before { content: "\00BB \0020"; } /* » */
#lcol li a.active { background:#045f60; color:#fff;}
#lcol a { text-decoration: none; }
#lcol a:hover { background:#1a8c8c; color:#fff;}

#content { font-size: 0.8em; line-height: 1.2em; padding: 54px 62px; }
#content h1, #content .h1, .ourprice { color: #aa201e; }
#content h1, #content .h1 { font-size: 1.5em; font-weight:bold; padding-bottom: 0.8em; }
/*#content h2, #content .h2 { clear:left; }*/
#content h2, #content .h2, #content .blue { font-size: 1.2em; font-weight:bold; padding: 1.3em 0 .7em 0; }
#content h2, #content .h2, #content .blue, #content a { color: #047b81; } 
#content p { padding: 0.5em 0; }
#content p.sign { text-align:right; font-weight:bold; padding: 0 0 2em 0; margin-top: -0.2em; }
#content p.glueup { padding-top: 0; margin-top: -0.2em; }
#content p.textbook { clear:both; margin-bottom: -1.4em; }
#content p.textbook img { float: left; margin:0; padding: 0 1em 0 0;}
#content p.textbook strong { display:block; padding-top: 1.2em; }

/*
#content .imgframe { border: 0px; background: #abcdef; pposition: relative; }
#content .imgframe img { border: 0px; padding: 24px; }
#content .imgframe div {
	 background-image: url(img/image_frame.png); width: 24px; height: 24px; overflow: hidden; position: absolute; 
}
#content .imfrtl { top:0; left: 0; }
#content .imfrtr { top:0; right: 0; background-position: top right; }
#content .imfrbl { bottom:0; left: 0; background-position: bottom left; }
#content .imfrbr { bottom:0; right: 0; background-position: bottom right; }
#content .imfrtop { top:0; left: 0; border:1px solid blue; width: 100%; height: 100%; }
*/
#content ul { padding: 0.5em 0 0.5em 1.2em; }
#content ol { padding: 0.5em 0 0.5em 1.7em; }

#rcol { min-height: 100px; font-size: 0.8em; padding-top:1.5em;}
#rcol .radd { padding:1em 0 0 0; }
#rcol .rhead { 
	font-size: 1.2em; line-height:1.3em; 
	color:#000; border-bottom: 1px solid #000; border-top: 1px solid #000; 
	margin: 0 1em;
	text-align:center;
}
#rcol p { padding: 1em; }
#rcol a span { display:block; }
#rcol a span.caps { display:inline;white-space:nowrap }
/* #rcol a { text-decoration:none; } */

table { width: 100%; line-height:1.3em; font-size: 0.8em; padding: 1em 0; }
th, td { padding: 5px; vertical-align: middle; }
th { background: #f9b049; font-weight: bold; }
td { text-align:center; height: 12px; background: #eef0ef; }
td.even { background: #dcdddf; }
th.blue, td.blue { padding: 8px; /*font-size: 1.8em;*/}

table.contact, table.kontakt { font-size: 1em; }
table.contact th, table.contact td { background: #fff; }
table.kontakt th, table.kontakt td { background: #fff; }

table.courses { font-size: 0.9em; }
table.courses tr.course-header td { background: #fff; }
table.courses td { background: #eef0ef; text-align:left; }
table.courses td.center { text-align:center; }
table.courses .th td { font-weight:bold; background: #f9b049; text-align:center; }
table.courses td  p { padding-bottom: 0; margin-bottom: 0; }

table.formular { width:100%}
table.formular tr td { text-align:left; padding:0.5em 1.5em; }
table.formular tr td input,
table.formular tr td select,
table.formular tr td file {width:355px;background: #eef0ef}
table.formular tr td textarea {width:566px;background: #eef0ef}
table.formular tr td input.auto {width:auto}
table.formular .mandatory { background-color:#FFF;}

/*col { background: #eef0ef; }
col.even { background: #dcdddf; }*/


#footer {
	/* position:absolute; bottom:0; */
	clear:both;
	font-size: 55%;
	font-weight: normal;
	line-height: 18px;
	color: #0e3403;
	background-color: #fff;
}
#footer .hr {
	border: 0;/*1px solid #bababc; */
	background-color: #dedee0; /*#b4b5b9;*/
	height: 2px;
}
#footer p { float:right; }
#footer a {
	text-decoration: none;
	color: #0e3403;	
}

#bot-menu {
	list-style:none;
	float:left;
}
/*#bot-menu ul { padding-left: -10em; }*/
#bot-menu li { float:left; }
#bot-menu li a { padding: 0 0.35em; }
#bot-menu li a, #bot-menu li a span { white-space: nowrap; } 

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.nowrap { white-space: nowrap; }


img.left, a.left { float: left; margin:0; padding: 0 1em 0 0; }
img.right,img.nation-map, a.right { float: right; margin:0; padding: 0 0 1em 0; }
img.nation-map { margin-top: -3.5em; }
/******************************************************************************/
#world-map {
	clear:both;
	width: 1280px; /*1044px;*/
	height: 474px;
	background:url(img/world-map.jpg) no-repeat;
	position:relative;
	top: 0;
	margin-left: -96px;
}

#top-ad, #top-words {
	position:absolute;
	left: 564px;
	top: 24px;
	width: 215px;
	height: 165px;
	padding: 0.5em 1.5em;
	text-align: center; 
}
#top-ad big, #top-words big { font-size:4.4em; font-weight: bold; color: #fff; }
#top-ad em, #top-words em { position: relative; top:-10px; font-size:2.9em; font-weight: bold; font-style:normal; color: #f3da1b; }
#top-ad span, #top-words span { position: relative; top:-12px; font-size:1.2em; font-weight: bold; font-style:normal; color: #000; }
#rmcol {
	float:right;
	width: 395px;
	text-align:right;
	padding: 1em 0;
}
#rmcol span.green { font-size: 2.2em; line-height:1.1em; font-weight: bold; padding-bottom:.5em; color:#0f676b; }
#rmcol h1 { font-size: 1.0em; line-height:1.0em; font-weight: bold; padding-top:1em }
#rmcol h2 { font-size: 1.0em; line-height:1.0em; font-weight: bold; padding-top:0em } 
#rmcol p { font-size:0.8em; line-height:1.3em; padding: .5em 0/*.5em*/ .5em 2.8em; color: #525252; }
#rmcol .big { font-size: 1.05em; font-weight:bold; padding: .5em; color: #000; }
#rmcol a {font-weight:bold; color: #c32a2f; font-size:0.95em;}

.front-advert { float:left; padding-bottom: 2em;}
.front-advert a { text-decoration:none; display:block; padding:1.3em; }
.front-advert table { background:transparent; width:auto; padding: 0;}
.front-advert td, 
.front-advert th { background: transparent; text-align:left; padding:0; margin:0; }
/*.front-advert a { padding: 1.3em; }*/ 
.front-advert h3 { color: #c62f34; font-weight:bold; font-size:1.3em; padding:0.3em 0; }
.front-advert strong { font-size:1.1em;}
.front-advert p { color: #000; font-size:0.7em; line-height:1.1em; }

.front-advert form { padding: 1em 1.3em; }
.front-advert select { width: 180px; } 

        
#world-map .lang-cs, #world-map .lang-en { 
	position:absolute; font-weight:bold; font-size:0.9em; text-decoration: none;
	color: #000;
	width: 142px;
	height: 67px;
	top: 406px;
	line-height: 90px;
} 
#world-map .lang-cs { left: 397px; text-align: left; }
#world-map .lang-en { left: 539px; text-align: right; }

#header-banner .lang-cs, #header-banner .lang-en {
	position:absolute;
	right:-36px;
	width:35px; 
	height:20px;
	background: url("img/lang_icons.jpg") no-repeat; overflow:hidden;
}
#header-banner .lang-cs { background-position: 0px -2px;  }
#header-banner .lang-en { background-position: 0px -22px; }
#header-banner a span { display: none; }

.galery_frame { margin: 0 -20px }
.galery_item { float:left; width:214px; text-align:center; padding:1em 0}
.galery_title, .galery_date { font-weight:bold; }
.galery_title {font-size: 1.1em; color: #aa201e; line-height: 0.8em; margin-top:0.25em }
.galery_date { font-size: 0.9em; line-height: 0.3em; color:#0f676b; }
.galery_item .galery_date { color: #000;}
.galery_caption { margin-top:2em }

/******************************************************************************/
div.test { margin: 0; padding: 0; }
div.testy p { margin: 3px 0 7px 0; }
div.testy form { margin-top: 15px; }
#clock { 
	text-align:right; 
	padding-right:20px;
	font-family: tahoma, "courier new";
	font-size: 10px;
}
/******************************************************************************/
.sa_front_login {
	position: absolute;
	bottom:0;
	right:0;
	font-size:0.8em;
}
.sa_front_login form { line-height:1.8em; padding-bottom:4px }
.sa_front_login div { text-align:left; }
.sa_front_login input { width: 80px; }

#facebook-btn { border:none; overflow:hidden; position:absolute; width:280px; height:30px; top:444px; left:102px }
#facebook-box { border:none; overflow:hidden; position:absolute; width:292px; height:62px; top:416px; left:94px }