@charset "utf8";
body
{
width:100%;
height:100%;
}

body, div, ul, li { margin: 0; padding:0; font: 12px Arial, Helvetica, sans-serif; color: #555; }
body { background-color: #f4f4f4; }
.vertraz {height: 0px;}

div#container { width: 100%;  z-index: 2;}
div#content { background-color: #fff; padding: 15px 10px;height:100%; }

div#traka-top {  height: 62px; width: 100%; min-width: 984px; border-bottom: 1px solid #888; background-color: #71BA51; z-index: 1; box-shadow: 0px 2px 2px #888; }
div#header { height: 0px; width: 100%;  background-color: transparent; position: relative; }
div#header h1 { float: left; font: 18px/40px Arial,Tahoma,sans-serif; margin: 0 0 0 5px; letter-spacing: 2px; text-shadow: 1px 1px #fff; color: #555; }
ul#usrdet { list-style-type: none; text-align: right;padding-top:15px }
ul#usrdet li { letter-spacing: 1px;  color: #777; }
ul#usrdet #usrlab, ul#usrdet #usradm, ul#usrdet .uprop { font-style: italic; }
ul#hmain-menu li.oznacen { background-color: white; border-top: 1px solid #bbb; border-bottom: 4px solid #fff;border-left: 1px solid #bbb;border-right: 1px solid #bbb;box-shadow:
        0 .05em .25em 0 rgba(255, 255, 255, 1);  margin: 0 0 10px; 0}

.butzel {border: 1px solid #999999; 	border-radius: 4px; background-color: #eeeeee; color: #666666; font-weight:bold; font-size: 12px; padding: 3px 10px;}
.butzel:hover { border-color: #777777; color: #444444; background-color: #c6e9af; cursor:pointer; }


.butpla {border: 1px solid #999999; 	border-radius: 4px; background-color: #eeeeee; color: #666666; font-weight:bold; font-size: 12px; padding: 3px 10px;}
.butpla:hover { border-color: #777777; color: #444444; background-color: #71BA51; cursor:pointer; }

label {display:none;cursor: pointer;user-select:none;}

ul#hmain-menu a,  label {color:grey;text-decoration:none;transition:color .3s ease-in-out;font-size:13px;font-weight:bold;}

ul#hmain-menu {padding: 0;margin-left:15px;width:100%;list-style:none;}

ul#hmain-menu li {float:left;padding:.45em .55em;width:10%;text-align:center;transition-duration: .3s;transition-timing-function: ease-in-out;transition-property: box-shadow, color;
      box-shadow:
        0 .05em .25em 0 rgba(0, 0, 0, .85);
      cursor: pointer;
      background-color:#d0fbbd;
      border-radius:3px;
      box-shadow:  2px #888;
      border-bottom:none;
}

ul#hmain-menu li a{ margin: 0px; display: block; width: 100%; height: 100%; }

   ul#hmain-menu li:hover {
        background-color:#9bf871;
        box-shadow:
          0.1em .25em 0 #A9A9A9,
          inset 0 0 0 2em rgba(153, 153, 153,0);

      }


/* small screens */
@media all and (min-width:47em) and (orientation:portrait){

  html,
  body {
    margin:0;    
    width:100%;
  }

  ul#hmain-menu {

      display:none;
      height:100%;
    }

    label {
      position:relative;
      display:block;
      width:15px;
      min-height:1em;
      padding:.4em;
      font-size:1.1em;
      margin-left:15px;
      border: 1px solid rgba(255, 256, 256, .5);
      background-color:white;
      align:left;
      border-radius:3px;
      box-shadow:0 .05em .25em 0 rgba(0, 0, 0, .35);

    }

    label:after {
      position: absolute;
      right: .35em;  
      left: .25em;  
      top: 0; 
      content:"\2261";
      font-size:1.8em;
    }

    input[type=checkbox]:checked ~ label:after {
      color:#222;
    }

    input[type=checkbox]:checked ~ ul#hmain-menu {
      display:inline-grid;

      > ul#hmain-menu li {
        width:100%;
        opacity:.8;
        text-align:left;

        &:after {
          position:absolute;
          right:.25em;
          content:"\203A";
          font: bold 1.4em sans-serif;
        }
      }        
    }
  }
.row{
	 margin-left: 15px;
     margin-right: 15px;
     padding: 1px 10px;
}




.grid_1 { width: 8.33333333%; }
.grid_2 { width: 16.66666667%; }
.grid_2_ipo { width: 18.66666667%; }
.grid_3 { width: 25%; }
.grid_4 { width: 33.33333333%; }
.grid_4_ipo { width: 39.33333333%; }
.grid_5 { width: 41.66666666%; }
.grid_6 { width: 50%; }
.grid_7 { width: 58.33333333%; }
.grid_8 { width: 66.66666667%; }
.grid_9 { width: 75%; }
.grid_9_ipo {width: 81,33333333}
.grid_10 { width: 83.33333333%; }
.grid_11 { width: 91.66666667%; }
.grid_12 { width: 100%; }

.grid_1,
.grid_2,
.grid_2_ipo,
.grid_3,
.grid_4,
.grid_4_ipo,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_9_ipo,
.grid_10,
.grid_11,
.grid_12 {
	float: left;
	display: block;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after{
  clear: both;
}

#sel_tooltip
{position:fixed;
display:none; 
z-index:1001; 
background:#9bf871;
border-radius: 6px;
}