@charset "utf-8";
/* CSS Document */

/* :online/ Master CSS document

   Design by Vladan Zlatic vladan.zlatic@online.rs & xHTML/CSS Milovan Ninkovic milovan.ninkovic@online.rs

   Note: should be used with YUI

*/





html {
}
body {
	background:#ffffff url(../graphic/body_bg.jpg) top left repeat-x scroll;
	height:480px;
	color:#5b5b5b;
}
/* HEADER */



#hd {
	background:url(../graphic/header_bg.png) top right no-repeat scroll;
	width:1009px;
	height:150px;
	margin:0;
	padding:0;/*border:red 1px solid;*/
}
#hd .language {
	float:right;
	margin-right:12px;
	margin-top:7px;
	display:inline;
}
#hd .language ul {
}
#hd .language li {
	display:block;
	float:left;
	font-family:"Arial", sans-serif;
	font-size:11px;
	margin:3px 3px;
}
#hd .language a {
	color:#000000;
	text-decoration:none;
}
#hd .language a:hover {
	color:#ffffff;
	text-decoration:none;
}
#hd .language a:active {
	color:#ffffff;
	text-decoration:none;
}
#hd .top-nav {
	float:right;
	margin-right:10px;
	margin-top:7px;
	display:inline;
}
#hd .top-nav ul {
}
#hd .top-nav li {
	display:block;
	float:left;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:11px;
	margin:3px;
}
#hd .top-nav a {
	color:#000000;
	text-decoration:none;
}
#hd .top-nav a:hover {
	color:#c70029;
	text-decoration:underline;
}
#hd .logo {
	float:left;
	margin:51px 0 0 29px;
	display:inline;
}
#hd .logo h1 {
	position:absolute;
	top: -9999px;
	left: -9999px;
}
#hd .logo-banner {
	float:left;
	margin:10px 17px 0;
	display:inline;
}
#hd .menu {
	margin-left:17px;
	float:left;
	display:inline;
}

.header_bottom{
	background:url(../graphic/header_boarder_bottom.gif) top left repeat-x scroll;
	width:977px;
	height:8px;
	float:left;
	display:inline;
	margin-left:17px;
	margin-top:10px;
}

#bd {
	background: url(../graphic/page_bg.jpg) top right repeat-y scroll;
	min-height:900px;
 *height:500px;
	width:1009px;
	float:left;
	display:inline;
	margin-top:-20px;
 *margin-top:-18px;
}

/*.yui-g{
	padding:0 17px 0 17px;
}*/

html>body #bd {
 *margin-top:-15px;
 *height:auto;
}
.wrap {
	background: url(../graphic/page_gradient_bg.jpg) top right no-repeat scroll;
	min-height:900px;
 *height:500px;
	width:1009px;
	float:left;
	display:inline;
	padding-top:15px;
 *padding-top:28px;
}

html>body .wrap {
 *height:auto;
}

.left-colone{
	float:left;
	padding:0 12px 0 17px;
	*padding: 0 6px 0 17px;
	width:168px;
}

.middle-colone{
	border-right:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	float:left;
	padding-left:8px;
	padding-right:8px;
	width:470px;
}

.middle-colone-inner{
	border-right:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	float:left;
	padding-left:8px;
	padding-right:8px;
	width:650px;
}

.right-colone{
	float:left;
	margin:0;
	padding:0 8px;
	*padding:0 4px;
	width:300px;
}

.right-colone-inner{
	float:left;
	margin:0;
	padding:0 8px;
}


/* EMAIL OBAVESTENJA */

.newsletter {
	float:left;
	display:inline;
	height:75px;
	padding-top:8px;
	width:330px;
 *margin-bottom:10px;
 /**width:303px;*/
}
.newsletter_title {
	width:100%;
	height:25px;
	/*float:left;
	display:inline;*/
	border-bottom:#999 1px solid;
}
.newsletter_name_field {
	padding:1px 8px;
	border:#CCCCCC 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#777;
	font:normal 11px "Trebuchet MS", sans-serif;
	margin-right:7px;
	margin-left:5px;
	width:95px;
	margin-top:10px;
	float:left;
	display:inline;
	margin-bottom:3px;
}
.newsletter_mail_field {
	padding:1px 8px;
	border:#CCCCCC 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#777;
	font:normal 11px "Trebuchet MS", sans-serif;
	width:180px;
	margin-top:10px;
 *margin-top:-7px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	display:inline;
 /**margin-right:50px;*/
}

/* PROGNOZA */

.prognoza{
	display:inline;
	float:left;
	width:156px;

}

.prognoza_box{
	border-left:1px #bbb solid;
	border-right:1px #bbb solid;
	padding:5px 0 10px;
	margin:5px 0;
	height:160px;
}

/* KURSNA LISTA I OGLASI */

.kursna_lista{
	display:inline;
	float:left;
	width:156px;
}

.oglasi{
	display:inline;
	float:left;
	width:156px;
}

.tripple_box{
	padding:5px 10px;
	margin:5px 0;
	height:137px;
}

/* PITAJ I PREVODI */

.pitaj{
	float:left;
	/*width:234px;*/
	width:468px;
	background:url(../graphic/pitaj&prevodi_bg2.jpg) repeat-x bottom right scroll;
	/*border-right:1px #bbb solid;*/
	/*padding-bottom:10px;*/
	/*height:191px;*/
	height:180px;
	margin-bottom:15px;
}

.pitaj_box{
	padding:7px;
}

.prevodi{
	float:left;
	width:234px;
	height:191px;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../graphic/pitaj&prevodi_bg2.jpg) repeat-x bottom right scroll;
}

.prevodioci{
	float:left;
	padding:0 5px;
	margin:10px 0;
	border-right:1px #bbb solid;
	height:155px;
}

.jezici{
	float:left;
	padding:0 5px;
	margin:10px 0;
}

.banke{
	/*padding-bottom:10px;*/
}

.yui-navset{
	padding-top:15px;
}

.forum{
	padding:10px;
}

.horoskop{
	padding:10px;
}

.box_title{
	border-bottom:1px solid #999999;
	height:25px;
	/*margin:0 0 6px 0;*/
	width:100%;
}

.title_bg {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../graphic/article_title_bg.jpg) repeat-x scroll left top;
}

#lista_vesti{
	margin-top:10px;
	_margin-top:5px;
}

#lista_vesti a{
	text-decoration:none;
	color:#3e6491;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
}

/* PAGINATION */

.pagination {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	margin:20px 0 10px;
	padding:4px 0;
	position:relative;
	text-align:center;
}
.pagination img {
	padding:0 2px;
	vertical-align:bottom;
}
.pagination a {
	font-weight:bold;
}

.categories{
	background:transparent url(../graphic/pitaj&prevodi_bg.jpg) repeat-x scroll right top;
	height:125px;
	margin-bottom:10px;
	border-bottom:1px solid #BBBBBB;
}

.categories_title{
	background-color:#FFFFFF;
	border-bottom:1px solid #BBBBBB;
	border-top:1px solid #BBBBBB;
	font-size:13px;
	font-weight:bold;
	height:25px;
	padding:5px;
	text-transform:uppercase;
	line-height:25px;
}

.categories ul{
	padding-left:32px;
	padding-top:10px;
	*margin-top:10px;
}

.categories li{
	float:left;
	width:140px;
	*margin-top:-10px;
}

.orange_slash {
	color:#f58220;
	font-family:Arial,Helvetica,sans-serif;
	/*font-weight:bold;*/
}

.gray_slash {
	color:#555;
	font-family:Arial,Helvetica,sans-serif;
}

/* NAVIGACIJA */

.left_navigation{
	margin-bottom:15px;
	background:url(../graphic/nav_bg.jpg) repeat-x bottom left scroll;
}

.left_navigation ul{
	padding:10px 0;
}

.left_navigation ul li{
	padding-bottom:3px;
}

.left_navigation a{
	color:#1B4472;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

.left_navigation ul li ul{
	padding-left:35px;
}

.left_navigation ul li ul a{
	color:#F58220;
	font-size:13px;
	font-weight:normal;
	text-transform:none;
}



#reciprijatelju{
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#EBEBEB;
	border:1px solid #CCCCCC;
	float:left;
	padding:5px 0;
	margin:10px 0;
	width:168px;
}

.tell_a_freind_field{
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-x-system-font:none;
	border:1px solid #CCCCCC;
	color:#777777;
	font-family:"Trebuchet MS",sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:18px;
	line-height:normal;
	margin-bottom:5px;
	margin-right:7px;
	padding:1px 8px;
	width:140px;
}

.button_orange{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-x-system-font:none;
	background:transparent url(../graphic/button_orange_bg.jpg) repeat-x scroll left center;
	border:medium none;
	color:#FFFFFF;
	display:inline;
	float:right;
	font-family:"Trebuchet MS",sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-right:5px;
	padding:0.1em 0.6em;
	text-transform:uppercase;
	cursor:pointer;
}

