@import url(//fonts.googleapis.com/css?family=Roboto:900,400,300);
@import url(//fonts.googleapis.com/css?family=Roboto:400italic,300italic);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans);

body{ padding:10px; margin:0; background: #000 url(../images/live_audio_bg.jpg) repeat-x; font-family:arial;}
#header{ position:relative;}
    h1{ color:#ffffff; font-family:'Roboto', sans-serif; position:absolute; left:420px; top:0; padding:0; margin:0;}
    #shoutcast{ position:absolute;top:43px;left:144px; width:200px;}
    #shoutcast a, #shoutcast img{ border:0; color:#ffcc00; text-decoration:none; float:left; font-size: 11px;}
    #shoutcast img{ padding:0 0 0 10px;}
    #shoutcast a:hover{ color:#fff;}

#trenutno_bg{float:left; padding:10px 10px 0 10px; width:260px; /*height:101px;*/ height:75px; background:url(../images/live_trenutno_bg.jpg) no-repeat;}
    #trenutno_bg h3{padding:2px 5px; margin:0; color:#b2c932; font-size:11px; float:left; background:#fff;}
    #trenutno_box{ color:#fff; float:left; clear:left; font-size:12px; padding:10px 0 0 0;}

#z_vami_bg{float:left; clear:left; padding:10px 10px 0 10px; width:260px; /*height:94px;*/ height:81px; background:url(../images/live_z_vami_bg.jpg) no-repeat;}
    #z_vami_bg h3{padding:2px 5px; margin:0; color:#ff781e; font-size:11px; float:left; background:#fff;}
    #z_vami_text{ color:#fff; float:left; clear:left; font-size:12px; padding:10px 0 0 30px;}