/*

Theme Name: NaVidiku

Theme URI: http://www.navidiku.rs/

Version: 2.0

Description: NaVidiku theme

Author: Dusan Gacic

*/



@charset "utf-8";

/* Reset CSS */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/* Style */

body {

	background: #0e6991 url(bg.jpg) top center repeat-x;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #3a3a3a;

}

a {

	text-decoration: none

}

a:hover {

	text-decoration: underline

}



/* Top bar */

#top-bar {

	width: 989px;

	overflow: hidden;

	margin: 0 auto;

	padding: 0 0 0 10px;

	height: 42px;

	background: url(top-bar-separator.png) 10px top no-repeat;

	position: relative

}

#top-bar p {

	display: inline;

	float: left;

	height: 29px;

	line-height: 29px;

	font-size: 11px;

}

#top-bar p a {

	color: #9a9a9a

}

#top-bar p span {

	background: url(top-bar-separator.png) right no-repeat;

	height: 29px;

	line-height: 29px;

	display: block;

	padding: 0 10px 0 0

}

/* Login tabs and other tabs */



/* Tabs */

.ui-tabs-hide {

	display: none;

}

#date-time p {

	padding-left: 8px;

	padding-right: 5px;

	background: url(top-bar-separator.png) right top no-repeat;

	color: #9a9a9a;

}

#date-time p span {

	display: inline;

	padding: 0 0 0 20px

}

#date-time p span.date {

	background: url(icon-date.png) left no-repeat

}

#date-time p span.time {

	background: url(icon-time.png) left no-repeat;

	padding-right: 3px;

}

#other-tabs {

	/*position: relative;

	left: 194px;*/

	float: left

}

#other-tabs ul li {

	display: inline;

	float: left;

	font-size: 11px

}

#other-tabs ul li a {

	height: 29px;

	float: left;

	line-height: 29px;

	display: block;

	color: #9a9a9a

}

#other-tabs ul li.login {

	background: url(top-bar-separator.png) right top no-repeat;

	margin-right: 7px;

	margin-left: 2px;

	padding-right: 5px;

	padding-left: 5px

}

#other-tabs ul li.login a {

	background: url(icon-register-login.png) left center no-repeat;

	padding: 0 0 0 15px

}

#other-tabs ul li.register {

	background: url(top-bar-separator.png) right top no-repeat;

}

#other-tabs ul li.register a {

	background: url(icon-register-login.png) left center no-repeat;

	padding: 0 0 0 15px;

	padding-right: 5px

}

#other-tabs ul li.register a span, #other-tabs ul li.login a span {

	color: #0094d2;

} 

#other-tabs ul li.homepage {

	background: url(icon-homepage.png) 8px center no-repeat;

	padding: 0 0 0 33px;

}

#other-tabs ul li.homepage a {

	background: url(top-bar-separator.png) right top no-repeat;

	padding-right: 5px

}

#other-tabs ul li.bookmark {

	background: url(icon-bookmark.png) 8px center no-repeat;

	padding: 0 5px 0 31px

}

#other-tabs ul li.homepage a:hover, #other-tabs ul li.bookmark a:hover {

	color: #0094d2;

	text-decoration: none

}

#search {

	background: url(search.png) no-repeat;

	width: 217px;

	padding: 9px 0 0 15px;

	height: 34px;

	position: absolute;

	right: 4px

}

#search input.inputbox {

	border: 0;

	background: none;

	width: 152px;

	height: 20px;

	color: #b7b7b7;

	font-size: 11px;

	padding: 0 7px

}

#search input#searchsubmit {

	position: absolute;

	right: 15px;

	top: 9px

}



/* Structure */

#wrapper {

	width: 998px;

	margin: 0 auto;

}

#header {

	height: 170px;

	margin: -14px 0 0 0

}

#header a#logo {

	background: url(logo.png) no-repeat;

	width: 170px;

	height: 133px;

	float: left;

	margin: 0 0 0 40px;

	display: inline;

	text-indent: -9999px;

}

#header #rotate-ads {

	width: 728px;

	height: 90px;

	z-index: -9999;

	float: right;

	margin: 28px 9px 0 0;

	display: inline

}



/* Navigation */

#navigation {

	background: url(navigation.png) no-repeat;

	height: 38px;

	display: block;

	padding: 6px 0 0 15px;

	clear: both;

}

