#okvir {
  max-width: 950px;
  width: 100%;
  min-height: 1000px;
  height: 100%;
	background-color: ;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px;
	font-family: arial;
}

.zaglavlje {
  max-width: 950px;
  width: 100%;
  min-height: 200px;
  height: 100%;
	float: left;
	font-size: 17px;
    color: #131799;
    float: left; 
}	
.logo {
  max-width: 225px;
  width: 23.6842105%;
  min-height: 200px;
  height: 100%;
	font-size: 18px;
    color: #131799;
    float: left; 
    background-color:;

}
.naslov {
  max-width: 500px;
  width: 52.631578%;
  min-height: 200px;
  height: 100%;
	font-size: 13px;
    color: #131799;
    float: left;
    background-color: ;
}
.logIn {
  max-width: 225px;
  width: 23.6842105%;
  min-height: 200px;
  height: 100%;
	font-size: 15px;
    color: #131799;
    float: right;
    text-decoration: none;
    text-align: center;
    background-color:;
}

.lastChild {
	margin-right: 0 !important;
}
.clearfix {
	clear: both;
}
		
.glavni {
	max-width: 950px;
  width: 100%;
  min-height: 750px;
  height: 100%;
	font-size: 30px; 
	text-align: left;
	float: left;
  color: #131799;
    font-family: arial;
    background-color:;
}		

.kosnica {
  max-width: 350px;
  width: 100%;
  min-height: 750px;
  height: 100%;
	font-size: 20px; 
	text-align: left;
	padding: 50px;
  border: ;
 	float: ;
  font-family: arial;
  background-color: #fffce1;
  color: #131799;
  margin-left: auto;
  margin-right: auto;
}
.gtext {
  max-width: 950px;
  width: 100%;
  min-height: 160px;
  height: 100%;
  font-size: 30px; 
  text-align: center;
  float: left;
  color: #131799;
  font-family: arial;
  background-color: ;
}   
.botnav {
  max-width: 350px;
  width: 100%;
  min-height: 40px;
  height: 100%;
  font-size: 30px; 
  text-align: center;
  float: left;
  color:;
  font-family: arial;
  background-color:;
}   

#sajtIzradio {
  max-width: 950px;
  width: 100%;
  min-height: 20px;
  height: 100%;
  font-style: italic;
  text-align: center;
  font-size: 12px;
  background-color: ;
}

.dugme {

  border-radius: 1px;
  border-width: thin;
  font-family: Arial;
  color: green;
  font-size: 16px;
  padding: 8px 10px 8px 10px;
  margin: 1px 14px 1px 1px;
  text-decoration: none;

}
.dugme1 {
 
  font-family: Arial;
  border-radius: 1px;
  border-width: thin;
  color: green;
  font-size: 19px;
  padding: 3px 13px 3px 13px;
  margin: 7px 14px 0px 1px;
  text-decoration: ; 

}

.dugme:hover {
  background: #CECAB1;
  text-decoration: no
}
.dugme1:hover {
  background: #CECAB1;
  text-decoration: no
}

.opis {
 float: left;
 max-width: 350px;
  width: 100%;
  min-height: 25px;
  height: 100%; 
 
 font-size: 17px;
 margin-right: ;
}	

.prazno {
 float: left;
 max-width: 350px;
  width: 100%;
  min-height: 20px;
  height: 100%; 
  margin-right: ;
 background-color: ;
}	

.opis3 {
 float: left;
 max-width: 350px;
  width: 100%;
  min-height: 80px;
  height: 100%; 
 
 font-size: 22px;
 margin-right: ;
 background-color: ;
}	
.polje {
  max-width: 50px;
  width: 100%;
  min-height: 19px;
  height: 100%;
  float: right; 
 font-size: 15px;
 margin-right: ;
 background-color: ;
 text-align: center;
}	
.datum {
 float: right;
 max-width: 150px;
  width: 100%;
  min-height: 19px;
  height: 100%; 
 font-size: 16px;
 margin-right: ;
 margin-left: ;
 background-color: ;
 text-align: center;
 color: blue;
} 
.drop {
  max-width: 150px;
  width: 100%;
  min-height: 21px;
  height: 100%;
 float: right;
 margin-left:;
 font-size: 15px;
 background-color:;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}    
