/* css reset */
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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ul, ul li { margin: 0; padding: 0; list-style: none }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}
/* 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;}
th { text-align: left; }
input, textarea, button, select { font-family: Arial, sans-serif; font-size: 100% }
/* IE stretched buttons fix */
input {width: 0;overflow:visible;}
input[class] {width: auto;}
button { cursor: pointer; }
/* css reset end */
/* without css */
#nav hr, #footer hr { display: none; }
/* elements */
body {font-family:Arial, sans-serif; font-size: 62.5%; text-align: center;}
p { padding: 0 0 0.5em 0; }
a:link, a:visited { color: #003160; }
a:hover, a:active { color: #C7886B; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
/* common classes */
.imp { color: #003160; }
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.j { text-align: center; }
.t { vertical-align: top; }
.imgr { float: right; margin: 0 0 0.5em 20px }
.imgl { float: left; margin: 0 20px 0.5em 0 }
.cleaner { clear: both; line-height: 0px; }
/* layout */
body { background: #EFEFEF; }
.center { width: 980px; margin: 0 auto; text-align: left; font-size: 110%; }
#wrap { background: url(../img/body.png) repeat-y center; width: 100%; overflow: hidden;}
/* header */
#header { background: url(../img/header.png) no-repeat 50% 0; padding: 20px 0 0 0; margin: 0 0 12px 0; width: 100%; float: left; }
#logo, #logo span { float: left; position: relative; display: block; width: 280px; height: 71px; overflow: hidden; cursor: hand;left: 0; top: 0; }
#logo span { position: absolute; background: url(../img/logo.png); float: none; }
.en #logo span { background: url(../img/logo-en.png); }
#icons { padding: 20px 20px 0 180px; float: left;}
#icons li { float: left; }
#search { padding: 20px 0 0 0; float: left;}
#search input { width: 180px; float: left; border: 1px solid #C4CED8; }
#search button { background: url(../img/search.png) no-repeat left; border: 0; padding: 4px 15px 4px 30px; margin: 0 0 0 5px; font-weight: bold; color: #fff;}
#lang { padding: 22px 10px 0 0; float: right; }
#lang li { float: left; padding: 0 3px; }
.cz #lang .cz a, .en #lang .en a { font-weight: bold; text-decoration: none; }
#nav { width: 980px; background: #002D5A url(../img/nav.png) repeat-x bottom; font-size: 110%; clear: both; float: left; position: relative; z-index: 9;}
#nav li { float: left; background: url(../img/nav-li.gif) no-repeat right; padding: 0 3px; position: relative;}
#nav a { float:left; color: #fff; font-weight: bold; text-decoration: none; padding: 12px 15px 15px 15px;}
#nav a:hover { color: #64A4CA; }
#nav a.curr { background: url(../img/nav-a.png) repeat-x bottom; }
#info { background: #EFEFEF url(../img/info.gif) no-repeat 50px 50%; color: #002D5A; padding: 7px 70px; clear: both; }
/* nav pull-down menu */
#nav li ul { position: absolute; left: -9999px; top: 30px; font-size: 90%; background: #002D5A; }
#nav li { display: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););}
#nav li:hover ul, #nav li.hover ul { left: 0; display: block;}
.jsok #nav li ul { display: none; }
#nav li.jHover, #nav #last.jHover, #nav li.hover ul, #nav li:hover ul { z-index: 999; }
#nav li.jHover ul, #nav li.hover ul, #nav li:hover ul { left: 0; background: #002D5A;; padding: 15px 10px 15px 5px;}
#nav li li, #nav li li a { float: none; border: none; display: block;}
#nav li li { width: 190px; background: none; }
#nav li li a { padding: 6px 10px 6px 15px; zoom:1; font-weight: normal; border-bottom: 1px solid #64A4CA; }
#nav li li a:hover { background: #9A6648; color: #fff; }
/* footer */
#footer { clear: both; background: #EFEFEF url(../img/footer.png) no-repeat top; width: 100%; overflow: hidden; padding: 40px 0 5px 0;}
#footer .altmenu { float: right; width: 59%; }
#footer .altmenu ul { float: right; padding: 0 0 3px 0;}
#footer .altmenu ul ul { display: none; }
#footer .altmenu li { float: left; padding: 0 5px; border-right: 1px solid #C7C7C7; }
#footer .altmenu li.last { border: 0; }
#footer .altmenu p { float: right; font-weight: bold;}
#footer p { clear: both; white-space: nowrap; }
#footer .copy { float: left; width: 39%; color: #002D5A; }
#footer .bmedia { background: url(../img/bmedia.gif) no-repeat 100% 0; float: left; padding: 0px 25px 3px 0;}
#banner { padding: 0 !important; margin-bottom: 0px;border-top:1px solid #D8DDE6;margin-top:18px; }
#banner p {margin: 0; padding: 0; padding-top:11px;margin-bottom:4px;background:#fff;text-align:center}
#banner img { border: 0; margin: 0; padding:0px; float: none; display: block; }
#banner .block {border:0}
/* articles */
h1, #col2 .block h2 { font-size: 130%; font-weight: normal; color: #003160; padding: 0.5em 0 10px 0; font-weight:bold}
.block, .form { background:#F3F5F7; color: #335A80; padding: 10px; border-bottom: 10px solid #fff; }
.b { background:#fff; color: #335A80; padding: 10px; border-bottom: 1px solid #fff; }
.block h2 { color: #003160; font-weight: bold; padding-bottom: 0.5em; }
.article h2, .article h3, .article h4 { font-weight: normal; color: #003160; padding: 5px 0; line-height: 1.3; }
.article h2 { font-size: 150%;}
.article h3 { font-size: 110%; }
h1 {font-size:220%;line-height:1.1;}
.article p { padding: 0.2em 0 0.8em 0; }
.article, .news { width: 572px; overflow: hidden; margin-bottom: 15px; font-size: 110%; line-height: 1.5; }
.article h1 img, .article h2 img, .article span img, .article h3 img, .article img, .block img { float:left; border: 10px solid #D3DBE5; margin: 0.2em 1.5em 0.2em 0; }
.article table { width: 100%; margin-bottom: 0.5em; /*border: 1px solid #D3DBE5; */ }
.article td { padding: 0.5em; vertical-align:top; /* border-right: 1px solid #D3DBE5; border-bottom: 1px solid #E9EDF2; */}
.article th { padding: 0.5em; background: #D3DBE5; border-right: 1px solid #fff;}
.article ul { margin: 0 0 0.5em 10px; overflow: hidden; zoom:1; }
.article ul li { background: url(../img/li.gif) no-repeat 0 0.5em; padding: 0.1em 0 0.1em 15px; }
.even { background:#F3F5F7 }
.nobg .even { background: transparent }
.article .mp3 a, .article .lisabon-mp3-konference a {font-weight: bold; text-decoration: underline;}
.article .mp3 span, .article .lisabon-mp3-konference span {display: none; position: relative; top: 3px;}
/* news */
#col2 #news { padding: 0; background: #fff; }
#col2 #news h2 {border-top:1px solid #D8DDE6;font-size:210%}
#homeshort1, #homeshort2 {width:46.5%;float:left;}
.block .news { width: auto;}
.home #col2 .news .imgl { float: left; margin: 0 10px 0.5em 0 }
.date { display: block; color: #C7886B; }
.date a { color: #C7886B; }
.news h3 { font-weight: bold; color: #C7886B; padding: 0 0 0.5em 0; font-size: 100%; line-height: 1.4; }
.news h3 a { color: #C7886B; font-weight: bold;}
.news h3 a:hover { color: #003160; }
.pages { width: 572px; overflow: hidden; }
.pages p { float: right; }
.pages a { float: left; padding: 2px 7px; background: #D3DBE5; margin: 0 5px 5px 0; }
.pages span.curr { float: left; padding: 2px 7px; background: #C7886B; margin: 0 5px 5px 0; }
.pages a:hover { background: #C7886B; color: #fff; }
/* columns */
#col1 { width: 204px; float: left; padding-bottom: 15px; overflow: hidden;}
#col1 .block {background:#fff;padding:0;margin:1em 0 0 0}
#col1 .block img {border:0px;margin:0 0 0.5em 0;}
#col1 .block #bannerleft { width:184px;}
#col2 { width: 572px; float: left; padding-bottom: 15px; color: #555;}
#col3 { width: 184px; float: right; overflow: hidden; }
#col23 { width: 766px; float: right; overflow: hidden; }
#col3 .arrow li { background: url(../img/arrow.png) no-repeat; padding: 2px 0 7px 25px; }
#col3 .more { text-align: right; }
#col3 .news { padding: 0 0 10px 0; font-size: 100%;}
/* left column */
#menu { width: 204px; overflow: hidden; }
#menu li { border-bottom: 1px solid #D8DDE6; }
#menu li li { background: url(../img/menu.gif) repeat-x top; border: none; }
#menu li li li li { background: none; }
#menu li a { font-weight: bold;font-size:110%; color: #003160; text-decoration: none; display: block; padding: 0.5em 10px 0.5em 15px; background: url(../img/menu_li1.gif) no-repeat 0 0.9em; _height:1% }
#menu li li a { color: #C7886B; font-weight: normal; background: url(../img/menu_li3.gif) no-repeat 0 1em !important; margin-left: 15px; }
#menu li li li a { background: url(../img/menu_li4.gif) no-repeat 0 1em !important; margin-left: 28px; }
#menu li li li a.curr { padding-bottom: 0.3em; }
#menu li li li ul { padding-bottom: 0.7em; }
#menu li li li li a { background: url(../img/menu_li5.gif) no-repeat 0 0.8em !important; padding: 0.2em 8px; margin-left: 39px;}
#menu li li li li ul { padding-bottom: 0.7em; }
#menu li li li li li a { background: url(../img/menu_li5.gif) no-repeat 0 0.8em !important; padding: 0.2em 8px; margin-left: 50px;}
#menu .curr { font-weight: bold; color: #335A80; background-image: url(../img/menu_li2.gif); }
#menu .curr2 { font-weight: bold; color: #335A80; background-image: url(../img/menu_li2.gif); }
#menu a:hover { text-decoration: underline; }
.file {color: #C7886B; font-weight: normal; background: url(../img/menu_li1.gif) no-repeat 0 0.3em; font-weight:bold;padding-left:13px}
/* right column */
#cal { background: #003160; padding: 10px 0 0 0; margin: 0 0 10px 0; width: 184px; /*overflow: hidden;*/ position: relative; border-bottom: 20px solid #335A80;}
#cal th strong { text-align: center; font-weight: bold; color: #fff; }
#cal th { border-top: 5px solid #003160; background: none;}
#cal th, #cal td { text-align: center; color: #7998B6; }
#cal td { width: 26px; height: 26px; vertical-align: middle; background: url(../img/cal_td.gif) no-repeat center; }
#cal td a { display: block; height: 26px; color: #003160; line-height: 26px; text-decoration: none; background: #fff url(../img/cal_td_a.gif) no-repeat center;}
#cal td a:hover {background: transparent url(../img/cal_td_hover.gif) no-repeat center; }
#cal td ul { position: absolute; left: 1000px; padding: 3px 0; width: 174px; border-bottom: 1px solid #D3DBE5; margin: 0; background: #F3F5F7;}
#cal td { display: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););}
#cal td:hover ul, #cal td.hover ul { left: 5px;}
#cal td ul li { padding: 0.2em 10px 0 25px; border-left: 1px solid #D3DBE5;border-right: 1px solid #D3DBE5; text-align: left;background: #F3F5F7 url(../img/li.gif) no-repeat 10px 0.7em; }
#cal td ul a { display: inline; text-decoration: underline; line-height: normal; background: transparent; }
#cal ul { background: #335A80; color: #93AFC9; padding: 10px; margin: 5px 0 0 0; }
#cal li { padding: 0 0 0.5em 0; }
#cal a { color: #fff; }
#cal a:hover { color: #C7886B; }
#cal td.today { color:#C7886B;font-weight:bold; }
#cal td.anothermonth { background: url(../img/cal_td2.gif) no-repeat center; }
#cal div.today { color: #fff; text-align: right; padding: 4px 5px 6px 0; }
#actions { line-height: 1.4; }
#actions h2 { text-align: center; border-top: 1px solid #66819C; border-bottom: 4px solid #64A4CA; background: #002D5A; color: #fff; padding: 12px 0 12px 0; font-size: 110%; }
#actions ul { padding: 10px 10px 5px 10px; }
#actions li { padding: 0 0 1em 0; }
#actions b { font-weight: normal; color: #5B7EA2; }
#actions a { font-weight: bold; color: #002D5A; }
#subscr { background: #D3DBE5;}
#subscr form { width: 100%; overflow: hidden; }
#subscr input { width: 150px; }
#subscr .button { float: right; color: #003160; background: url(../img/arrow.gif) no-repeat left; padding: 0.5em 0 0.5em 18px; border: 0; width: auto; }
#subscr p { padding: 0.5em 0 0 0; }
/* FORMS */
#col2 form { background: #F3F5F7; padding: 10px;}
form table .even { background: transparent; }
form td, form table { border: none !important; vertical-align: top; }
label { color: #003160; }
input, textarea { width: 300px; padding: 3px; border: 1px solid #D3DBE5; }
textarea { height: 100px; }
form strong { background: url(../img/required.gif) no-repeat right; display: block; padding-right: 10px;}
.check { width: auto !important; border: none !important; }
.error { background: #FCE5E5 url(../img/error.gif) no-repeat 15px 50%; margin-bottom: 15px; padding: 15px 15px 15px 40px; color: #f00; }
.errorno { background: #00BF1B url(../img/error.gif) no-repeat 15px 50%; margin-bottom: 15px; padding: 15px 15px 15px 40px; color: #fff; }
.article p.error { background: #FCE5E5 url(../img/error.gif) no-repeat 15px 50%; margin-bottom: 15px; padding: 15px 15px 15px 40px; color: #f00; }
/* photogallery */
ul.photo li {background:none;padding:0px;width:125px;height:160px;float:left;margin-right:10px;text-align:center; font-size: 90%;}
ul.photo li img {width:100px;height:100px}
.page-photo { margin: 10px 180px; background: #F3F5F7; text-align: center; height: 25px; overflow: hidden; line-height: 2em;}
.page-photo img { border: none; margin: 0; padding: 3px; }
.page-photo .prev { float: left; }
.page-photo .next { float: right; }
/* TEACHER */
.teacher-intro .left {float: left; width: 400px;}
.teacher-intro .img {float: right; text-align: center; width: 100px;}
.teacher-intro { height: 100%; overflow: hidden;}
.teacher-contact h3 {margin-bottom: 10px; font-weight: bold; font-size: 110%; color: #003160;}
.teacher-content h2 {font-size:210%; color:#003160; font-weight:bold; padding:0.5em 0 10px;}
.teacher-content h3 {font-size:130%; color:#003160; font-weight:bold; padding:0.5em 0 0;}
.teacher-content { clear: both; }
.teacher-content ul {margin: 0 15px;}
.teacher-content ul li {background:transparent url(../img/li.gif) no-repeat scroll 0 0.5em; padding:0.1em 0 0.1em 15px;}
.teacher-content ul.photo li {background: transparent; padding: 0px;}
.teacher-content ul.photo img { height:100px; width:100px; border:10px solid #D3DBE5; float:left; margin:0 1.5em 0.2em 0;}
.teacher-content .year {display: block; float: left; width: 70px; margin-right: 10px; font-weight: bold; font-size: 110%; text-align: right;}
.teacher-content ul.photo li.more {width: 100%; text-align: left; height: auto;}
.teacher-content ul.photo a.thickbox {display: block;}
.teacher-content ul.photo a.down {display: block; text-align:right; margin-right: 1.6em;}
.teacher-content ul li.more {background: transparent; padding: 0.1em 0 0.1em 0px;}
.teacher-print {display: block; float: left;}
.teacher-back {display: block; float: right;}
.teacher #nav { background: #002D5A url(../img/nav.png) repeat-x bottom; height: 20px; }
/* HOMEPAGE */
.home #col12 { width: 786px; float: left; }
.home #col1 { width: 260px; float: left; color: #003160; overflow: hidden; }
.home #col2 { width: 523px; float: right; overflow: hidden;}
.home #col2 .block { margin: 0 0 10px 0; padding: 0; border: 0; background: none; clear: both; }
.home #col2 .block img {float:none; border: 0; margin: 0; padding: 0;}
.home #col3 { width: 184px; float: right; overflow: hidden; }
#intro { width: 786px; overflow: hidden; background: url(../img/intro.png) no-repeat bottom; margin: 0 0 10px 0; }
.en #intro { background: url(../img/intro-en3.jpg) no-repeat; padding: 206px 0 0 0; }
#intro1, #intro2, #intro3 { width: 263px; float: left; padding: 0; margin: 0; border: 0; background: none; }
#intro3 { width: 260px; }
#intro h2, #intro h2 span { display: block; width: 260px; height: 200px; overflow: hidden; position: relative; left: 0; top: 0; margin: 0; padding: 0; }
#intro h2 span { position: absolute; }
#intro1 h2 span { background: url(../img/intro1.jpg); }
#intro2 h2 span { background: url(../img/intro2.jpg); }
#intro3 h2 span { background: url(../img/intro3.jpg); }
#intro ul { width: 260px; background: #002D5A; margin: 0 0 20px 0; padding: 10px 0 0 0; }
#intro ul li { padding: 0 25px 2px 25px; }
#intro a { color: #fff; }
.home #col1 .block { margin: 0 0 10px 0; }
.home #col1 .block img { display: block; }
.home #col1 #cevro { margin: 0 !important; padding: 10px 15px 10px 15px; background: #F3F5F7;}
#cevro p { }
.home #col2 .future { background: #DBE2E8 url(../img/home-wait.png) repeat-x; padding: 10px 20px; margin: 0 0 20px 0; }
.home #col2 .future table { width: 100%; }
.home #col2 .future th { padding: 5px 0 0 0; color: #CA8A64; vertical-align: top; width:80px; }
.home #col2 .future th a { color: #CA8A64; }
.home #col2 .future td { padding: 3px; vertical-align: top; }
.home #col2 .future td a { font-size: 120%; }
.home #col2 #news h2 {border:0; font-size: 160%; padding: 0 0 5px 0;}
.home #col2 #news h3 { font-size: 120%; }
.home .news { font-size: 100%; zoom:1;}
.home #news .more { font-weight: bold; padding: 0 0 0 20px;}
.home #col2 .past { padding: 0 20px; }
.home #col2 .date { float: left; }
.home #col2 .all { float: right; }
.home #col2 .all a { color: #C7886B;}
#col2 .past h2, #col2 .future h2 { font-size: 160%; font-weight: bold; }
#col2 .past h3 { padding: 0 0 2px 0; }
#col2 .past p { margin: 0; padding: 0; }
#col2 .past .text { max-height: 4.5em; _height: expression(this.scrollHeight > 50? "48px" : "auto" );overflow: hidden; clear: right; }
/* nyroModal */
div#nyroModalFull, div#nyroModalFull h1 {font-size: 12px;color: #fff; font-family: Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif; font-style: normal;}
div#nyroModalFull div#nyroModalLoading {width: 150px;height: 150px;text-indent: -9999em;background: #000 url(../img/nyroloading.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;padding: 0px}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;top: 0px;right: 0px;width: 40px;height: 19px;text-indent: -9999em;outline: 0; z-index: 9999;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0; position: absolute; top: -30px; left: 5px; font-size: 11px;color: #fff; font-weight: normal; text-align: left;}
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {outline: none;position: absolute;top: 0;height: 100%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {left: 0;width: 40%;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {right: 0px;width: 40%;}
/* nyromodal colors */
div#nyroModalFull div#nyroModalLoading { border: 2px solid #000; }
div#nyroModalFull div#nyroModalWrapper {border: 2px solid #000;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {background: url(../img/nyroclose.png) no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {background: url(../img/nyroprev.png) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {background: url(../img/nyronext.png) right 20% no-repeat;}