* {
    padding: 0;
    margin: 0;
}
/* Opšti stil */
body {
    background:#F0EFEB;
    font-family:arial, verdana, sans-serif;
    font-size:76%;
    color:#000;
    text-align:center;
}

a, a:visited {
    color:#048;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

ul{
    list-style:none;
}

/** Layout **/

#container {
    width:990px;
    margin:0 auto;
    text-align:left;
}

a {
    
}

a.rss{
    background: url('../img/icons/rss-16.png') no-repeat center left;
    padding-left: 17px;
}

#top-bar{
    padding: 3px;
    text-align: right;
    color: #fff;
    background-color: #B1D8FF;
}


#header {
    
    background:#F0EFEB url(../img/gsfx_brnd_ie_top_bgrd1.png) repeat-x left top;
    height:103px;
    position:relative;
}

#logo {padding:0 0 0 15px; position:relative; width:240px}
#logo img {overflow:hidden; position:absolute; left:10px; top:15px; }
#logo img:hover{
    opacity:.8; /* FX/Opera/Safari/Chrome */
    -ms-filter:"alpha(opacity=80)";
    filter:alpha(opacity=80);
}
#logo a:hover {text-decoration:none;}
#logo h2 {margin:0; padding:0; font-size:11px; position:absolute; left:15px; top:65px; bottom:0; color:#FFF; font-style:italic}


#header .oglas{
    position:absolute;
    top:7px;
    right:5px;
    
}


/** Navigacija gore **/
#gmeni {
    display:block;
    height:24px;
    margin-bottom:7px;
    padding:10px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#f0efeb));
    background-image: -moz-linear-gradient(top, #f0efeb, #ccc);
    -webkit-border-bottom-left-radius:7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright:7px;
    -moz-border-radius-bottomleft:7px;

}

/* Levo */
ul.lmeni li {
    float:left;
    border-right:1px solid #bbb;
    padding:5px 8px;
}

ul.lmeni li a{
    display:block;
    text-shadow: 1px 1px 1px #9999FF;
    color:#000
}

ul.lmeni li a:hover {
    color:#fff;
    text-decoration:none;
    text-shadow: 1px 1px 1px #000;
}
/*
ul.lmeni li:first-child{
    border-right:none
}
*/
ul.lmeni li:last-child{
    border-right:none
}

/*desno*/

ul.dmeni{
    text-align:right;
    margin-right: 10px
}

ul.dmeni li{
    float:right;
    border-right:1px solid #E2DFD3;
    padding:5px 8px
}

ul.dmeni li a:hover {
    color:black;
    text-decoration:none
}

ul.dmeni li:first-child{
    border-right:none
}
	
/*---- Sadrzaj -----*/
#content{
    padding-top:7px
}

#bookmarks{position:absolute; bottom:2px; right:5px;}