ul#nav-menu, ul#nav-more {

	padding: 2px 0 5px 0px;

	position: relative;

	z-index: 9990;

	float: left;

	height: 31px

}

ul#nav-more {

	z-index: 9999;

}

ul#nav-menu li, ul#nav-more li {

	font: bold 14px Arial, Helvetica, sans-serif;

	float: left;

	display: inline-block

}

ul#nav-menu li a, ul#nav-more li a {

	color: #454545;

	float: left;

}

ul#nav-menu li.home a {

	padding: 0

}

ul#nav-menu li.home a span {

	background: url(nav-menu-li-a-home.png) left top no-repeat;

	height: 37px;

	line-height: 36px;

	padding: 0 17px;

	display: inline-block;

	cursor: pointer

}

ul#nav-menu li.home a:hover span {

	background: url(nav-menu-li-a-home-span-hover.png) left top no-repeat;

}

ul#nav-menu li.home a:active span {

	background: url(nav-menu-li-a-home-span-active.png) left top no-repeat;

}

ul#nav-menu li a, ul#nav-more li a {

	height: 37px;

	line-height: 36px;

	display: block;

	padding: 0 16px;

	text-shadow: 1px 1px 1px #fff;

	background: url(nav-menu-li-a.png) right top no-repeat

}

ul#nav-more li a {

	height: 36px;

	line-height: 36px;	

}

ul#nav-menu li a:hover {

	background: url(nav-menu-li-a-hover.png) right top no-repeat;

	text-decoration: none

}

ul#nav-menu li a:active {

	background: url(nav-menu-li-a-active.png) right top no-repeat;

	text-shadow: 1px 1px 1px #b75a0b;

	color: #fff;

	text-decoration: none

}

/* Nav magazine */

ul#nav-menu li#magazine a {

	background: url(nav-menu-magazine.png) right top no-repeat;

	color: #fff;

	text-shadow: 1px 1px 1px #9b2234

}

ul#nav-menu li ul {

	margin: 0;

	padding: 0;

	background: #d4394f;

	width: 968px;

	border-bottom: 1px solid #b23042;

	z-index: 9990;

	position: absolute;

}

ul#nav-menu li#magazine ul li a {

	background: url(nav-menu-li-ul-li-a.png) right no-repeat;

	height: 15px;

	padding: 9px 24px 7px 11px;

	font: bold 12px Arial, Helvetica, sans-serif;

	text-shadow: none

}

ul#nav-menu li#magazine ul li a:hover {

	text-decoration: underline	

}

ul#nav-menu li#magazine ul li ul, ul#nav-more li ul {

	width: 320px;

	border: 1px solid #e7e7e7;

	border-width: 0 1px;

	border-bottom: 3px solid #b6b6b6;

	background: #fff;

	padding: 10px 0 10px 7px;

	z-index: 9990;

	position: absolute

}

ul#nav-menu li#magazine ul li ul li, ul#nav-more li ul li {

	width: 152px;

	float: left;

	border-bottom: 1px solid #dbe1e6;

	margin: 0 7px 0 0;

	position: relative;

	z-index: 9990

}

ul#nav-menu li#magazine ul li ul li a, ul#nav-more li ul li a {

	width: 140px;

	display: block;

	color: #7d7d7d;

	font: normal 12px Arial, Helvetica, sans-serif;

	background: url(nav-menu-li-ul-li-ul-li-a.gif) 140px 12px no-repeat;

	padding-right: 4px;

	padding-left: 4px;

}

ul#nav-more li ul li a {

	padding-top: 9px;

	height: 24px

}

ul#nav-menu li#magazine ul li ul li a:hover, ul#nav-more li ul li a:hover, ul#nav-more li ul li a:active {

	color: #ff7600;

	background: url(nav-menu-li-ul-li-ul-li-a.gif) 140px 12px no-repeat;

}



/* Nav nav-more */

ul#nav-more li a {

	background: url(nav-menu-nav-more-a.png) right no-repeat;

	padding-right: 26px;

}

ul#nav-more li a:hover {

	background: url(nav-menu-nav-more-a-hover.png) right no-repeat;

}

ul#nav-more li a:active {

	background: url(nav-menu-nav-more-a-active.png) right no-repeat;

}



/* Superfish styles */



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			38px; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/

