@charset "utf-8";
/* CSS Document */
/* Dobosh.rs main CSS document 
*  Design by: Vladan Zlatic vladan.zlatic@online.rs
*  HTML/CSS by: Aleksandar Cocek aleksandar.cocek@online.rs
*  Note: Shold be used with YUI Reset
*/



.honeypot {
    display: none;
}

/* Essential styles */
strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

.clearfix{
	clear:both;
	*height: 1%;
}

/* Baneri */
.banner-468{
	float:left;
	display:inline;
  /*	margin:25px 0 0 25px;
	_margin:25px 0 0 21px;     */
}
.banner-180{
	margin-top:15px;
    text-align: center;
}

/* Httpool branding */
#bglink{
	display: block;
    height: 100%;
    left: 0;
    position: fixed;
    text-indent: -5000em;
    top: 0;
    width: 100%;
    z-index: 0;
}

/* Header */
#hd{
	background: #d6d6d6 url(../images/background_html.jpg) top center repeat-x;
	/*margin-top: 5px;*/
	position:relative;
}

#hd h1{
	top: -99999px;
	left: -99999px;
	position: absolute;
}
.logo{
	float:left; 
	display:inline; 
	position:relative;
	width: 204px;
	height:140px;
}
.l-heading{
	float:left;
	display:inline;
	/*margin:27px 40px 15px;
	_margin:0;
	_top:35px;
	_left:100px;*/
	width:201px;
	height:45px;
	position:relative;

}

.l-heading img{
	float: left;
	display:inline;
}

.l-heading p{
	float: left;
	padding-left:10px;
	color: #555555;
	line-height:25px;
	display:inline;
}

/* Navigation */


#navigation{
	_margin-top:10px;
	position:relative;
	top: -5px; /*Brending sajta menja poziciju sa 1px;*/
	float:left;
	display:inline;
}

#navigation ul{
	*width:960px;
}

#navigation ul li{
	float: left;
	display: inline;
	margin-right:5px;
}
#navigation ul li span{
	background-color:#fff;
	border:1px solid #fff;
	border-bottom:none;
	display:block;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}
#navigation ul li span a{
	color: #FFFFFF;
	text-decoration: none;
	font: bold 16px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	/**font-weight: bold;*/
	background: url(../images/tab_normal_bg.jpg) top center repeat-x;
	padding: 6px 9px;
	display:block;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}
#navigation ul li a:hover{
	background:url(../images/tab_hover_bg.jpg) top left repeat-x;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}
#navigation ul li a.mojdobos{
	background: url(../images/tab_hover_bg.jpg) top left repeat-x;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}
#navigation ul li a#active{
	font:bold 16px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	/**font-weight:bold;*/
	background:#fff url(../images/tab_active_bg.jpg) repeat-x left top scroll;
	border: 1px solid #dedede;
	border-bottom-color:#FFFFFF;
	padding-bottom:9px;
	_padding-bottom:5px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	color: #252525;
}
#active-tab{
	margin-top:-5px; 
	_margin-top:0; 
}