#sredina {float:left; margin:0 10px 0 0; width:670px; background:#fff;}
#sredina div.tround {background:url('../img/tround.gif') no-repeat; width:670px; height:15px; font-size:1px;}
#sredina div.contentk-tab { height:25px; border-right:1px solid #E2DFD3; border-left:1px solid #E2DFD3; padding:0 20px; }
div.clanak-tab { height:24px; float:left; width:507px; border-bottom:1px solid #F0EFE9; color:#7D7D7D; }
div.clanak-tab h1{padding:0; margin:0; font-size:17px; text-shadow: 1px 1px 1px #b2b2b2;}
div.poh { height:24px; float:left; width:120px; text-align:right; border-bottom:1px solid #F0EFE9; }
div.content-bg { border-left:1px solid #E2DFD3; border-right:1px solid #E2DFD3; padding:10px 20px; clear:both; position: relative}
.content-bg p{
    margin: 5px 0 10px 0;
}
#sredina p.dobrodoslica {height:75px; margin-bottom:0;}
#sredina div.bcr { background-image:url(../img/bcrc.gif); width:670px; height:11px; font-size:1px; }



#stanica {display:inline; float:left; width:294px; margin:4px; padding:5px; border:1px solid #fff; position:relative}
#stanica img{display:block; width:50px; height:50px; float:left}
#stanica:hover {border:1px solid #5CB8E9; background:#E6EFFF}
#stanica .info{float:left; padding-left:5px}
#stanica .info h3 {font-size:13px; margin:0; float:left}
#stanica .info a h3 {background:none; position:absolute; top:3px; left:60px; color: #1446ec}
#stanica .info a h3:hover{color: #082171}
#stanica .info span a{color: #727272}
#stanica .info span.grad{position:absolute; top:18px; left:60px}
#stanica .info span.zanr{position:absolute; top:36px; left:60px; }
#stanica .info span.zanr a{ background:none}
#stanica .info a.slusaj {display: block; height: 16px; position:absolute; bottom:2px; right:5px; background:url(../img/tune-in.png) no-repeat center left; padding-left:20px}
#stanica .info a.slusaj:hover{text-decoration:none; font-weight:bold}

.mali-baner {display:inline; float:left; width:234px; padding-left:60px; margin:4px; background: url(../img/ads-logo.png) no-repeat center left}

#box-radio-2{height:280px;}
#slicne{float:left; width:285px; margin:5px 1px 1px 1px;}
#rltv-radio {border:1px solid #fff; width:285px; height:54px; position:relative }
#rltv-radio img {padding:2px}
#rltv-radio h3 {font-size:13px; margin:0; float:left}
#rltv-radio h3 a{background:none; position:absolute; top:3px; left:55px }
#rltv-radio span.grad{position:absolute; top:18px; left:55px}
#rltv-radio a.slusaj {display: block; height: 16px; position:absolute; bottom:2px; right:5px; background:url(../img/tune-in.png) no-repeat center left; padding-left:20px}
#rltv-radio a.slusaj:hover{text-decoration:none; font-weight:bold}
#rltv-radio:hover {border:1px solid #5CB8E9; background:#E6EFFF}

#radio-info{float:left; margin:5px; padding:0; width:175px; height:75px}
#radio-info h3{margin:0; padding:0; font-size:12px; color:#007}
#radio-info img{float:left; margin:0; padding:0 5px 0 0; border:0}
#radio-info ul.lista{display:block; float:left; width:110px; margin:5px 0 0 0; padding:0; list-style:none}
#radio-info ul.lista li{padding:2px 0;}
#share{
    background: #f7f7f7; width: 100%; margin: -10px 0 15px 0
}
#box275 {width:295px; padding:0; margin:10px 10px 0 5px; float:left}
#box275 h2{margin:0; padding:4px 4px; border-bottom:5px solid #f3f3f3; font-size:14px }
#box275 ul{list-style:none; margin:0; padding:0;}
#box275 ul li{padding:4px; border-bottom:1px dashed #d5d5d5; font-size: 1.2em}
#box275 ul li:hover {background:#DEEEFF}
#box275 img {padding-right:4px; vertical-align:middle}


#info_box {width:99%; height:102px; padding:10px; position:relative;}
#info_box img {border:1px solid #ccc; padding:5px; position:absolute; top:5px; left:0}
#info_box ul.detalji {position:absolute; top:0px; left:120px}
#info_box ul.detalji li{margin:3px;}
#info_box ul.detalji li.bitrate{margin-top:10px; font-size:11px}
#info_box a.www{display:block; height:12x; position:absolute; bottom:-10px; left:3px; padding-left:12px; font-size:10px;}
#info_box a.slusaj{display: -moz-inline-strack; display: inline-block; width:118px; height:28px; background:url(../img/pl.png) no-repeat; line-height:28px; vertical-align:text-middle; text-align:center; font-weight:bold; color:#fff; text-shadow:1px 1px #777; position:absolute; bottom:2px; left:120px;}

#opis_stanice {height:105px; width:100%; margin:0; padding:0; text-align:justify;}
#bookmark {background:url('../images/add.png') no-repeat left center; padding-left:17px; font-weight:bold}
#ads_160-600{float:right; background:url(../images/plain250.gif) no-repeat; width:190px; margin:0; padding:0; height:620px}

#page_numbers{clear:both; padding:5px; text-align:right; margin:10px 0 1px 0;}
#page_numbers span.current{border:1px solid #d2d2d2; padding:2px 3px; background:#AEF}
#page_numbers span{border:1px solid #d2d2d2; padding:2px 3px;background:#FFF; margin: 0 2px }

a img {border:0;}

.box250 {float: left; width:210px; padding:0 0 15px 0; background:url(../images/box_base.gif) no-repeat left bottom; margin:0 10px 10px 0}
.box250 h3 {background:url(../images/box.gif); height:30px; line-height:30px; color:#333; padding:0 15px; margin:0; font-size:12px;}
.box250 ul {list-style:none; padding:15px 14px 0 14px; margin:0; width:180px; background:#fff; border:1px solid #d8d9da; border-width:0 1px 0 0; border-left:1px solid #fff; height:auto;}
.box250 ul li {text-decoration:none; color:#444; padding:2px 0; font-size:11px; border-bottom:1px solid #f0f0f0; word-spacing:-1px}
.box250 ul li a {text-decoration:none; color:#048; font-size:12px; font-weight:bold;}
.box250 ul li a:hover {text-decoration:underline;}

.box250 img {padding:15px 14px 0 14px; margin:0; background:#fff; border:1px solid #d8d9d2; border-width:0 1px; font-weight: bold}


#desno{float:right; width:300px; margin:0;}

#ads-300{
    margin: 0 0 10px 0;
}

#preporuka{height:130px; margin-top:0; padding-top:5px; border-left:1px solid #E2DFD3; border-right:1px solid #E2DFD3; clear:both;}


#preporuka .stanica:first-child{
    margin-left:3px;
}
#preporuka .stanica:last-child{
    margin-left:2px;
}
	
#preporuka .stanica{
	float:left;
	width:90px;
	margin-left:12px;
	padding:5px 5px 2px 5px;
	border:1px solid #fff;
	background:#fff;
	text-align:center;}
	
#preporuka .stanica:hover{
	border:1px solid #53C9FB;
	background:#E0F5FD;
}

#preporuka .stanica img{
	padding:0;
	margin:0;
	border:0}

#preporuka .stanica a h2 {
	font-size:12px;
	color:#000;
	height:28px;
	margin:0;
	padding:1px}

#ads-inder-radio{
	display:block;
	margin:5px 0 0 0; float:left; width:340px; height:200px}
	