.sf-navbar {

	height:			30px;

	padding-bottom:	30px;

	position:		relative;

}

.sf-navbar li {

	position:		static;

}

.sf-navbar a {

	border-top:		none;

}

.sf-navbar li ul {

	width:			968px; 

	display: block

}

.sf-navbar li li {

	position:		relative;

}

.sf-navbar li#nav-more {

	position: static	

}

.sf-navbar li li ul {

	width:			13em;

}

.sf-navbar li li li {

	width:			100%;

}

.sf-navbar ul li {

	width:			auto;

	float:			left;

}

.sf-navbar a, .sf-navbar a:visited {

	border:			none;

}



ul.sf-navbar .current ul,

ul.sf-navbar ul li:hover ul,

ul.sf-navbar ul li.sfHover ul {

	left:			0;

	top:			32px; /* match top ul list item height */

}

ul.sf-navbar .current ul ul {

	top: 			-999em;

}



.sf-navbar li li.current > a {

	font-weight:	bold;

}



/*** remove shadow on first submenu ***/

.sf-navbar > li > ul {

	background: transparent;

	padding: 0;

	-moz-border-radius-bottomleft: 0;

	-moz-border-radius-topright: 0;

	-webkit-border-top-right-radius: 0;

	-webkit-border-bottom-left-radius: 0;

}



/* Streaming */

#streaming {

	position: relative;

	left: 721px;

	top: -31px;

	width: 249px;

	height: 26px;

	z-index: 9999

}



/* Kursna lista header */

#page-header {

	background: url(page-header.jpg) top no-repeat;

	width: 943px;

	height: 57px;

	padding: 20px 0 0 25px;

}

#page-header h1 {

	font: normal 31px Arial, Helvetica, sans-serif;

	color: #fff;

	text-shadow: 1px 1px 1px #9c4912;

	display: inline

}

#page-header h1 a{

	font: normal 31px Arial, Helvetica, sans-serif;

	color: #fff;

	text-shadow: 1px 1px 1px #9c4912;

	display: inline

}

#page-header span {

	font: normal 14px Arial, Helvetica, sans-serif;

	color: #fff;

	text-shadow: 1px 1px 1px #9c4912;

	margin-left: 15px

}

#page-header span strong {

	font-size: 18px;

	font-weight: bold

}



/* Container */

#container {

	width: 979px;

	overflow: hidden;

	padding: 0 9px;

	clear: both

}

#main {

	background: #fff;

	width: 968px;

	padding: 0 6px;

	overflow: hidden;

	clear: both

}

#content {

	width: 626px;

	float: left;

	position: relative;

	padding-top: 10px;

	margin-right: 11px

}

#content h2 {

	font: bold 24px Arial, Helvetica, sans-serif;

	color: #808080;

	margin: -3px 0 25px 0;

	line-height: normal;

}

#content h2 a{

	font: bold 24px Arial, Helvetica, sans-serif;

	color: #808080;

	

}

#content h2 span {

	color: #ff7600;

}



/* Konvertor valuta */

#konvertor-valuta {

	background: url(konvertor-valuta.png) no-repeat;

	width: 608px;

	height: 107px;

	padding: 9px;

	color: #fff;

	position: relative

}

#konvertor-valuta.mali {

	background: url(konvertor-valuta-mali.png) no-repeat;

	width: 608px;

	height: 75px;

	padding: 9px;

	color: #fff;

	position: relative;

	margin-bottom: 25px

}

#konvertor-valuta h2 {

	color: #fff;

	background: url(konvertor-valuta-h2.gif) bottom repeat-x;

	font-size: 14px;

	padding: 0 0 10px 2px;

	margin-bottom: 15px

}

#kursevi h2, #wrapper #container #main #content #respond h3 { 

	padding: 25px 0 7px 4px;

	margin-bottom: 14px;

	font-size: 18px;

	font-weight: normal;

	color: #808080;

	border-bottom: 1px dotted #ccc

}

#kursevi h2 a, #respond h3 a{ 

	font-size: 18px;

	color: #808080;

	

}

#konvertor-valuta p {

	display: inline;

	height: 22px;

	font-weight: bold;

	position: absolute;

}

p.konvertuj input {

	background: url(konvertor-input.png) no-repeat;

	border: 0;

	width: 83px;

	height: 19px;

	color: #747474;

	padding: 2px 7px;

}

