body{
    /*height: 100%; */
    margin: 0 auto;
    padding: 0;
    font-family: Tahoma, Verdana;
    text-align: center;
    background: url('/img/layout/bg.gif') repeat;
}
small{
font-size:10px;    
}
img {
border:0px;
}
#innercontent{
    background-color:#ccc;
}
#spacer{
    height: 95%;
    float: left;
    width: 1px;
    font-size: 1px; /* to make sure width is not overridden */
    padding: 0;
    margin: 0;

}
#clockid {
padding-top:7px;
padding-left:7px;
padding-bottom:7px;
padding-right:8px;
background:url(/img/layout/clockbase.gif) no-repeat top;
}
#clockid2 {
/*width:99px;
height:97px;*/
}
#clock {
    display:inline;
  }  
#clockdiv{   
    text-align:left;
    padding:3px;
    background-color:#a2b1d0;
    color:#fff;
    font-size:medium
    }
#getlesson {
  background-color:#a2b1d0;
  color:#fff;
  font-size:medium
} 
#contentwrap{
    width:1000px;
    text-align: center;
    padding: 0;
    align:center;
    margin: 0 auto 0 auto;
}
#content{
    padding: 0px;
}
#menu ul{
    height:25px;
    background-image:url(/img/layout/grad.gif);
    background-color:#000;
    font-size: 13px;
    padding-left:0px;
    padding-top:1px;
    margin:0px;
}
#menu .col {
color: #fff;
}

.menu li{
    display:inline;
    padding-top:0px;
    margin-top:0px;
    padding-bottom:0px;
    padding-left:10px;
    padding-right:10px;
    font-weight: bold;
}

.menu a{
    color: #ffffff;
    text-decoration: none;
}
.menu a:hover {
    text-decoration: underline;
}

#kreska {
    clear: both;
    height: 3px;
    vertical-align: middle;
    padding: 0;
    margin: 0;background-color:#000;
}
#footer{
    clear: both;
    height: 47px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    background-image:url(/img/layout/foots.gif);
}


#footer .foot1 {
    font-size: 8pt;
    padding-top: 7px;
}

#footer .foot1 a{
   text-decoration: none;
   color: #fff;
   padding-left: 15px;
}

#footer .foot2 {
padding-top: 5px;
font-size: 10pt;
font-weight: bold;
color: #5a6174;
}

#footer .foot2 a{
text-decoration: none;
color: #5b6074;
}

#footer a:hover {
text-decoration: underline;
}

#toplogo{
    width:1000px;
    
    background:url(/img/layout/top.jpg) top no-repeat;
    height: 237px;
    /*background:url(/img/layout/top_.jpg) top no-repeat;
    height:267px;*/
}
.newstitle{
    background-color: #fff;
    padding: 3px;
    color:#000;
    background-image:url(/img/layout/ntitlebg.jpg);
    background-repeat:repeat-x;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
}
.selected{
margin-bottom:0px;
padding-bottom:0px;
}
.newscontent{
    background-color: #a1b0cf;
   /* min-height:100px;*/
    padding-left: 10px;
    border:0px solid #fff;
    font-size: 10px;
    background-image:url(/img/layout/newsbg.jpg);
    background-repeat:repeat-x;
}

#sectiontitle{
    background-color: #4d5b75;
    color: #ffffff;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
}
#sectionbox {
    background-color: #223146;
    background-image:url(/img/layout/sectgrad.jpg);
    background-repeat: repeat-x;
    color: #ffffff;
    height:100%;
    min-height:155px;
}
.sectionboxelement{
    padding-left: 5px;
    padding-top:5px;
    padding-bottom:5px;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-bottom:1px solid #000;
    border-right:1px solid #000;    
    text-align: left;
}
#sectionbox a{
    color: #ffffff;
    text-decoration:none;
}

.t1 {
    background-image:url(/img/layout/gradtop.jpg);
    height:20px;
}
.t2 {
    background-color: #223146;
    height:20px;
}

h3.accord a{
    font-size: 13px;
    color: #1e2537;
    text-decoration:none;
}
.w100 {
border-spacing:1px;
padding:0px;
}
table tr .tr1 {
background-color: #cccccc;
}
table tr .tr2 {
background-color: #e0e0e0;
}
table th {
background-color: #cccccc;
font-size:12px;
}
table td{
font-size:12px;
}
table{
width:100%;
}
/*DIALOG*/
/* Dialog
----------------------------------*/
.ui-dialog {     
    background-color: white;
    width: auto;
    height: auto;
}
.ui-dialog .ui-dialog-titlebar { 
        background: url(/img/dialog/dialog_title.png);
    border: inset #17375c 1px;
    margin-right: 0px;
    margin-left:0px;
    height: 20px;
    padding: 5px;
    border-left: 0px;
    border-right: 0px;
    border-top:0px;}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close {     
    background: url(/img/dialog/editdelete.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: right; 
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }