html, body
{
 margin: 0;
 padding: 0;
 height: 100%;
 font-family: "Arial";
}

*
 {
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
 }

.headeramka .ml {       background: repeat-y  url(header/ml.gif)  ; width: 23px; }
.headeramka .mc {       background: no-repeat url(header/main.jpg); height: 107px; width: 981px;}
.headeramka .mr {       background: repeat-y  url(header/mr.gif)  ; width: 21px; }

.headeramka .bl { background: no-repeat url(header/bl.gif); height: 40px; width: 23px;}
.headeramka .bc { background: repeat-x  url(header/bc.gif); height: 40px; }
.headeramka .br { background: no-repeat url(header/br.gif); height: 40px; width: 21px;}

.logossu { background: no-repeat url("header/logo_ssu.gif"); height: 60px; width: 206px; float: left; margin: 5px 0 0 20px;}
.logomoodle { height: 60px; width: 199px; float: right; margin: 5px 20px 0 0; position: relative;}
.logomoodle .logo { background: no-repeat url("header/moodlelogo.gif");  height: 30px; width: 100px;}
.logomoodle .vxod { background: no-repeat url("header/vxod.gif") 50% 0; height: 40px; width: 230px; position: relative; left:-10px;}
.logossu a,
.logomoodle a
{
 display: block;
 height: 100%;
}


div.fullramka { position: relative; width: 100%; height: 100%; z-index: 1;}

div.contentramka { position: relative; width: 516px; height: 100%; z-index: 1;}

div.contentramka .ContentHeader0 { position: relative; width: 100%; }
div.contentramka .ContentHeader { background: no-repeat url(content/logodu.png) 50% 0;  width:100%; height: 80px ; position: absolute; left: 0px; top: -37px;}

div.contentramka .tc, div.contentramka .bc, div.contentramka .ml, div.contentramka .mr
 {
  height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;
 }

div.contentramka .tc { background: repeat-x  url(ramka/t.gif) top    ; top  :   0px; }
div.contentramka .ml { background: repeat-y  url(ramka/l.gif) left   ; left :  10px; }
div.contentramka .mr { background: repeat-y  url(ramka/r.gif) right  ; left : -10px; }
div.contentramka .bc { background: repeat-x  url(ramka/b.gif) bottom ; top  : -10px; }
div.contentramka .mc { left: 25px; width: 466px; top:50px; z-index:1; position: relative; padding-bottom: 80px;}

div.rightramka { position: relative; width: 256px; height: 100%;}

div.rightramka .tc, div.rightramka .bc, div.rightramka .ml, div.rightramka .mr
 {
  height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;
 }

div.rightramka .tc { background: repeat-x  url(ramka/t.gif) top    ; top  :  10px; }
div.rightramka .ml { background: repeat-y  url(ramka/l.gif) left   ; left :  10px; }
div.rightramka .mr { background: repeat-y  url(ramka/r.gif) right  ; left : -10px; }
div.rightramka .bc { background: repeat-x  url(ramka/b.gif) bottom ; top  : -10px; }
div.rightramka .mc { padding: 25px; z-index:1; position: relative;}

div.leftramka { position: relative; width: 256px; height: 100%;}

div.leftramka .tc, div.leftramka .bc, div.leftramka .ml, div.leftramka .mr
 {
  height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;
 }

div.leftramka .tc { background: repeat-x  url(ramka/t.gif) top    ; top  :  10px; }
div.leftramka .ml { background: repeat-y  url(ramka/l.gif) left   ; left :  10px; }
div.leftramka .mr { background: repeat-y  url(ramka/r.gif) right  ; left : -10px; }
div.leftramka .bc { background: repeat-x  url(ramka/b.gif) bottom ; top  : -10px; }
div.leftramka .mc { padding: 25px; z-index:1; position: relative;}

div.footeramka { position: relative; width: 1024px; height: 100%; amargin-top: 10px;}

div.footeramka .tc,  div.footeramka .ml, div.footeramka .mr
 {
  height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;
 }

div.footeramka .tc { background: repeat-x  url(ramka/t.gif) top    ; top  :  10px; height: 10px;}
div.footeramka .ml { background: repeat-y  url(ramka/l.gif) left   ; left :  10px; }
div.footeramka .mr { background: repeat-y  url(ramka/r.gif) right  ; left : -10px; }
div.footeramka .mc { padding: 15px 15px 0 15px; apadding-bottom: 0px; z-index:1; position: relative;}

/***********************************************************************/
 .Hide
 {
  visibility:hidden;
  display:none;
 }

  .prHintText
 {
  opacity:0.8;
  position:absolute;
 }

 .prHint
 {
  acursor:help;
 }

 .Float
 {
  opacity: 0.8;
  background: #FFFFFF;
  position:absolute;
  z-index:1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#7F7F7F", Direction=135, Strength=5);
 }

 .Hint
 {
  opacity:0.9;
  background:#FFFFFF;
  position:absolute;
  z-index:99;
  amargin: 10px;
  padding: 10px;
  border: 2px solid #004444;
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#007070", Direction=135, Strength=5);
 }

a
 {
  color: #705648;
  style: bold;
 }



a:hover
 {
  text-decoration: none;
 }

a img
 {
  border: none;
 }

#FrameFooter a
 {
  color: #838282;
 }


/***********************************************************************/
 .NewsDate{
   acolor: #770000;
   color: #d87400;
   font-weight : bold;
        display: block;
   width: 150px;
 }

 .NewsTitle{
   color: #000000;
   acolor: #aa826d;
   padding-left: 20px;
   font-weight : bold;
 }

 #FrameExtra .NewsTitle
 {
  text-align: left;
  atext-align: center;
  display: block;
  text-decoration: none;
  apadding-bottom: 15px;
 }

 #FrameExtra .NewsLink
 {
  font-size: 10px;
 }

 .NewsTitle a{
   text-decoration : none;
   acolor: #001F7F;
 }

 .NewsTitle a:hover{
   color: #007FFF;
 }

 .NewsInfo{
   padding-top:6px;
   display: block;
   text-indent:40px;
   text-align: justify;
 }

 .NewsLink{
   display: block;
   text-align: right;
   font-size: 14px;
 }

 .NewsLink a{
   text-decoration : none;
   color: #001F7F;
 }

 .NewsLink a:hover{
  color: #007FFF;
 }

/***********************************************************************/

h1
 {
  font-size: 18px;
  color: #3a90b1;
  text-decoration: none;
  text-align: center;
 }

h1 a
 {
  text-decoration: none;
 }

h3
 {
  font-size: 14px;
  color: #cc0000;
  padding:0px;
  margin: 0px;
 }

p
 {
  text-indent: 40px;
 }

/***********************************************************************/
/* FrameNavigation */

#FrameNavigation ul
 {
  list-style: none;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  font-weight: bold;
  font-size: 14px;
 }

#FrameNavigation li a
 {
  display: block;
  width: 100%;
  padding: 5px;
  text-decoration: none;
  abackground-color: #FFFFFF;
  color: #3a90b1;
  border-bottom: 1px solid #D8D6E2;
 }

#FrameNavigation li a:hover
 {
  color: #FFFFFF;
  background-color: #3a90b1;
 }

#FrameExtra
 {
  font-size: 14px;
 }

/* End */
/* End FrameNavigation */

/***********************************************************************/
.breadcrumb .end
{
 display: none;
}