img{
  padding: 0px;
  margin: 0px;
  border: 0px;
}
div{
  font-family: sans-serif; 
}

p.p1{
  margin:0px;
  margin-bottom:2px;
  font-size: 10pt;
  font-family: sans-serif; 
}
div.p2{
  margin:0px;
  margin-bottom:2px;
  font-size: 12pt;
  font-family: sans-serif; 
  text-align:justify;
}

.picture{
  cursor: pointer;
  display: inline;
}
div.blue{
  color: #0000ff;
}
div.Date{
  color:#000080;
  font-size: 14pt;
  font-weight: bold;
  font-family: verdana
}

div.clockText{
  font-family: verdana;
  font-size:   8pt;
  font-weight: bold;
}
div.Text{
  font-family: verdana;
  font-weight: 800;
  font-size:   24px;
  font-weight: bold;
  color: #0000ff;
  text-align: center;
}
div.Text1{
  font-family: verdana;
  font-weight: 800;
  font-size:   17pt;
  text-decoration: underline;
  font-weight: bold;
  color: #0000ff;
  text-align: center;
}
a.link{
  font-family: verdana;
  font-weight: 800;
  font-size:   8pt;
  text-decoration: underline;
  font-weight: bold;
  color: #0000ff;
  text-align: center;
  cursor: pointer;
}
div.notoperational{
  font-family: verdana;
  font-weight: 800;
  font-size:  7pt;
  font-weight: bold;
  text-align: center;
  background-color: #2d2d2d;
  color:#ffffff;
  display: block;
  padding: 2px;
  left: 5px;
}
div.MenuBar{
  font-family: verdana;
  font-weight: 800;
  font-size:   8pt;
  text-decoration: underline;
  color: #ffffff;
  text-align: left;
  cursor: pointer;
}
div.floating-window{
  position: absolute;
  margin-top: 20px;
  margin-left: 0px;
  text-align: left;
}
div.floating-panel1{
  z-index: 200; 
  position:relative; 
  left:95px;
  top:-15px;
}
div.floating-panel2{
  z-index: 300;
  position:relative;
  width: 260px;
  height: 30px;
  background-color: #ffff00;
  border: 2px solid #ff0000;
  left:0px;
  top:-15px;
  overflow: hidden;
}

div.floating-panel-text-center{
  font-family: verdana;
  font-weight: bold;
  font-size: 12px;
  color: #ff0000;
  text-align:center;
  top: 7px;
  position: relative;
}

img {
  margin-top: 3px;
  padding: 0px;
  display: block;
  cursor: pointer;
}
div.nolink{
  font-family: verdana;
  font-size:   12pt;
  font-weight: bold;
  color: #0000ff;
  text-align: center;
  display: block;
  position: relative;
  top:10px;
  height: 38px;
}
div.container{
  font-family: verdana;
  font-size:   12pt;
  display: inline;
}
div.link{
  font-family: verdana;
  font-size:   12pt;
  font-weight: bold;
  text-decoration: underline;
  color: #0000ff;
  text-align: center;
  cursor: pointer;
  display: inline;
}
div.link1{
  font-family: verdana;
  font-size:   12pt;
  font-weight: bold;
  color: #0000ff;
  text-align: center;
  cursor: pointer;
  display: inline;
}

div.tabcontainer{
  font-size: 0pt;
  height: 100%;
  width: 1200px;
  text-align: left;
  display: block;
  background-color: #ffffcc;
}

div.tabmenucontainer{
  display: block;
  width: 100%;
  height: 50;
  float: left;
  font-size: 0pt;
  position:relative;
  background-color:red;
  z-index:100;
}

div.tabitem{
  background-color: #d8d8ad;
  border: 1px solid #7d7d7d;
  font-weight: bold;
  color: #686868;
  display: block;
  float: left;
  position: relative;
  height:100%;
  width: 200px;
  text-align: center;
  margin-right: -1px;
  text-align: center;
}

div.tabitemtext{
  font-size: 12pt;
  font-weight: bold;
  color: #686868;
  display: block;

  position: relative;
  text-align: center;
}

div.tabitemselected{
  background-color: #ffffcc;
  border: 1px solid #7d7d7d;
  border-bottom: 0px;
  display: block;
  float: left;
  position: relative;
  margin-right: -1px;
  height: 100%;
  width: 200px;
  text-align: center;
}
div.tabitemselectedtext{
  font-size: 12pt;
  font-weight: bold;
  font-size: 14pt;
  font-weight: bold;
  display: block;
  float: top;
  top:40%;
  position: relative;
  text-align: center;
}