/* unvisited link */
a:link {
    color: green;
}

/* visited link */
a:visited {
    color: green;
}

/* mouse over link */
a:hover {
    color: blue;
}

/* selected link */
a:active {
    color: blue;
} 


/* Responsive  */
@media screen and (max-width: 1024px) {
#okvir {
  max-width: 1024px;
  width: 100%;
  min-height: 1000px;
  height: 100%;
  padding: 0.2%;
  
}

.zaglavlje {
  max-width: 1024px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  float: none;
  font-size: 17px;
    color: #131799;
    float: none; 
} 
.logo {
  max-width: 1024px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  font-size: 18px;
    color: #131799;
    float: none; 
    background-color:;

}
.naslov {
  max-width: 1024px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  font-size: 17px;
    color: #131799;
    float: none;
    background-color:;
}
.logIn {
  max-width: 1024px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  font-size: 12px;
    color: #131799;
    float: none;
    text-decoration: none;
    text-align: center;
}

   
.glavni {
  max-width: 1024px;
  width: 100%;
  min-height: 500px;
  height: 100%;
  font-size: 17px; 
  text-align: left;
  
  
  float: none;
    font-family: ;
    background-color:;
}   

.kosnica {
  max-width: 350px;
  width: 100%;
  min-height: 500px;
  height: 100%;
  font-size: 17px; 
  text-align: left;
  padding: ;
  float: none ;
    font-family: ;
    background-color: ;
  margin-left: auto;
  margin-right: auto;
}
.gtext {
  max-width: 1024px;
  width: 100%;
  min-height: 160px;
  height: 100%;
  font-size: 17px; 
  text-align: center;
  float: left;
  color: #131799;
  font-family: arial;
  background-color: ;
}   
.botnav {
  max-width: 350px;
  width: 100%;
  min-height: 25px;
  height: 100%;
  font-size: 17px; 
  text-align: center;
  float: left;
  color: #131799;
  font-family: arial;
  background-color:;
}   
#sajtIzradio {
  max-width: 1024px;
  width: 100%;
  min-height: 50px;
  height: 100%;
  font-style: italic;
  text-align: center;
  font-size: 12px;
  float: none;
}
.dugme {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 1px;
  font-family: Arial;
  color: green;
  font-size: 14px;
  padding: 3px 10px 3px 10px;
  margin: 0px 15px 0px 5px;
  text-decoration: none;

}
.dugme1 {
 
  font-family: Arial;
  color: green;
  font-size: 18px;
  padding: 0px 10px 0px 10px;
  margin: 0px 20px 0px 10px;
  text-decoration: ; 

}

.dugme:hover {
  background: #CECAB1;
  text-decoration: no
}
.dugme1:hover {
  background: #CECAB1;
  text-decoration: no
}

.opis {
 float: left;
 max-width: 350px;
  width: 100%;
  min-height: 25px;
  height: 100%; 
 
 font-size: 17px;
 margin-right: ;
} 

.prazno {
 float: left;
 max-width: 350px;
  width: 100%;
  min-height: 20px;
  height: 100%; 
  margin-right: ;
 background-color: ;
} 

