/*
Original design: Variant Portal (v1.0 - Jun 26, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-portal/
*/

*{margin:0;padding:0;}
body{background:#eee url(images/body-bg.gif) top center repeat-y;color:#555;font:12px arial, tahoma, verdana, sans-serif;}

a{color:#286ea0;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
h1{font-size:2.2em;letter-spacing:-1px;margin:0 0 5px; padding:0;}
h2{font-size:1.6em;margin:0 0 8px; padding:0;}
h3{font-size:1.3em;margin:0 0 10px; padding:0;}
p, ul{line-height:1.5em;margin:0 0 18px;text-align:left;}
#main ul,ol {list-style:square; margin:0 0 15px 20px;}
hr {clear:both; visibility:hidden;}
table {}

#container{background:#fff;margin:15px auto 0 auto;width:980px;}
#toplinks {width:400px; float:right;margin:0 15px 0 0; text-align: right; }
#toplinks p {text-align:right;}
#toplinks ul {
	list-style: none;
	}
	
#toplinks ul li {
	float: left;
	}
	
#toplinks ul li a {
	padding-left: 5px; padding-right: 5px; display: block; float: left;
	}

.komentar {
    display: block;
    clear: both;
    }

#ajaxSearch_form {
	float: right;
	display: block;
	clear: both;
	margin-top: 15px;
	}
	
#ajaxSearch_form fieldset {
	border: 0px none;
	}

.ajaxSearch_result {
	width: 650px;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
	/*border: solid 1px #f00; */
	}
	
.ajaxSearch_grpResultName, .paging1 {
	display: none;
	}
	
.ajaxSearch_result a {
	width: 150px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	}
	
span.ajaxSearch_resultDescription {
	/*width: 520px;
	float: right;*/
	display: none;
	}

span.ajaxSearch_highlight {
	}
	
.ajaxSearch_resultExtract {
	width: 650px;
	height: auto;
	display: block;
	clear: both;
	}
	
	
.ajaxSearch_highlight {
	color: #f00;
	font-weight: bold;
	}
	
	
#logo{width: 950px; margin: 0 auto; padding:10px 0 0 25px;}
#logo h1 a{color:#777;padding:0;}
#logo h1 a:hover{text-decoration:none;}
#logo p{color:#555;font-size:1.4em;}
#desc{background:#555;clear:both;color:#eee;margin:0 0 15px;padding:15px 15px 2px 15px; background-bottom: solid 1px #f00;}
#desc a{color:#eee;text-decoration:underline;}
#desc h2 {
	color: #fff;
	}

#main{float:left;padding:0; margin:0 0 10px 15px; width:650px;}

#main img {
	float: left;
	border: solid 1px #000;
	margin-right: 15px;
	margin-bottom: 15px;
	}

#sidebar{float:right;width:280px;margin:0 15px 10px 0; font-family: tahoma, verdana, arial;}
#sidebar h2 {font-size:14px; padding:0 0 2px 0; margin:0 15px 2px 0;border-bottom: 1px solid #ccc;}
#sidebar ul {margin:0 0 18px 0; padding:0;}
#sidebar ul li {list-style:none; margin:0 0 8px 0; padding:0;}

.sidebar_block {
	padding-bottom: 20px;
	}
#footer{clear:both;background:#555; color:#eee ;margin:10px 0 0;padding:15px;text-align:left;}
#footer a{color:#eee;}
#footer p{margin:0; font-size:0.9em; font-weight:700;}

ul#navitab{margin:0;padding:0;}
ul#navitab li{display:block;float:left;margin:0;padding:0; position:relative;}
ul#navitab li a{background:url(images/corner.gif) no-repeat top right #eee;border-left:1px solid #ccc;border-right:2px solid #fff;color:#000;display:block;height:1.2em;padding:5px 6px 7px;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;}
ul#navitab li a:hover{background:#777 url(images/corner.gif) no-repeat top right;border-left:1px solid #aaa;color:#eee;}
ul#navitab li.active a {background:#555 url(images/corner.gif) no-repeat top right;border-left:1px solid #555;color:#fff; font-weight: bold;}
ul#navitab li a.current{background:#555 url(images/corner.gif) no-repeat top right;border-left:1px solid #555;color:#eee;}

