/* If the viewport width > 4096 pixels ... */
 
@media screen and (max-width: 4096px) {

   p {
     color: white;
     background-image: url( /pozadine/crnWeed.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
     border: 0px solid black;
   }
  
 p.sidebar {
 
     color: white;
     background-image: url( /pozadine/redYellMaronyVert.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
	 font-size: 19px; line-height:115%; padding-right:10px; padding-left:15px; padding-bottom:10px; padding-top:10px; text-transform: uppercase;
 }
 
 #footer .inner {
    background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;	
 }


 #header .inner {
     background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
}
               
 h1 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 h2 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

 ul {
     background-image: url(/pozadine/redBlack.jpg);
     background-size: 100% 100%;
     background-attachment: scroll;
 }

 li {
  text-align: left; 
  margin: 10;
  padding: 10px; 
  /* making <li> elements for horizontal menus */
  float: left;

 }
 
 #navMobil ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 #nav ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }


  /* Make the main content a bit wider */
 
  #content {
  width: 70%; 

  }
 
  #sidebar .inner {
    float: right;
    clear: right;
    margin-right: 0;
  }
      
  
}

/* If the viewport width > 2048 pixels ... */
 
@media screen and (max-width: 2048px) {

   p {
 
     color: white;
     background-image: url( /pozadine/crnWeed.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
     border: 0px solid black;
   }
  
 p.sidebar {
 
     color: white;
     background-image: url( /pozadine/redYellMaronyVert.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
	 font-size: 19px; line-height:115%; padding-right:10px; padding-left:15px; padding-bottom:10px; padding-top:10px; text-transform: uppercase;
 }
 
 #footer .inner {
    background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;	
 }


 #header .inner {
     background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
}
               
 h1 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 h2 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

 ul {
     background-image: url(/pozadine/redBlack.jpg);
     background-size: 100% 100%;
     background-attachment: scroll;
 }

 li {
  text-align: left; 
  margin: 10;
  padding: 10px; 
  /* making <li> elements for horizontal menus */
  float: left;

 }
 
 #navMobil ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 #nav ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
  }
 
  /* Make the main content a bit wider */
 
  #content {
  width: 64%; 

  }
 
  #sidebar .inner {
    float: right;
    clear: right;
    margin-right: 0;
  }
      
  
}


/* If the viewport width > 1280 pixels ... */
 
@media screen and (max-width: 1280px) {

   p {
 
     color: white;
     background-image: url( /pozadine/crnWeed.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
     border: 0px solid black;
   }
  
 p.sidebar {
 
     color: white;
     background-image: url( /pozadine/redYellMaronyVert.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
	 font-size: 19px; line-height:115%; padding-right:10px; padding-left:15px; padding-bottom:10px; padding-top:10px; text-transform: uppercase;
 }
 
 #footer .inner {
    background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;	
 }


 #header .inner {
     background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
}
               
 h1 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 h2 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

 ul {
     background-image: url(/pozadine/redBlack.jpg);
     background-size: 100% 100%;
     background-attachment: scroll;
 }

 li {
  text-align: left; 
  margin: 10;
  padding: 10px; 
  /* making <li> elements for horizontal menus */
  float: left;

 }
 
 #navMobil ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 #nav ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

  /* Make the main content a bit wider */
 
  #content {
  width: 61%; 

  }
 
  #sidebar .inner {
    float: right;
    clear: right;
    margin-right: 0;
  }
      
  
}





/* If the viewport width > 1024 pixels ... */
 
@media screen and (max-width: 1024px) {

   p {
 
     color: white;
     background-image: url( /pozadine/crnWeed.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
     border: 0px solid black;
   }
  
 p.sidebar {
 
     color: white;
     background-image: url( /pozadine/redYellMaronyVert.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
	 font-size: 19px; line-height:115%; padding-right:10px; padding-left:15px; padding-bottom:10px; padding-top:10px; text-transform: uppercase;
 }
 
 #footer .inner {
    background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;	
 }


 #header .inner {
     background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
}
               
 h1 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 h2 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

 ul {
     background-image: url(/pozadine/redBlack.jpg);
     background-size: 100% 100%;
     background-attachment: scroll;
 }

 li {
  text-align: left; 
  margin: 10;
  padding: 10px; 
  /* making <li> elements for horizontal menus */
  float: left;

 }
 
 #navMobil ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 #nav ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
  /* Make the main content a bit wider */
 
  #content {
  width: 52%; 

  }
 
  #sidebar .inner {
    float: right;
    clear: both;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
  }
      
  
}

                                                         /* If the viewport width <= 800 pixels ... */
 
