#mapa_1-1-border  {
      text-align:center;
      padding:0% 10% 10% 10%;
      border:5px dashed blue;
      margin:auto;
}

   .mapa_1-1-border1   {
      text-align:center;
      margin:5%;
      padding:1%;
      
}
    #mapa_1-1-border1  {
         border:20px solid red;
    }
    
    #mapa_1-1-border2  {
         border:20px double red;
    }
    
    #mapa_1-1-border3  {
         border:20px dashed red;
    }
    
    #mapa_1-1-border4  {
         border:20px dotted red;
    }
    
    #mapa_1-1-border5  {
         border:20px inset red;
    }
    
    #mapa_1-1-border6  {
         border:20px outset red;
    }
    
    #mapa_1-1-border7  {
         border:20px groove red;
    }
    
    #mapa_1-1-border8  {
         border:20px ridge red;
    }
    
    #mapa_1-1-border9  {
         border:20px hidden red;
    }
    
    #mapa_1-1-border10  {
         border:20px none red;
    }

   .mapa_1-2-1  { 
      width:100%;
      height:200px; 
      color:blue;
      text-align:center;
      text-decoration:overline;
      margin:auto;
      border:10px dotted red;
      padding:20px;
      background-color: yellow;
 } 
           
      h1  {
      color:blue;
      text-align:center;
 }
 
      @keyframes primjer {
        from {background-color:blue;}
        to   {background-color:red;}
 }
 
      hr  {
        width:75%;
        margin:10%;
        padding:5px;
        border:10px ridge yellow;
        
        background-color: blue;
        animation-name: primjer;
        animation-duration: 4s;
        animation-iteration-count: 3;
        }
       
        #animacija  {
        background-color: blue;
        animation-name: primjer;
        animation-duration: 4s;
        animation-iteration-count: infinite;
      }