/*
    Author     : Karlo
*/

p#pocetna:hover{
    background-color: #999999;
}

div#tekst_1{
  position:absolute;
  left:10px;
  right:1600px;
  top:300px;
  color:black;
  
}

div#net {
 position:absolute;
 left:400px;
 top: 120px;   
    }


div#jutarnji {
   position:absolute;
   left:1100px;
   top:1200px;
    
}

img#jutarnji_logo{
    position:absolute;
    left:1100px;
    top:220px;
    
}

img#index_logo{
    position:absolute;
    left:1100px;
    top:150px;
}

img#logo_24sata{
    position:absolute;
    left:1300px;
    top:160px;
    
}

img#logo_vecernji{
    position:absolute;
    left:1300px;
    top:220px;
}

div#tekst{
    position:absolute;
    left:1100px;
    top:100px;
    color:blue;
    font-size:20px;
}

div#tportal{
  position:absolute;
    left:750px;
    top:120px;
}

div#poslovni_dnevnik{
    position:absolute;
    left:400px;
    top:630px;
}

div#dnevnik{
    position:absolute;
    left:400px;
    top:1200px;
    
}

div#dalje{
   position:absolute;
   left:50px;
   top:630px;
}

div#guardian{
  position:absolute;
  left:1100px;
  top:100px;
    
}

div#spiegel{
    position: absolute;
    left: 400px;
    top: 100px;
    
}

div#aljazzera{
  position:absolute;
    left:1450px;
    top:610px;
}

div#japan{
  position:absolute;
  left:1450px;
  top:100px;
}

div#france24{
   position:absolute;
   left:750px;
   top: 100px;
}

div#newyorktimes{
    position:absolute;
    left:50px;
    top:610px;
}

div#newyorktimes_1{
    position:absolute;
    left:50px;
    top:630px;
}

div#sopitas{
    position:absolute;
    left:400px;
    top:610px;
}

div#elpais{
    position:absolute;
    left:750px;
    top:610px;
}

div#izvestia{
    position:absolute;
    left:1100px;
    top:610px;
}

div#oglobo{
    position:absolute;
    left:1450px;
    top:610px;
}


div#cbc_news{
 position:absolute;
 left:400px;
 top: 120px;  
        
    
}

div#globalnews{
    position:absolute;
    left:750px;
    top:120px;
}

div#one_america_news_network{
  position:absolute;
  left:1100px;
  top:120px;
}

div#foxnews{
  position:absolute;
  left:1450px;
  top:120px;
}

svg#international_1{
    position:absolute;
    top:10px;
    margin:auto;
    width:100%;
 
}

div#mexico_news{
    position:absolute;
    left:400px;
    top:630px;
}

div#panama{
    position:absolute;
    left:750px;
    top:630px;
}

div#honduras{
    position:absolute;
    left:1100px;
    top:630px;
}

div#haiti{
    position:absolute;
    left:1450px;
    top:630px;
}


div#bejing_today{
    position: absolute;
    left: 400px;
    top: 120px;
    
}

div#china_byte{
    position:absolute;
    left:750px;
    top:120px;
}

div#the_china_post{
 
  position:absolute;
  left:1100px;
  top:120px;
}

div#taiwan_news{
  position:absolute;
  left:1450px;
  top:120px;
}

div#cens{
    
   position:absolute;
   left:50px;
   top:630px;
}

div#taipei_times{
    position:absolute;
    left:400px;
    top:630px;
    
}

div#los_angeles_time{
    position:absolute;
    left:50px;
    top:1120px;
}

div#phuket_news{
    position:absolute;
    left:1450px;
    top:1120px;
}

div#indoneisa_media{
    position:absolute;
    left:400px;
    top:1120px;
}

div#news_au{
    position:absolute;
    left:1100px;
    top:1120px;
}

div#lodz_post{
    position:absolute;
    left:750px;
    top:1120px;
    
    
}

svg#begining_cro{
   
    position:absolute;
    top:10px;
    width:100%;
   
    margin: auto;
    
    
}

