#img1{
width:50px;
height:50px;
z-index:8;
position:relative;
left:464px;
top:75px;
cursor:pointer;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#img2{
width:50px;
height:50px;
  z-index:8;
position:relative;
left:410px;
top:130px;
cursor:pointer;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#img3{
width:50px;
height:50px;
  z-index:8;
position:relative;
left:356px;
top:185px;
cursor:pointer;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#img4{
width:50px;
height:50px;
  z-index:8;
position:relative;
left:303px;
top:240px;
cursor:pointer;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#img5{
width:50px;
height:52px;
  z-index:8;
position:relative;
left:250px;
top:295px;
cursor:pointer;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#mainImgdiv1 { 
   position:relative; 
   top:25px;
   display:none;  
   z-index:1;   
}
#mainImgdiv2 { 
  position:relative;
 top:25px;  
  display:none; 
  z-index:1;
}
#mainImgdiv3 { 
   position:relative;
   top:25px;   
   display:none;
   z-index:1;
}
#mainImgdiv4{ 
   position:relative; 
   top:25px;
  display:none;
  z-index:1;
}
#mainImgdiv5{ 
   position:relative; 
top:25px;   
   display:none;
z-index:1;   
}
#mainImgdiv6 { 
   position:relative;
top:25px;   
   display:none; 
   z-index:1;
}
#MainImg1{
   width:450px;
   height:264px;
   position:relative;
   right:593px;
      -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#MainImg2{
   width:450px;
   height:264px;
    position:relative;
     right:593px;
      -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#MainImg3{
   width:450px;
   height:264px;
 position:relative;
   right:593px;
      -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#MainImg4{
   width:450px;
   height:264px;
 position:relative;
      right:593px;
      -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#MainImg5{
   width:450px;
   height:264px;
 position:relative;
   right:593px;
      -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#MainImg6{
   width:450px;
   height:264px;
    position:relative;
     right:593px;
      -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
h2  { 
  position:absolute; 
   top:130px; 
   right:597px; 
   width:421px; 
   color:white; 
   font: bold 24px/45px sans-serif, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
   -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
h2 span.spacer {
   padding:0 5px;
}
#vNovini{ 
  position:absolute; 
   bottom:279px; 
   left:6px; 
   width:485px; 
   height:44px;
   color:white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
   -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		border:2px solid black;
}
#vNovini span.spacer {
   padding:0 5px;
}
#zag{
 position:absolute; 
   top:220px; 
   right: 212px; 
   width: 231px; 
   color: white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
   -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
.mid{
 position:relative; 
   bottom:108px; 
   left:65px;
   width: 231px; 
    height:-20px;
   color: white; 
   font: bold 24px/45px sans-serif, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 	
   -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		border:2px solid black;
}
h5 span.spacer {
   padding:0 5px;
}
#backgraundImage{
   width:522px;
   height:352px;
   background-color:rgba(0, 0, 0, 0.7);
   position:relative;	
   left:10px;
   bottom:50px;
   z-index:7;

      -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		border:2px solid black;
}

#clock{ 
   position:relative; 
   top:25px; 
  right:100px;   
}

#clockimg{
   width:350px;
   height:164px;
   position:relative;
   right:208;
   top:100px;
      -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

.grass{
position: relative;
left:303px;
top:20px;
border: 1px solid black;
background-color:rgba(0, 0, 0, 0.7);
   border-radius:10px;
   margin:0px;
   border-width:2px;
  }
.grass  p{
  font-family:Arial;
 color:white;
 font-size:18px;
 text-align:left;
   margin-left:15px;
   text-indent:30px;
  }
 p{
  font-family:Arial;
 color:white;
 font-size:18px;
 text-align:left;
   margin-left:15px;
   text-indent:30px;
  }
  .grass2{
  position:relative;
  left:300px;
  border: 1px solid black;
  background-color:rgba(0, 0, 0, 0.6);
  border-radius:10px;
  margin:20px;
  }

  .popUpNews{
      font-family:Arial;
        color:white;
        font-size:18px;
		margin-left:5px;
       text-decoration:none;
  }
  .hoverbox {
  position: relative;
  list-style: none;
  padding-left: 0px;
  }
.hoverbox li { 
float: left; 
margin-right: 10px;
 position: relative; 
 }
.hoverbox a { 
text-decoration: none; 
display: block; 
   text-align:left;
}
.hoverbox a span { 
position: absolute;
 top: 25px; 
 right: 10px; 
 display: none; 
 background-color:rgba(0, 0, 0, 0.96);
 color:white;
 height:63px;
 width:700px;
 border-radius:10px;
 z-index:10;
 }

 .hoverbox a span img{
   position:relative;
top:7px;
left:5px;
     -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
 }
  .hoverbox a span p{
     position:relative;
	 right:23px;
	 font-size:20px;
  }
.hoverbox a:hover span {
 display: block; 
 }
 .Newsimage{
  position:relative;
 margin:6px;
 bottom:20px;
 left:2px;
       -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
 }
 h1{
 color:white;
 text-align:center;
 }
 h5{
  color:white;
 text-align:left;
 position:relative;
 left:22px;
 }
 

 h3{
   position:relative;
   text-align:center;
   top:8px;
   left:7px;
   width:564px; 
   color:white; 
   font: bold 24px/45px sans-serif, Sans-Serif; 
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding:10px;
  margin:0px;   
   -webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
 }
 .iztocnik{
 color:orange;
 position:relative;
  left:395px;
 top:15px;
 text-align:right;

 }
 
 .commentDiv{
	border: 2px solid white;
	padding : 15px;
 }