@media screen and (max-width: 800px) {

 p {
 
     color: white;
     background-image: url( /pozadine/crnWeed.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
     border: 0px solid black;
 
 }
 
 p.sidebar {
 
     color: white;
     background-image: url( /pozadine/redYellMarony0.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
	 font-size: 19px; line-height:115%; padding-right:10px; padding-left:15px; padding-bottom:10px; padding-top:10px; text-transform: uppercase;
 }
 
 #footer .inner {
    background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;	
 }


 #header .inner {
     background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
}
               
 h1 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 h2 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

 ul {
     background-image: url(/pozadine/redBlack.jpg);
     background-size: 100% 100%;
     background-attachment: scroll;
 }

 li {
  text-align: left; 
  margin: 10;
  padding: 10px;
  /* making <li> elements for horizontal menus */
  float: left;
  /*   width: 99%; prikazuje stavke vertikalno */


 }

 #navMobil ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 #nav ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }



  #header .inner, #content, #nav, #navMobil, #sidebar {
    margin-bottom: 0px;
  }
  /* Make the main content fill the viewport width */
 
  #content {
    min-width: 360px;
    width: 99%;
    max-width: 99%;
  }

  #sidebar {
    float: left;
    clear: both;
    min-width: 360px;
    width: 99%;
    max-width: 99%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
  }
  
}



                                                         /* If the viewport width <= 480 pixels ... */
 
@media screen and (max-width: 480px) {

 p {
 
     color: white;
     background-image: url( /pozadine/crnWeed.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
     border: 0px solid black;
 
 }
 
 p.sidebar {
 
     color: white;
     background-image: url( /pozadine/redYellMarony0.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
	 font-size: 19px; line-height:115%; padding-right:10px; padding-left:15px; padding-bottom:10px; padding-top:10px; text-transform: uppercase;
 }
 
 #footer .inner {
    background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;	
 }


 #header .inner {
     background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
}
               
 h1 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 h2 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

 ul {
     background-image: url(/pozadine/redBlack.jpg);
     background-size: 100% 100%;
     background-attachment: scroll;
 }

 li {
  text-align: left; 
  margin: 10;
  padding: 10px;
  /* making <li> elements for horizontal menus */
  float: left;
  /*   width: 99%; prikazuje stavke vertikalno */


 }

 #navMobil ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 #nav ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

  #header .inner, #content, #nav, #navMobil, #sidebar {
    margin-bottom: 0px;
  }
  /* Make the main content fill the viewport width */
 
  #content {
    min-width: 360px;
    width: 99%;
    max-width: 99%;
  }

  #sidebar {
    float: left;
    clear: both;
    min-width: 360px;
    width: 99%;
    max-width: 99%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
  }
  
}



                                                         /* If the viewport width <= 360 pixels ... */
 
@media screen and (max-width: 360px) {

 p {
 
     color: white;
     background-image: url( /pozadine/crnWeed.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
     border: 0px solid black;
 
 }
 
 p.sidebar {
 
     color: white;
     background-image: url( /pozadine/redYellMarony0.jpg);
     background-attachment: scroll;
     background-size: 100% 100%;
	 font-size: 19px; line-height:115%; padding-right:10px; padding-left:15px; padding-bottom:10px; padding-top:10px; text-transform: uppercase;
 }
 
 #footer .inner {
    background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;	
 }


 #header .inner {
     background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
}
               
 h1 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 h2 {
     background-image: url( /pozadine/blackBlue0.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

 ul {
     background-image: url(/pozadine/redBlack.jpg);
     background-size: 100% 100%;
     background-attachment: scroll;
 }

 li {
  text-align: left; 
  margin: 10;
  padding: 10px;
  /* making <li> elements for horizontal menus */
  float: left;
  /*   width: 99%; prikazuje stavke vertikalno */


 }

 #navMobil ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }
 
 #nav ul {
  background-image: url( /pozadine/redBlack.jpg);
  background-size: 100% 100%;
  background-attachment: scroll;
 }

  #header .inner, #content, #nav, #navMobil, #sidebar {
    margin-bottom: 0px;
  }
  /* Make the main content fill the viewport width */
 
  #content {
    min-width: 360px;
    width: 99%;
    max-width: 99%;
  }

  #sidebar {
    float: left;
    clear: both;
    min-width: 360px;
    width: 99%;
    max-width: 99%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
  }
  
}