@import "global.css";

@media screen, projection {
    html, body {width: 100%;height: 100%;}
    body {background: url(../img/bkg-body.png);font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;}
    h1 {color: #333;font-size: 30px;line-height: 30px; margin: 0px 0px 20px 0px;}
    h2 {color: #333;font-size: 17px;line-height: 20px; margin: 15px 0px 5px 0px;}
    h3 {color: #333;font-size: 14px;line-height: 13px; margin: 10px 0px 3px 0px;}
    a {color: #690;}
    table {border-color: gray;}
    textarea {resize: vertical}

    #wrap {width:963px;margin:0 auto;margin-top:365px;border: 1px solid #e5e5e5;background: url(../img/bkg-wrap.png) repeat-y}
    #wrap-home {width:963px;margin: 0 auto;margin-top:365px;border: 1px solid #e5e5e5;background: url(../img/bkg-wrap-home.png) repeat-y}}
    #wrap-nospace {width:963px;margin: 0 auto;margin-top:365px;border: 1px solid #e5e5e5;background: #fff}

    /* 404 */
    body.error #wrap{margin-top: 40px;background: #fff;}
    body.error #footer {height: 125px} /* ve footeru se nezobrazuji panely -> zmensit vysku */

    .top {top: 0px;height:351px;width:963px;}
    .top #pozadi {margin-left: 271px;z-index: -1}
    #logo {top:35px}
    .lang0 {top:225px;font-size: 33px; color: #333;margin-left: 35px;line-height:35px;}/*line-heigh => IE6,7*/
    #lmenu {margin-top:41px;}
    #lmenu ul{margin: 0;padding:0}
    #lmenu ul li{list-style: none;float: left}
    #lmenu ul li a{display: block;width:16px;height: 11px;margin-right: 10px;}
    #lmenu ul li.cz a{background: url(../img/flags.png) no-repeat left;}
    #lmenu ul li.en a{background: url(../img/flags.png) no-repeat right;}
    #lmenu ul li a span, .rounded-blue a.home span, .rounded-blue a.mail span{display: none}
    .rounded-blue{float: right;padding:3px 0 0 11px; width:58px;height: 21px;background: url(../img/top-blue.png) no-repeat;margin-top:35px}
    .rounded-blue .home {width:17px; height: 16px; display: block;background: url(../img/top-blue-icon.png) no-repeat left;float:left}
    .rounded-blue .mail {width:20px; height: 16px; display: block; background: url(../img/top-blue-icon.png) no-repeat right;float:left;margin:1px 0 0 10px}
    .calendar {margin: 156px 0 0 680px;width: 280px;font-size: 12px;color:#fff}
    .calendar a {color:#fff}
    .calendar h2 {margin-bottom: 23px;color: #fff}
    .calendar_events {width: 100%}
    .calendar .calendar_content_header {text-align: left;}
    .calendar_content_description {display: none}
    .calendar a.more {display: block;padding: 1px 0 0 25px; width:205px; height: 21px;font-weight: bold;font-size:13px; background: url(../img/calendar-more.png) no-repeat;text-decoration: none;top: 310px}
    .calendar a.more:hover {text-decoration: underline}
    
    /* vstup pro klienty, zasilani novinek na email */
    .cMenuExtra {top: 70px;margin-left: 770px;width: 190px}
    .cMenuExtra ul {list-style: none; text-align: right}
    .cMenuExtra ul li.login {display: none;margin-bottom: 5px;height: 20px;}
    .cMenuExtra ul li.newsletter {display: none;}
    .cMenuExtra ul li a{display: block;color: #4b9eb9;padding-right: 20px; background: url(../img/bkg-cmenu-icons.png) no-repeat right;}
    .cMenuExtra ul li.login a{background-position: top right;}
    .cMenuExtra ul li.newsletter a{background-position: bottom right}
    
    /* tlacitko facebook v logu */
    .cFacebook,.IN-widget,.fb-find-us {position: absolute;}
    .cFacebook,.fb-find-us {top:70px;margin-left: 730px;}
    .IN-widget {top:27px;margin-left: 620px;}
    .fb-find-us {top:27px;}
    .fb-find-us {border: 1px solid #ccc;}

    .menu-column {width:232px;background: url(../img/bkg-menu-left-center.png) repeat-y;}
    .menu-top {text-shadow: 1px 1px 0px #555;vertical-align: middle;display: block;width: 215px; height: 70px;padding: 15px 0 0 17px;line-height:28px;color: #fff; font-size: 22px;text-decoration: none;background: url(../img/bkg-menu-left-gray.png) no-repeat;}
    .menu-top.menu-jazykova-vyuka {background: url(../img/bkg-menu-left-green.png) no-repeat;}
    .menu-top.menu-firemni-vzdelavani {background: url(../img/bkg-menu-left-orange.png) no-repeat;}
    .menu-top.menu-grantove-poradenstvi {background: url(../img/bkg-menu-left-blue.png) no-repeat;}
    .smenu {background: url(../img/bkg-menu-left-bottom.png) no-repeat bottom;padding: 0 0 20px 0}
    .smenu ul {padding-top:20px;list-style: none;margin: 0px;padding-left:15px;background: url(../img/bkg-menu-left-top.png) no-repeat top;}
    .smenu ul li ul {background: none;padding-top: 0}
    .smenu ul li a {padding-left: 18px;line-height:22px;background: url(../img/bkg-li.png) no-repeat left 2px;color: #333}
    .smenu ul li.active a {font-weight: bold}
    .smenu ul li.active ul li a{font-weight: normal;}
    .smenu ul li ul li.active a {font-weight: bold}
    .smenu ul li ul li a {background: url(../img/bkg-li-li.png) no-repeat left center}


    #center {width: 665px;padding:32px;background: #fff url(../img/bkg-center-gray.png) no-repeat top right}
    #center.center-jazykova-vyuka {background: #fff url(../img/bkg-center-green.png) no-repeat top right}
    #center.center-firemni-vzdelavani {background: #fff url(../img/bkg-center-orange.png) no-repeat top right}
    #center.center-grantove-poradenstvi {background: #fff url(../img/bkg-center-blue.png) no-repeat top right}
    .wysiwyg ul {margin-left:10px}
    .wysiwyg ul li{list-style: none;padding-left: 18px;background: url(../img/wysiwyg-li.png) no-repeat left center}

    #center-home {width: 661px}
    .home-column {width:300px}
    a.orange-button {margin:10px 0 0 25px;display: block; width:170px;padding:1px 0 0 24px;;height: 21px; background: url(../img/orange-button.png) no-repeat;font-size: 13px;color: #fff;text-decoration: none}
    a.orange-button1 {margin:10px 0 0 0px;display: block; width:65px;padding:1px 0 0 24px;;height: 21px; background: url(../img/orange-button1.png) no-repeat;font-size: 13px;color: #fff;text-decoration: none}
    a.orange-button2 {margin:10px 0 0 0px;display: block; width:107;padding:1px 0 0 24px;;height: 21px; background: url(../img/orange-button2.png) no-repeat;font-size: 13px;color: #fff;text-decoration: none}
    a.orange-button:hover,a.orange-button1:hover,a.orange-button2:hover {text-decoration : underline}
    .aktual,.fotogal {padding-bottom: 25px}
    .aktual dl dt,.fotogal dl dt {padding: 25px 0 10px 25px;font-size: 20px; color: #666}
    .fotogal {border-top: 1px solid #e5e5e5}
    .fotogal h2.title a {color: #333}
    .main {background: #e5e5e5 url(../img/bkg-main.png) no-repeat bottom left}
    .main ul {width: 220px;float:left;margin: 0 0px 0 0px;padding:0; background: transparent}
    .main ul li {list-style: none;text-shadow: 1px 1px 0px #555;}
    .main ul li ul{margin-top: 3px}
    .main ul li ul li {float:none;text-shadow: none}
    .main ul li ul li ul{display: none}
    .main ul.pmenu_st,.main ul.pmenu_nd,.main ul.pmenu_rd {height: 380px;}
    .main ul.pmenu_st {width: 221px}
    .main ul.pmenu_st li a, .main ul.pmenu_nd li a,.main ul.pmenu_rd li a{color: #fff;font-size:22px;padding:18px 0 0 13px;text-decoration: none;line-height:25px}
    .main ul.pmenu_st li a{display: block;background: url(../img/bkg-panel1-top.png) no-repeat;height:66px;width:207px;}
    .main ul.pmenu_nd li a{display: block;background: url(../img/bkg-panel2-top.png) no-repeat;height:66px;width:206px;}
    .main ul.pmenu_rd li a{display: block;background: url(../img/bkg-panel3-top.png) no-repeat;height:66px;width:206px;}
    .main ul.pmenu_st li ul li a,.main ul.pmenu_nd li ul li a,.main ul.pmenu_rd li ul li a{background: none;height:auto;line-height:18px;color: #333;font-size:12px;padding:0 0 0 18px;}
    .main ul li a:hover {text-decoration: underline}
    .main ul.pmenu_st li ul li a {background: url(../img/bkg-li-panel1.png) no-repeat left center;margin-left:15px;text-decoration: underline;width: 180px}
    .main ul.pmenu_nd li ul li a {background: url(../img/bkg-li-panel2.png) no-repeat left center;margin-left:15px;text-decoration: underline;width: 180px}
    .main ul.pmenu_rd li ul li a {background: url(../img/bkg-li-panel3.png) no-repeat left 3px;margin-left:15px;text-decoration: underline;width: 180px}
    .main ul li ul li a:hover {text-decoration: none}
    .main ul.pmenu_st { background: url(../img/bkg-panel1.jpg) no-repeat 7px 215px}
    .main ul.pmenu_nd { background: url(../img/bkg-panel2.jpg) no-repeat 9px 215px}
    .main ul.pmenu_rd { background: url(../img/bkg-panel3.jpg) no-repeat 7px 215px}

    .panel_33 {width: 31%;padding-left:2%;}
    .white {padding: 0px 0 20px;border-top: 1px solid #e5e5e5}
    .white h2 {color: #666;margin-bottom: 12px}
    .white ul {margin: 0; list-style: none}
    .white ul li {line-height: 19px}
    .white ul li a{padding-left: 18px; background: url(../img/bkg-home-li.png) no-repeat left center;color:#333;font-weight: bold}
    .white ul li ul{display: none}

    .article2block, .article3block {padding:0 25px }
    .article2 .title a,.article3 .title a{color: #4c4d4f;font-size: 12px;font-weight: bold;}
    .article2 em.date {margin-right: 10px;font-size:11px}
    .article2 .excerpt {color: #4c4d4f}
    /***/
    .article2short {padding-bottom: 40px}
    .article2short h2 a {color: #72a01a;font-weight: bold}
    .article2short .excerpt .date {font-style: italic;margin-right: 15px;float: left;font-size: 11px}
    .article2short .excerpt .more {float: left}

    /* Galerie */
    .gallery {background: #fff;margin-top: 40px}
    .gallery a.image {width: 198px; height: 149px; display: block; background: url(../img/bkg-gallery.png) no-repeat;text-align: center;padding-top: 10px;}
    .gallery a.image img {border: none}
    
    #footer {width:965px;height:182px;margin: 25px auto;color: #4c4d4f}
    #footer a{color: #4b9eb9;font-weight: bold;}
    .panel-skupina p{float: left}
    #footer dt {color: #999;font-size: 13px;font-weight: bold;margin-bottom:10px}
    #footer table tr td {padding-left: 15px}
    #footer .oteviraci-doba {margin: -53px 0 0 730px;width: 250px}
    #footer .api_foot a{font-weight: normal;color: #000}
}

@media print {
	.np, .noprint {display:none}
}