/* css_menu*/
@import "fonts/fonts.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent;border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;}
table {border-collapse: collapse;border-spacing: 0;}
table td {border-bottom: 1px solid #BBB;}
table th {color:#BBB;border-bottom: 1px solid #BBB;}

/* Main Layout */
html {height: 100%;margin-bottom: 1px;}
body {font: 70%/1.4 'Open Sans', sans-serif;color:#666;background: url(../images/bckg_body.jpg) repeat-x #FFF;}
body.cs-cz {background-image: url(../images/bckg_body_cz.jpg);}
h1, h2, h3, h4, .componentheading, .itemTitle {font-weight: bold;margin:1em 0;color:#004387;}
h1, .componentheading {font-size: 200%;margin-left:65px;color:#004387;line-height:105%;}
.contentheading {margin-top:7px;color:#004387;}
h2 {font-size: 150%;color:#004387;}
h3 {font-size: 130%;margin:20px 0 5px 0;}
h4 {font-size: 110%;}
a {color: #24B7E3;text-decoration: none;font-weight: bold;}
a:hover {text-decoration: underline;}
ul {margin:1em;}
p {margin-top: 0px;margin-bottom: 15px;}
#main {font-size: 1.3em;line-height: 140%;}
#nav,
#header,
#main-content,
.bannergroup { width:980px; margin:0 auto;}
#main .foreground, #message, #showcase, .leading, #page {position: relative;}
#message, #showcase {z-index:0;}
#main-content {	padding: 30px 20px 0 20px;overflow:hidden;}
#main-content.isright {	background:url(../images/bckg_right.jpg) 790px 0 repeat-y;}
.dp20, .dp25, .dp33, .dp50, .dp100 {float: left;margin-top: 15px;}
.dp20 {width: 20%;}
.dp25 {width: 25%;}
.dp33 {width: 33.33%;}
.dp50 {width: 50%;}
.dp100 {width: 100%;margin-top: 0;}
.clr {clear: both;font-size: 0;}
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol, #wrapper {position: relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background: url(../images/bckg_dashed.png) 770px 0 repeat-y;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {background: url(../images/bckg_dashed.png) 190px 0 repeat-y;}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright {background: none;}
.cols1 {display: block;float: none;margin: 0;width: 100%;}
.cols2 {width: 49%;overflow: hidden;}
.cols3 {width: 30%;}
.column1, .column2 {position: relative;float: left;margin: 0;}
.colpad {padding: 0 10px;position: relative;}
.column2 {float: right;width: 49%;}
.article_row {overflow: hidden;margin: 0 -10px 15px -10px;}

/* Header */
#logo {width: 250px;height: 128px;display: block;margin: 98px 0 0 95px;background: url(../images/logo_gymhu.png) 0 0 no-repeat;}
#header {height: 340px; padding:50px 0 0 0; background:url(../images/bckg_header.jpg) 10px 50px no-repeat;}
#header li {list-style: none;float: left;padding-left: 15px;font-weight: bold;}

/* Navigation */
#nav {top: 0; position: absolute; left:50%; margin-left: -480px; background:url(../images/bckg_menu_hlava.jpg) 198px bottom no-repeat; height:50px;}
#nav ul {font-size:1.1em;letter-spacing:0.05em;display:table;margin:12px auto;}
#nav li {display:table-cell;list-style: none;float: left;margin:0;position: relative; text-align:center;}
#nav li a {display: block; padding:2px 20px 7px;line-height: 100%;color: #fff;font-weight: normal; border-right:1px dashed #CCC;}
#nav li.active a {color: #fc3;font-weight: bold;}
#nav li#item-143 a,
#nav li#item-168 a,
#nav li#item-173 a,
#nav li#item-169 a
	{ border-left:1px dashed #CCC;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {color: #fc3;text-decoration: none;}
#nav li ul {position:absolute;width:170px;left:-999em;margin:0;border: 5px solid #04579B;background:#04579B;border-top: 0; font-size:0.9em;}
#nav li ul ul {margin: -31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left: -999em;}
#nav li li {padding:0;height:auto;width:170px; text-align:left;}
#nav li:hover li a {background:#FFCC33;color: #014488;border:none;border-top:1px solid #006600; padding: 5px 10px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;background:#24B7E3;border-top:1px solid #fff;color: #fff;}
#nav li li a, #nav li.active li a {font-weight: normal;}
#nav li:hover ul, #nav li.sfHover ul {left: 4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left: 0;}

/* Showcase */
.cs-cz #showcase {position: relative; background: url(../images/bckg_showcase.jpg) center top no-repeat #004387;}
.cs-cz #showcase.is_submenu {padding-bottom: 30px;}
.cs-cz #showcase.is_submenu ul.menu {padding-bottom: 20px;}

#showcase #hidemenu {position:absolute; left:50%; height:67px; overflow:hidden; margin:30px 0 0 -520px; font-size:0.9em; color:#000; cursor:pointer;}
#showcase #hidemenu p { display:block; width:90px; height:67px; padding-top:180px; background:url(../images/menu_show.png) center -3px no-repeat;}
#showcase #hidemenu p#hide { height:57px; background-image:url(../images/menu_hide.png);}
#showcase #hidemenu p:hover { background-position: center top;}

#showcase ul {letter-spacing:0.05em;display:table;margin: -30px auto; line-height:100%;}
#showcase li {display:table-cell;list-style: none;float: left;margin: 0 0 0 5px;position: relative; text-align:center;}
#showcase li:hover {margin: -5px 0 5px 5px;}
#showcase li a {display: block; width:170px;height: 120px; padding:0;}
#showcase li#item-127 {background:url(../images/menu_stu.png) no-repeat;}
#showcase li#item-128 {background:url(../images/menu_rod.png) no-repeat;}
#showcase li#item-129 {background:url(../images/menu_uct.png) no-repeat;}
#showcase li#item-130 {background:url(../images/menu_uch.png) no-repeat;}
#showcase li#item-131 {background:url(../images/menu_ude.png) no-repeat;}
#showcase span {display:none;}
#showcase ul.submenu {display:block;margin:0 0 0 0; border-left:2px dotted #fff; font-size: 90%;}
#showcase ul.submenu li {display:block; width:150px;float: none;margin: 0 0 10px 10px;text-align:left;}
#showcase ul.submenu span {display:block;}
#showcase ul.submenu li a {display: block; width:100%;height: auto; padding:0;color: #fff;font-weight: normal;}
#showcase ul.submenu li.current > a,
#showcase ul.submenu li a:hover {color: #fc3;}
#showcase ul.submenu ul {border-left:none;}
#showcase ul.submenu ul li { padding-left:15px; margin:5px; background:url(../images/submenu_li.png) -200px 4px no-repeat; line-height: 110%;}
#showcase ul.submenu ul li:hover,
#showcase ul.submenu ul li.current { background-position: left 4px;}

/* Content styles */
.buttonheading {position: absolute;top: 2px;right: 10px;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background: url(../images/elements.png) -57px -366px;}
.buttonheading .print {background: url(../images/elements.png) -21px -366px;}
.buttonheading .email {background: url(../images/elements.png) -39px -366px;}
.article-info {color:#24B7E3;margin:-15px 0 10px 0;}
.article-info dd {display: table-cell;border-left:1px solid #24B7E3;padding:0 10px;}
.article-info-term {display:none;}
a.readmore, .readmore a, .itemBackToTop a { font-size:0.8em; letter-spacing:0.05em; padding: 2px 10px; background:#24B7E3; color:#FFF; border:1px solid #24B7E3; border-radius: 7px; }
a.readmore:hover, .readmore a:hover, .itemBackToTop a:hover { background:#004387; color:#24B7E3;}
.component-pad {padding:0 15px 15px 15px;}
#modlgn_username, #modlgn_passwd {border: 1px solid #ccc;padding: 3px;}
.pagination span, .pagination a {margin-right: 5px;}
#colmask ul li {margin-left:10px;}
.colpad h2.contentheading {padding-right: 65px;}
.sectiontableheader {font-weight: bold;line-height: 25px;text-align: left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 6px 4px;vertical-align: middle;border-top: 1px solid #fff;}
span.attention {display: block;margin: 15px 0;padding: 8px 10px 8px 10px;background: #FFF3A3;border: 1px solid #E7BD72;color: #B79000;}


/* info */
.module.info .custom { width:467px; height:243px; margin:-45px 5px 0 0;}
.module.info p { display:none;}
.module.info p.mail { display:block;}
.module.info .mail a { display:block; position:absolute; background:url(../images/bckg_mail.png) no-repeat; width:161px; height:101px; margin: 0 0 0 285px; line-height:250px; overflow:hidden;}
.module.info .mail a:hover { margin: 3px 0 0 283px;}
.module.info li { position:absolute;}
.module.info #item-219 a { display:block; position:absolute; background:url(../images/bckg_hrdlicka.jpg) no-repeat; width:198px; height:214px; line-height:450px; margin: 127px 0 0 305px; overflow:hidden;}
.module.info #item-218 a { display:block; position:absolute; background:url(../images/bckg_aktualne.png) no-repeat; width:173px; height:73px; line-height:180px; margin: -30px 0 0 -110px; overflow:hidden;}
.module.info #item-218 a:hover {  margin: -32px 0 0 -113px; overflow:hidden;}
.module.info #item-220 a { display:block; position:absolute; background:url(../images/ico_home.png) no-repeat; width:18px; height:18px; line-height:50px; margin: 180px 0 0 110px; overflow:hidden;}
.module.info #item-221 a { display:block; position:absolute; background:url(../images/ico_sitemap.png) no-repeat; width:20px; height:18px; line-height:50px; margin: 180px 0 0 150px; overflow:hidden;}
.module.info #item-222 a { display:block; position:absolute; background:url(../images/ico_facebook.png) no-repeat; width:18px; height:18px; line-height:50px; margin: 180px 0 0 195px; overflow:hidden;}
.module.info #item-220 a:hover,
.module.info #item-221 a:hover,
.module.info #item-222 a:hover { background-position:bottom;}

/* jazyky */
.mod-languages { position:absolute; width:25px; margin:0 0 0 -17px;}
.mod-languages li { margin:2px 0 0 0; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}
.mod-languages li.lang-active,
.mod-languages li:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;}

/* hledat */
.module.search.top { position:absolute; margin:230px 0 0 570px;}
.module.search.top label { display:none;}
.module.search.top .inputbox {width:200px; height:30px; border:1px solid #7ED5ED; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align:center;}

/* hodiny */
.module.hodiny.top { position:absolute; margin:200px 0 0 425px;}

/* Modules */
.module {padding:0;}
.module-title {font-size:2.0em;margin:0;padding:0 0 5px 0;color:#24B7E3;letter-spacing: 0.02em;}
.module-body {padding:10px 0 25px 0;}
.module.left {padding:1px 20px 1px 1px;}
.module.right {padding:20px 1px 1px 20px; margin:0;}
.module.right h3.module-title { color:#147FB2; font-family: 'TrashHand'; font-weight:normal; text-transform:uppercase; line-height: 110%; }
.module.right ul.menu,
.module.right .menu ul { margin:0;}
.module.right .menu li { list-style:none !important; line-height:105%; padding:3px 0;}
.module.right .menu a { color:#004487;}
.module.right ul.menu ul a,
.module.right .menu .level1 a { color:#24B7E3;}
.module.right ul.menu ul ul a,
.module.right .menu .level2 a { font-weight:normal;}
.module.right ul.menu li.current > a { color:#fc3;}

#mainmods {height:160px;}
#mainmods2, #mainmods3 {overflow: hidden;padding-top: 15px;}
#mainmods3 {background: #eee;border-top: 1px solid #fff;border-bottom: 1px solid #ddd;}
.spacer {padding: 0 28px;}
.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 49.2%;}
.spacer.w33 .module {width: 260px;}
#header .module {float: right;}
#mainmods h4 {margin:0;}
.left .module-title {font-size:1.6em;margin:20px 0 0 0;}
#mainmods .user1 {background: url(../images/bckg_main.jpg) repeat-x #FFF; padding:30px 0;}
.user1 .module-title, .user1 .module-body {padding:0 30px;}

/* Footer */
.footer-pad { border-top: 10px solid #014387; padding:10px 0;}
.footer {background: url(../images/bckg_footer.png) repeat-x #014387;text-align:center;color:#fff;letter-spacing: 1px;}
.footer .module-body {padding: 20px  0 35px 0;}
.footer.module,
.footer p {padding:0;margin:0;}

/* special */
.hide {display:none;}
.clr {clear:both;background:none;border:none;font-size:0px;height:0px;visibility:hidden;}

/* contacts */
.contact {padding:0 5px}
.contact-category {padding:0 10px}
.contact-category #adminForm fieldset.filters {border:0;padding:0}
.contact-image {margin: 0 10px;overflow:hidden;float:left;}
address {font-style:normal;margin:10px 0;}
address span {display:block}
.contact-address {margin:20px 0 10px 0;}
.contact-email div {padding:2px 0;margin:0 0 10px 0;}
.contact-email label {width:17em;float:left;}
span.contact-image {margin-bottom:10px;overflow:hidden;display:block}
#contact-textmsg {padding: 2px 0 10px 0}
#contact-email-copy {float:left;margin-right:10px;}
.contact .button {float:none !important;clear:left;display:block;margin:20px 0 0 0}
.contactinfo {clear:both;}
dl.tabs {float: left;margin: 20px 0 0 0;z-index: 50;clear:both;}
dl.tabs dt {float: left;padding: 4px 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;margin-right: 3px;background: #f0f0f0;color: #666;}
dl.tabs dt h3 {margin:0;font-size:1.2em;}
dl.tabs dt.open {background: #F9F9F9;border-bottom: 1px solid #F9F9F9;z-index: 100;color: #000;}
div.current {clear: both;border: 1px solid #ccc;padding: 10px 10px;}
div.current dd {padding: 0;margin: 0;}
dl#content-pane.tabs {margin: 1px 0 0 0;}


/* banners */
.bannergroup {text-align:center;}
.banneritem {margin: 0 10px; display:inline-block; vertical-align:middle;}
.banneritem .clr { display:none;}