/* Content */
#bd{
	margin-top: -5px;
	position: relative;
}
.white{
	background: #transparent;
	border: 1px solid #FFFFFF;
	border-top:none;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
.content{	
	background:#fff url(/static/images/light_gray_gradient.jpg) repeat-x scroll left bottom;
	padding:15px 0;
	border: 1px solid #dedede;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	min-height:400px;
	font-size:14px;
}
/* Span elements */
.span-190{
	width: 190px;
	margin: 10px 5px 10px 9px;
	float: left;
	display:inline;
}
.span-250{
	width: 245px;
	height:350px;
	margin: 10px 4px;
	float: left;
	display:inline;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.span-250-no-border{
	width: 245px;
	height:362px;
	margin: 0px 0px;
	float: left;
	display:inline;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}

.span-230{
	width: 235px;
	height:164px; 
	
	overflow:hidden;
	margin: 10px 4px;
	float: left;
	display:inline;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


.span-210{
	width: 190px;
	margin: 10px 5px 10px 5px;
	_margin: 10px 2px 10px 6px;
	float: left;
	display:inline;
}
.span-510{
/*	width: 510px;
	margin: 0px 0px;
	float: left;
	display:inline;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;       */
}

.container{
	float:left;
	display:inline;
	margin: 0 10px 0 5px;
	_margin: 0 3px 0 2px;
	width:510px;
}
.mapa{
	margin:0;
}

.mapa img{
	vertical-align: bottom;
}

.kategorije{
	background:url(../images/blue_blox_gradient.jpg) bottom center repeat-x;
	/*height: 212px;*/
	padding: 10px;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.kategorije h3{
	font: bold 14px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	/**font-weight:bold;*/
	color: #252525; 
	text-transform:uppercase;
	border-bottom: 1px dotted #62728c;
}
.kategorije ul li{
	margin: 0.3em 0;
	border-bottom: 1px dotted #62728c;
	/*padding-left:51px;*/
	height: 55px;
}
.kategorije ul li a{
	color: #f29400;
	text-transform:uppercase;
	text-decoration:none;
	font: bold 14px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	*font-weight:bold;
	/*display:block;*/
	/*padding-left:10px;*/
	/*width:85px;*/
	/*line-height:50px;*/
}

.kategorije ul li a img{
	float: left;
}

a.kat-menu{
	color: #f29400;
	text-transform:uppercase;
	text-decoration:none;
	font: bold 14px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	*font-weight:bold;
	padding: 18px 0;
	float: left;
}

.moj-bubanj-kategorije{
	/*height: 189px;*/
	padding: 10px;
}
.article-content .moj-bubanj-kategorije ul{border:none;}
.article-content .moj-bubanj-kategorije ul li{
	margin: 0.3em 0;
	padding-left:51px;
	list-style:none;
}
.article-content .moj-bubanj-kategorije ul li a{
	color: #252525;
	text-transform:uppercase;
	text-decoration:none;
    font-size: 15px;
	display:block;
	padding-left:10px;
	line-height:50px;
}
.article-content .moj-bubanj-kategorije ul li a:hover{
    text-decoration: underline;
}
.pod-kategorije{
	background:url(../images/blue_blox_gradient.jpg) bottom center repeat-x;
	/*height: 189px;*/
	/*padding: 10px;*/
	padding: 10px 3px 30px;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	min-height: 190px;
}
.pod-kategorije h3{
	font: bold 14px;
	*font-weight:bold;
	color: #252525;
	text-transform:uppercase;
	border-bottom: 1px dotted #62728c;
}
.pod-kategorije ul li{
	margin: 0.3em 0 0 10px;
	background:url(../images/check_mark.png) no-repeat scroll center left;
	/*width: 100%;*/
}
.pod-kategorije ul li a{
	color: #478DB6;
	text-transform:normal;
	text-decoration:none;
	font: bold 13px;
	margin: 0 0 0 15px;
	border-bottom: 1px dotted #62728c;
	display:block;
}
.house{
	background:url(../images/cat-estate.png) left center no-repeat;
	height:54px;
}

.cars{
	background:url(../images/cat-vehicle.png) left center no-repeat;
	height:54px;
}
.other{
	background:url(../images/cat-other.png) left center no-repeat;
	height:54px;
}

.machine{
	background:url(../images/cat-machine.png) left center no-repeat;
	height:54px;
}

.hiticon{
	background:url(../images/icon_hit.png) left top no-repeat;
	height:54px;
}

.date{
	color: #478db6;
	margin-bottom: 5px;
}
.newsletter{
	margin-top: 10px;
	background:url(../images/light_gray_gradient.jpg) bottom center repeat-x;
	padding: 10px;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 85px;
	width: 190px;
}
.newsletter h3{
	font: bold 14px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	*font-weight:bold;
	color: #252525; 
	text-transform:uppercase;
}
.newsletter ul{
	margin: 0.5em 0;
}
.newsletter ul li{
	padding: 0.3em 0;
}
.newsletter-input{
	background:url(../images/input_field_bg.jpg) left center repeat-x;
	height: 18px;
	width: 168px;
	border: 1px solid #DEDEDE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #999;
	font-size: 11px;
	padding-top: 2px;
}
.survey{
	margin-top: 10px;
	background:url(../images/light_gray_gradient.jpg) bottom center repeat-x;
	padding: 10px;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.survey h3{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #F29400;
	text-transform:uppercase;
}

.survey p{
	font: 12px Arial, Helvetica, sans-serif;
	color: #455369; 
	line-height: 16px;
}

.survey ul{
	margin: 0.5em 0;
}
.survey ul li{
	padding: 0.3em 0;
	color: #555555;
	font-size: 12px;
}
.survey-input{
	background:url(../images/input_field_bg.jpg) left center repeat-x;
	height: 18px;
	width: 168px;
	border: 1px solid #DEDEDE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #999;
	font-size: 11px;
	padding-top: 2px;
}
.searchbar-input{
	background:#fbfbfb;
	height: 21px;
	width: 170px;
	border: 1px solid #DEDEDE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #555555;
	font-size: 12px;

}

.searchbar-label{
	float: left;
	display: block;
	width: 151px;
	color: #fff;
	font-size: 12px;
	margin: 0.5em 0;
}

.searchbar-checkbox{
	margin: 6px 0px;
}

.news{
	background:url(../images/light_gray_gradient.jpg) bottom center repeat-x;
	min-height: 189px;
	padding: 10px;
	height: 330px;
}
.news h3{
	font: bold 14px;
	*font-weight:bold;
	color: #f29400; 
	text-transform:uppercase;
	border-bottom: 1px dotted #62728c;
	margin-bottom: 10px;
}
.news ul li{
	margin: 0.3em 0;
	border-bottom: 1px dotted #62728C;
	color: #555555;
	font-size: 12px;
	padding-bottom:7px;
}
.news ul li h4{
	_padding-bottom:5px;
}
.news ul li h4 a{
	color: #455369;
	text-transform:uppercase;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	display:block;
	padding-bottom:5px;
	_padding:0;
	_margin:0;
	margin-bottom: 5px;
}
.news ul li p{
	line-height: 18px;
	padding-bottom: 7px;
	*padding-bottom: 3px;
}
a.opsirnije{
	color: #478db6;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(/static/images/bullet_arrow.png) no-repeat scroll right center;
	padding-right:10px;
	float:right;
	display:block;
	margin-top:-7px;
}
.blue-button, .submit_button, .reset_button{
    display: inline-block;
    background: url(../images/black-button-bg.png) left top repeat-x;
	height: 27px;
	border: 1px solid #6c6c6c;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
    border-radius: 14px;
	color: #FFFFFF;
	margin:10px 0;
	padding: 0 10px;
	outline:none;
	cursor:pointer;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px #666;
    font-weight: bold
    font-size: 12px;

}
.submit_button{
    background: url(../images/header-red-pattern.png) left repeat-x;
    border: 1px solid #aa1a1a;
}


.orange-button{
	background: url(../images/button_orange_bg.jpg) left center repeat-x;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	display:block;
	font-size:11px;
	line-height:21px;
	padding:0 5px;
	text-transform:uppercase;
	text-decoration:none;
	margin-top:3px;
	font-weight:bold;
	outline:none;
}

.orange-button-sidebar{
	background: url(../images/button_orange_bg.jpg) left center repeat-x;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	display:block;
	font-size:11px;
	line-height:21px;
	padding:0 13px;
	text-transform:uppercase;
	text-decoration:none;
	margin-top:3px;
	font-weight:bold;
	outline:none;
}

.darkblue-button{
	background: url(../images/tab_hover_bg.jpg) left center repeat-x;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	display:block;
	font-size:11px;
	line-height:21px;
	padding:0 5px;
	text-transform:uppercase;
	text-decoration:none;
	margin-top:3px;
	font-weight:bold;
	outline:none;
}

.darkblue-button-sidebar{
	background: url(../images/button_blue_dark_bg.jpg) left center repeat-x;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	display:block;
	font-size:11px;
	line-height:21px;
	padding:0 13px;
	text-transform:uppercase;
	text-decoration:none;
	margin-top:3px;
	font-weight:bold;
	outline:none;
}

ul.left-details li{
	background: none;
	margin: 0;
	padding: 0;
	/*width: 180px;*/
	
}

ul.left-details li a{
	display:block;
	font-size:12px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	margin: 10px 0;
	*margin: 10px 0 0 0px;
	font-weight:bold;
	outline:none;
	color: #FFF;
	border-bottom: none;
}

.hit_white{
	-moz-border-radius:6px;
	border:1px solid #FFFFFF;
}
.hit-outer{
	background:url(../images/light_gray_gradient.jpg) bottom center repeat-x;
	padding: 10px;
  	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 190px;
	/*height: 330px;*/
}
.hit-outer h3{
	font: bold 14px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	*font-weight:bold;
	color: #F29400; 
	text-transform:uppercase;
}
.hit{
	padding: 8px;
	background:#fff url(../images/hit_ponuda_gradient.jpg) repeat-x scroll left top;
 /*	border:1px solid #dedede;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;    */
	min-height: 115px;
	width: 170px;
	height: 290px;
	margin: 0 auto;
	position:relative;
}
.hit ul li{
	margin: 0.3em 0;
	color: #555555;
	font-size: 12px;
	width: 100%;
}
.hit ul li h4 a{
	color:#455369;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase;
	background:none;
}
.hit ul li p{
	padding: 5px 0 16px 0;
	border-bottom: 1px dotted #62728C;
}
.hit ul li a{
	color: #478db6;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(/static/images/bullet_arrow.png) right center no-repeat scroll;
	padding-right:10px;
	margin-top:-15px;
}
.hit ul li img{
	border:1px solid #bbb;
	background-color:#FFFFFF;
	padding:3px;
	margin-top:5px;
}
.hit a.price-bg{
	background:url(../images/button_money.jpg) center top no-repeat;
	height: 36px;
	font-size:14px;
	font-weight:bold;
	color: #252525;
	padding: 10px 0 0 20px;
	cursor:pointer;
	display:block;
	margin:0;
	position:absolute;
	left:7px;
	bottom:0px;
	width:152px;
}


/* Impressum */
.impressum{
	background:#455369 url(../images/footer_bg.jpg) top center repeat-x;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	height: 132px;
	width: 930px;
	margin: 0 auto;
}
.impressum-white{
	height: 132px;
	width: 930px;
	margin: 0 auto;
	background: transparent;
	border:solid #FFFFFF;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width: 1px;
	border-top-width:0px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
.top-links{
	float: left;
	display:inline;
}
.top-links ul{
	margin: 10px 20px;
}
.top-links ul li{
	float: left;
	display: inline;
	margin:5px 0;
	padding:0 20px 0 0;
}
.top-links ul li a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #89b3df;
	text-decoration: none;
}
.social-icons{
	float: right;
	display:inline;
	margin: 10px 20px 0 0;
	color: #8bb0da;
}
.social-icons ul{
}
.social-icons ul li{
	float: left;
	display: inline;
	padding-left: 10px;
}
.line{
	border:#5c6b82 solid;
	border-width:1px 0 0;
}
.bottom-links{
}
ul.bottom-box{
	float: left;
	display:inline;
	margin: 10px 20px;
	_margin: 5px 10px;
}
ul.bottom-box li h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #d7e3ef;
	margin-bottom: 5px;
}
ul.bottom-box li a{
	text-decoration: none;
	color: #aacae9;
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(/static/images/bullet_colone.jpg) left center no-repeat scroll;
	padding-left:10px;
}
.copyright{
	float: right;
	display:inline;
	position:relative;
	top:10px;
	right:20px;
}
.copyright img{
	float:right;
}
.copyright p{
	clear:both;
	color:#8BB0DA;
	float:right;
	display:inline;
	font-size:10px;
	margin-top:15px;
	_margin-top:10px;
}
.copyright a{
	color: #FFFFFF;
}

/* Notifications */

#wrap{
	margin:0 auto;
	width:980px;
	position:relative;
}
#notifications{
	/*background:url(../images/header_dropdown.png) top center no-repeat;
	_background:url(../images/header_dropdown_1.jpg) top center no-repeat; */
    background:url(../images/notification-bg.png);
	height: 80px;
	left:0;
   	position:fixed;
	_position:absolute;
	top:-80px;
	width:100%;
	z-index:10000;
}
.flashMessenger{
	position:absolute;
	top:30px;
	left: 310px;
	margin:0 auto;
	color:red;
	font-weight:bold;
	height:30px;
	font-size:12px;
    padding-top:17px;
}
#wrap #quick_login, #wrap #quick_search{
	position:absolute;
	top:53px;
	right:0;
}
#wrap #quick_login ul, #wrap #quick_search ul{
	float:right;
	display:inline;
	width:410px;
}
#wrap #quick_login ul li, #wrap #quick_search ul li{
	float:left;
	display:inline;
	width:400px;
}
#wrap #quick_login ul li a{
	color:#455369;
	float:right;
	display:inline;
	font-size:11px;
	margin-right:70px;
	padding-top:3px;
}
.quick_login_input{
	background:url(../images/input_field_bg.jpg) left center repeat-x;
	height: 18px;
	width: 158px;
	*width: 148px;
	border: 1px solid #DEDEDE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #999;
	font-size: 11px;
	padding-top: 2px;
}
.quick_login_blue-button{
	background: url(../images/button_blue_bg.jpg) left top repeat-x;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	/*padding: 0 10px;*/
	width:60px;
	vertical-align:middle;
	outline:none;
	cursor:pointer;
}
#wrap #registruj_se{
	position:relative;
	top:98px;
	right:8px;
}
#wrap #registruj_se ul{
	float:right;
	display:inline;
	margin:10px 0 0;
}
#wrap #registruj_se ul li{
	float: left;
	display: inline;
	padding: 0 6px;
	font-size:11px;
	width:80px;
}
.username{
	color:#252525;
	display:block;
	font-size:11px;
	text-align:center;
}
.login{
	text-decoration:none;
	color: #252525;
	background:url(../images/icon_login.png) left center no-repeat;
	height: 10px;
	padding-left: 11px;
}
.register{
	text-decoration:none;
	color: #FFFFFF;
	background:url(../images/icon_register.png) left center no-repeat;
	height: 10px;
	padding-left: 12px;
}