#konvertor-valuta p.kurs {

	top: 45px;

	left: 14px;

	z-index: 9999

}

#konvertor-valuta p.tip {

	top: 45px;

	left: 203px

}

#konvertor-valuta p.tip input {

	margin-left: 6px

}

#konvertor-valuta p.konvertuj {

	top: 79px;

	left: 14px;

	z-index: 9998

}

#konvertor-valuta.mali p.konvertuj {

	top: 50px;

	left: 14px;

	z-index: 9998

}

#konvertor-valuta p.formsubmitimg {

	top: 78px;

	left: 356px;

}

#konvertor-valuta.mali p.formsubmitimg {

	top: 49px;

	left: 356px;

}

#konvertor-valuta p.iznos {

	top: 57px;

	left: 454px;

	background: url(iznos.png) no-repeat;

	width: 144px;

	height: 40px;

	line-height: 40px;

	color: #fff;

	padding-left: 12px

}

#konvertor-valuta.mali p.iznos {

	top: 41px;

	left: 454px;

}



/* Arhiva kursa */

.tabela {

	color: #808080;

	border-bottom: 0;

}

.tabela tr td {

	border-bottom: 1px solid #dbe1e6;

	height: 22px

}

.tabela tr td.arhiva-kursa {

	padding-top: 9px;

	height: 32px;

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #808080;

	border: 0

}

.arhiva-kursa.levo {

	padding-left: 16px;

	width: 

}

.kurs-zelen {

	background: #EFFBDB

}

/*.kurs-zut {

	background: url(prodajni2.png) left no-repeat;

}*/



/* Drop down styles*/

div.selectbox-wrapper {

  position:absolute;

  width: 146px;

  margin:0px;

  margin-top:-10px;

  margin-left: -9px;

  padding:0px;

  text-align:left;

  max-height: 200px;

  overflow:auto;

}

#kurs-po_container {

	left: 105px;

	border: 0;

	background: #d7ebf3;

	color: #747474;

}

#valute-po_container {

	left: 174px;

	border: 0;

	background: #d7ebf3;

	color: #747474;

}

#valute-po2_container {

	left: 267px;

	border: 0;

	background: #d7ebf3;

	color: #747474;

}

#valute-po_container.selectbox-wrapper, #valute-po2_container.selectbox-wrapper  {

	margin-top: -1px

}



/*Drop down list styles*/

div.selectbox-wrapper ul {

  list-style-type:none;

  margin:0px;

  padding:0px;

}

/* Selected item in dropdown list*/

div.selectbox-wrapper ul li.selected { 

  background-color: #dfeff5;

}



/* Hover state for dropdown list */

div.selectbox-wrapper ul li.current { 

  background-color: #e7f4f9;

}



/* Drop down list items style*/

div.selectbox-wrapper ul li {

  list-style-type:none;

  display:block;

  margin:0;

  padding:2px 7px;

  cursor:pointer;

  color: #747474;

  font-weight: normal

}



/* Look and feel of select box */

.selectbox {

  margin: 0px 15px 10px 0px;

  padding-left: 7px;

  height: 19px;

  font-family: Arial, Helvetica, sans-serif;

  width : 139px; 

  text-align: left; 

  background: url(kurs-po.png) left;

  cursor: pointer;

  border: 0;

  color:#747474;

}

p.konvertuj input#valute-po_input, p.konvertuj input#valute-po2_input {

	background: url(select-valute.png) left;

	width : 58px; 

	margin: 0 4px

}

/* Kursna lista tabela */

.valute {

	color: #0094d2;

	font: bold 14px Arial, Helvetica, sans-serif;

	height: 32px;

	line-height: 32px;

}

.valute img {

	margin-right: 5px

}

.valute.arhive, .arhive{

	padding-left: 16px

}

.valute.eur {

	background: url(tabela-kursa-1-2.png)

}

.valute.usd {

	background: url(tabela-kursa-1-3.png)

}

.valute.chf {

	background: url(tabela-kursa-1-4.png)

}

.kupovni, .prodajni {

	background: #effbdb;

	height: 25px;

	line-height: 25px;

	color: #979797;

	font: normal 11px Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	padding-top: 6px;

}

.prodajni {

	background: url(prodajni.png) left no-repeat;

}

.menjacnica {

	color: #ff7600;

	font: bold 14px Arial, Helvetica, sans-serif

}