img#logoofthepage{
    position:absolute;
    left:20px;
    top:5px;
}
img#logoofthepage_1{
   position:absolute;
    left:50px;
    top:400px;
   // animation-duration: 2s;
   // animation: infinite;
    //animation-name:bounceIn;
    
}


img#planetearth{
    position:absolute;
    left:55%;
    top:20px;
}

img#croatia{
   position:absolute;
    left:200px;
    top:10px;
    
}

img#youtube{
    position:absolute;
    left:100px;;
    top:1150px;
}

img#facebook{
    position:absolute;
    left:170px;
    top:1150px;
}

img#twitter{
    position:absolute;
    left:250px;
    top:1150px;
}

img#twitter_1{
    position:absolute;
    left:250px;
    top:1650px;
}

img#facebook_1{
    position:absolute;
    left:170px;
    top:1650px;
}

img#youtube_1{
    position:absolute;
    left:100px;;
    top:1650px;
}


img#canada_usa{
    position:absolute;
    left:200px;
    top:10px;
}

img#north_america_flags{
    position:absolute;
    left:50px;
    top:200px;
    z-index:-1;
}
img#china_and_taiwan{
    position:absolute;
    left:50px;
    top:200px;
    z-index:-1;
}

#imgcroatia_map{
    position:
}

h1#naslov{
    position:absolute;
    left:50px;
    top:20px;
    color:blue;
    
    
}

h2#hrvatska{
   position:absolute;
    left:45%;
    margin-left:-100px;
    color:blue;
    top:20px;
    
}

h2#international{
    position:absolute;
    left:45%;
    top:20px;
    color:blue;
   
  
  
 margin-left: -100px;
    
    }
  
 div#tekst_north{
        position:relative;
        left:45px;
        top:300px;
        color:blue;
        font-size: 20px;
    }  
    p#north_america{
        
    }
    
    div#tekst_china_taiwan{
        position:absolute;
        left:45px;
        top:400px;
        color:blue;
        font-size: 20px;
    }   
    
 /* screen */   
    
    
    
    

  
    @media (min-width: 1280px) and (max-width: 1440px){
       
    p#pocetna:hover{
    background-color: #999999;
    }
    
    img#logoofthepage_1
    {
    position:absolute;
    left:100px;
    top:400px;
    
}

div#tekst_1{
  position:absolute;
  left:200px;
  right:1000px;
  top:300px;
  color:black;
  //display:none;
  
}

img#jutarnji_logo{
    position:absolute;
    left:1100px;
    top:420px;
    
}

img#index_logo{
    position:absolute;
    left:1100px;
    top:260px;
}

img#logo_24sata{
    position:absolute;
    left:1300px;
    top:260px;
    
}

img#logo_vecernji{
    position:absolute;
    left:1300px;
    top:420px;
}

    
    }  
    
    

    @media (min-width: 1440px) and (max-width: 1800px){
       
    p#pocetna:hover{
    background-color: #999999;
    
    }
        
  img#logoofthepage_1
    {
    position:absolute;
    left:100px;
    top:400px;
    
}

div#tekst{
    position:absolute;
    left:1100px;
    //right:20%
    //right:5%;
    top:100px;
    color:blue;
    font-size:20px;
    //display:none;
} 

div#tekst_1{
  position:absolute;
  left:10px;
  right:1000px;
  top:300px;
  color:black;
  //display:none;
  
}

img#jutarnji_logo{
    position:absolute;
    left:1100px;
    top:240px;
    
}

img#index_logo{
    position:absolute;
    left:1100px;
    top:170px;
}

img#logo_24sata{
    position:absolute;
    left:1300px;
    top:180px;
    
}

img#logo_vecernji{
    position:absolute;
    left:1300px;
    top:240px;
}

    
        
        
    }
@media (min-width: 280px) and (max-width: 340px){
    
   p#pocetna:hover{
    background-color: #999999;
    
    }
        
  img#logoofthepage_1
    {
    position:absolute;
    left:120px;
    top:200px;
    
}