/* Sidebar search field */
.sidebar-search{
	background:url(../images/blue_blox_gradient.jpg) bottom center repeat-x;
	min-height: 190px;
	_height: 190px;
	padding: 10px;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.sidebar-search h3{
	font: bold 14px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	*font-weight:bold;
	color: #252525; 
	text-transform:uppercase;
	border-bottom:1px dotted #62728C;
}
.sidebar-search ul li{
	margin: 0.7em 0;
}
.sidebar-search ul li a{
	color: #f29400;
	text-transform:uppercase;
	text-decoration:none;
	font: bold 14px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	*font-weight:bold;
}
.small{
	font-size: 10px;
	font-style: italic;
}

.orange{
	color: #F29400;
}

/* Article */
.article{
    position:relative;
 /*	min-height: 380px;*/
	width: 100%;
	float: left;
	display:inline;
    margin-bottom: 20px;
   	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
     background: #fbfbfb url(../images/footer-pattern.png) repeat-x bottom;
}
.article_title{
	padding-left:20px;
    background: url(../images/header-pattern_1.png) scroll center bottom;
    min-height:18px;
}
.article h3{
    font: 16px;
	color:#252525;
    padding: 8px 15px;
    margin: 0px;
}
a.article-a{
	color:#9E1010;
	float:right;
	display:inline;
	font-size:11px;
	margin-top:-25px;
	padding:0 10px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:12px;
}
.article-content{
	padding:10px 20px 25px 20px;
 /*	min-height:314px;*/
}
.article-content p{
	color: #494747;
	margin: 0.5em 0;
	line-height: 16px;
	font-size: 12px;
	text-align: justify;
}
.article-content a{
	color: #455369;
	font-size: 12px;
}
a.povratak{
	background:transparent url(/static/images/bullet_arrow.png) no-repeat scroll right center;
	padding-right:10px;
	float:right;
	display:inline;
	color:#478DB6;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
}
.article-content ul, .article-content ol{
	margin: 0.5em 0;
	/*border-top:1px dotted #62728C;*/
}
.article-content ul li{
	padding-left: 20px;
	list-style-position:inside;
	list-style-type:disc;
	color: #494747; /*#478DB6;*/
	font-size: 12px;
}
.article-content ol li{
	padding-left: 20px;
	list-style-position:inside;
	list-style-type:decimal;
	color: #494747; /*#478DB6;*/
	font-size: 12px;
}
.article-content h3, .middle-content h3{
	color: #791e23;
	font-size:14px;
	font-weight: bold;
	border-bottom: none;
    margin-left:0px;
    padding-left:0px;
}

.article-content h3 a, .middle-content h3 a{
    color:#791e23;
}
.search-result{
    padding-bottom: 20px;
}


.mc-content{
    padding:12px;

}


/* Table in the article */
.article-content th{
	background: url(../images/footer-pattern-rep.png);
	padding: 10px;
	color: #252525;
	font-weight: bold;
	font-size: 12px;
}
.article-content td{
	padding: 10px;
	font-size: 12px;
}

/* Register page */
.register-page ul, .register-page ol{
	margin: 0.5em 0;
	border: none;
}
.register-page ul li{
	padding-left: 20px;
	list-style-position:inside;
	list-style-type:disc;
	color: #555555;
	font-size: 12px;
}
.register-page ol li{
	padding-left: 20px;
	list-style-position:inside;
	list-style-type:decimal;
	color: #555555;
	font-size: 12px;
}

.register-page p{
	color: #494747;
	margin: 0.5em 0;
	line-height: 16px;
	font-size: 12px;
	text-align: justify;
    font-family: Arial;
}

/* User quick links */
.user-quick-links{
	margin-top: 10px;
	background:url(../images/light_gray_gradient.jpg) bottom center repeat-x;
	padding: 10px;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	clear: both;
}
.user-quick-links h3{
	font: bold 14px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	*font-weight:bold;
	color: #F29400; 
	text-transform:uppercase;
	border-bottom:1px dotted #62728C;
}
.user-quick-links ul{
	margin: 0.3em 0;
}
.user-quick-links ul li{
	padding: 0.1em 0;
	border-bottom:1px dotted #62728C;
}
.user-quick-links ul li a{
	background:url(../images/check_mark.png) left center no-repeat;
	height: 12px;
	padding-left: 15px;
	color: #478DB6;
	font-size:12px;
	text-decoration: none;
}

/* Search results */

.search-category-title{
    display:inline-block;
    margin:10px 20px;
}
.search-results h3{
    padding-left:0px;
    margin-left:0px;

}
.search-results p{
    padding-left:0px;
}
.standard h3 a, .premium h3 a{
	color:#252525;
	font-size:13px;

	text-transform:uppercase;
	border:none;
	background:none;

}
.standard h3{
     margin-left: 0px;
    padding-left:8px;
}

.item-details img{
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	padding:3px;
}
.blue{
	color: #478DB6;
}
.premium{
	background: url(../images/premium-bg.png);
	min-height: 75px;
	_height:75px;
	padding: 20px;
	overflow:hidden;
	_overflow:visible;
	clear:both;
}
.standard{
	min-height: 50px;
	_height:50px;
	padding: 10px 20px 0px 20px;
	overflow:hidden;
	_overflow:visible;
	clear:both;
}
.item-details a, a.more{
	background:transparent url(/static/images/bullet_arrow.png) no-repeat scroll right center;
	color:#478DB6;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding-right:10px;
	text-decoration:none;
	text-transform:uppercase;
}
.item-details h3{
    padding:0px 0px 10px 0px;
}

.sale-details ul{
    margin: 0px;
    padding: 0px;
}
.sale-details ul li{
    margin-bottom:5px;
    color: #9e1010;
}
.sale-details ul li span{
    color:#909090;
    margin-right:4px;
}
.sale-description{
    clear: both;
    padding-top: 8px;
    line-height: 13px;
}
.sale-footer-premium{
    background: url(../images/premium-footer.png);
    height: 20px;
}
.sale-footer-standard{
    border-bottom: 1px solid #ededed;
    height: 20px;
}
.sale-footer-premium a, .sale-footer-standard a{
    color: #9e1010;
    font-size:10px;
    padding: 5px 10px;
    background: url(../images/arrow-red.png) no-repeat right center;
    margin-right:10px;
}

/* Object details */
.search-results{

}
.search-results h2{
	background: #d9e6f6;
	color: #252525;
	font-weight:bold;
	padding: 5px 10px;
	margin: 0 0 0.5em 0;
}
.object-details{
}
.object-details ul li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding: 2px 0;
	border-bottom:1px dotted #62728C;
	color: #555555;
	font-size: 12px;
	float:left;
	display:block;
	width:100%;
}
.object-details ul li label{
	background: #e5edf8;
	color: #252525;
	font-weight:bold;
	padding: 10px 15px;
	float:left;
	display:block;
	width:100px;
	_width: 110px;
	margin:0;
}
.object-details ul li span{
	float:left;
	display:block;
	padding: 10px 15px;
	margin:0;
}