.bottom_box{
	width:268px;
	float:left;
	display:inline;
	padding:10px 0 10px 10px;
}
.poslednji_prevodi table {
	margin-top:10px;
}
.bottom_box_side{
	width:268px;
	float:left;
	display:inline;
	padding:10px 0 10px 10px;
}
.box-form{
	width:403px;
	float:left;
	padding-left:7px;
}
.form-box {
	background: #ebebeb;
	border: 1px solid #acacac;
	padding: 20px;
	float: left;
}
.form-box h3 {
	font: bold 17px Georgia, "Times New Roman", Times, serif;
	float:left;
	color:#5f9fa0;
	padding-left:5px;
	font-weight:normal;
	width:100%;
}
.form-box span {
	color: #c50229;
	/*float: left;*/

	font-size:11px;
	margin-top:0px;
}
.form-box strong {
	font-weight:bold;
}
.form-box h3 span {
	color: #c50229;
	/*float: left;*/

	font-size:14px;
	margin-top:0px;
}
.form-box p, .form-box p span {
	padding: 0.7em 0;
	font: 11px Arial, Helvetica, sans-serif;
}
.box-form-list a{
	color:#5f9fa0;
}
ul.box-form-list {
	margin-top:22px;
}
ul.box-form-list li {
	padding: 0.5em 0;
	font: 11px Arial, Helvetica, sans-serif;
	height: 25px;
}
ul.box-form-list li label {
	font: 11px Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	width:150px;
}
ul.box-form-list li span {
	float: left;
	font-size:9px;
	font-weight:normal;
}
ul.box-form-list li input, ul.box-form-list li textarea, ul.box-form-list li select {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #ccc;
	padding:2px;
	width:173px;
	height:19px;
}
ul.box-form-list input[type="image"], ul.box-form-list input[type="submit"] {
	border: none;
	width:75px;
	height:24px;
}
ul.box-form-list-full {
}
ul.box-form-list-full li {
	padding: 0.5em 0;
	font: 11px Arial, Helvetica, sans-serif;
	height: 25px;
	display:inline;
}
ul.box-form-list-full li label {
	font: 11px Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	width:150px;
}
ul.box-form-list-full li span {
	float: left;
	font-size:9px;
	font-weight:normal;
}
ul.box-form-list-full li input, ul.box-form-list-full li textarea, ul.box-form-list-full li select {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #ccc;
	padding:2px;
}
ul.box-form-list-full input[type="image"], ul.box-form-list-full input[type="submit"] {
	border: none;
}
.form-box-full {
	background: #ebebeb;
	border: 1px solid #acacac;
	padding: 20px;
	margin-left:12px;
	padding-bottom:40px;
}
.form-box-full li{
	padding-top:3px;
	padding-left:25px;
}
.form-box-full span {
	color: #5f9fa0;
	/*float: left;*/

	font-size:13px;
	margin-top:0px;
}
.form-box-full label{
	font-size:15px;
}
.form-box-full strong {
	font-weight:bold;
}
.form-box-full p, .form-box-full p span {
	padding: 0.7em 0;
	font: 11px Arial, Helvetica, sans-serif;
}
.form-right-side{
}
.form-left-side{
	float:left;
	padding:26px;
	width:60%;
}

.see_more_orange{
	color:#F58220;
	float:left;
	font-size:11px;
	padding-top:7px;
}

.see_more_blue{
	float:right;
	font-size:11px;
	padding-top:7px;
}

.see_more_blue a{
	color:#003366;
}

.vreme_tabela {
	clear:both;
	height:1%;
}

.emisije{
	float:left;
	width:200px;
	display:inline;
	margin-top:10px;
}

.kategorije{
	border-left:1px solid #DDDDDD;
	float:left;
	/*height:80px;*/
	padding-left:5px;
	display:inline;
	width:69px;
	margin-top:10px;
}

.kategorije a{
	color:#003366;
	text-decoration:none;
}

.kategorije a:active{
	color:#F58220;
	text-decoration:underline;
}

.kanal{
	background:transparent url(../graphic/pitaj&prevodi_bg.jpg) repeat-x scroll right top;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	float:left;
	margin-top:5px;
	margin-bottom:15px;
	padding:10px;
	text-align:center;
	width:265px;
}