table {

	width: 626px;

	border-bottom: 1px solid #dbe1e6;

}

td.hover, tr.hover {

	background-color: #f4a15a;

}

td.hovercell, th.hovercell {

	background-color: #ff7600;

	cursor: pointer

}

.kolona-menjacnica {

	background: url(tabela-kursa-1-1.png); 

	font-size: 12px;

	color: #808080; 

	font-weight: normal;

	padding-left: 10px

}

tr.kolona-menjacnice td {

	height: 33px;

	line-height: 33px;

	border-top: 1px solid #dbe1e6;

	color: #808080;

	text-align: center

}

tr.kolona-menjacnice .hover, tr.kolona-menjacnice .hover td.menjacnica {

	color: #fff

}

tr.kolona-menjacnice td.kurs-zut {

	background: url(prodajni.png) left no-repeat;

}

tr.kolona-menjacnice td.kurs-zut.hover {

	color:#000;

	background: url(prodajnihover.png) left no-repeat;

}

tr.kolona-menjacnice td.kurs-zut.hover.hovercell {

	

	background: url(prodajniactive.png) left repeat-y;

}



tr.kolona-menjacnice td.menjacnica {

	text-align: left;

	color: #ff7600;

	padding-left: 7px

}

tr.kolona-menjacnice td.menjacnica.hover {

	background: #fff;

	color: #ff7600

}



/* Kursna lista info - napomena */

#kursna-info {

	font: normal 11px Arial, Helvetica, sans-serif;

	color: #9f9f9f;

	margin-top: 20px

}

#kursna-info a {

	color: #ff7600

}

#kursna-info p {

	line-height: 20px

}



/* Respond */

#respond {

	overflow: hidden;

	margin-top: 30px

}	

#respond h3 {

	color: #808080;

	font: bold 18px Arial, Helvetica, sans-serif;

	padding: 10px 0

}

.cancel-comment-reply a {

	color: red;

	font-size: 14px

}

.textcomment {

	width: 98.8%;

}

form#commentform {

	background: #ededed  url(write-comment-left.png) top left no-repeat;

	padding: 15px 15px 15px 95px;

	height: 230px;

}

form#commentform textarea {

	width: 100%;

	background: #fff url(respond-textarea.png) top left repeat-x;

	border: 1px solid #c2c2c2;

	height: 94px;

	padding: 10px;

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #747474;

	line-height: 22px;

	margin-bottom: 10px;

}

form#commentform p.field {

	display: inline-block;

	float: left;

	margin-right: 15px;

	color: #747474;

}

form#commentform p.field.comment-text {

	margin-top: 10px;

}

form#commentform p label {

	display: block;

	margin-bottom: 5px;

}

form#commentform p input {

	border: 1px solid #c2c2c2;

	background: #fff;

	width: 190px;

	height: 23px;

	padding: 0 7px;

	color: #747474;

	font: normal 12px Arial, Helvetica, sans-serif;

}

form#commentform p.formsubmitimg {

	text-align: right;

}

form#commentform p input#submit {

	width: 125px;

	height: 26px;

	background: 0;

	border: 0;

	padding: 0

}

.cancel-comment-reply {

	text-align: right

}

.cancel-comment-reply a {

	text-decoration: none;

	font-weight: bold

}



/* Comments */

#comments {

	margin-left: 6px;

	margin-right: 4px

}

#comments a {

	color: #e8455c

}

#comments h3#comments-title {

	font: bold 20px Arial, Helvetica, sans-serif;

	color: #747474;

	padding-left: 4px

}

ol.commentlist {}

ol.commentlist li {

	margin-top: 20px;

}

ol.commentlist li.alt {}

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment {}

ol.commentlist li.comment div.comment-author {}

ol.commentlist li.comment div.vcard {}

ol.commentlist li.comment div.vcard cite.fn {

	font-style: normal;

	font: normal 20px Arial, Helvetica, sans-serif;

	color: #0094d2;

	line-height: normal;

	padding: 10px 0 0 15px;

	border: 1px solid #e4e9ec;

	border-bottom: 0;

	display: block;

}

ol.commentlist li.comment div.vcard cite.fn a.url {}

ol.commentlist li.comment div.vcard img.avatar {}

ol.commentlist li.comment div.vcard img.avatar-32 {}