.object-details table{
	border-collapse: collapse;
}

.object-details table td{
	border-spacing:10px;
}


.object-docs{
	padding:20px 0;
}
.object-docs h3{
	color:#252525;
}
.object-docs h3 span{
	color:#F29400;
	font: bold 12px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	*font-weight:bold;
	text-transform:none;
}
.object-docs ul{
	border-top:none;
	}
.object-docs ul li{
	list-style: none;
	padding: 5px 0;
	margin: 0;
}
.object-docs ul li a{
	background:url(../images/icon_doc.jpg) left center no-repeat;
	height: 18px;
	padding: 5px 20px;
	color: #3d3d57;
	margin:0;
}
.object-photos{
	background:#f5faff url(../images/blue_blox_gradient.jpg) bottom center repeat-x;
	padding: 10px;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	display:inline;
	margin-top: 10px;
	width:468px;
}
.object-photos ul{
	border-top:none;
}
.object-photos ul li{
	list-style: none;
	margin: 0;
	padding: 0 1px;
	float: left;
	display: inline;
}
.object-photos img{
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	padding:3px;
}
.object-map{
	background:#f5faff url(../images/blue_blox_gradient.jpg) bottom center repeat-x;
	padding: 10px;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	display:inline;
	width: 490px;
	margin-top: 10px;
}
#google_map{
    position:static;
    width:520px;
    height:245px;
    margin-bottom:20px;
}


