#banner_box {
	text-align:center;
	margin-left:30px;
	margin-top:0px;
    overflow:hidden;
	padding:5px;
	width:350px;	
    display:inline-block;    
        }

#banner {
    width: 100%;
    height: 100%;

}

#item1 {
	margin:0px;
	border-radius: 10px;
	border:2px solid #666666;
	box-shadow: 0 3px 3px 1px #333333;
	padding:5px;
	margin-top:0px;
//    background:#ffcc66;
//    background: linear-gradient(0deg, rgba(20,20,20,1) 0%, rgba(150,200,255,1) 30%);        
    background: linear-gradient(0deg, rgba(136,136,136,1) 0%, rgba(204,204,204,1) 40%); 
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 1px 0px #fff;		
	font-style:italic;
	font-weight:bold;
    color:#000;
  animation: move12 20s  infinite;  
 
	}

#item1:after { 
   content:"";
  animation: pr 20s linear infinite ;

}

  
@keyframes pr {
   0% { content:"Не гледамо на децу као на драгуље, већ се трудимо да они то постану!"; }
   32% { content:"Не гледамо на децу као на драгуље, већ се трудимо да они то постану!"; }
  /*10% { content:"1"; }
  20% { content:"2"; }
  30% { content:"3"; }*/
 33% { content:"Érted? Érted!"; }
 65% { content:"Érted? Érted!"; }

   66% { content:"The earth is below, the sky above us - the ladder is in us"; }
  99% { content:"The earth is below, the sky above us - the ladder is in us"; }
}

@keyframes move12 {
  0% { transform: translateX(-102%); }
  13%,
   20% { transform: translateX(0%); }   
   33% { transform: translateX(102%); }
   
  46%, 
  52% { transform: translateX(0%); }
  66% { transform: translateX(-102%); }
  
  
  80% ,
  85% { transform: translateX(0%); }
  100% { transform: translateX(102%); }
}