ol.commentlist li.comment div.vcard img.photo {}

ol.commentlist li.comment div.vcard span.says {}

ol.commentlist li.comment div.commentmetadata {

	text-transform: uppercase;

	font-size: 10px;

	color: #8f8f8f;

	padding: 0 15px;

	display: block;

	border: 1px solid #e4e9ec;

	border-width: 0 1px

}

ol.commentlist li.comment div.comment-meta {}

ol.commentlist li.comment div.comment-meta a {

	color: #e8455c

}

ol.commentlist li.comment div.comment-meta a.comment-edit-link {



}

ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)

ol.commentlist li.comment div.reply {}

ol.commentlist li.comment div.reply a {}

ol.commentlist li.comment ul.children {

	

}

ol.commentlist li.comment ul.children li {

	position: relative;

	top: -1px;

	margin-top: 0;

	margin-left: 50px;

}

ol.commentlist li.comment ul.children li div.vcard cite.fn {

	border-top: 1px solid #c6ccd0

}

ol.commentlist li.comment ul.children li.alt {}

ol.commentlist li.comment ul.children li.bypostauthor {}

ol.commentlist li.comment ul.children li.byuser {}

ol.commentlist li.comment ul.children li.comment {}

ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.depth-2 {

	margin-left: 50px;

}

ol.commentlist li.comment ul.children li.depth-3 {

	margin-left: 0px;

}

ol.commentlist li.comment ul.children li.depth-4 {

	margin-left: 0px;

}

ol.commentlist li.comment ul.children li.depth-5 {

	margin-left: 0px;

}

ol.commentlist li.comment ul.children li.odd {}

ol.commentlist li.even {}

ol.commentlist li.odd {}

ol.commentlist li.parent {}

ol.commentlist li.pingback {}

ol.commentlist li.pingback div.comment-author {}

ol.commentlist li.pingback div.vcard {}

ol.commentlist li.pingback div.vcard cite.fn {}

ol.commentlist li.pingback div.vcard cite.fn a.url {}

ol.commentlist li.pingback div.vcard span.says {}

ol.commentlist li.pingback div.commentmetadata {}

ol.commentlist li.pingback div.comment-meta {}

ol.commentlist li.pingback div.comment-meta a {}

ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)

ol.commentlist li.pingback div.reply {}

ol.commentlist li.pingback div.reply a {}

ol.commentlist li.pingback ul.children {}

ol.commentlist li.pingback ul.children li {}

ol.commentlist li.pingback ul.children li.alt {}

ol.commentlist li.pingback ul.children li.bypostauthor {}

ol.commentlist li.pingback ul.children li.byuser {}

ol.commentlist li.pingback ul.children li.comment {}

ol.commentlist li.pingback ul.children li.comment-author-admin {}

ol.commentlist li.pingback ul.children li.depth-2 {}

ol.commentlist li.pingback ul.children li.depth-3 {}

ol.commentlist li.pingback ul.children li.depth-4 {}

ol.commentlist li.pingback ul.children li.depth-5 {}

ol.commentlist li.pingback ul.children li.odd {}

ol.commentlist li.thread-alt {}

ol.commentlist li.thread-even {}

ol.commentlist li.thread-odd {}



.comment-body {

	color: #747474;

	line-height: 22px;

	padding: 10px 15px;

	border: 1px solid #e4e9ec;

	border-width: 0 1px;

} 

.comment-options {

	background: url(comment-bottom.png) top repeat-x;

	height: 29px;

	padding: 0 15px;

	line-height: 29px;

	color: #8f8f8f;

	text-transform: uppercase;

	font-size: 10px;

	border: 1px solid #e4e9ec;

	border-width: 0 1px;

	border-bottom: 1px solid #c6ccd0;

}

.comment-options p.rating {

	display: inline-block;

	float: left

}

.comment-options p.rating img {

	position: relative;

	top: 3px;

}

.comment-options p.comment-reply-link {

	float: right

}

.comment-reply-link a {

	color: #ff7600

}

em.awaiting {

	border: 1px solid #e4e9ec;

	border-width: 0 1px;

	display: block;

	padding: 0 15px;

	color: #e8455c;

	font: bold 11px Arial, Helvetica, sans-serif

}

img.rating-img {

	padding: 0px; 

	border: none; 

	cursor: pointer;

}