.object-map h3{
	border-bottom: none;
	padding: 5px 0;
}
.object-map ul{
	margin: 0px;
    padding: 0px;
}
.object-map ul li{
	list-style: none;
	margin: 0;
	padding: 0px;
	float: left;
	display: inline;
}
.col-l{
	float: left;
	display:inline;
	width: 290px;
}
.col-r{
	float: right;
	display:inline;
	width: 190px;
}
.object-nav{
	background: #d1dfec;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	float: left;
	display:inline;
	height: 50px;
	width: 100%;
	margin-top: 10px;
}
.object-nav ul{
	margin: 10px 5px;
	padding: 0;
	list-style: none;
	float: left;
	display:inline;
	width: 485px
}
.object-nav ul li{
	margin: 0;
	padding: 0 5px;
	float: left;
	display: inline;
}
.compare_title{
	color: #252525;
	font-weight:bold;
	padding: 10px 15px;
	float:left;
	display:block;
	width:100px;
	margin:0;
	font-size:12px;
}
.compare_item{
	background:#ffffff;
	color:#555555;
	font-size:12px;
	line-height:16px;
	margin:0.5em 0;
	width: 270px;
	vertical-align: top;
}
.compare{
	border-bottom:1px solid #C0C0C0;
	background:url(../images/footer-pattern-rep.png);
}
.comparison2{
	width:170px;
	float:left;
	display:inline;
}
.doc_compare{
	float:left;
	display:inline;
	margin-left:130px;
}
.doc_compare2{
	float:left;
	margin-left:33px;
}