div.tabcontent{
  position:relative;
  display:block;
  background-color:blue;
  border: 1px solid #7d7d7d;
  width:1200;
}
.hover{
  cursor: pointer;
}

div.text_blue_large {
  font-family: verdana;
  font-size: 16pt;
  display:inline;
  color:#0000ff;
  font-weight: bold;
}

div.text_blue_large1 {
  font-family: verdana;
  font-size: 18px;
  display:inline;
  color:#0000ff;
  font-weight: bold;
}

div.text_blue_large2 {
  font-family: verdana;
  font-size: 18pt;
  display:inline;
  color:#0000ff;
  font-weight: bold;
}

div.text_blue_small{
  font-family: verdana;
  font-size: 9pt;
  display:inline;
  color:#0000ff;
  font-weight: bold;
}
div.text_blue_tiny{
  font-family: verdana;
  font-size: 6pt;
  display:inline;
  color:#0000ff;
  font-weight: bold;
}
div.text_blue_medium{
  font-family: verdana;
  font-size: 17px;
  display:inline;
  color:#0000ff;
}


div.text_dark_blue_large{
  font-family: verdana;
  font-size: 15pt;
  display:inline;
  color:#000080;
  font-weight: bold;
}
div.text_dark_blue_large1{
  font-family: verdana;
  font-size: 16pt;
  display:inline;
  color:#000080;
  font-weight: bold;
}

div.text_dark_blue_small{
  font-family: verdana;
  font-size: 7pt;
  display:block;
  color:#000080;
  font-weight: bold;
  padding: 0px;
  margin:0px;
}

div.text_dark_blue_medium{
  font-family: verdana;
  font-size: 11pt;
  display:inline;
  color:#000080;
  font-weight: bold;
  margin-bottom: 2px; 
}

div.text_black_normal{
  font-family: verdana;
  font-size: 18px;
  color:#000000;
}
div.text_black_window_bold{
  font-family:sans-serif;
  font-weight: bold;
  font-size: 19px;
  color:#000000;
}
div.text_black_window_small_bold{
  font-family:sans-serif;
  font-size: 15px;
  font-weight: bold;
  color:#000000;
}
div.text_black_window_tiny_bold{
  font-family:sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#000000;
}

div.text_black_small{
  font-family: verdana;
  font-size: 15px;
  color:#000000;
}

div.underleading{
  display: inline;
  position: relative;
  top: 5px;
  left: -1px;
}

div.upperleading{
  display: inline;
  position: relative;
  top: -5px;
}
div.langframe_overlay{
  width:80px;
  height: 30px;
  display:block;
  position:absolute;
  text-align: center;
  left: 0px;
  top:-13px;
  z-index: 100;
}

div.langframe_container{
  display: block;
  height: 100%;
  z-index: 100;
}
div.langframe{
  display: block;
  width: 100%;
  height:100%;
  position: relative;
  background-color: #ffffff;
  padding:1px;
  border: 1px solid #686868;
  z-index: 100;
}

.langitem{
  border: 1px solid #2d2d2d;
  z-index: 100;
  display: inline;
  position: relative;
  top: 5px;
  margin: 1px;
}

div.iframer{
  overflow: auto;
  position: absolute;
  display: inline;
  width: 100%;
  height: 100%;
  z-index:2;
}

div.bg_lila{
  display: inline;
  background-color: #ff00ff;
}
div.bg_darkgreen{
  display:inline;
  position: relative;
  background-color: #416e31;
}
div.bg_aqua{
  display: inline;
  background-color: #00c0ff;
}
div.bg_aquagreen{
  display: inline;
  background-color: #00ffa7;
}
div.bg_lightgreen{
  display: inline;
  background-color: #00ff17;
}
div.bg_yellow{
  display: inline;
  background-color: #f7ff00;
}
div.bg_red{
  display: inline;
  background-color: #ff0000;
}

div.floating-label{
  position: relative; 
  display:inline;
  left:84px; 
  top:-60px; 
  display: block; 
  color:#ffffff;
  z-index: 100; 
  width: 430px;
  font-size: 35px;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  filter:alpha(opacity=60);
  opacity:0.6;
  
}

