#page { width:980px; margin:0 auto; padding-top:0px; background:#FFF url(../imgs/page_r2_c1.gif) repeat-y left top;}

body { font-family: verdana, Arial, Helvetica, sans-serif; 	font-size:13px; margin:0; background-color:#E9F4F5; }
table td { vertical-align:top; }
#pagetop { height:18px; background:url(../imgs/page_r1_c1.gif) no-repeat center bottom; }
#header { width:950px; height:172px; position:relative; margin:0 auto; background-color:#69A3DD;}
.heading { padding:35px 0 0 210px; margin:0; font-size:33px; line-height:35px; letter-spacing:1px; color:#0B4080; font-family:"Arial", Tahoma, sans-serif;}
#headbann { width:100%; height:100%; position:absolute; background:url(../imgs/headbann.png) no-repeat left top; }

#main { width:950px; margin:10px auto 0 auto;  }

/*  ---------------------   S I D E N A V    I N B O X   ---------------  */

#sidenav { width:225px; float:left;}
h3.menu-box { margin:0; width:191px; padding:6px 6px 6px 28px;  font-size:15px; font-weight:normal; color:#FFF; font-family:Arial, Tahoma, sans-serif; background:#0B61B7 url(../imgs/sidenav-h3.png) no-repeat left top; }

ul.menu-box {margin:0 0 10px 0;padding:3px 0 7px 0; background:#C0D9FE url(../imgs/sidenav-ul.gif) no-repeat left bottom; }
.menu-box li { display:block; margin:0; padding:0 4px 0 0; list-style-type:none; background:url(../imgs/sidenav-li.gif) no-repeat left top; }
.menu-box li.selected, .menu-box .sub-menu li.selected { background-position:left -200px ; background-color:#E1081E;}
.menu-box li.selected a{ color:#FFE00B;}
.menu-box a { display:block; width:194px; height:auto !important; height:15px;  /*  fix IE 6 */ font-size:15px; font-weight:normal; line-height:16px; padding:3px 5px 4px 22px; text-decoration:none; color: #425677; font-family:"Trebuchet MS", Tahoma, sans-serif; }
.menu-box a:hover { text-decoration:underline; font-family:"Trebuchet MS", Tahoma, sans-serif;}

.inbox ul { margin:0; padding:0; background-color:#C0D9FE; }
.menu-box li.inbox { background-image:none; padding-right:0; width:225px; /*  fix IE  */}
.menu-box .wrapped { display:none;}
.menu-box .unwrapped { display:block;}
.menu-box .inbox li { background-image:url(../imgs/sidenav-li-sub.gif); background-color:#C0D9FE; /*  redund., ale fix IE */ }
.menu-box .inbox a {	padding-left:32px; width:184px;}

a.side-advert { width:225px; margin-bottom:6px; display:block; border:none; padding:0;}
a.side-advert img { display:block; border:none;}


/*  ------------------------  F O O T E R  ------------------  */

#footer { width:950px; clear:both; background:#FFF url(../imgs/footer-bar.gif) repeat-x 1px 6px; padding-top:10px; }
#footer p { margin:0; padding:5px 0 0 0; font-size:11px; color:#888; }
#footer a { font-size:11px; color:#888; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
.page-up { display:block; float:right; width:22px; height:22px; margin-top:4px; overflow:hidden; }
.page-up span { display:block; width:22px; background:url(../imgs/page-up.gif)
 no-repeat left bottom;}
.page-up a { display:block; width:22px; height:22px; margin:0; }
.page-up a:hover { height:54px; }

#pagebottom { width:1100px; margin:0 auto; height:32px; background:url(../imgs/page_r3_c1.gif) no-repeat center top; }
#pagebottom p {
	margin:0 16px;
	padding:13px 45px 15px 45px;
	text-align:center;
	color:#6C8297;
	font-size:11px;
}
#pagebottom a { font-weight:normal; color:#6C8297; text-decoration:none; padding-left:3px;}
#pagebottom a:hover { text-decoration:underline;}

/*  ----------------------  C O N T E N T    --------------  */

#content { width:695px; float:right; padding:0 /*17px*/ 0 12px 0; min-height:375px; height:auto !important; height:350px; position:relative;}
p { line-height:17px;}
ul { padding-left:7px; }
ul li { list-style-type:none; padding-left:15px; padding-bottom:4px; line-height:17px; }
a { font-weight:bold; color:#2E59A9; text-decoration:underline; cursor:pointer;}
a:hover { text-decoration:none;}
h1 { font-family:"Trebuchet MS", Tahoma, sans-serif; font-size:26px; font-weight:normal; color:#495976; margin:0 0 25px 0; padding-bottom:5px; background:url(../imgs/h1-dotbar.gif) repeat-x left bottom; }
h2 { font-family:"Trebuchet MS", Tahoma, sans-serif; color:#E1081E; font-size:18px; }
h3 { font-family:"Trebuchet MS", Tahoma, sans-serif; color:#1683DC; font-size:15px; margin:15px 0; }
.clear { display:block; clear:both;}
.left { float:left; }
.right { float:right; }
.nowrap { white-space:nowrap;}
.kurziva { font-style:oblique; }
.center { text-align:center;}
ul.dot li, .clanek-wrapp ul li { background:url(../imgs/li-dot.gif) no-repeat left top;}
ul.wide li { padding-top:4px; padding-bottom:6px; background-position:left 3px;}

/*  sloupce  */
.content-right{ width:225px; float:right; padding-top:3px; }
.content-left { width:442px; }
.content-full { margin-right:17px; }
.content-half-left { width:340px; }
.content-half-right {width:290px; float:right; padding-top:6px; }

/*  paralelní menu v kořenové stránce  */
ul.menu-root { display:block; margin:40px auto; border:1px solid #B1D0F3; width:230px;}
ul.menu-root  li { padding:3px 0; margin:6px;}


/*  tip  */
div.tip { clear:both; width:225px; float:right; margin-bottom:10px; }
div.tip h2 {  padding:6px 0 6px 9px; font-size:14px; margin:0; color:#FFF; background:#0088C9 url(../imgs/tip-h2.png) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
div.tip p { margin:0; padding:6px 10px 10px 6px; color:#104EA9; font-size:12px; background:#B9E9FF url(../imgs/tip-p.gif) no-repeat left bottom;
}
img.tip { display:block; padding:4px; border:1px solid #BBCBDF; margin-bottom:12px;}


/* foto v hlavním sloupci */

img.in-photo { display:block; padding:5px; border:1px solid #AEBDD5; margin:28px auto;}

/*  kontakt  */
a.tip-half { display:block; width:290px; }
.tip-half img, img.tip-half { display:block; padding-right:8px; padding-top:8px; background-color:#FFF; border:none; }
a.tip-half, img.tip-half { margin-bottom:18px;}
.tbl-kontakt { display:block; margin:18px 0 26px 0;}
.tbl-kontakt td { padding:4px 0 2px 12px;}
.tbl-kontakt td.first { padding-left:0; font-weight:bold;}

.clear-half { clear:both; font-size:0; line-height:0; height:2px; margin-bottom:18px;}
.half-box { padding-bottom:18px;}
.box-left { float:left; padding-left:35px; width:303px;}
.box-right { float:right; padding-left:29px; width:309px;}
.half-box img { display:block; padding:4px; border:1px solid #DCE3EF;}
.half-box p { margin-top:18px;}
.half-box span { display:block; margin-bottom:5px;}
.half-box a { margin-left:12px;}

/* obecné tabulky */
.tbl  { border:1px solid #6699CC; width:100%; padding-bottom:7px;}
.tbl table { width:100%;}
.tbl th { padding:5px 10px; font-weight:bold; background-color:#4D88C4; color:#FFF; text-align:left; border-bottom:5px solid #FFF;}
.tbl td { padding:3px 10px;}
.tbl td.odkaz a { display:block; color:#000;}
.tbl .icon {padding-left:27px; background-position:7px 4px; background-repeat:no-repeat; }

.tbl .sub-head td { font-weight:bold; color:#1169C1; border-top:10px solid #FFF; border-bottom:3px solid #FFF; padding:3px 0 4px 26px; background-color:#D2EDFB;}
.tbl .sub-head td.first { border-top-width:0;}
.tbl .sub-head td span {}

.tbl td.datum { width:60px; text-align:right;}
.tbl td.autor { width:70px;}
.tbl td.delka { width:50px;}


/*  absolventi */
.tbl-absolventi td.first { width:145px;}
.tbl-absolventi td { padding:4px 8px;}

/* koncerty  */
.tbl-koncerty td {  padding:4px 4px;}
.tbl-koncerty td.prvni { white-space:nowrap; text-align:right; }
.tbl-koncerty td.druhy { /*width:290px;*/}
.tbl-koncerty td.treti { width:160px;}
.tbl-koncerty td.ctvrty { /*width:50px;*/}

.tbl-koncerty .datum { white-space:nowrap; text-align:right; width:50px; }
.tbl-koncerty th.datum { text-align:left; }
.tbl-koncerty .nadpis { /*width:290px;*/}
.tbl-koncerty .misto { width:160px;}
.tbl-koncerty .cas { width:30px;  text-align:right;}
.tbl-koncerty th.cas { text-align:left;}
.tbl-koncerty .priloha { width:60px;}

/*  termíny prázdnin  */
.terminy strong { white-space:nowrap;}

/*  uplata za vzdelavani  */
table.uplata th { font-weight:bold; background-color:#D3E4EF; line-height:25px; width:100%;}
.uplata th.first { text-align:left; text-indent:7px;}
.uplata th.cena { text-align:center; white-space:nowrap; padding-right:7px; padding-left:3px;}
.uplata td { padding-top:5px; padding-left:7px; padding-bottom:3px;}
.uplata td.first { padding-right:8px; width:215px;}
.uplata td.cena { width:80px; padding-right:8px; text-align:right;}
.uplata td.subhead { color:#CC0033; font-weight:bold; background-color:#EEF5F9;}
.uplata .addition { color:#678; font-style:oblique;}
.uplata .sub-item {color:#678; font-style:oblique; padding-left:12px;}

/*  učitelé  */

.content-left { }
table.ucitele td { line-height:15px; padding-top:5px; padding-bottom:3px; border-bottom:1px solid #CDE;}
.ucitele .oddeleni { font-weight:bold; color:#157ACC; padding-top:21px; padding-bottom:5px; padding-left:18px; background:url(../imgs/td-oddeleni.gif) no-repeat left top;}
.ucitele .oddeleni-first {padding-top:7px; background-position:left -14px;}
.ucitele .nastroj { font-weight:bold; padding-left:16px; text-indent:-16px;}

.ucitele .ucitel { padding-left:16px; padding-right:15px; width:255px; }
.ucitele .kontakt { width:130px; font-weight:bold; }
.ucitele td.ucitel a { color:#000; font-weight:normal; text-decoration:none;}
.ucitele td.ucitel a:hover { text-decoration:underline;}

/*  galerie učitelů  */
.large { width:870px; margin:0 auto;}
.large img { display:block; margin:0 auto; border:1px solid #B0BCD0; padding:4px; background:#FFF; }
.large h3 { font-family:"Trebuchet MS", Tahoma, Arial; font-size:18px; color:#678; text-align:center; margin-top:35px;}
.menu-bar  { width:340px; height:40px; margin:12px auto 12px auto; height:40px; padding:0; }
.menu-bar li { height:40px; float:left; padding:0; }
.menu-bar a { display:block; padding:2px 20px 0 20px; float:left; height:20px;}
.menu-bar a { color:#000; text-decoration:none;}
.menu-bar a:hover { text-decoration:underline;}

/*  galerie  */
h2.galerie-m { margin-right:130px;}
.thumb { display:block; width:207px; float:left; padding-top:4px; padding-bottom:19px; }
.thumb a { display:block; width:207px; text-decoration:none; font-weight:normal; color:#333;}
.thumb a img { display:block; border:1px solid #D0DBE8; padding:4px;}
.thumb h4 { font-size:12px; font-weight:normal; margin:5px 0;}
.thumb-first { padding-left:0; padding-right:18px;}
.thumb-second { padding-left:9px; padding-right:9px;}
.thumb-third { padding-left:18px; padding-right:0;}


/*  rozvrh  */
.padd-rozvrh { display:block; padding-left:190px;}
h3.rozvrh { color:#024; font-family:Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:1px; margin-bottom:1px;}
table.rozvrh { width:100%;}
table.rozvrh td { width:86px; padding:2px 9px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
table.rozvrh td.first { padding-left:0;}
table.rozvrh td.last { width:auto; padding-right:0;}
table.rozvrh span { display:block; white-space:nowrap;}

/*  clanek  */

.clanek-admin-wrapp { border-top:4px solid #6699CC; border-bottom:4px solid #6699CC; padding:14px 0;}

.clanek-admin-popiska { height:27px; margin-bottom:3px; }
.clanek-admin-popiska span { height:27px; line-height:27px; padding:5px 8px; text-align:center; color:#FFF; font-weight:bold; letter-spacing:1px; background-color:#6699CC; }


.tbl-adm-nastenka th { border-bottom-width:0;}
.tbl-moje-zapisy th { border-bottom-width:0;}
.tbl-adm-koncepty  { }
.tbl-adm-smazane {}
.tbl-rubrika th { border-bottom-width:0;}

.icon-publikovan { background-image:url(../imgs/icon-publikovan.gif);}
.icon-nepublikovan { background-image:url(../imgs/icon-nepublikovan.gif);}
.icon-koncept { background-image:url(../imgs/icon-koncept.gif);}
.icon-smazany { background-image:url(../imgs/icon-smazany.gif);}
.icon-otevren { background-image:url(../imgs/icon-otevren.gif);}
.icon-uzavren { background-image:url(../imgs/icon-uzavren.gif);}
.icon-zak { background-image:url(../imgs/icon-zak.gif);}
.icon-solo { background-image:url(../imgs/icon-vystoupeni-solo.gif);}
.icon-skupina { background-image:url(../imgs/icon-vystoupeni-skupina.gif);}


.tbl-moje-zapisy .zak  { padding-left:5px;}
.tbl-moje-zapisy .zak a { color:#000;}
.tbl-moje-zapisy .zak span { padding-left:14px; display:block; background:url(../imgs/icon-zak.gif) no-repeat left top; }


.tbl-koncert-edit td { padding:3px 22px 3px 0;}

h1 span.items-arrow { padding-left:50px; background:url(../imgs/h1-items-arrow.gif) no-repeat left center;}

/*  development  */

.develop-window { position:fixed; top:12px; right:12px; margin:0; display:inline; padding:2px; border:2px solid blue; background-color:#FFF;}
.tbl-develop { border:1px solid red;}
.tbl-develop td { padding:3px 14px;}

/*  submenu bar  */
p.sub-menu-bar { margin:0; float:right; position:relative; top:-4px;}
p.sub-menu-bar a {margin-left:12px;}
h1.sub-menu-bar { margin-bottom:0;}
div.sub-menu-bar { padding-top:10px;}
div.sub-menu-bar h2 { margin-top:18px;}


.prace { margin:35px auto; width:240px; padding-left:12px; color:#F8A814; border-left:16px solid #FFCC33;}
.wrong-message {width:230px; padding:7px; margin:65px auto;}
.wrong-message p { text-align:center; color:#FF0000;}

.pokracovat { padding-top:15px; text-align:center;}

.tbl-moje-zapisy .delka { text-align:right; padding-right:5px;}
.head-delka { text-align:center; padding-right:5px;}

/*  texy články  */

.texy-html td { padding:3px 15px 6px 15px;}
.texy-html th { padding:6px 15px 6px 15px; background-color:#CCEBF7; text-align:left;}
.texy-html table { width:100%; border:1px solid #8AD1EC; margin-bottom:18px;}
.texy-html h3 { color:#1D9DE2;}
.texy-html ol { padding-left:30px; margin-left:0; }
.texy-html ol li { padding-left:0px; padding-bottom:4px; line-height:17px;  }
.texy-html ul { margin-left:0px;}
.texy-html ul li { background:url(../imgs/li-dot.gif) no-repeat left top; padding-left:15px; height:auto !important; height:12px; min-height:12px;}


.tbl-koncert-detail {width:500px; }

/*  tbl-koncert-zapisy */
.tbl-koncert-zapisy td.zak { width:150px;}
.tbl-koncert-zapisy td.delka { width:45px;}
.tbl-koncert-zapisy .delka, .tbl-koncert-zapisy .delka { padding-left:4px; padding-right:4px; text-align:center;}
.tbl-koncert-zapisy .skladby span, .tbl-koncert-zapisy .delka span { display:block; height:auto !important; height:34px; min-height:34px;}
.tbl-koncert-zapisy .skladby span { text-indent:14px; background:url(../imgs/icon-skladba.gif) no-repeat left top;}


.tbl-zapis-zaka td { padding:2px 8px;}
.tbl-zapis-zaka .sub-head { padding-top:12px; font-weight:bold; }
.tbl-zapis-zaka .first { padding-left:25px;}

p.app-mess { width:280px; margin:55px auto 25px auto; padding-top:110px; background:url(../imgs/app-mess-info.gif) no-repeat center top;}
p.app-mess span.head { display:block; padding-bottom:4px; font-weight:bold; }

.legenda { padding-top:6px;}
.legenda .odkaz-right { margin:2px 2px 0 0;}
.legenda .icon { padding-left:17px; background-position:3px 1px; background-repeat:no-repeat;}
.legenda .icon-solo { padding-left:12px;}


/*  fórum  */
.tbl-ftema-vypis { /*width:650px;*/}
.prispevek-box { margin:5px 0 18px 0;}
.prispevek-box h4 { background-color:#9FEA68; margin:0; float:left; padding:0 8px; position:relative; top:1px; border-width:1px 1px 0 1px; border-style:solid; border-color:#58AD18;}
.prispevek-box h4 span { line-height:26px; font-size:13px; color:#000;}
.prispevek-box .vlozeno { float:right; margin-top:7px; margin-bottom:0;}
.prispevek-box .text { border:1px solid red; border-color:#58AD18; padding:0 12px; background-color:#E9FADA;}
.f-spacebar { clear:both; font-size:0; height:0;}
.napoveda-box { width:520px; }
.tema-zalozil { position:relative; top:-11px;}
.tema-zalozil span { margin-left:20px;}

.tema-otevrene { color:#00B300; background-position:0 0;}
.tema-uzavrene { color:#FF0033; background-position:0 -50px;}
.tema-archivovane { color:#0066CC; background-position:0 -100px;}
.tema-smazane { color:#666666; background-position:0 -150px;}

.forum-icon { padding-left:22px; background-image:url(../imgs/icon-forum.gif); background-repeat:no-repeat; }
.forum-icon a { color:#000;}
.admin-link { float:right; padding-right:6px;}

/*  administrace - z extonu  */
.frm .cmp-horizontal, .frm .cmp-vertical { float:left; }
.frm .cmp-horizontal input  { width:auto;}
.frm .cmp-horizontal label { width:auto; padding:2px 8px 2px 5px; margin-right:22px; float:none; display:inline; position:relative !important; position:static; top:-4px; font-weight:normal; background:none;}

.frm .cmp-vertical { margin-bottom:8px;float:left;}
.frm .cmp-vertical span { display:block; margin-bottom:5px; width:100%; float:left;  }
.frm .cmp-vertical input  { width:auto; display:block; float:left;}
.frm .cmp-vertical label  { width:auto; padding:2px 3px 2px 2px; float:left; display:block; font-weight:normal; line-height:17px; background:none; position:static !important; position:relative; top:-3px; }

.foto { display:block; text-align:center; padding-bottom:3px;}

.gal-menu-box { width:980px; margin:165px auto 12px auto;}
.gal-menu-box a { font-weight:normal; color:#89A; margin-left:7px;}