.filter_box{
	float:left;
	margin-top:15px;
	width:200px;
	/*height:155px;
	background:transparent url(../graphic/pitaj&prevodi_bg.jpg) repeat-x scroll right bottom;*/
}

.filter_item{
	padding:1px 1px 1px 20px;
}

/*Brzi linkovi-------------------------------------------*/



.brzi_linkovi {
	background-color:#999;
	border-top:#777 3px solid;
	width:955px;
	margin-left:17px;
	float:left;
	padding:10px;
	margin-top:20px;
	display:inline;
}
.brzi_linkovi ul {
	float:left;
	display:inline;
}
.brzi_linkovi ul li {
	float:left;
	padding-left:3px;
	display:inline;
	width:102px;
	text-align:center;
}
.brzi_linkovi a{
	text-decoration:none;
}

.brzi_linkovi h3 a {
	color:#fff;
	text-decoration:none;
	display:block;
	font:bold 12px "Trebuchet MS", sans-serif;
	text-transform:uppercase;
}
.brzi_linkovi ul li.submeni {
	padding-left:5px;
	clear:both;
}
li.submeni a {
	color:#ddd;
	text-decoration:none;
	display:block;
	font:normal 11px "Trebuchet MS", sans-serif;
}
li.submeni a:hover {
	color:#FFFFFF;
}
.brzi_linkovi ul li.padding_prvog {
	margin:0;
	/*padding-left:10px;*/
}
.futer_opis {
	background-color:#777;
	width:955px;
	margin-left:17px;
	float:left;
	padding:10px;
	display:inline;
}
.futer_opis h4 {
	border-bottom:#999 1px solid;
	width:100%;
	color:#f58220;
	margin-bottom:11px;
	padding-bottom:5px;
	text-transform:none;
	font-size:20px;
	display:inline;
	float:left;
}
.futer_opis ul {
	float:right;
	position:relative;
	top: -2.5em;
	margin-bottom:-2.5em;
	display:inline;
 *margin-left:180px;
}
.futer_opis li {
	color:#bbb;
	float:left;
	padding:0 8px;
	display:inline;
}
.futer_opis li.rss_prijave {
	background:url(../graphic/icon_rss.jpg) no-repeat top left scroll;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding-left:22px;
	display:inline;
	height:20px;
	line-height:20px;
	color:#ddd;
	margin-left:300px;
 *margin-left:200px;
	margin-right:20px;
	float:left;
}
.futer_opis li.pratite_nas {
	font:bold 12px Arial, Helvetica, sans-serif;
	display:inline;
	height:20px;
	line-height:20px;
	color:#ddd;
	float:left;
}
.futer_opis a {
	color:#ddd;
	text-decoration:none;
	font:bold 11px Arial, Helvetica, sans-serif;
}
.futer_opis a:hover {
	color:#FFFFFF;
}
.futer_opis p {
	clear:both;
	font-size:11px;
	color:#bbb;
	width:700px;
	float:left;
	display:inline;
}
.futer_opis span {
	color:#fff;
}
.rss_linkovi {
	float:left;
	display:inline;
	width:120px;
	margin-left:40px;
	padding:0;
 *margin-left:-142px;
}
.rss_linkovi ul {
	margin-bottom:0;
	top:0;
	width:100%;
	float:left;
	display:inline;
}
/*.rss_linkovi li {


	clear:both;

}*/


.rss_linkovi a {
	font-size:11px;
	font-weight:normal;
	color:#bbb;
	display:inline;
}
.rss_linkovi a:hover {
	color:#FFFFFF;
}
.social_icons {
	float:left;
	/*margin-left:12px;*/
	display:inline;
	width:80px;
 *margin-left:-180px;
}
html>body .social_icons {
 *margin-left:-30px;
}
.social_icons ul {
	width:100%;
	margin-bottom:0;
	top:0;
}
.social_icons li {
	/*float:left;*/

	padding-right:0px;
	display:inline;
}
.social_icons a {
}
.bottom-nav {
}
.bottom-desc {
}


/* FOOTER */

#ft {
	background: url(../graphic/page_bg.jpg) top left repeat-y scroll;
	height:50px;
	width:1009px;
	float:left;
	display:inline;
}
.footer {
	background-color:#777777;
	float:left;
	margin-left:17px;
	padding:0 10px 0 10px;
	width:955px;
	display:inline;
}
.footer p {
	padding:10px;
	width:935px;
	border-top:#999 1px solid;
	color:#333;
	font-size:11px;
	text-align:center;
}
.footer a {
	text-decoration:none;
	color:#bbb;
}