div.floatingPlayButton{
  display:block;
  position: relative;
  color:#ffffff;
  z-index: 100; 
  width: 100%;
  height: 100%;
  font-family: sans-serif;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

div.floatingPlayButton1{
  position: absolute;
  -ms-interpolation-mode: bicubic;
  background-image: url('portal/play_white.png');
  background-position: 68px 38px;
  background-repeat: no-repeat;
  border: 1px solid #7d7d7d;
  color:#ffffff;
  z-index: 101; 
  width: 100px;
  height:70px;
  font-size: 35px;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  left: 30px;
  top: 5px;
  filter:alpha(opacity=80);
  opacity:0.8;
  cursor: pointer;
}

div.floatingPlayBackground{
  position: absolute;
  color:#ffffff;
  z-index: 101; 
  width: 100px;
  height:70px;
  text-align: center;
  left: 31px;
  top: 6px;
  filter:alpha(opacity=5);
  opacity:0.05;
  cursor: pointer;
  background-color: #000000;
}

div.pollutionThumbnail{
  cursor: pointer;
  display: block; 
  position: relative;
  width:100px;
  height:70px;
  top: 5px;
  margin-bottom:5px;
  cursor: pointer;
}


div.floatingPlayButtonBg2{
  display:block;
  position: relative;
  z-index: 100; 
  width: 120px;
  height: 100%;
  top:5px;
  font-family: sans-serif;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}
div.floatingPlayButton2{
  position: absolute;
  -ms-interpolation-mode: bicubic;
  background-image: url('portal/play_white.png');
  background-position: 85px 58px;
  background-repeat: no-repeat;
  border: 1px solid #7d7d7d;
  color:#ffffff;
  z-index: 101; 
  width:  119px;
  height: 89px;
  font-size: 35px;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  filter:alpha(opacity=80);
  opacity:0.8;
  cursor: pointer;
}

div.floatingPlayButton3:hover{
  background-image: url('portal/play_selected.png');
}
div.floatingPlayButton2:hover{
  background-image: url('portal/play_selected.png');
}
div.floatingPlayButton1:hover{
  background-image: url('portal/play_selected.png');
}

div.floatingPlayBackground2{
  position: absolute;
  color:#ffffff;
  z-index: 101; 
  width: 120px;
  height:90px;
  text-align: center;
  left: 0px;
  top: 0px;
  filter:alpha(opacity=5);
  opacity:0.05;
  cursor: pointer;
  background-color: #000000;
}

div.pollutionThumbnail2{
  cursor: pointer;
  display: block; 
  position: relative;
  width:120px;
  height:90px;
  top: 0px;
  left:0px;
  margin-bottom:5px;
  cursor: pointer;
}

div.tab_help_image{
  display: block;
  position: absolute;
  border:0px;
  margin: 0px;
  width: 22px;
  height: 22px;
  background-image: url('portal/help.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

div.floatingPlayBackground3{
  position: absolute;
  color:#ffffff;
  z-index: 101; 
  width:100px;
  height:88px;
  text-align: center;
  left: 0px;
  top: 0px;
  filter:alpha(opacity=5);
  opacity:0.05;
  cursor: pointer;
  background-color: #000000;
}

div.pollutionThumbnail3{
  cursor: pointer;
  display: block; 
  width:100px;
  height:88px;
  cursor: pointer;
}

div.floatingPlayButtonBg3{
  display:inline-block;
  position: relative;
  z-index: 100; 
  width: 100px;
  height: 100%;
  font-family: sans-serif;
  font-weight: bold;
  top: 3px;
}
div.floatingPlayButton3{
  position: absolute;
  -ms-interpolation-mode: bicubic;
  background-image: url('portal/play_white.png');
  background-position: 68px 54px;
  background-repeat: no-repeat;
  border: 1px solid #7d7d7d;
  color:#ffffff;
  z-index: 101; 
  width:  98px;
  height: 86px;
  font-size: 35px;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  filter:alpha(opacity=80);
  opacity:0.8;
  cursor: pointer;
}

div.paragraph-small{
  margin-bottom: 10px;
  text-align: justify;
}
div.paragraph-medium{
  margin-bottom: 15px;
  text-align: justify;
}

div.title{
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
div.blue{
  color: #0000ff;
}
div.floatZasavje{
  position:relative; 
  width:100%; 
  height:22px; 
  float:left;
}

.floatingWindow {
  cursor: pointer;
}

.title1{
  font-size: 15pt;
  margin-top: 15pt;
  margin-bottom: 5pt;
  font-weight:bold;
}

div.cookie-warrning{
  position: fixed;
  display:none;
  bottom: 0px;
  left:0px;
  height: 80px;
  width: 100%;
  background-color: transparent;
  background-image: url('cookie_bg.png');
  background-repeat: repeat;
  z-index:1000;
  text-align:center;
}

div.cookie-font{
  font-family: sans-serif; 
  font-size:10pt;
  color:#ffffff;
}

input.cookie-ok{
  font-family: sans-serif; 
  font-size:10pt;
  cursor: pointer;
  background-color:#2f521c;
  border:1px solid #ffffff;
  color:#ffffff;
  padding:5px;
  width:100px;
}