* {	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; margin: 0; padding: 0; }
body { font-size: 0.8em; color: #444; }

img { border: 0; }

a { color: #00A5CE; }
a:hover { text-decoration: none; }

#main { margin: 0 auto; position: relative; width: 980px; }

#logo h1 a { float: left; background:transparent no-repeat; display:block; font-size:10px; width: 239px; height:58px; position:relative; top: 0px; text-decoration: none;}
#logo h1 span { background: url("images/logo.gif") no-repeat; display:block; height:58px; left:0px; position:absolute; top:0px; width:239px; z-index:1; cursor: pointer; }

.left, #logo, #links, #top, #header, .news, .news .img, #menu, #boxes, #calendar, .cal, .cal-active, .calDay, #news-boxes, #news, #schedule, #more-news-box, #student-panel, #employee-panel, .box, .box2, .news-box, .more-news-box { float: left; }
.right, #header-navigation ul, #header-navigation, #search, #footer-navigation ul, #footer-navigation { float: right; }

#top { width: 980px; }
	#top a { color: #fff; }
	#top #links { color: #898989; padding: 14px 0; }
	#top #search { padding: 10px 0; }
		#top #search .button { background: url('images/bg/button-top.gif') no-repeat; border: 0px; width: 60px; height: 25px; text-align: center; font-weight: bold; color: #fff; font-size: 0.8em; margin: 0; }
		#top #search input.input { border: 1px solid #DEDEDE; background: url('images/bg/input.gif') repeat-x; height: 18px; padding: 2px; }
		
#header { width: 980px; }
	#header #logo { padding: 15px 0; }
	#header #header-navigation { padding: 10px 0; }
	
li { list-style-type: none; background: url("images/li.gif") no-repeat left top; padding-left: 8px; margin-bottom: 8px; }
ul#folders li { list-style-type: none; background: url("images/icons/folder.gif") no-repeat left top; padding-left: 24px; margin-bottom: 8px; }
.english { margin: 48px 20px 0 0; }
.rss { margin: 21px 20px 0 20px; line-height: 1.8em; }

#student-panel { display: block; width: 310px; height: 13px; background: #555B60; font-weight: bold; color: #fff; padding: 3px 5px; font-size: 0.8em; }
#employee-panel { display: block; width: 650px; height: 13px; background: #00A5CE; font-weight: bold; color: #fff; padding: 3px 5px; font-size: 0.8em; }

ul#menu-gray li { float: left; list-style-type: none; margin: 0; padding: 0; }
ul#menu-gray li a { float: left; display: block; width: 159px; height: 30px; background: url('images/bg/menu-gray.gif') no-repeat; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold; padding-top: 12px; text-decoration: none; border-top: 2px solid #fff; border-right: 2px solid #fff; }
ul#menu-gray li a:hover { color: #333; }
ul#menu-gray li a.long { width: 159px; padding-top: 4px; height: 38px; border-right: 0px; }

ul#menu-blue li { float: left; list-style-type: none; margin: 0; padding: 0; }
ul#menu-blue li a { float: left; display: block; width: 163px; height: 30px; background: #50B7D0 url('images/bg/menu-blue.gif') no-repeat; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold; padding-top: 12px; text-decoration: none; border-top: 2px solid #fff; border-left: 2px solid #fff; }
ul#menu-blue li a.active { float: left; display: block; width: 163px; height: 30px; background: #50B7D0 url('images/bg/menu-blue-active.gif') no-repeat; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold; padding-top: 12px; text-decoration: none; border-top: 2px solid #fff; border-left: 2px solid #fff; }
ul#menu-blue li a:hover { color: #333; }
ul#menu-blue li a.active:hover{ color: #fff; }
ul#menu-blue li a.long { padding-top: 4px; height: 38px; border-right: 0px; }

#right-column h1 { font-size: 1.4em; color: #00A5CE; margin-bottom: 10px; }
#right-column h2 { font-size: 1.2em; color: #00A5CE; margin-bottom: 10px; }
#right-column p { padding: 8px 0; }

#boxes { width: 980px; margin-top: 2px; }
.box { width: 145px; height: 139px; background: #fff url('images/bg/box-separator.gif') no-repeat top right; font-size: 0.9em; padding: 8px; }
.box2 { width: 148px; height: 139px; background: #fff url('images/bg/box-separator.gif') no-repeat top right; font-size: 0.9em; padding: 8px; }
.box ul, .box2 ul { margin-top: 10px; }

.news-box { display: block; width: 321px; height: 32px; padding-top: 15px; background: #fff url('images/bg/news-bg.gif') repeat-x; font-weight: bold; color: #2CB4D6; text-align: center; font-size: 1.1em; }
.more-news-box { display: block; width: 338px; height: 32px; padding-top: 15px; background: #fff url('images/bg/more-news-bg.gif') repeat-x; font-weight: bold; color: #555B60; text-align: center; font-size: 1.1em; }

.leftNews { border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; padding-right: 4px; }
.leftNews strong { display: block; color: #00A5CE; margin: 10px 0 3px 0; }
.leftNews span { display: block; }
.leftNews div { margin-top: 6px; }

#news-boxes { margin-top: 8px; padding-bottom: 8px; border-bottom: 1px dotted #bebebe; }
#news { width: 321px; color: #5d5d5d; font-size: 0.9em; margin-top: 10px; }
#more-news-box { width: 321px; color: #5d5d5d; font-size: 0.9em; margin-top: 10px; border-left: 1px dotted #bebebe; padding-left: 10px; }
	#more-news-box ul li { margin-bottom: 25px; }
#schedule { width: 310px; border-left: 1px dotted #bebebe; margin-top: 10px; padding-left: 10px; }

.middle { vertical-align: middle; }

.news .img { padding: 1px; border: 1px solid #dadada; margin: 5px 10px 45px 10px; }
.data { margin: 5px 0; }
	.news strong img { border: 0; padding: 0; vertical-align: middle; }

#calendar { width: 310px; margin: 10px 0; border-top: 1px dotted #bebebe; padding-bottom: 10px; }
.cal { background: #fff url('images/bg/calendar.gif') repeat-x; width: 48px; height: 39px; text-align: center; padding-top: 6px; font-weight: bold; margin: 3px 10px 0 0; }
.cal-active { background: #fff url('images/bg/calendar-active.gif') repeat-x; color: #fff; width: 48px; height: 39px; text-align: center; padding-top: 6px; font-weight: bold; margin: 3px 10px 0 0; }
.calDay { margin-top: 10px; }

#breadcrumb { float: left; margin: 16px 0 15px 0; }
#info { float: right; margin: 15px 0; }
	#info img { vertical-align: middle; margin-left: 10px; }
	
#left-column { clear: left; float: left; width: 220px; }
#right-column { float: right; width: 737px; border-right: 2px solid #C2C2C2; border: 1px dotted #BEBEBE; border-left: 2px solid #C2C2C2; padding: 10px; }
#right-column li { list-style-type: none; background: url("images/right-li.gif") no-repeat left top; padding-left: 8px; margin-bottom: 3px; }
#right-column h2 { font-size: 1.4em; margin: 0; }
#right-column h3 { font-size: 1.2em; margin: 10px 0; }
#right-column .news-box { display: block; width: 368px; height: 32px; padding-top: 15px; background: #fff url('images/bg/news-bg.gif') repeat-x; font-weight: bold; color: #2CB4D6; text-align: center; font-size: 1.1em; }
#right-column #schedule { width: 355px; border-left: 1px dotted #bebebe; margin-top: 10px; padding-left: 10px; }
#right-column #calendar { width: 355px; margin: 10px 0; border-top: 1px dotted #bebebe; padding-bottom: 10px; }
#right-column #more-news-box { width: 348px; color: #5d5d5d; font-size: 0.9em; margin-top: 10px; border-left: 0px; padding: 0 10px; }
#right-column .more-news-box  { display: block; width: 368px; height: 32px; padding-top: 15px; background: #fff url('images/bg/more-news-bg2.gif') repeat-x; font-weight: bold; color: #555B60; text-align: center; font-size: 1.1em; }
#right-column .img { padding: 4px; border: 1px solid #dadada; margin: 5px; }
#menu-left-bg { background: #fff url('images/bg/town-bg.gif') repeat-x; height: 31px; color: #555B60; font-weight: bold; text-align: center; padding-top: 19px; border-bottom: 2px solid #bebebe; }
.publication { background: #fff url('images/bg/town-bg.gif') repeat-x; padding: 10px; border-bottom: 1px dotted #bebebe; font-size: 0.9em; line-height: 1.5em; }

.rc1 { width: 370px; }
.rc2 { width: 350px; }
.rc3 { font-size: 1.5em; text-align: right; }
.rc2  a.strong { font-weight: bold; color: #555B60; }

#main h2 { font-size: 1.4em; margin: 10px 0; }
#main h3 { font-size: 1.2em; margin: 10px 0; }

ul#menu-left li { list-style-type: none; background: none; margin: 0; padding: 0; }
ul#menu-left li.stupen { display: block; color: #000; font-weight: bold; padding: 10px 20px; background: #E6F5F8 url("images/bg/stupen.gif") no-repeat left top; width: 180px; border-bottom: 1px dotted #bebebe; }
ul#menu-left li a { display: block; color: #000; padding: 10px 20px; background: url("images/bg/town.gif") no-repeat left center; width: 180px; border-bottom: 1px dotted #bebebe; }
ul#menu-left li a:hover, ul#menu-town li a.active { color: #00A5CE;  }
ul#menu-left li a.active { color: #00A5CE; font-weight: bold; background: url("images/bg/town-active.gif") no-repeat left top; }

.order-by { background: #DDF0F5; padding: 7px; line-height: 1.5em; }
.order-by input.text { width: 195px; }
input.button { margin: 3px 0; }
.order-by input.search { background: url("images/bg/search2.gif") no-repeat; width: 98px; height: 30px; font-weight: bold; border: 0; color: #fff; text-transform: uppercase; font-size: 0.8em; padding-left: 14px; vertical-align: middle; margin-top: 3px; }
#hotline { background: url("images/hotline.jpg"); width: 120px; height: 63px; margin-left: 8px; padding: 27px 0 0 80px; text-align: center; color: #00A5CE; font-weight: bold; text-transform: uppercase; line-height: 1.6em; }
#hotline div { color: #555B60; }

#prihlaska { margin: 15px 0; background: url("images/bg/prihlaska.jpg"); width: 650px; height: 82px; padding: 5px 0 0 85px; }
#tabs { float: left; width: 735px; border-bottom: 3px solid #C6DEE5; }
#tabs li { float: left; margin: 0; padding: 0; }
#tabs li a { float: left; display: block; color: #000; padding-top: 10px; background: url("images/bg/tab.gif") no-repeat left center; width: 135px; height: 26px; margin-right: 5px; text-align: center; }
#tabs li a.active { float: left; display: block; color: #000; padding-top: 10px; background: url("images/bg/tab-active.gif") no-repeat left center; width: 135px; height: 26px; margin-right: 5px; text-align: center; font-weight: bold; }
.tab { clear: both; padding: 10px; }

#tabs-index { float: left; width: 980px; border-bottom: 3px solid #C6DEE5; }
#tabs-index li { float: left; margin: 0; padding: 0; }
#tabs-index li a { float: left; display: block; color: #000; padding-top: 10px; background: url("images/bg/index-tab.gif") no-repeat left center; width: 200px; height: 26px; margin-right: 5px; text-align: center; }
#tabs-index li a.active { float: left; display: block; color: #000; padding-top: 10px; background: url("images/bg/index-tab-active.gif") no-repeat left center; width: 200px; height: 26px; margin-right: 5px; text-align: center; font-weight: bold; }

#tabs-content { float: left; width: 735px; border-bottom: 3px solid #C6DEE5; }
#tabs-content li { float: left; margin: 0; padding: 0; }
#tabs-content li a { float: left; display: block; color: #000; padding-top: 10px; background: url("images/bg/index-tab.gif") no-repeat left center; width: 200px; height: 26px; margin-right: 5px; text-align: center; }
#tabs-content li a.active,#tabs-content li a:hover { float: left; display: block; color: #000; padding-top: 10px; background: url("images/bg/index-tab-active.gif") no-repeat left center; width: 200px; height: 26px; margin-right: 5px; text-align: center; font-weight: bold; }

#register { background: url("images/bg/blue-bg.gif") repeat-x; padding: 10px; margin: 10px 0; }
#register table { width: 100%; }
#register table img { vertical-align: middle; }
#register table td { padding: 10px; font-weight: bold; }
#register table td.bg { background: #eee; }
#register input.input, #register select.input { width: 320px; background: url("images/bg/input2.gif") no-repeat; border: 1px solid #dedede; padding: 3px; }
input.search { background: url("images/bg/search.gif") no-repeat; width: 98px; height: 30px; font-weight: bold; border: 0; color: #fff; font-size: 0.8em; padding-left: 14px; vertical-align: middle; }

table#search { width: 100%; margin: 15px 0; }
table#search td { padding: 5px; }
table#search td a { font-weight: bold; }
table#search td.bg1 { background: #eee; border-right: 2px solid #fff; }
table#search td.bg2 { background: #fff; border-right: 2px solid #eee; }

.paging { margin: 15px 0; font-size: 0.9em; }
.paging a { background: #00A5CE; padding: 4px 8px; font-weight: bold; color: #fff; text-decoration: none; }
.paging a:hover { background: #fff; padding: 3px 6px; font-weight: bold; color: #00A5CE; border: 2px solid #00A5CE; }
.paging a.active { background: #fff; padding: 3px 6px; font-weight: bold; color: #333; border: 2px solid #333; }

.conference { float: left; margin: 10px 0; }
.conference .cal strong { color: #fff; font-size: 1.4em; }
.conference .cal { float: left; background: #fff url('images/bg/calendar2.gif') repeat-x; width: 51px; height: 44px; text-align: center; padding-top: 5px; font-weight: bold; margin: 3px 10px 0 0; line-height: 1.5em; }
.conference .info { font-size: 0.9em; float: left; border-bottom: 1px dotted #d4d4d4; width: 650px; padding: 5px; }
.conference .info a { font-weight: bold; }
.conference .info table { font-size: 0.95em; width: 100%; }
.conference .info table a { text-decoration: none; font-weight: normal; }
.conference .info table h2 a { text-decoration: underline; font-weight: bold; font-size: 0.9em; margin: 0; padding: 0; }
.conference .info table h2 a:hover { text-decoration: none; }

table#conference { margin: 15px 0; }
table#conference td { padding: 3px 5px; border-bottom: 1px solid #eee; }
table#conference td.bg { background: #eee; border-bottom: 1px solid #fff; }
table#conference td a { font-size: 0.9em; }

#newsletter { background: url("images/bg/newsletter.jpg") no-repeat; width: 555px; height: 71px; margin: 15px 0; padding: 5px 0 0 20px; }
#newsletter input { width: 130px; margin-right: 20px; }
#newsletter strong { font-size: 1.3em; display: block; margin: 5px 0; }
#newsletter input.submit { background: url("images/bg/newsletter.gif") no-repeat; width: 93px; height: 29px; border: 0; color: #fff; font-weight: bold; font-size: 0.8em; margin-top: -2px; }

.update { color: #999; font-size: 0.8em; }

.cleaner { clear: both; }

table#tableData td { padding: 10px; }
table#tableData td h2 { font-weight: bold; }
.bg1 { background: #fafafa; padding: 5px; }
.bg2 { background: #eee; padding: 5px; }
.bg3 { background: url("images/bg/blue-bg.gif") repeat-x; padding: 5px; }

#podujatie { background: url("images/bg/podujatie.jpg") no-repeat; width: 175px; height: 100px; padding: 5px 10px; margin: 15px 0 0 15px; }
#podujatie a { font-weight: bold; font-size: 0.9em; text-align: center; padding-top: 15px; margin: 5px 0; }
#podujatie strong { display: block; font-size: 1.25em; }
.results { margin: 15px 0; border-top: 1px dotted #d4d4d4; line-height: 1.7em; } .results strong { display: block; margin: 5px 0; }

#footer-box h2 { color: #fff; font-size: 1.3em; margin-top: 10px; }
#footer-box h3 { color: #555B60; font-size: 1.2em; margin: 10px 0; }

#footer-box { float: left; background: #555B60 url('images/bg/footer-bg.gif') repeat-x; width: 100%; }
#footer-content { margin: 0 auto; position: relative; width: 980px;  }

#schools { float: left; width: 960px; background: #ffffdf; padding: 0 10px 10px 10px; font-size: 0.9em; }
	#schools .left { float: left; width: 300px; }
	img.bgtop { margin-bottom: -3px; }
#footer-links { float: left; color: #AFB4B8; padding-bottom: 30px; margin-top: 10px; }
#footer-links a, #footer-navigation a { color: #AFB4B8; }
#footer-links img { display: block; margin: 3px 0; }

#footer-navigation { margin-top: 17px; }
#footer-navigation li { list-style-type: none; background: url("images/footer-li.gif") no-repeat left top; padding-left: 8px; margin-bottom: 8px; }

fieldset { border: 1px solid #64BFD6; border-top: 2px solid #3F9BB2; padding: 10px; margin-bottom: 10px; }
fieldset p.info { margin-bottom: 10px; }
fieldset legend { font-weight: bold; padding: 0 5px; }
fieldset textarea { border: 1px solid #dedede; padding: 3px; font-size: 1em; background: url("images/bg/textarea.gif") no-repeat; }
.textarea { border: 1px solid #dedede; padding: 3px; font-size: 1em; background: url("images/bg/textarea.gif") no-repeat; }
input.text { background: url("images/bg/input2.gif") no-repeat; border: 1px solid #dedede; padding: 3px; }
select.select { background: url("images/bg/input2.gif") no-repeat; border: 1px solid #dedede; padding: 3px; }

.export_info { color: #999; font-size: 0.8em; text-align: right }
.req { font-weight: bold; color: red; }
.error { padding: 10px; font-weight: bold; color: #fff; background: #aa0000; margin-bottom: 10px; }
.message { padding: 10px; font-weight: bold; color: #333; background: #ffffcf; margin-bottom: 10px; }

.question { padding: 10px; background: url("images/bg/question.gif") repeat-x; }
.answer { padding: 10px 10px 10px 35px; background: url("images/bg/answer.gif") repeat-x; }

#skolyBox { background: #767E84; }
#skolyContent { margin: 0 auto; position: relative; width: 1005px; margin-top: 10px; padding-bottom: 10px; }
#skolyContent h2 { padding: 10px 0; color: #fff; font-size: 1.2em;}
#skoly { background: url('images/bg/vs.jpg') no-repeat; width: 975px; height: 287px; padding: 15px; }
#skoly a { text-decoration: none; font-size: 0.85em; }
#skoly a:hover { text-decoration: underline; }
#skoly h3 { margin-bottom: 10px; }
#skoly .box3 { float: left; width: 235px; height: 280px; padding-left: 10px; border-left: 1px dotted #ccc; }

#helpdesk { margin: 15px 0 15px 10px; padding: 8px 0 0 60px; background: url("images/bg/helpdesk.gif") repeat-x; width: 140px; height: 85px; line-height: 15px; } #helpdesk span, #helpdesk div { padding: 3px 0; }
#helpdesk strong.email a { font-size: 0.9em; font-weight: normal; color: #666; } 
#helpdesk strong.phone { font-size: 0.9em; color: #E30008; } 
#helpdesk span { font-size: 1.1em; font-weight: bold; display: block; }