span.rating-txt {

	font-size:10px; 

	color:#747474; 

	font-weight: bold; 

	margin: 0 6px 0 2px;

}



/* Primary */

#primary {

	float: left;

	width: 160px;

	display: inline;

	margin-right: 10px

}

/* Widget box */

.widget-box {

	margin-top: 10px;

	overflow: hidden

}

.widget-box h3 {

	background: url(widget-h3.png) no-repeat;

	color: #fff;

	font: bold 12px Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	height: 32px;

	line-height: 32px;

	padding-left: 9px

}

.widget-box h3 a{

	

	color: #fff;

	font: bold 12px Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	

}

.widget-box ul, .widget-box #datepicker {

	border: 1px solid #cfd2d5;

	border-top: 0;

	padding: 5px 6px 5px 6px;

}

.widget-box #datepicker {

	padding: 6px 4px

}

.widget-box ul li {

	padding-left: 10px;

	background: url(footer-box-a.png) left center no-repeat;

	border-bottom: 1px dotted #cbcbcb;

	height: 27px;

	line-height: 27px

}

.widget-box ul li.last {

	border: 0;

}

.widget-box ul li a {

	color: #6a6a6a;

	font-weight: bold

}





/* Advert */

#advert {

	padding-top: 10px

}



/* Footer */

#footer {

	background: url(footer.png) top no-repeat;

	clear: both	

}

#footer-inner {

	background: #fff;

	overflow: hidden;

	width: 966px;

	padding: 24px 7px 27px 7px;

	margin: 0 auto;

}

#partners {

	border: 1px solid #e8e8e8;

	border-width: 1px 0;

	height: 23px;

	padding: 13px 17px 27px 17px

}

#partners p {

	text-transform: uppercase;

	font-size: 11px;

	padding: 0 0 11px 0;

	color: #9c9c9c

}

#partners ul li {

	display: inline;

	background: url(partners-li.png) left center no-repeat;

	padding: 0 16px 0 8px;

	float: left

}

#partners ul li a {

	float: left;

	color: #ff8d00;

	font: normal 11px Arial, Helvetica, sans-serif

}

ul#site-links {

	font-size: 11px;

	padding: 15px 0 0 17px

}

ul#site-links, ul#site-links a {

	color: #9c9c9c

}

ul#site-links li {

	width: 160px;

	float: left;

	text-transform: uppercase;

	line-height: 20px;

}

ul#site-links li#multimedia-section {

	width: 135px

}

ul#site-links li#entertainment-section {

	width: 130px

}

ul#site-links li#directory-section {

	width: 260px;

	float: left

}

ul#site-links li#directory-section  ul li {

	width: 105px;

	float: left;

}

ul#site-links li#shop-section {

	width: 140px

}

ul#site-links li#share-section {

	width: 70px;

	margin-left: 120px /* izbrisati marginu, kada se postave webshop linkovi u footer */

}

ul#site-links li#share-section ul li {

	padding-left: 20px

}

ul#site-links li#share-section ul li.facebook {

	background: url(share-facebook.png) left center no-repeat

}

ul#site-links li#share-section ul li.twitter {

	background: url(share-twitter.png) left center no-repeat

}

ul#site-links li#share-section ul li.rss {

	background: url(share-rss.png) left center no-repeat

}

ul#site-links li ul {

	margin-top: 7px

}

ul#site-links li ul li {

	text-transform: none;

	font-weight: bold;

	background: url(footer-box-a.png) 0 8px no-repeat;

	padding-left: 10px

}

ul#site-links li ul li ul {

	margin-top: 0

}

ul#site-links li ul li ul li {

	font-weight: normal;

	background: url(partners-li.png) 0 8px no-repeat;

}

ul#site-pages {

	float: left;

	margin: 25px 0 39px 0

}

ul#site-pages li {

	float: left;

	display: inline;

	padding: 0 8px;

	border-right: 1px solid white;

}

ul#site-pages li a {

	float: left;

	color: white;

}

ul#site-pages li.first {

	padding: 0 8px 0 7px;

}

ul#site-pages li.last {

	border: 0

}

#copy-info {

	float: right;

	margin: 25px 9px 39px 0;

	color: white;

}

p#copy-info span {

	padding: 0 3px 0 5px

}

ul#nav-menu li.aktivna a {
	color:#FF6C11;
}