/* Register page */
.register-page{
}
.register-page ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top:none;
}
.register-page ul li{
	list-style: none;
	margin: 0;
	padding: 10px 10px;
	*padding: 20px 10px;
	color: #555555;
}
.register-page label{
	display: block;
	width: 150px;/*115px;*/
	float: left;
	line-height: 23px;
	clear: both;
}
.register-input{
	background:url(../images/input_field_bg.jpg) left center repeat-x;
	height: 18px;
	width: 200px;
	border: 1px solid #DEDEDE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #555555;
	font-size: 12px;
	padding-top: 2px;
}
.register-textarea{
	border: 1px solid #DEDEDE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #555555;
	width:340px; 
	height: 140px;
}
.red{
	color: #c40032;
}

/* Paginacija */
.paginationControl{
	text-align:center;
   /*	background-color:#cae1f8;   */
	padding:3px;
}
.paginationControl a{
	color:#a44044;
	text-decoration:none;
	padding: 5px 5px 0 5px;
    font-size: 11px;
}
.paginationControl a.page-next, .paginationControl .next{
    float:right;
    background: url(../images/arrow-next.png) no-repeat right center;
    padding: 0px;
    padding-right: 20px;
    margin-right:10px

}
.paginationControl .next.disabled{
    background: url(../images/arrow-next-disabled.png) no-repeat right center;
    color: #848484;
}

.paginationControl a.page-previous, .paginationControl .previous{
    float:left;
    background: url(../images/arrow-prev.png) no-repeat left center;
    padding: 0px;
    padding-left: 20px;
    margin-left: 10px;
}
.paginationControl .previous.disabled{
    background: url(../images/arrow-prev-disabled.png) no-repeat left center;
    color: #848484;
}