#fbbox{margin-top:10px}
div.spacer{height:1px; background-color:#F0EFE9; font-size:1px;}
#veza15{margin:0; padding:2px 0; position:relative; clear:both; border:0 solid #E2DFD3; border-bottom-width:1px; border-top-width:1px}
#veza15 a{position:absolute;  top:1px; left:485px; text-decoration:underline}
#pre-footer{ margin-top: 5px; clear: both; text-align: right; padding-right: 7px;}
#pre-footer a{background: #fff url(../img/icons/16/vrh.png) no-repeat; text-align: right; padding-left: 16px }
#footer{width:980px; clear:both; padding:10px 0; margin:4px 0 10px 0; height:120px; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
#footer .levo{float:left; text-align:left; width: 220px}
#footer p{margin:0}
#footer .desno{padding:3px;}




th {
font-size: 14px;
font-weight: bold;
background-color: #e1e1e1;
border-bottom: 1px solid #ccc;
padding: 10px;
}

#comments{
    margin:0;
    margin-top: 25px;
    border-top:2px solid #0099D5;
}

#comments h3 {
    margin: 10px 0;
}

#comments .comment{
    padding: 5px 5px 5px 60px;
    border-bottom: 1px solid #f2f2f2;
    background: #fff url(../img/icon-quote.gif) no-repeat;
}

#comments .comment b{
    font-size: 15px;
    display: block;
}

#comments .comment span{
    font-size: 10px;
    color: #929292
}

#comments .comment p{
    margin:15px 0 7px 0;
    padding: 0;
}

#commentform{
    display:block;
    margin:30px 20px;
    padding:20px;
    font-family:Helvetica, Arial, sans-serif;
    background:#e6e6e6;
    border:1px solid #aaa;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}


#commentform input[type = text]{
	display:block;
	margin:5px 0px 2px 0px;
	width:300px;
	background:#fff;
	border:1px solid #bbb;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	height:20px;
	line-height:30px;
	font-size:1em;
	padding:5px;
}

#commentform div{
    margin-bottom: 15px;
}

.required label:after {
	color: #e32;
	content: '*';
	display:inline;
}

.required label[for = CommentEmail]:after {
	color: #e32;
	content: '* nece biti objavljeno ';
	display:inline;
}

input[type = text]:focus, textarea:focus{
    border: 1px solid #555;
}

#commentform textarea{
	display:block;
	margin-top:5px;
	padding:5px;
	background:#fff;
	border:1px solid #bbb;
	width:500px;
	height:150px;
	font-size:1.1em;
	font-family:Helvetica, Arial, sans-serif;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

label{
    font-size:12px;
    font-weight:bold;
    color:#555;
}

.submit input{
   margin-top: 20px;
   padding: 5px
}

h3#reply {
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #aaa;
	margin:20px 20px 0px 75px;
	font-weight:normal;
	font-size:1.6em;
	position:relative;
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999; 
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 28px;
	line-height: 28px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 10px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	padding-right:4px; vertical-align:middle}

.tab_content ul{list-style:none; margin:0; padding:0;}
.tab_content ul li{padding:4px; border-bottom:1px dashed #d5d5d5}
.tab_content ul li:hover {background:#DEEEFF}



#follow-box{
    background: #fff;
    padding: 7px;
    border: 1px solid #E2DFD3;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-bottom: 5px;
}

#follow-box h3{
    border-bottom: 2px solid #bbb
}

#follow-box div{
    text-align: center;
    padding-top: 7px
}

#follow-box a{
    display: inline-block;
    padding-left: 33px;
    padding-top: 13px;
    margin-left: 3px;
    height: 33px;
}

#follow-box a:hover{
    opacity:.6; /* FX/Opera/Safari/Chrome */
    -ms-filter:"alpha(opacity=60)";
    filter:alpha(opacity=60);
}

#follow-box a.facebook{
    background: url(../img/icons/facebook.png) no-repeat left center;
}

#follow-box a.twitter{
    background: url(../img/icons/twitter.png) no-repeat left center;
}

#follow-box a.rss{
    background: url(../img/icons/rss.png) no-repeat left center;
}


#kontakt {
    margin-top: 40px
}

#kontakt div{
    margin-bottom: 10px
}

#kontakt label{
    display: inline-block;
    width: 110px;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

#kontakt input[type = text]{
    width:300px;
    background:#fff;
    border:1px solid #bbb;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    height:20px;
    line-height:20px;
    font-size:1em;
    padding:2px;
}

#kontakt textarea{
    padding:5px;
    background:#fff;
    border:1px solid #bbb;
    width:450px;
    height:150px;
    font-size:1.1em;
    font-family:Helvetica, Arial, sans-serif;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#kontakt img{
    margin-left: 110px;
    padding: 5px
}

#kontakt input[type=submit]{
    margin-left: 120px;
}