div#tekst_1{
  position:absolute;
  left:10px;
  right:150px;
  top:300px;
  color:black;
  //display:none;
  
}

div#tekst{
    position:absolute;
    left:95%;
    //right:5%;
    top:100px;
    color:blue;
    font-size:20px;
    display:none;
} 

}  

@media (min-width: 380px) and (max-width: 1440px){
    
  p#pocetna:hover{
    background-color: #999999;
    
    }
        
  img#logoofthepage_1
    {
    position:absolute;
    left:100px;
    top:400px;
    
}

div#tekst_1{
  position:absolute;
  left:10px;
  right:150px;
  top:300px;
  color:black;
  //display:none;
  
}
    
   img#jutarnji_logo{
    position:absolute;
    left:1100px;
    top:420px;
    
}

img#index_logo{
    position:absolute;
    left:1100px;
    top:320px;
}

img#logo_24sata{
    position:absolute;
    left:1300px;
    top:320px;
    
}

img#logo_vecernji{
    position:absolute;
    left:1300px;
    top:420px;
} 
    
 div#tekst{
    position:absolute;
    left:95%;
    //right:5%;
    top:100px;
    color:blue;
    font-size:20px;
    display:none;
} 
    
}
/* phone */ 

@media (min-width: 320px) and (max-width: 534x){
    
  p#pocetna:hover{
    background-color: #999999;
    
    }
        
  img#logoofthepage_1
    {
    position:absolute;
    left:100px;
    top:440px;
    
}

div#tekst_1{
  position:absolute;
  left:10px;
  right:150px;
  top:300px;
  color:black;
  //display:none;
  
}
    
   img#jutarnji_logo{
    position:absolute;
    left:1100px;
    top:420px;
    
}

img#index_logo{
    position:absolute;
    left:1100px;
    top:320px;
}

img#logo_24sata{
    position:absolute;
    left:1300px;
    top:320px;
    
}

img#logo_vecernji{
    position:absolute;
    left:1300px;
    top:420px;
} 
    
 div#tekst{
    position:absolute;
    left:95%;
    //right:5%;
    top:100px;
    color:blue;
    font-size:20px;
    display:none;
} 
    
}


    /*

@media only screen
and (min-device-width : 320px) 
and (max-device-width : 534px) {
   
    h1#naslov{
        
    position:absolute;
    left:0px;
    top:20px;
    color:blue;
    font-size:20px;
    
    
}
    
    
    
    h2#hrvatska{
    position:relative;
    right:200px;
   // margin-left: -100px;
    color:blue;
    top:600px;
    font-size: 20px;
    
    
    
    }
    
    h2#international{
    position:relative;
    right:200px;
    top:50px;
    color:blue;
    font-size:20px;
   // margin-right: 100px;
   
    
    
}
    
    
    img#croatia{
    position:absolute;
    left:60%;
    top:615px;
}

img#planetearth{
    position:absolute;
    left:60%;
    top:20px;
}
    
img#logoofthepage{
    position:absolute;
    left:50px;
    top:20px;
    height:20px;
    width:20px;
}
    
    
    
}

@media (min-width: 320px) and (max-width: 700px){
 
    h1#naslov{
        
    position:absolute;
    left:10px;
    top:20px;
    color:blue;
    font-size:20px;
    
    
}
    
    
    
    h2#hrvatska{
    position:relative;
    right:200px;
   // margin-left: -100px;
    color:blue;
    top:620px;
    font-size: 20px; 
    
    
    }
    
    h2#international{
        
    position:relative;
    right:200px;
    top:-20px;
    color:blue;
    font-size:20px;
   // margin-right: 100px;
    
    
}
    
    
    img#croatia{
    position:absolute;
    left:60%;
    top:630px;
}

img#planetearth{
   position:absolute;
    left:60%;
    top:20px;
}
    
img#logoofthepage{
    position:absolute;
    left:50px;
    top:20px;
    height:20px;
    width:20px;
}
}
    */