.page-active{
    color: #848484;
/*  background: url(../images/active-page-bg.png) no-repeat center;
    height:18px;
    width: 18px;
    display: inline-block;
    color:#fff;
    padding-top:5px;*/
}


.paginationControl img{
	vertical-align:bottom;
}

/* FAQ */

ul.faq {
}
ul.faq li{
	margin:5px 10px;
	padding: 5px 0;
}
ul.faq li a{
	font: bold 14px "Myriad Pro Bold", Arial, Helvetica, sans-serif;
	/**font-weight:bold;*/
	color: #455369;
	text-decoration:underline;
}

.faq-content{
	padding: 10px;
	min-height:150px;
	margin: 0.5em 0;
}
.faq-content p{
	color: #555555;
	margin: 0.5em 0;
	line-height: 16px;
	font-size: 12px;
	text-align: justify;
}
.faq-content a{
	text-decoration:underline;
	color: #455369;
	font-size: 12px;
}

.faq-content h3{
	color: #252525;
	font-size:14px;
	font-weight: bold;
	border-bottom: none;
}

/* Forms in article */
.forms{
	margin: 1.5em 0;
}
.forms ul{
	border: none;
}
.forms ul li{
	margin: 0.7em 0;
	list-style-type: none;
}
.forms ul li label{
	color: #478DB6;
	font-size: 12px;
}
.form_element input{
	background:url(../images/input-text-gradient.png) top repeat-x;
	height: 18px;
	width: 168px;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #666;
	font-size: 11px;
	padding-top: 2px;
}

.form_element textarea{
    background: url(../images/input-textarea-gradient.png) top repeat-x;
	height: 120px;
	width: 470px;
	border: 1px solid #DEDEDE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #999;
	font-size: 11px;
	padding-top: 2px;
	margin: 0.5em 0;
    resize:none;
}

.checkbox-size{
	width: 85%;
	height: 85%;
}

/* Comments */
#commentblock {
	width:500px;
	float:left;
	margin:10px 0;
	padding:0;
}
.comment-wrap {
	padding-right:13px;
	padding-left:17px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#commentblock ol {
	padding: 0px;
	list-style: none;
	margin: 10px 0px 20px;
	clear: left;
}
#commentblock  ol li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.commentdate {
	font-size:12px;
	padding-left:0;
}
#commentlist li p {
	margin-bottom:8px;
	line-height:20px;
	padding:0;
}
.commentlist li.alt .commenttext {
	clear: both;

}
#commentblock ol.commentlist li {

}
.commentname {
	color:#333;
	margin:0;
	padding:5px 5px 5px 0;
}
.commentinfo {
	clear:both;
}
.commenttext {
	clear:both;
	width:465px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	border-top: 1px dotted #9E9265;
	padding-top: 10px;
	margin-bottom: 15px;
}
.commenttext blockquote {
	margin-bottom:10px;
	margin-top: 8px;
}
.commenttext p {
	margin:0;
	padding:0 0 10px;
}
#commentform #submit {
	color:#ECE7D3;
    font-family:Georgia, ..., serif;
	font-size:14px;
	font-weight:700;
	border:2px solid #381405;
	display:block;
	margin:0;
	padding:4px;
	background: url(images/submit-bg.jpg) repeat-x left center;
}
p.meta {
	color: #9E9265;
	font: 11px/34px Arial;
	margin: 0px;
	padding: 0px 8px;
	float: left;
}
p.approval {
	font-style: italic;
	color: #990000;
	clear: left;
}
p.commenttitle {
	font: 16px Arial;
	color: #478DB6;
	margin-top: 0px;
	padding-top: 0px;
}

p.commentname {
	font: 14px Arial;
	color: #478DB6;
	margin-top: 0px;
	padding-top: 0px;
}

/* Special offer tabs */
.ui-tabs .ui-tabs-hide {
     display: none;
}

.ui-tabs .ui-tabs-nav li {
	float: left;
	display: inline;	

}

ul.ui-tabs-nav{
	position: relative;
	float: left;
	display: inline;
	top: 1px;
}

.ui-state-default a, .ui-corner-top a{
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	background:url("../images/tab_normal_bg.jpg") repeat-x scroll center top transparent;
	color:#FFFFFF;
	display:block;
	font:bold 16px "Myriad Pro Bold",Arial,Helvetica,sans-serif;
	padding:6px;
	text-decoration:none;
	margin-right: 5px;
}

.ui-tabs-selected a, .ui-state-active a{
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	background:url("../images/tab_active_bg.jpg") repeat-x scroll left top #FFFFFF;
	border-color:#DEDEDE #DEDEDE #FFFFFF;
	border-style:solid;
	border-width:1px;
	border-bottom: none;
	color:#F29400;
	font:bold 16px "Myriad Pro Bold",Arial,Helvetica,sans-serif;
	padding-bottom: 10px;
	margin-top: -5px;
}

.ui-widget-content{
	float: left;
	display: inline;
	width: 510px; /*490px;*/
}

.hit-tabs{
	padding: 8px;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	min-height: 115px;
	width: 100%;
	/*height: 290px;*/
	margin: 0 auto;
	position:relative;
}

