/**
 * $Id:$
 */

/*-
Elements
===============================================================================
===============================================================================
-*/

body                { margin:0; padding:0; font-size:80%; background:#fff url(img/bg-main.gif) top center repeat-y; color:#333; text-align:center; font-family: "Verdana CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; }

h1                  { margin:0 0 0 200px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;
                        background:url(img/bg-h1.gif) repeat-x; padding-left:10px; line-height:3em;
                        color:#669; font-size:1.3em; }

h2                  { font-size:125%; color:#669; margin:.3em 0; padding:.3em 0 .3em 1em; }
h3                  { background-color:#eee; margin:0; margin-top:1em; padding:.3em 0 .3em 2em; border-top:1px solid #DCDCDC; font-size:110%; color:#666; }
h4                  { background-color:#fff; margin:0; margin-top:20px; padding: 5px 0 5px 28px; border-top: 2px solid #DCDCDC; font-size:100%; color:#666; }
h5                  { font-size:100%; margin:.3em 0 .3em 3em; }
h6                  { font-size:100%; margin:.3em 0 .3em 4em;}

a                   { color:#336; font-weight:bold; }
a:hover             { background:#bdd6ef; color:#333399; }

p                   { text-align:justify; text-indent:15px; background-color:#F4F4F4; padding:15px 28px 20px 28px;
                      border:1px solid #DCDCDC; border-left:0; border-right:0; margin:.3em 0; }

table               { margin:1em 0; border:1px solid #DCDCDC; font-size:1em; }
td, th              { padding:.2em; font-size:1em; }
td                  { background:#f4f4f4; }
th                  { background:#DCDCDC; font-weight:bold; text-align:left; }

td p, th p          { text-indent:0px; background:none; padding:0; border:none; margin:0; }

fieldset            { padding:.5em; border:1px solid #ccc; size:1px; margin:.5em 0; }
legend              { font-weight:bold; color:#336; }


ul                  { list-style-type:square; }
li                  {  }
li li               { list-style-type:circle; }
ul ul               {  }

li p                { text-indent:0px; background:none; padding:0; border:none; margin:0; }


/*-
Main parts
===============================================================================
===============================================================================
-*/

#page               { margin:0 auto; padding:0; width:770px; text-align:left; position:relative; border-top:4px solid #000; border-bottom:8px solid #000; background:url(img/bg-content.gif) repeat-y; }

/*-
Header
===============================================================================
-*/
#header             { height:131px; }
#header p           { margin:0; padding:0; }
#header a           { height:131px; width:100%; display:block; position:relative; }
#header a span      { height:131px; width:100%; display:block; background:url(img/bg-header.jpg) no-repeat; position:absolute; top:0; left:0; }

/*-
Menu
===============================================================================
-*/
#menu               { display:block; position:relative; background:#999; height:101px; border-bottom:2px solid #fff; }
#menu li            { float:none; _float:left; list-style:none; }
#menu a             { display:block; width:110px; height:101px; overflow:hidden; }
#menu strong        { display:block; width:110px; height:101px; overflow:hidden; }
#menu ul, li        { margin:0; padding:0; }
#menu ul.level-0    { /*width:43em; /*- "width" kvuli IE - neumi si dopocitat sirku pri floatingu -*/ }

#menu ul.level-0 a  { float:left; text-align:center; }
#menu ul.level-0 strong { float:left; text-align:center; }
#menu ul.level-2    { position:absolute; top:126px; _to\p:127px; left:0; width:195px; }
#menu ul.level-2 li { clear:left; }
#menu ul.level-2 a  { width:195px; float:none !important; height:auto; }
#menu ul.level-2 strong  { width:195px; float:none !important; height:auto; }

#menu ul.level-2 li a  { padding:3px 0 3px 10px; width:185px;  text-align:left; _wid\th:195px; line-height:1.4em; }
#menu ul.level-2 li li a  { padding-left:20px; width:175px; _wid\th:195px; }
#menu ul.level-2 li li li a  { padding-left:30px; width:165px; _wid\th:195px; }
#menu ul.level-2 li strong  { padding:3px 0 3px 10px; width:185px;  text-align:left; _wid\th:195px; line-height:1.4em; }
#menu ul.level-2 li li strong  { padding-left:20px; width:175px; _wid\th:195px; }
#menu ul.level-2 li li li strong  { padding-left:30px; width:165px; _wid\th:195px; }

#menu a                       { width:195px; background:url(img/bg-menu-svi-kladno.gif); font-weight:bold; color:#fff; text-decoration:none; line-height:3em; }
#menu strong                  { width:195px; background:url(img/bg-menu-svi-kladno.gif); font-weight:bold; color:#fff; text-decoration:none; line-height:3em; }
#menu li.uredni-deska a       { width:115px; background:url(img/bg-menu-uredni-deska.gif); line-height:3em; }
#menu li.uredni-deska strong  { width:115px; background:url(img/bg-menu-uredni-deska.gif); line-height:3em; }
#menu li.zajemcum-o-studium a { width:115px; background:url(img/bg-menu-zajemcum.gif); line-height:1.5em; }
#menu li.zajemcum-o-studium strong { width:115px; background:url(img/bg-menu-zajemcum.gif); line-height:1.5em; }
#menu li.pro-studenty a       { width:115px; background:url(img/bg-menu-pro-studenty.gif); line-height:3em; }
#menu li.pro-studenty strong  { width:115px; background:url(img/bg-menu-pro-studenty.gif); line-height:3em; }
#menu li.pro-zamestnance a    { width:115px; background:url(img/bg-menu-pro-zamestnance.gif); line-height:1.5em; }
#menu li.pro-zamestnance strong { width:115px; background:url(img/bg-menu-pro-zamestnance.gif); line-height:1.5em; }
#menu li.kontakt a            { width:115px; background:url(img/bg-menu-kontakt.gif); line-height:3em; }
#menu li.kontakt strong       { width:115px; background:url(img/bg-menu-kontakt.gif); line-height:3em; }

#menu ul.level-2    { border-top:4px solid #000; border-bottom:1px solid #fff; }
#menu ul.level-2 li a:hover { background-color:#ccc; }
#menu ul.level-2 li a.active { background:#336; color:#fff; font-weight:bold; }
#menu ul.level-2 li a { background:#dcdcdc url(img/bg-content.gif) repeat-y; border-top:1px solid #fff; color:#336; }
#menu ul.level-3 li a { background:#eee; color:#336; font-weight:normal; }
#menu ul.level-4 li a { background:url(img/bg-menu-list.gif) 20px 50% no-repeat #f6f6f6; color:#336; font-weight:normal; }
#menu ul.level-2 li strong:hover { background-color:#ccc; }
#menu ul.level-2 li strong.active { background:#336; color:#fff; font-weight:bold; }
#menu ul.level-2 li strong { background:#dcdcdc url(img/bg-content.gif) repeat-y; border-top:1px solid #fff; color:#336; }
#menu ul.level-3 li strong { background:#eee; color:#336; font-weight:normal; }
#menu ul.level-4 li strong { background:url(img/bg-menu-list.gif) 20px 50% no-repeat #f6f6f6; color:#336; font-weight:normal; }
/*
#menu li.uredni-deska a:hover       { background:url(img/bg-menu-uredni-deska_hover.gif); }
#menu li.zajemcum-o-studium a:hover { background:url(img/bg-menu-uredni-deska_hover.gif); }
#menu li.pro-studenty a:hover       { background:url(img/bg-menu-uredni-deska_hover.gif); }
#menu li.pro-zamestnance a:hover    { background:url(img/bg-menu-pro-zamestnance_hover.gif); }
#menu li.kontakt a:hover            { background:url(img/bg-menu-kontakt_hover.gif); }
*/

/*-
Features
===============================================================================
-*/
#navpath            { width:100%; clear:both; border-top:1px solid #000; border-bottom:3px solid #fff; padding:3px 0; font-size:.9em; background:url(img/bg-navpath.gif) left bottom repeat-x #fff; }
#navpath a          { font-weight:normal; }

#userinfo           { text-align:right; padding:.3em 0; }

/*-
Content
===============================================================================
-*/
#content            { margin:3px 0 0 200px; padding-bottom:2em; clear:both; border-top:1px solid #ccc; border-bottom:1px solid #ccc; _height:40em; min-height:40em; position:relative; background:url(img/bg-content-bottom) left bottom repeat-x; }
/*html body #content       { height:47em; }*/

/*-
Footer
===============================================================================
-*/
#footer             { background:#336 url(img/bg-footer) top left repeat-x; border-top:3px solid #fff; border-bottom:15px solid #fff; padding:6px; color:#fff; font-size:.9em; text-align:right; clear:both; }
#footer a           { color:#fff; font-weight:normal; }
#footer span        { display:block; }
#footer .copy       { float:left; }

/*-
Classes
===============================================================================
===============================================================================
-*/

.hidden     { display:none; }
.fleft      { float:left; }
.fright     { float:right; }
.clear      { clear:both; }

.messages   { padding:.3em 1em; }
.messages p { padding:.3em 1em; font-weight:bold; }
.normal     { border:1px solid #f00; color:#f00; }

.td_zv1     { background-color:#FAFAFA; }
.td_zv2     { background-color:#ECECEC; }



/*-
Admin
===============================================================================
===============================================================================
-*/

#menu li.admin a { display:none; }
#menu li.admin strong { display:none; }
#menu li.admin li a { display:block; }
#menu li.admin li strong { display:block; }


/*-
Special block
===============================================================================
===============================================================================
-*/

#news               { position:absolute; left:-195px; width:185px; top:-4em; }
#news h3            { margin:0; color:#336; background:none; border:none; padding:0; }
#news h4            { margin:1em 0 .5em; font-size:1em; background:none; border:none; border-top:1px solid #999; padding:0; }
#news h4 span       { display:block; font-size:.9em; color:#336; }
#news p             { text-align:left; text-indent:0; background:none; padding:0; margin:0; border:none; }
/*
.news h3            { margin:0; color:#336; background:none; border:none; padding:0; }
.news h4            { margin:.5em 0; font-size:1em; background:none; border:none; padding:0; }
.news h4 span       { display:block; font-size:.9em; color:#336; }*/

/*-
FCKEditor
===============================================================================
===============================================================================
-*/
body#fckeditor          { background:#fff; text-align:left; }
/*body#fckeditor *        { position:relative; }*/

.predmety form textarea{ width: 100%; }
.detail-vyucujiciho form textarea { width: 100%; }
.detail-vyucujiciho form table input { width: 100%; }