/***************************************************************************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/
/***************************************************************************************************************************/
/* --------------------------------------- body ------------------ */
* { margin:0; padding:0; }
p { color:#666; font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif; line-height:1.5em; font-size:9pt; }
a { color:#341982; }
a span { cursor:pointer; }

#body{margin:0px 0px;padding:0px 0px;font-size:1.03em;line-height:1.5em;}

#body .ep_adminTools{z-index:8000;}
#body .ep_darkContainer{z-index:4000;}
#body .calendar{z-index:9000;}

/* --------------------------------------- container ------------------ */
#container{ position:relative; }
#container * {font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif; line-height:1.5em; font-size:9pt; }
#container h1,
#container h2,
#container .price,
#container h1 *,
#container h2 * { /*font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;*/ font-size:14pt; }
#container input,
#container #content .left-column .content input,
#container option,
#container #content .left-column .content option,
#container select,
#container #content .left-column .content select{color:#000;}

/* anchors */
/*#container a:focus,
#container a:active{outline:0;}*/
#container a{text-decoration:underline;}
#container a:hover{text-decoration:none;}
#container a img{border:none;}

/* classes */
#container .edit-buttons{overflow:hidden;margin-bottom:10px;width:100%;text-align:left;}
#container li .edit-buttons{position:absolute;top:0px;left:0px;border:none;}
#container .end-float-box{width:100%;overflow:hidden;}
#container hr.separate{display:block;clear:both;visibility:hidden;margin:0px 0px;padding:0px 0px;height:1px;border:none;}
#container .jump-to{position:absolute;top:-99999px;}

/* other */
#container p{text-indent:1em;margin:0px 0px 1em 0px;}
#container #header li,
#container #header ul,
#container #content li,
#container #content ul,
#container #admin-menu,
#container .products-menu { position:relative; }
#container #content .left-column input.small-input{ color:#000;width:2em; }

/* heads */
#container h1,
#container .as-h1{color:#341982;font-weight:normal;margin:0px 0px;}
#container h2,
#container .as-h2{color:#341982;margin:0 0px 0.3em 0px;font-weight:normal;}
#container h3,
#container .as-h3{color:#341982;font-style:italic;margin:0 0px 0.3em 0px;}
#container h4,
#container .as-h4{color:#341982;margin:0 0px 0.1em 0px;}

/* error success */
#container #content .error,
#container #content .success{list-style:none;border:1px solid #761B17;border-left:none;border-right:none;background:url(../images/32delete.png) #EBAEAC no-repeat 10px 10px;margin:10px 0px;padding-top:15px;padding-bottom:15px;}
#container #content .error li,
#container #content .success li{color:#c00;font-weight:800;margin:0px 0px;padding:0px 0px 0px 50px;}
#container #content .success{border-color:#246b00;background:url(../images/32accept.png) #add07b no-repeat 10px 10px;}
#container #content .success li{color:#144C00;}

#container #content table.programs {margin:10px 0px;}
#container #content table.programs th {width:125px; text-align: right;}
#container #content table.programs td {padding:3px 2px;}

/* gallery */
#container .gallery{overflow:hidden;width:100%;padding-top:1em;}
#container .gallery a{display:block;width:160px;border:1px solid #808080;padding:3px 3px;margin:0px auto 2px auto;text-align:center;}
#container .gallery div.photo{display:block;float:left;width:120px;text-align:center;margin:0px 0px 15px 0px;}
#container .gallery a:hover{border-color:#000;background-color:#ccc;}
#container .gallery a img{padding:0px 0px;border:none;margin:0px auto;float:none;}
#container .gallery a:hover img{visibility:hidden;}
#container .gallery .edit-buttons{clear:both;}
#container .gallery .edit-buttons a{display:inline;border:none;padding:0px 0px;margin:0px 0px;float:none;}
#container .gallery .edit-buttons a.btnIco{display:block;width:20px;height:16px;float:left;visibility:visible;}
#container .gallery .edit-buttons a:hover{background-color:transparent;}
#container .gallery .edit-buttons a:hover img{visibility:visible;}

/* attachments */
#container .attachments{list-style:none;margin:0px 0px;padding:0px 0px;}
#container .attachments li{margin:0px 0px;padding:2px 0px 2px 10px;}
#container .attachments a{text-decoration:underline;}
#container .attachments a:hover{text-decoration:none;}

/* other */
#container p{text-indent:0em;margin:8px 0px;}
hr,
#container hr { display:none; }


/* --------------------------------------- header -----------------------------------*/
body { background:white url(../images/head-line.jpg) repeat-x;}
#container { display:block; width:950px; margin:0 auto; }
#container #header { position:relative; height:276px; }
#container #header .topmenu { position:absolute; top:13px; left:0; height:22px; }
#container #header .topmenu li { float:left; padding:0 15px; list-style:none; background:url(../images/menu-right-sel.jpg) no-repeat right top; height:22px; }
#container #header .topmenu li a { color:#959595; text-decoration:underline; display: block; padding-top:1px; font-weight:bold; }
#container #header .topmenu li a:hover { color:#F23D33; }
#container #header .topmenu li a.select { color:#F23D33; }
#container #header .topmenu li.last { background:none; }
#container #header .topmenu li.login {  background:none; margin-left:550px; }

#container #header div,
#container #header h1 { position:absolute; top:170px; left:10px; font-size:9pt; color:#341982; }
#container #header div#head { padding-top:40px; padding-left:5px; position:relative; top:40px; }
#container #header div#head a { z-index:0; position:relative; }
#container #header div#head a span.logo { position:absolute; top:0px; left:0px; background:url(../images/logo.jpg); display:block; width:250px; height:86px; z-index:1000; }
#container #header .jump-to { display:none; }


/* --------------------------------------- content -----------------------------------*/
#container #content { position:relative; margin:0 auto; /*width:950px;*/ }


/* --------------------------------------- left-column -----------------------------------*/
#container #content div.left-column { position:relative; width:450px; left:245px; float:left; padding-bottom:20px; }
.content-wide #container #content div.left-column { left: 0; width: 950px; }
.content-wide2 #container #content div.left-column { width: 705px; }
#container #content div.left-column h2.aktuality,
#container #content div.left-column h2.aktuality a { font-size:11pt; font-weight:bold; }
#container #content div.left-column ul { font-weight:bold; color:#341982; padding:5px 0 5px 20px; }
#container #content div.left-column ul ul,
#container #content div.left-column ul ul ul,
#container #content div.left-column ul ul ul ul{ padding:0; padding-left:20px; font-weight:normal; color:#341982; }
#container #content div.left-column ul.actual { margin:10px 0px; padding:0;}
#container #content div.left-column ul.actual li { color:#666; list-style:none; }
#container #content div.left-column ul.actual li p { font-weight:normal;}
#container #content div.left-column input.notext { visibility:hidden;}
#container #content div.left-column form#forum-form { }
#container #content div.left-column form#forum-form td { width:auto; }
#container #content div.left-column form#forum-form input.input-spec1 { width:320px; }
#container #content div.left-column form#forum-form td.td-spec1 { width:120px; }
#container #content div.left-column form#forum-form textarea { width:440px; }
#container #content div.left-column div.comment div.comment-body { width:440px; }
#container #content div.left-column div.comment div.comment-body p { width:440px; }
#container #content div.left-column div.comment div.comment-body p strong { color:#341982; float:left; display:inline; }
#container #content div.left-column div.comment div.comment-body p span.autor { float:right; display:inline; color:#666; }
#container #content div.left-column div.comment div.comment-body div.rating { clear:both; color:#666; }
#container #content div.left-column div.comment hr { display:block; height:1px; background:#7F9DB9; border:none; }
#container #content div.left-column form#forum-form { margin-bottom:20px; }
#container #content div.left-column p#message { color:#EF1C2B; font-weight:bold; }
#container #content div.left-column ul.soubor { padding:0; }
#container #content div.left-column ul.soubor li { list-style:none; }
#container #content div.left-column ul.soubor li img { vertical-align:middle; margin-right:5px; }
#container #content div.left-column #schools-wrapper #schools thead tr { position: relative; }
#container #content div.left-column #schools-wrapper #schools > tbody { height: 500px; overflow: auto; overflow-x: hidden; }

#container #content div.left-column #legenda { margin-top: 10px; }
#container #content div.left-column #legenda p { margin: 0; }
#container #content div.left-column #legenda ul { font-weight: normal; color: #666; padding-top: 0; }

div.oddelovac_jednoduchy { border-bottom:black solid 1px; clear:both; margin:5px 0; height:3px; }
div.oddelovac_dvojity { border-bottom:black double 3px; clear:both; margin:5px 0; height:20px; text-align:center; }

#container #content div.left-column .dobry-priklad { margin-bottom:20px; }
#container #content div.left-column .dobry-priklad .h2 a { font-size:0.8em; font-weight:bold; }
#container #content div.left-column .dobry-priklad .author { margin:5px 0; }
#container #content div.left-column .dobry-priklad .datum { margin:5px 0; }


/* --------------------------------------- right-column -----------------------------------*/
#container #content div.right-column { position:relative; width:235px; float:right; padding:0 5px 20px 15px; }
#container #content div.right-column ul { }
#container #content div.right-column ul li { list-style:none; }
#container #content div.right-column ul li a {  }
#container #content div.right-column ul.news li { margin-bottom:15px; }
#container #content div.right-column ul.news li a,
#container #content div.right-column ul.news li strong,
#container #content div.right-column ul.news li p { line-height:130%; display:block; }
#container #content div.right-column ul.news li a.vice { text-align:right; }
#container #content div.right-column strong { color:#666; }


/* --------------------------------------- main menu ------------------ */
/* --------------------------------------- main-menu-1 -----------------------------------*/
#container #main-menu-1 { position:absolute; top:75px; right:0px; }
#container #main-menu-1 li { float:left; list-style:none; border-right:#ddd dotted 2px; padding-right:2px; }
#container #main-menu-1 li a { height:120px; display:block; position:relative; margin-right:15px; margin-left:15px; }
#container #main-menu-1 li a span { height:132px; display:inline; position:absolute; top:0; left:0; }
#container #main-menu-1 li a.skolici { width:117px; }
#container #main-menu-1 li a.skolici span { background:url(../images/skolici_a_vzdelavaci_programy.png) no-repeat; background-position:top right; width:117px; top:0px; }
#container #main-menu-1 li a.podpora { width:67px; }
#container #main-menu-1 li a.podpora span { background:url(../images/podpora_prijmaciho_rizeni.gif) no-repeat; background-position:top right; width:67px; top:-5px; }
#container #main-menu-1 li a.data { width:85px; }
#container #main-menu-1 li a.data span { background:url(../images/data_analyzy_statistiky.gif) no-repeat; background-position:top right; width:85px; top:0px; }
#container #main-menu-1 li a.dobre { width:102px; }
#container #main-menu-1 li a.dobre span { background:url(../images/dobre_priklady_ze_skol.gif) no-repeat; background-position:top right; width:102px; top:-12px; }
#container #main-menu-1 li a.profesni { width:77px; }
#container #main-menu-1 li a.profesni span { background:url(../images/profesni_diagnostika.gif) no-repeat; background-position:top right; width:77px; top:-5px; }
#container #main-menu-1 li a:hover span { background-position:top left; }
#container #main-menu-1 li a.selected span { background-position:top left; }
#container #main-menu-1 li.last { border-right:none; }


/* --------------------------------------- main-menu-2 -----------------------------------*/
#container #main-menu-2 { height:51px; width:950px; display:block; background:url(../images/menu-line.jpg) repeat-x; top:215px; left:0; position:absolute; }
#container #main-menu-2 li { list-style:none; float:left; padding:17px 10px; }
#container #main-menu-2 li label,
#container #main-menu-2 li a { color:white; font-weight:bold; text-decoration:none; }
#container #main-menu-2 li a:hover { text-decoration:underline; }
#container #main-menu-2 li.form { padding:10px 50px 10px 10px; }
#container #main-menu-2 li form { float:left; margin-right:20px; height:27px; width:250px; position:relative; }
#container #main-menu-2 li label { position:absolute; top:7px; left:8px; }
#container #main-menu-2 li input#main-search { width:128px; display:inline; background:url(../images/input.jpg) no-repeat; border:none; position:absolute; top:0; left:74px; padding:6px 2px ; }
#container #main-menu-2 li input.submit { height:27px; width:32px; display:inline; background:url(../images/button.jpg) no-repeat; border:none; cursor:pointer; position:absolute; top:0; left:202px; }
#container #main-menu-2 li a.select { text-decoration:underline; }
#container #main-menu-2 li.addmenu { display:block; top:-17px; left:250px; position:absolute; color:white; }
#container #main-menu-2 span.editmenu { display:block; width:60px; }


/* --------------------------------------- sub-menu -----------------------------------*/
#container #left-block { float:left; width:210px; left:-450px; position:relative; padding:0 10px 20px 10px;  }
#container .sub-menu1 li { list-style:none; padding-bottom:5px; }
#container .sub-menu1 li a { /*font-size:110%;*/ font-weight:bold; text-decoration:none; line-height:1; }

#container .sub-menu1 li a:hover { text-decoration:underline; }
#container .sub-menu1 li a.select { text-decoration:underline; }
#container .sub-menu1 .sub-menu2 { margin-bottom:10px; }
#container .sub-menu1 .sub-menu2 li { }
#container .sub-menu1 .sub-menu2 li a { font-size:110%; font-weight:normal; line-height:120%; }
#container .sub-menu1 .sub-menu3 { }
#container .sub-menu1 .sub-menu3 li { }
#container .sub-menu1 .sub-menu3 li a { font-size:100%; font-weight:normal; line-height:120%; }
#container .sub-menu1 li ul { margin-left: 10px; }

/* --------------------------------------- footer -----------------------------------*/
#footer { clear:both; position:relative; margin:0 auto; width:950px; }
#footer p { text-align:center; font-size:70%; color:#341982; }
#footer div.loga { background:url(../images/pruh-loga.gif) no-repeat center center; width:950px; height:121px; margin:0; margin-top:10px;}


/* --------------------------------------- admin menu ------------------ */
#container #admin-menu,
#admin-menu{position:absolute;left:10px;top:10px;z-index:60;list-style:none;margin:0px 0px;padding:2px 2px;background-color:#ccc;border:1px solid #444;border-left-width:3px;border-bottom-width:3px;}
#container #admin-menu li,
#container #admin-menu li *,
#admin-menu li,
#admin-menu li *{font-size:7.5pt;color:#c50000;font-family:"Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif !important;}
#container #admin-menu li a:hover,
#admin-menu li a:hover{background-color:#ff9;font-size:7.5pt;text-decoration:none;}

#body.body-spec { background: none; padding: 20px; }
#body.body-spec table { font-size: 9pt; width: 658px; border: 1px solid #000; border-collapse: collapse; margin: 0 auto; }
#body.body-spec table th { text-align: left; padding-left: 5px; }
#body.body-spec table td { vertical-align: top; padding: 5px; }
#body.body-spec p { text-align: center; margin-top: 20px; }

/* tables */
table.tablesorter {
  font-family:arial;
  background-color: #CDCDCD;
  margin:10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #e6EEEE;
  border: 1px solid #FFF;
  font-size: 8pt;
  padding: 4px 10px 4px 4px;
}
table.tablesorter thead tr .header {
  background-image: url(../images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  padding-right: 16px;
}
table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  vertical-align: top;
}
table.tablesorter tbody tr.odd td {
  background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

#card { background-color: #F2F2F2; width: 685px; padding: 10px; }

#tab-container-1 th { font-weight: normal; text-align: left; }

#tab-container-1 .graybox { background-color: #F2F2F2; padding: 0 5px; border: 1px solid #DADCDD; }
#tab-container-1 .graybox span { display: block; position: relative; }
#tab-container-1 .graybox .ext-link { height: 18px; border-left: 1px solid #DADCDD; position: absolute; right: -5px; top: 0; }

#tab-container-1 .align-r { text-align: right; }

#tab-container-1 #tab-container-1-nav { width: 100%; padding: 0 !important; overflow: hidden; list-style: none; }
#tab-container-1 #tab-container-1-nav li { background-color: #FFF; text-align: center; width: 200px; border: 1px solid #C3C5C7; border-bottom: none; margin-right: 3px; float: left; }
#tab-container-1 #tab-container-1-nav li a { font-size: 120%; text-decoration: none; padding: 5px 0; display: block; }
#tab-container-1 #tab-container-1-nav li .active { padding-bottom: 6px; }

#tab-container-1 .tab { background-color: #FFF; padding: 20px; border: 1px solid #C3C5C7; margin-top: -1px; }

#tab-container-1 .info-table { width: 100%; margin-bottom: 20px; }
#tab-container-1 .info-table th { vertical-align: top; padding-right: 5px; }
#tab-container-1 .info-table .th-spec { width: 160px; }
#tab-container-1 .info-table .td-spec { width: 100px; }

#tab-container-1 #info-table-branches { width: 100%; }
#tab-container-1 #info-table-branches td { background-color: #F2F2F2; padding: 0 5px; }
#tab-container-1 #info-table-branches .td-spec1 { background: transparent; padding: 10px 0 0; }
#tab-container-1 #info-table-branches .td-spec2 { padding-left: 10px; }
#tab-container-1 #info-table-branches .td-spec2 span { color: #0000FF; }
#tab-container-1 #info-table-branches .nopdg { padding-top: 0; }

#content .headline { font-size: 160%; color: #341982; }

#content .text { margin: 10px 0 20px; }

#content .text table td { padding: 2px 5px; border: 1px solid #333; }

#content #images { width: 100%; margin-top: 20px; overflow: hidden; }
#content #images .img { width: 225px; margin-right: 10px; float: left; }

._chart_legend { margin:15px; }
._chart_legend th { border-bottom:#ddd solid 2px; }
._chart_legend td { border-bottom:#ddd solid 1px; padding-right:15px; }

#_chart_item_x_id { width:300px; }

#content #partners { widht: 100%; margin-top: 10px; overflow: hidden; }
#content #partners .partner { width: 160px; margin: 0 20px 20px 0; float: left; }
#content #partners .partner .img { text-align: center; height: 120px; }

.right-column #partners-home { width: 160px; margin: 20px auto 0; }
.right-column #partners-home .partner { margin-bottom: 10px; text-align:center;}

#container .submenu-item { font-weight: bold; text-decoration: none; }