body {
background-color:#2613D8;
background-color:#333399;
background-color:#103A93;
background-color:#339;
}

 h1 {
font-weight:bold;
text-shadow:-2px -2px 4px black;
-webkit-text-stroke: 1px lightgray;
-webkit-text-fill-color: white;
text-align:center;
margin:0;

}

    .tema a {
    background-color: red;
    border-radius: 6px;
    float: left;
    color: white !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 15px;
    padding: 5px;
}

audio {
    border: 5px solid azure;
    border-radius: 10px;
    background-color: royalblue;
    padding: 5px;
}
a {
    cursor:pointer;
}



#ram h2 {
    font-family:sans-serif;
    background:black;
}
#naziv {
    
    font-family: Rockwell, Georgia;
    color: white;
    text-shadow: -1px -1px 1px red;
    font-size: 30px;
    margin:0;
}
#blank {
    height:5px;
}



#lista {
width:70%;
display:inline-block;
}
#oglasi {

margin-left:10px;
}
#oglas {
width:175px;
height:475px;
display:inline-block;
float:right;
}
#ram h2 {
 margin-top:0;   
}
#ram a {
margin-left:10px;
color:white;
font-weight:bold;
font-size:25px;
text-decoration:none;
}
#ram a:hover {
padding:1px 10px 1px 10px;
border-radius:5px;
background-color:#025;
border-style:solid;
border-width:3px;
border-width:3px;
margin-left:5px;
text-decoration:none;
 cursor:pointer;
}
 

#lista a {
margin-left:10px;
color:white;
font-weight:bold;
font-size:25px;
-webkit-text-fill-color:white;
-webkit-text-stroke: 1px #F5F5F5;
 cursor:pointer;
    }
    
    
#lista a:hover {
padding:1px 10px 1px 10px;
border-radius:5px;
background-color:#025;
border-style:solid;
border-width:3px;
margin-left:5px;
text-decoration:none;
cursor:pointer;
}

#lista a.active {
  padding: 1px 10px 1px 10px;
  border-radius: 5px;
  background-color: #025;
  border-style: solid;
  border-width: 4px;
  border-color: lightskyblue;
  background-color: #014;
}

img {
width:40px;
height:33px;
}

h2 {
color:white;
text-align:center;
}
h3 {
color:white;
text-align:center;
}


.abc {
width:500px;
height:300px;
}
#blank {
width:100%;
height:2px;
}

p {
  font-size:17px; 
  color:white;
 text-align:center;
}

.x {
display:none;
}

#ram {
border-top:		5px solid #a3ceda;
border-left:		5px solid #a3ceda;
	border-right:		5px solid #4f6267;
	border-bottom:		5px solid #4f6267;
	background-color:#1c1c5e;
}

a:hover {
padding:1px 9px 1px 9px;
border-radius:4px;
background-color:#025;
border-style:solid;
border-width:3px;
margin-left:5px;
text-decoration:none;
}


#nav{
height:auto;
background:red;

}
#nav a {

	background:white;
    border-radius:4px;
	border:1px solid black;
	display:inline-block;
	color:navy;
	font-family:arial;
	font-size:17px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
	margin:3px;
       
}
#nav a:hover {
	border-radius:4px;
	border:1px solid black;
	display:inline-block;
	color:white;
	font-family:arial;
	font-size:17px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
	margin:3px;
	background:#339;
}

#footer a {
margin-left:10px;
color:white;
font-weight:normal;
font-size:10px;
}   
    

 #footer p {
 color:white;   
 font-weight:bold;   
}
#footer a {
 color:white;   
 font-weight:bold; 
text-decoration:none;
}

#footer a:hover {
 color: white;
}
    
@media only screen and (max-device-width: 1536px) {


#ram {
   width:99%;  
}
#lista {
    width:50%;
}
}
@media only screen and (max-device-width: 1100px) {


#kontejner {
    width:100%;
}
#ram {
   width:99%;  
}
#lista {
    width:500px;

}
}

@media only screen and (max-device-width: 900px) {
    
#lista {
  width:450px;  
}
}

@media only screen and (max-device-width: 800px) {
.baner {
  display: inline-block;
  margin-left: 10px;
  margin-top: 20px;
  vertical-align: top;
  border:1px solid red;
}


#lista {
   width:400px; 
  
}
}
 @media only screen and (max-device-width: 768x) {

#ram {
    width:99%;
}
#lista {
 width:100%;   
}
.baner {
  display:none!important;
}
#oglasi {
 display:none;   
}
#nula {
 display:none;   
}
#oglas {
display:none;    
}
#reklama {
 display:none;   
}
}
@media only screen and (max-device-width: 605px) {
.baner {
  display: none;
}

.mobile {
  display:block;
  font-weight: bold;
  font-size: 22px;
  color:white;
   margin-bottom:10px;
  padding-bottom:10px;
}



p {
font-size:16px;
}
}
@media only screen and (max-device-width: 500px) {

#lista a {
 font-size: 24px;
 }


p {
font-size:15px;
}  
.mobile {
  font-size: 21px;
   margin-bottom:10px;
  padding-bottom:10px;
} 
#nav a {

	padding:5px 10px;

       }
#nav a:hover {

	padding:5px 10px;
	
}
#logo {
    border: 2px solid #00BFFF;
   
}
}
@media only screen and (max-device-width: 400px) {

#lista a {
 font-size: 23px;
 }

 
   a {
font-size:22px;
}
a:hover {
padding:1px 9px 1px 9px;
border-radius:4px;
background-color:#025;
border-style:solid;
border-width:3px;
margin-left:5px;
text-decoration:none;
}
p {
font-size:14px;
}

}
@media only screen and (max-device-width: 300px) {
    
  div.audio-player {
  position: relative;
 width:100%;
 height:auto;
 background-color:#339;
 border:0px solid black;
  
}

.mobile {
  font-size: 19px; 
  margin-bottom:9px;
  padding-bottom:9px;
}


 
   a {
margin-left:9px;
color:white;
font-weight:bold;
font-size:22px;
-webkit-text-fill-color:white;
-webkit-text-stroke: 1px #F5F5F5;
    

}
a:hover {
padding:1px 9px 1px 9px;
border-radius:4px;
background-color:#025;
border-style:solid;
border-width:3px;
margin-left:5px;
text-decoration:none;
}

   a {
margin-left:7px;
color:white;
font-weight:bold;
font-size:20px;
-webkit-text-fill-color:white;
-webkit-text-stroke: 1px #F5F5F5;
}
p {
font-size:13px;
}

}
@media only screen and (max-device-width: 250px) {


.mobile {
  font-size: 17px;  
  margin-bottom:8px;
  padding-bottom:8px;
}





    a {
margin-left:7px;
color:white;
font-weight:bold;
font-size:18px;
-webkit-text-fill-color:white;
-webkit-text-stroke: 1px #F5F5F5;
    

}
a:hover {
padding:1px 8px 1px 8px;
border-radius:2px;
background-color:#025;
border-style:solid;
border-width:2px;
margin-left:4px;
text-decoration:none;
}
	
}
@media only screen and (max-device-width: 200px) {


.mobile {
  font-size: 16px;
  margin-bottom:7px;
  padding-bottom:7px;
}
	
   a {
margin-left:9px;
color:white;
font-weight:normal;
font-size:22px;
-webkit-text-fill-color:white;
-webkit-text-stroke: 1px #F5F5F5;
    

}
a:hover {
padding:1px 9px 1px 9px;
border-radius:4px;
background-color:#025;
border-style:solid;
border-width:3px;
margin-left:5px;
}	
	
}