* { margin: 0; padding: 0; }
body { background: #37b7e3 url(../img/bg.jpg) repeat-x; font-family: "Trebuchet MS", Arial, sans-serif; }
.off { position: absolute; left: -2300px; width: 1px; height: 1px; overflow: hidden; }
.clear { height: 1px; overflow: hidden; clear: both; float: none; }
a img { border: none; }
p.date { color: #999; text-transform: uppercase; font-size: 11px; }
p.date * { text-transform: none; }
.nowrap { white-space: nowrap; }

/** header **/
#header { height: 150px; width: 910px; margin: 0 auto; position: relative; background: url(../img/banda.png) 730px bottom no-repeat; }
#header #logo { position: absolute; left: 15px; top: 28px; width: 154px; height: 62px; overflow: hidden; }
#header #logo a { display: block; height: 100%; background: url(../img/logo.png) no-repeat; }
#header #enroll { position: absolute; left: 455px; top: 20px; width: 262px; height: 84px; overflow: hidden; }
#header #enroll a { display: block; height: 100%; background: url(../img/enroll.png) no-repeat; }
#header #enroll2 { display: block; position: absolute; right: 0; top: 0px; width: 250px; height: 150px; }

/** topmenu **/
#topmenu { position: absolute; bottom: 0; height: 52px; }
#topmenu li { list-style: none; float: left; padding: 10px; height: 32px; font-weight: bold; font-size: 16px; position: relative; }
#topmenu li a { text-decoration: none; display: block; padding: 5px; color: #687881; }
#topmenu li:hover a { color: #2c91cb; background: url(../img/underline.gif) center bottom no-repeat; }
#topmenu li:hover .sub { display: block; }
#topmenu li.hover a { color: #2c91cb; background: url(../img/underline.gif) center bottom no-repeat; }
#topmenu li.hover .sub { display: block; }
#topmenu .sub { display: none; position: absolute; top: 52px; left: -5px; }
#topmenu .sub ul { background: #353d42 url(../img/mt.gif) left top repeat-x; padding: 15px 20px 4px 20px; }
#topmenu .sub ul li { float: none; padding: 5px 0; height: auto; }
#topmenu .sub ul li a { background: none; white-space: nowrap; padding: 0; color: #fff; font-weight: normal; font-size: 14px; }
#topmenu .sub ul li a:hover { text-decoration: underline; }

/* hack pro IE zakulaceni schova, zobrazi ho potom javascript, pokud je zapnuty a muze zakulaceni opravit */
#topmenu .subl { height: 11px; padding-left: 12px; background: url(../img/mbl.gif) left bottom no-repeat; #height: 0; #overflow: hidden; }
#topmenu .subr { height: 100%; padding-right: 12px; background: url(../img/mbr.gif) right bottom no-repeat; }
#topmenu .subc { height: 100%; background: #353d42; overflow: hidden; }

/** modrá motivační tabulka **/
#screen { width: 880px; margin: 0 auto; overflow: hidden; _overflow: visible; _height: 1px; padding: 15px 0 5px 0; color: #fff; }
#screen h1 { text-align: center; color: #a3ddff; font-weight: normal; font-family: Helvetica, Arial, sans-serif; font-size: 40px; padding-bottom: 29px; }
#screen h1 strong { color: #fff; font-weight: bold; }
#screen .sbox { float: left; height: 85px; padding: 10px 0 0 60px; }
#screen .sbox h2 { font-size: 17px; padding-bottom: 6px; }
#screen .sbox p { font-size: 12px; line-height: 20px; color: #d7ecf8; }
#screen #sbox1 { width: 255px; }
#screen #sbox4 { width: 255px; }
#screen #sbox2 { width: 220px; }
#screen #sbox5 { width: 220px; }
#screen #sbox3 { width: 225px; }
#screen #sbox6 { width: 225px; }

/** pozadí se stíny **/
#pagebg { background: url(../img/bgtop.jpg) center top no-repeat; min-height: 553px; }
#pagebg2 { background: url(../img/bgtop2.jpg) center top no-repeat; min-height: 553px; }

/** bila stranka **/
#paget { width: 880px; margin: 0 auto 30px; background: url(../img/page-top.gif) center top no-repeat; padding-top: 4px; }
#pageb { background: url(../img/page-bottom.gif) center bottom no-repeat; padding-bottom: 4px; }
#page { background: url(../img/page-bg.gif) repeat-y; overflow: hidden; _height: 1px; _overflow: visible; color: #666; } /* hack odstraňuje prapodivný invertní peekaboo bug v IE6 & IE7, díky němuž se bílé pozadí překreslí modrým */

/** bila stranka SP **/
#pagebg2 #paget { width: 910px; background: url(../img/page2-top.gif) center top no-repeat; }
#pagebg2 #pageb { background: url(../img/page2-bottom.gif) center bottom no-repeat; }
#pagebg2 #page { background: url(../img/page2-bg.gif) repeat-y; }

/** bottom menu **/
#bottommenu { width: 880px; height: 166px; margin: 0 auto 30px; background: url(../img/bottommenu.gif) no-repeat; overflow: hidden; }
#bottommenu ul { list-style: none; padding: 18px 0 0 20px; }
#bottommenu ul li { float: left; font-size: 12px; font-weight: bold; margin-right: 24px; }
#bottommenu ul li ul { padding: 15px 0 0; }
#bottommenu ul li ul li { float: none; margin: 0; font-weight: normal; line-height: 17px; font-size: 11px; }
#bottommenu ul li a { color: #fff; text-decoration: none; }
#bottommenu ul li a:hover { text-decoration: underline; }

/** footer **/
#footer { width: 880px; margin: 0 auto 30px; color: #d4ecf6; font-size: 13px; }
#footer p { padding: 0 20px; margin-bottom: 8px; color: #D7ECF8; }
#footer .l { float: left; }
#footer .r { float: right; }
#footer .menu { clear: both; }
#footer a { color: #D7ECF8; }
#footer a:hover { text-decoration: underline; color: white; }

/******************
 HP 
*******************/
#page a { color: #cc3052; }
#page .more a { border-bottom: 1px solid #ddd; font-weight: bold; text-decoration: none; color: #cc3052; }
#page .more a:hover { text-decoration: none; border-bottom: 1px solid #cc3052; }
#page .more { text-align: right; }

/** tri sloupce **/
#col1 { width: 596px; float: left; }
#col2 { width: 280px; float: left; padding: 30px 0; }
#col3 { width: 256px; float: right; padding: 30px 30px 30px 0; }
#col4 { width: 224px; float: right; padding: 30px; }

/** pravy sloupec **/
#col4 h2 { font-family: Helvetica, Arial, sans-serif; font-size: 26px; letter-spacing: -1px; color: #0072b1; }

/** odkaz na video **/
#col2 #invideo { height: 448px; }
#col2 #invideo a { display: block; height: 100%; background: url(../img/videolink.jpg) no-repeat; }

/** info uprostřed **/
#col3 h2 { font-family: Helvetica, Arial, sans-serif; font-size: 26px; letter-spacing: -1px; color: #0072b1; margin-bottom: 18px; }
#col3 p { margin-bottom: 20px; font-size: 15px; line-height: 22px; }

/** novinky **/
#col4 .new { border-top: 1px solid #ddd; margin-top: 24px; padding-top: 24px; font-size: 13px; line-height: 18px; }
#col4 .new h3 { color: #374045; font-size: 13px; text-decoration: none; }
#col4 .new h3 a { color: #374045; font-size: 13px; text-decoration: none; }
#col4 .new h3 a:hover { text-decoration: underline; }
#col4 .new div { margin-top: 16px; }
#col4 .new p { margin-bottom: 10px; }

/***********************
 SP
***********************/

/** nadpis a cesta **/
#subheader { width: 820px; margin: 0 auto; padding: 18px 30px 15px; }
#subheader h1 { color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 40px; font-weight: bold; margin-bottom: 15px; }
#subheader h1 abbr { border: none; }
#subheader .path { color: #a3ddff; text-align: right; font-size: 13px; }
#subheader .path a { color: #fff; }
#subheader .path a:hover { text-decoration: none; }

/** menu podstránky **/
#submenu { float: left; width: 266px; padding-top: 42px; }
#submenu a { color: #0092e4; text-decoration: none; }
#submenu a:hover { text-decoration: underline; }
#submenu li { padding: 12px 0 0 45px; height: 53px; font-size: 13px; margin-bottom: -25px; }
#submenu li.active { background: url(../img/submenu.png) left top no-repeat; }
#submenu li.active a { color: #687881; font-weight: bold; }

/** vyplnit přihlášku online **/
#submenu #vyplnit { padding: 30px 0 30px 45px; }
#submenu #vyplnit a { display: block; width: 190px; height: 140px; background: url(../img/vyplnit.png) no-repeat; overflow: hidden; position: relative; }
#submenu #vyplnit #pencil { position: absolute; width: 70px; height: 140px; background: url(../img/tuzka.gif) no-repeat; top: 0; left: 0; }
#submenu #vyplnit #pencila { display: none; position: absolute; width: 70px; height: 140px; background: url(../img/tuzka-anim.gif) no-repeat; top: 0; left: 0; }

/** content **/
#subcontent { width: 568px; float: right; padding: 30px 45px 30px 30px; font-size: 13px; color: #333; line-height: 1.7; }
#subcontent p { margin-bottom: 10px; }
#subcontent h2,h3,h4 { clear: both; }
#subcontent h2 { color: #f2305e; font-size: 22px; margin-bottom: 15px; }
#subcontent h2 a { color: #f2305e; }
#subcontent a { color: #0092e4; }
#subcontent a:hover { text-decoration: none; }
#subcontent .firstblock { color: #999; font-size: 22px; margin-bottom: 20px; line-height: 1.6; }
#subcontent img.floatleft { float: left; margin: 0 10px 10px 0; }
#subcontent img.floatright { float: left; margin: 0 0 10px 10px; }
#subcontent ul { list-style: none; margin-bottom: 20px; }
#subcontent ul li { padding-left: 20px; background: url(../img/li.png) 5px 0.6em no-repeat; }
#subcontent ol { padding-left: 20px; margin-bottom: 20px; }

#subcontent ul li ul { margin-bottom: 0; }
#subcontent hr { border: 1px solid #333; height: 1px; background: #333; padding: 0; margin: 0; margin-bottom: 20px; }
#subcontent img { padding: 2px; border: 1px solid #ddd; }
#subcontent blockquote { border: 1px solid #5ebbee; background: #eef9ff url(../img/quote.gif) right bottom no-repeat; padding: 15px 35px 15px 15px; font-style: italic; font-size: 13px; margin-bottom: 15px; } 
#subcontent blockquote p { margin: 5px 0; } 

/** sort **/
.sort table td, 
.sort table th { text-align: left; padding: 0 15px 2px 0; vertical-align: top; }
.sort table th * { vertical-align: text-top; }
.sort .sort-sort { margin-left: 8px; }
.sort table { margin-bottom: 15px; }
.sort img { border: none !important; padding: 0 !important; }
.pager a, 
.pager span.pager_inactive, 
.pager span.pager_set { margin: 0 5px 0 0; }
.pager span.pager_inactive { color: #999; }
.pager span.pager_set { font-weight: bold; }
.pager { margin-bottom: 15px; }

/** divsort **/
.sortheader img { border: none !important; padding: 0 !important; }
.sortheader img { vertical-align: middle; }
.sortheader { font-size: 11px; }
.sortheader select { font-size: 11px; }
.sortheader .sort-title { margin: 0 5px;  }

/****************************
 Galerie
****************************/

/** vypis galerii **/
h2.galtitle {  }
h2.galtitleclickable { padding-left: 30px; cursor: pointer; background: url(../img/galtitle.png) left center no-repeat; text-decoration: underline; }
h2.galtitleclickable:hover { text-decoration: none; }
h2.galtitleopen { background-image: url(../img/galtitleopen.png); }
.gallery h2 { font-size: 16px !important; white-space: nowrap; }
.gallery h2 a { color: #0072b1 !important; }
.gallery { width: 240px; height: 260px; float: left; margin: 5px; padding: 15px; text-align: center; overflow: hidden; }
.gallery p.img { height: 150px; }
.gallery a:hover img { border-color: #999 !important; }

/** vypis obrazku **/
.gal-image { width: 150px; height: 180px; float: left; margin: 3px; padding: 10px; text-align: center; overflow: hidden; }
.gal-image p { margin-bottom: 10px !important; font-size: 12px; }
.gal-image p.img { height: 140px; }
.gal-image a:hover img { border-color: #999 !important; }

/** lightbox **/
#ltbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; background: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
#ltcontent { position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: #fff; z-index: 999; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
#ltgalcontent { position: absolute; top: 0; left: 0; width: 72px; height: 32px; background: #fff; z-index: 999; padding: 10px 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
#ltgalcontent.label { width: 72px; height: 32px; padding: 10px 40px 50px; overflow: hidden; }
#ltimg { visibility: hidden; }
#ltlabel { visibility: hidden; position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; color: #000; padding: 14px 0; font-size: 12px; font-weight: bold; z-index: 1001; white-space: nowrap; }
#ltcont { width: 100%; height: 100%; margin: 0; padding: 0; }
#ltprev { display: block; width: 40px; height: 100%; background: url(../img/prev.png) center center no-repeat; position: absolute; left: 0; top: 0; cursor: pointer; }
#ltnext { display: block; width: 40px; height: 100%; background: url(../img/next.png) center center no-repeat; position: absolute; right: 0; top: 0; cursor: pointer; }
#ltloading { width: 100%; height: 100%; background: url(../img/loading.gif) center center no-repeat; }
#ltprev:hover, #ltprev.hover { background-image: url(../img/prevh.png); }
#ltnext:hover, #ltnext.hover { background-image: url(../img/nexth.png); }

/*******************************
 Mapa stránek
*******************************/
ul.sitemap { margin-bottom: 0 !important; }

/***********************
 uredni deska
************************/
.warnold { font-weight: bold; }
.office_board { margin: 30px 0; }
.office_board .category { font-weight: bold; }
.office_board h2 { margin-bottom: 0 !important; }

/*************************
 vyjizdeci udelatka
*************************/
#loginpos { width: 880px; margin: 0 auto; position: relative; }

#login { position: absolute; top: 30px; right: -37px; height: 130px; width: 37px; padding-top: 7px; background: url(../img/login-top.png) right top no-repeat; cursor: pointer; }
#login2 { height: 100%; padding-bottom: 7px; background: url(../img/login-bottom.png) right bottom no-repeat; }
#login3 { height: 100%; background: #374045 url(../img/login-label.png) right center no-repeat; }
#logincont { position: absolute; top: 0; height: 136px; left: 0; right: 37px; _right: auto; background: #fff; border: 4px solid #374045; border-right: none; cursor: auto; overflow: hidden; _width: 0px; }

#logincont a { display: block; width: 40px; height: 40px; margin: 14px 7px; float: left; }
#loginsis { background: url(../img/login-sis.png) center center no-repeat; }
#loginint { background: url(../img/login-int.png) center center no-repeat; }
#loginmail { background: url(../img/login-mail.png) center center no-repeat; clear: left; }
#loginmail2 { background: url(../img/login-mail2.png) center center no-repeat; }
#logincont2 { width: 120px; }

#search { position: absolute; top: 174px; right: -37px; height: 40px; width: 37px; background: url(../img/search-border.gif) right top no-repeat; cursor: pointer; }
#searchcont { position: absolute; right: 37px; left: 0; top: 0; height: 32px; background: #fff; border: 4px solid #536068; border-right: none; cursor: auto; overflow: hidden; _width: 0px; white-space: nowrap; }
#searchcont input.text { position: absolute; top: 5px; left: 5px; border: 1px solid #374045; width: 150px; height: 16px; padding: 2px; margin: 0; }
#searchcont input.button { position: absolute; top: 5px; left: 168px; border: 1px solid #374045; width: 60px; height: 22px; margin: 0; font-weight: bold; cursor: pointer; }

#facebook { position: absolute; top: 214px; right: -37px; height: 87px; width: 37px; background: url(../img/facebook.png) right top no-repeat; }
#facebook a { display: block; height: 100%; overflow: hidden; }

#english { position: absolute; top: 0px; right: -25px; height: 37px; width: 40px; background: url(../img/english-border.png) right top no-repeat; }
#english a { display: block; height: 100%; overflow: hidden; }

/******************
 VIDEO 
*******************/
#pagebg2 #paget.video { width: 880px; background: url(../img/page3-top.gif) center top no-repeat; }
#pagebg2 #paget.video #pageb { background: url(../img/page3-bottom.gif) center bottom no-repeat; }
#pagebg2 #paget.video #page { background: #fff; padding: 30px; }
#flash_container { width: 629px; height: 437px; overflow: hidden; margin: -30px -30px 0 -31px; }
#flash_container object { display: block; }
#flash_container div { text-align: center; }
#videomenu { border: 1px solid #dbe6e9; border-width: 1px 0; background: #eef9ff; margin: 0 -30px 30px -32px; #margin-left: -33px; #position: relative; #left: -2px; #border-top-width: 2px; #top:-1px; padding: 10px; font-size: 11px; font-family: tahoma; }

#videomenu.rozcestnik { text-align: center; margin-top: -16px; }
#videomenu.rozcestnik a { margin: 0 20px 0 10px; font-size: 20px; font-weight: bold; line-height: 1.3; }