ul#navitab li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top:28px;
	line-height: 16px;
	}

ul#navitab li.category ul li a{
	width: 250px;
	display: block;
	text-align: left;
	background-image: none;
	font-size: 11px;
	}
	
#sidebar ul.sidelink {margin:0 0 18px 0;}
#sidebar ul.sidelink li{list-style:none; margin:0;}
#sidebar ul.sidelink li a{background:url(images/corner.gif) no-repeat top right #eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc;color:#555;display:block;margin:0 0 3px;padding:3px 0 2px 5px;text-align:left;text-decoration:none;text-transform:uppercase;}
#sidebar ul.sidelink li a:hover{background:url(images/corner.gif) no-repeat top right #777;border-bottom:1px solid #333;border-left:1px solid #333;color:#eee;text-decoration:none;}
#sidebar ul.sidelink ul{font-size:0.9em;margin:0;padding:0;}
#sidebar ul.sidelink ul li a{margin:0 0 2px 10px; padding: 2px 0 1px 5px}

.splitleft {width:48%;float:left;}
.splitright {margin-left:52%;}

.right{text-align:right;}
.block{background:#eee url(images/corner.gif) no-repeat top right;padding:15px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.hide{display:none;}

.lista_naslova {
	padding-bottom: 3px;
	height: 16px;
	width: 280px;
	display: block;
	clear: both;
	overflow: hidden;
	}
	
.lista_naslova a {
	font-size: 13px;
	color: #536EA0;
	text-decoration: none;
	width: 280px;	
	overflow: hidden;
	}
	
.lista_naslova_content {
	padding-bottom: 3px;
	display: block;
	clear: both;
	}
	
.lista_naslova_content a {
	font-size: 15px;
	color: #536EA0;
	text-decoration: none;
	font-weight: bold;
	}
	
.lista_naslova_content a:hover {
	color: #f00;
	}
	
#desc a {
	width: 140px;
	height: 100px;
	overflow: hidden;
	display: block;
	margin-right: 7px;
	border: solid 1px #ccc;
	background-color: #555;
	float: left;
	}
	
.poslednji-clanci {
	padding: 10px;
	background-color: #f1f1f1;
	margin-top: 30px;
	display: block;
	clear: both;
	}
	

.FirstImage {
padding: 0px !important;
}	

.text {
	padding-bottom: 15px;
	}
	
.addThumbs {
	padding-top:10px !important;
	}
	
form label {
	width: 70px;
	display: block;
	float: left;
	}
	
form.jot-form label {
	width: 600px;
	display: block;
	clear: both;
	}
	
.singleAd {
	display: block;
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
	}

.singleAd  .levo-slike {
	width: 205px;
	float: left;
	}

.singleAd .desno-info {
	width: 445px;
	float: left;
	}
	
.singleAd .naslov {
	font-size: 16px;
	font-weight: bold;
	}
	
.singleAd .text {
	font-size: 13px;
	padding-bottom: 10px;
	font-weight: bold;	
	}
	
.info-adder-id, .info-adder-date {
	float: left;
	color: #ccc;
	font-size: 11px;
	width: 220px;	font-weight: bold;
	}
	
.info-adder-name, .info-adder-mail {
	width: 220px; 
	float: left;
	font-weight: bold;
	}
	
.info-adder-phone {
	width: 220px; 
	float: left;	font-weight: bold;
	}
	
.info-adder-city, .info-adder-street {
	width: 220px; 
	float: left;	font-weight: bold;
	}	
	
.info-adder-kontakt-sajt {
	padding-top: 20px;
	}
	
p.adder_paginator  {
		width: 100%;
		display: block;
		clear: both;
		}

.normal {
	font-weight: normal !important;
	width: 60px;
	display: block;
	float: left;
	color: #999;
	}
	
.normal-big {
	font-weight: normal !important;
	width: 100%;
	display: block;
	float: left;
	color: #999;
	clear: both;
	font-size: 12px;
	}	
	
.komentar h2 {
		font-size: 16px;
		}
	
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}		

.e2gdir {
	display: none;
	}