@font-face {
    font-family: 'Ubuntu-Light'; /*a name to be used later*/
    src: url('../system/font/Ubuntu-Light.ttf'), url('../system/font/Ubuntu-Light.eot'); /*URL to font*/ 
}

@font-face {
    font-family: 'Ubuntu-Bold'; /*a name to be used later*/
    src: url('../system/font/Ubuntu-B.ttf'), url('../system/font/Ubuntu-B.eot'); /*URL to font*/ 
}

body{
  background-color: EEEEEE;
  left: 0px;
  top: 0px;
  width: 100%;  
  margin: -25px auto;
  padding: 0px;
  
}

hgroup { 
	text-align:center;
	margin-top: 0em;
}

H1{
  font-family: "Ubuntu-light";
  color: #725129;
}

.clear{
  clear: both;  
}

#lista{ 
  position:relative;
  width: 100%;
  font-family: "Ubuntu-light";
  border: 0px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: rgb(49, 132, 155);
  color: white;
}


.icon-1001-position{
  position: relative;
  float: left;
  margin: 0 5 0 20px;
}
#titulek{
  position: relative;
  border: 0px solid;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left; 
  margin: 10 0 0 20px;
  font-size: 20px;
  min-width: 200px;  
}

#login_as{
  position: relative;
  float: right;
  margin: 13 25 0 0px; 
  border: 0px solid;
}

#buttons {
  position: relative;
  height: 50px;
  border: 0px solid;
  float: right;
  margin: 0 30 0 0px;
}

#filter_line{
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgb(182,221,232);
  width: 100%;
  height: 30px;
  border: 0px solid;
  padding: 5 5 5 20px; 
}

#right_icons{
  position: relative;
  float: left;
  border: 0px solid;
  margin: -10px 15px -10px 0px;
  z-index: 10;
  padding: 11px 0 0 0; 
  height: 100%;
  background-color: rgb(182,221,232);
}

#left{
  position: relative;
  float: left;
  border: 0px solid;
}

#right{
  position: relative;
  float: left;
  top: 0px;
  padding: 40 0 30px 0px;
  width: 100%;
  border: 0px solid;
  font-size: 10px;
}

#sl_left_1{
  position: relative;
  float: left;
  border: 0px solid;
}

#sl_right_1{
  position: relative;
  float: right;
  padding: 2px 30px 0 0;
  font-size: 12px;
}

@media (max-device-width: 370px) {
  #lista{
    width: 335px;
  }
  body{
    width: 335px;
  }
  html{
    width: 335px;
  }
  
  #login_as{
    float: left;
    padding: 0 0 0 20px;
  }
  
  #buttons {
    float: left;

  }
}

#news_box{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 100;
  display: none;
}

.news{
  position: relative;
  top: 50px;
  margin: auto;
  width: 70%;
  min-height: 100px;
  border: 1px solid white;
  color: black;
  background-color: rgb(255,255,255);
  padding: 25 25 25 25px;
}

.news_title{
  position: relative;
  padding: 10 0 10 0px;
  width: 100%;
  font-size: 25px;
} 

#stav_line{
  position: fixed;
  height: 20px;
  width: 100%;
  bottom: 0px;
  background-color: rgb(194,201,208);
  float: left; 
  z-index: 100;
} 

#alert_box{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 100;
  display: block;
}

.alert{
  position: relative;
  top: 40%;
  margin: auto;
  width: 350px;
  min-height: 100px;
  border: 0px solid white;
  color: black;
  background-color: rgb(255,255,255);
  padding: 5 15 15 15px;
}

.alert_title{
  position: relative;
  padding: 0 0 0 0px;
  width: 100%;
  font-size: 15px;
}

.alert_icon{
  position: relative;
  width: 100%;
  text-align: center;
  float:left;
  border: 0px solid;
} 

.alert_text{
  position: relative;
  width: 235px;
  float: left;
  border: 0px solid;
  left: 5px;
  font-size: 11px;
}

.alert_close{        
  position: relative;
  left: 305px;
  z-index: 101;
  cursor: pointer;
}