/* CSS Document */
/*cela stranka*/

#footer {
    display: none;
}
#hov {
    display: none;

}

details {



}

details p {
    width: 250px;
    height: 50px;
    background-color: white;
    border-style: solid;
    border-width: 2px;
    padding-left: 3px;

}

details p.c {
    width: 250px;
    height: 50px;
    background-color: #B52524;
    color: white;
    border-style: solid;
    border-width: 2px;
    padding-left: 3px;

}


/*obrazovky css*/
.obrazovky-css {
    width: 1920px; 
    height: 1080px; 
    background-color: lightblue;
   background-image: url("sablona-monitor/obrazovky-layout.svg"); 
   background-repeat: no-repeat; 
   
/* border-style: solid;
   border-color: white;*/
}

.obrazovky-css #header {
    display: none;
}

.obrazovky-css #body-wrapper {
    margin-left: 320px;
    padding: 0 0 0 0;    
    /*background-color: white;*/
    width: 1600px;
    height: 900px;
    overflow: hidden; 

}

.obrazovky-css blockquote {
  position: fixed;
  top: 900px;
  left: 0px;
  width: 19200px;
  height: 180px;
  margin: 0 0 0 0; 
  padding: 20 40 20 40; 
  overflow: hidden; 
  background-color: #393185;
  border-style: none;
}

.obrazovky-css blockquote p {
  font-size: 50px;
  font-weight: bold;
  color: white;

}

.obrazovky-css #body-wrapper .container {
    padding: 50px 50px 0px 50px;
}

.obrazovky-css .container.grid-lg {
    max-width: 100%;
}

#hodiny {
  position: fixed;
  top: 150px;
  left: 33px;
}

#hodiny-nohover { /* skryje link na sluzbu hodin */
  position: fixed;
  top: 150px;
  left: 33px;
  width: 250px;
  height: 250px;
}


.obrazovky-css h1{

  font-size: 100px; /* 40px/16=2.5em */
  margin-top: 0px;
}
.obrazovky-css h2{

  font-size: 80px; /* 40px/16=2.5em */
  margin-top: 0px;
}
.obrazovky-css h3{

  font-size: 60px; /* 40px/16=2.5em */
  margin-top: 0px;
}
.obrazovky-css h4{

  font-size: 40px; /* 40px/16=2.5em */
  margin-top: 0px;
}

.obrazovky-css p{

  font-size: 30px; /* 40px/16=2.5em */
}
.obrazovky-css th{

  font-size: 40px; /* 40px/16=2.5em */
}
.obrazovky-css td{

  font-size: 40px; /* 40px/16=2.5em */
}

.obrazovky-css .notices {
  padding: 0px 0px 0px 30px
  
  }
  
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*TESTOVACIA SEKCIA-----------------------------------------------------------*/
/*----------------------------------------------------------------------------*/  
  
.testuj #datum {
  font-size: 70px;
  font-weight: bold;
  color: white; 
}  
  
.testuj #header {
    display: none;
}

.testuj {
    width: 1920px; 
    height: 100%; 
    background-color: #212121;
    background-image: url("sablona-monitor/logo.png");
    background-position: left top;
    background-attachment: fixed; 
    background-repeat: no-repeat; */ 
}

.testuj #body-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0 0 0 0;
    position: fixed;
    top: 0px;
    left: 320px;   
    right: 0px;  
    background-color: #333333;
    width: 100%; 
    height: 100%; 
    overflow: hidden; 

}

.testuj .container.grid-lg {
    margin-left: 50px;
    margin-right: 50px;
    max-width: 1500px;
}

/* RSS */

.testuj blockquote {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 150px;
  margin: 0 0 0 0; 
  overflow: hidden; 
  background-color: #212121;
  border-top: 10px solid #393185;
  border-left: none;
  box-sizing: border-box;

}

.testuj blockquote p{
  color: white;
  position: absolute; 
  white-space: nowrap;
  font-weight: bold;
  font-size: 50px;
  margin-top: 20px;
}

/* ! REKTORAT notice yellow - MODRA */

.testuj div.notices.yellow {
 width: 100%;
 border-left-color:  #393185; 
 background:  #212121;
 color: white;
 font-size: 40px;
}

/* !! LF notice red - ZELENA */

.testuj div.notices.red {
 border-left-color:  #387A10; 
 background:  #212121;
 color: white;
 font-size: 40px;
}

/* !!! FVZ notice red - ORANZOVA */

.testuj div.notices.blue {
 border-left-color:  #DD9933; 
 background:  #212121;
 color: white;
 font-size: 40px;
 display: none;
}

/* !!!! FOaZOS notice green - CERVENA */

.testuj div.notices.green {
 border-left-color:  #DD3333; 
 background:  #212121;
 color: white;
 font-size: 40px;
}