.opis3 {
 float: left;
 max-width: 350px;
  width: 100%;
  min-height: 80px;
  height: 100%; 
 
 font-size: 22px;
 margin-right: ;
 background-color: ;
} 
.polje {
  max-width: 50px;
  width: 100%;
  min-height: 19px;
  height: 100%;
  float: right; 
 font-size: 15px;
 margin-right: ;
 background-color: ;
 text-align: center;
} 
.datum {
 float: right;
 max-width: 190px;
  width: 100%;
  min-height: 19px;
  height: 100%; 
 font-size: 16px;
 margin-right: ;
 margin-left: ;
 background-color: ;
 text-align: center;
 color: blue;
} 
.drop {
  max-width: 95px;
  width: 100%;
  min-height: 21px;
  height: 100%;
 float: right;
 margin-left:;
 font-size: 15px;
 background-color:;
}

}
@media screen and (max-width: 768px) {
#okvir {
  max-width: 768px;
  width: 100%;
  min-height: 1000px;
  height: 100%;
  padding: 0.3%;
  
}

.zaglavlje {
  max-width: 768px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  float: none;
  font-size: 17px;
    color: #131799;
    float: none; 
} 
.logo {
  max-width: 768px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  font-size: 18px;
    color: #131799;
    float: none; 
    background-color:;

}
.naslov {
  max-width: 768px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  font-size: 17px;
    color: #131799;
    float: none;
    background-color:;
}
.logIn {
  max-width: 768px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  font-size: 12px;
    color: #131799;
    float: none;
    text-decoration: none;
    text-align: center;
}


 
.glavni {
  max-width: 768px;
  width: 100%;
  min-height: 500px;
  height: 100%;
  font-size: 17px; 
  text-align: left;
  
  
  float: none;
    font-family: ;
    background-color: ;
}   

.kosnica {
  max-width: 350px;
  width: 100%;
  min-height: 500px;
  height: 100%;
  font-size: 17px; 
  text-align: left;
  padding: ;
 
  float: none ;
    font-family: ;
    background-color: ;
  margin-left: auto;
  margin-right: auto;
}
.gtext {
  max-width: 768px;
  width: 100%;
  min-height: 160px;
  height: 100%;
  font-size: 17px; 
  text-align: center;
  float: left;
  color: #131799;
  font-family: arial;
  background-color: ;
}   
.botnav {
  max-width: 350px;
  width: 100%;
  min-height: 25px;
  height: 100%;
  font-size: 17px; 
  text-align: center;
  float: left;
  color: #131799;
  font-family: arial;
  background-color:;
}   
#sajtIzradio {
  max-width: 768px;
  width: 100%;
  min-height: 50px;
  height: 100%;
  font-style: italic;
  text-align: center;
  font-size: 12px;
  float: none;
}
.dugme {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 1px;
  font-family: Arial;
  color: green;
  font-size: 16px;
  padding: 3px 10px 3px 10px;
  margin: 0px 15px 0px 5px;
  text-decoration: none;

}
.dugme1 {
 
  font-family: Arial;
  color: green;
  font-size: 23px;
  padding: 0px 10px 0px 10px;
  margin: 0px 20px 0px 10px;
  text-decoration: ; 

}

.dugme:hover {
  background: #CECAB1;
  text-decoration: no
}
.dugme1:hover {
  background: #CECAB1;
  text-decoration: no
}

.opis {
 float: none;
 max-width: 350px;
  width: 100%;
  min-height: 25px;
  height: 100%; 
 
 font-size: 17px;
 margin-right: ;
} 

.prazno {
 float: none;
 max-width: 350px;
  width: 100%;
  min-height: 20px;
  height: 100%; 
  margin-right: ;
 background-color: ;
} 

.opis3 {
 float: none;
 max-width: 350px;
  width: 100%;
  min-height: 80px;
  height: 100%; 
 
 font-size: 22px;
 margin-right: ;
 background-color: ;
} 
.polje {
  max-width: 50px;
  width: 100%;
  min-height: 19px;
  height: 100%;
  float: right; 
 font-size: 15px;
 margin-right: ;
 background-color: ;
 text-align: center;
} 
.datum {
 float: right;
 max-width: 120px;
  width: 100%;
  min-height: 19px;
  height: 100%; 
 font-size: 16px;
 margin-right: ;
 margin-left: ;
 background-color: ;
 text-align: center;
 color: blue;
} 
.drop {
  max-width: 95px;
  width: 100%;
  min-height: 21px;
  height: 100%;
 float: right;
 margin-left:;
 font-size: 15px;
 background-color:;
}

}