.hit-tabs ul li{
	margin: 0.3em 0;
	color: #555555;
	font-size: 12px;
	width: 100%;
}
.hit-tabs ul li h4 a{
	color:#455369;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase;
	background:none;
}
.hit-tabs ul li p{
	padding: 5px 0 16px 0;
	border-bottom: 1px dotted #62728C;
}
.hit-tabs ul li a{
	color: #478db6;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(/static/images/bullet_arrow.png) right center no-repeat scroll;
	padding-right:10px;
	margin-top:-15px;
}
.hit-tabs ul li img{
	border:1px solid #bbb;
	background-color:#FFFFFF;
	padding:3px;
	margin-top:5px;
}
.hit-tabs a.price-bg{
	background:url(../images/button_money.jpg) center top no-repeat;
	height: 36px;
	font-size:14px;
	font-weight:bold;
	color: #252525;
	padding: 10px 0 0 20px;
	cursor:pointer;
	display:block;
	margin:0;
	position:absolute;
	left:7px;
	bottom:0px;
	width:152px;
}

#tabs-1, #tabs-2{
	border: 1px solid #dedede;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 4px;
}

/* Special offers */

ul#special-offers ul{
	float: left;
	display: inline;
	width: 220px;
	margin: 0 10px 0 10px;
        height: 90px;
}

ul#special-offers ul li{
	width: 100%;
	padding: 0.1em 0;
	color:#555555;
	font-size:12px;
}

ul#special-offers ul li h4 a {
	color:#455369;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	text-decoration:underline;
	text-transform:uppercase;
}

ul#special-offers ul li p {
	line-height:16px;
	padding-bottom:7px;
}

ul#special-offers ul li p a{
	text-decoration: none;
	color: #555555;
}

a.price-bg-tab{
	color: #478DB6;
	text-decoration: none;
}

/* Latest sales */
ul#latest-sales ul{
	float: left;
	display: inline;
	width: 220px;
	margin: 0 10px 0 10px;
        height: 90px;
}

ul#latest-sales ul li{
	width: 100%;
	padding: 0.1em 0;
	color:#555555;
	font-size:12px;
}

ul#latest-sales ul li h4 a {
	color:#455369;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	text-decoration:underline;
	text-transform:uppercase;
}

ul#latest-sales ul li p {
	line-height:16px;
	padding-bottom:7px;
}

ul#latest-sales ul li p a{
	text-decoration: none;
	color: #555555;
}

/* Search special offer */
/*
.search-special{
   //	float: left;
	display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.search-special div{
    position:relative;
	display: inline-block;
	width: 145px;
	_height: 220px;
	padding: 5px;
    background:url(../images/salebox-bg.png) repeat-x;

    box-shadow:0px 0px 2px #ccc;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius:5px;
	list-style: none;
    margin-right:3px;
    height: 145px;
    text-align: center;
}

div.search-special div img{
	padding: 0 px;
    width:140px;
    margin-left:2px;
    border:none;
}
div.search-special div p{
    position: absolute;
    bottom: 6px;
    left:5px;
    width:150px;
    text-align: center;
    border: none;
}
div.search-special.discount p{
    position:absolute;
    bottom: 6px;
    left: 5px;
}
div.search-special.discount p.old_price, div.search-special p.date{
    bottom:-5px;
    font-size:11px;
}

div.search-special .offer-box-a{
	display: block;
}
*/
/* Sidebar gallery */
.sidebar-gallery{
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	background:url("../images/light_gray_gradient.jpg") repeat-x scroll center bottom transparent;
	border:1px solid #DEDEDE;
	margin:10px 0;
	padding:10px;
	float: left;
	width: 168px;
}

.sidebar-gallery h3{
	color:#F29400;
	font:bold 14px Arial,Helvetica,sans-serif;
	text-transform:uppercase;
}

.sidebar-gallery ul li{
	float: left;
	display: inline;
	width: 46px;
	margin: 0.5em 0.35em;
}

/* Sidebar documents */
.sidebar-documents{
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	background:url("../images/light_gray_gradient.jpg") repeat-x scroll center bottom transparent;
	border:1px solid #DEDEDE;
	margin-top:5px;
	padding:10px;
	float: left;
	width: 168px;
}

.sidebar-documents h3{
	color:#F29400;
	font:bold 12px Arial,Helvetica,sans-serif;
	text-transform:uppercase;
}

.sidebar-documents ul li{
	float: left;
	display: inline;
	width: 100%;
	margin: 0.5em 0.1em;
}

.sidebar-documents ul li a{
	color:#455369;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	text-decoration:underline;
	text-transform:uppercase;
}


/* Footer */

/* Overall */

.fm-bad{
	background:transparent url(../images/icon-bad.png) no-repeat scroll left center;
	padding-left:37px;
	color:#E86161;
    text-shadow: 1px 1px #000;
}
.fm-good{
	background:transparent url(../images/icon-good.png) no-repeat scroll left center;
	padding-left:37px;
	color:#6AB562;
    text-shadow: 1px 1px #000;
}