@media screen and (max-width: 480px) {
#okvir {
  max-width: 480px;
  width: 100%;
  min-height: 1000px;
  height: 100%;
  padding: 0.3%;
  
}

.zaglavlje {
  max-width: 480px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  float: none;
  font-size: 17px;
    color: #131799;
    float: none; 
} 
.logo {
  max-width: 480px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  font-size: 18px;
    color: #131799;
    float: none; 
    background-color:;

}
.naslov {
  max-width: 480px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  font-size: 17px;
    color: #131799;
    float: none;
    background-color:;
}
.logIn {
  max-width: 480px;
  width: 100%;
  min-height: 180px;
  height: 100%;
  font-size: 12px;
    color: #131799;
    float: none;
    text-decoration: none;
    text-align: center;
}


    
.glavni {
  max-width: 480px;
  width: 100%;
  min-height: 500px;
  height: 100%;
  font-size: 17px; 
  text-align: left;
  float: none;
    font-family: ;
    background-color: ;
}   

.kosnica {
  max-width: 350px;
  width: 100%;
  min-height: 500px;
  height: 100%;
  font-size: 17px; 
  text-align: left;
  padding: 2.5%;
  float: none ;
    font-family: ;
    background-color: ;
  margin-left: auto;
  margin-right: auto;
}
.gtext {
  max-width: 480px;
  width: 100%;
  min-height: 160px;
  height: 100%;
  font-size: 17px; 
  text-align: center;
  float: none;
  color: #131799;
  font-family: arial;
  background-color: ;
}   
.botnav {
  max-width: 350px;
  width: 100%;
  min-height: 25px;
  height: 100%;
  font-size: 17px; 
  text-align: center;
  float: left;
  color: #131799;
  font-family: arial;
  background-color:;
}   
#sajtIzradio {
  max-width: 480px;
  width: 100%;
  min-height: 50px;
  height: 100%;
  font-style: italic;
  text-align: center;
  font-size: 12px;
  float: none;
}
.dugme {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 1px;
  font-family: Arial;
  color: green;
  font-size: 16px;
  padding: 0px 10px 0px 10px;
  margin: 0px 2px 0px 2px;
  text-decoration: none;

}
.dugme1 {
 
  font-family: Arial;
  color: green;
  font-size: 23px;
  padding: 0px 10px 0px 10px;
  margin: 0px 2px 0px 2px;
  text-decoration: ; 

}

.dugme:hover {
  background: #CECAB1;
  text-decoration: no
}
.dugme1:hover {
  background: #CECAB1;
  text-decoration: no
}

.opis {
 float: none;
 max-width: 350px;
  width: 100%;
  min-height: 25px;
  height: 100%; 
 
 font-size: 17px;
 margin-right: ;
} 

.prazno {
 float: none;
 max-width: 350px;
  width: 100%;
  min-height: 20px;
  height: 100%; 
  margin-right: ;
 background-color: ;
} 

.opis3 {
 float: none;
 max-width: 350px;
  width: 100%;
  min-height: 80px;
  height: 100%; 
 
 font-size: 22px;
 margin-right: ;
 background-color: ;
} 
.polje {
  max-width: 50px;
  width: 100%;
  min-height: 19px;
  height: 100%;
  float: right; 
 font-size: 15px;
 margin-right: ;
 background-color: ;
 text-align: center;
} 
.datum {
 float: right;
 max-width: 120px;
  width: 100%;
  min-height: 19px;
  height: 100%; 
 font-size: 16px;
 margin-right: ;
 margin-left: ;
 background-color: ;
 text-align: center;
 color: blue;
} 
.drop {
  max-width: 95px;
  width: 100%;
  min-height: 21px;
  height: 100%;
 float: right;
 margin-left:;
 font-size: 15px;
 background-color:;
}

}