/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:#FFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************************************************************************************************************/
body {
    color: #363636;
    font-family: 'Signika',sans-serif;
    font-size: 12px;
}
a {
    color: #0088CC;
}

h1 {font-size:36px; margin-bottom:15px;}
h2 {font-size:31px; margin-bottom:35px;}
h3 {font-size:28px; margin-bottom:35px;}
h4 {font-size:22px; margin-bottom:15px;}
h5 {font-size:16px; margin-bottom:15px; padding-left:10px;}

strong {font-weight:bold;}
p {line-height:normal; font-size:13px; color:#666; margin-bottom:20px;}

/*********************************** Header **********************************************************************/

#header {
    background: url("../images/dizajn/header.png") no-repeat scroll center top transparent;
    float: left;
    margin: 0;
    min-height: 266px;
    padding: 0;
    width: 100%;
}
.header-inner {
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
.main-menu {
    background: none repeat scroll 0 0 #BDE5FF;
    border-radius: 0 0 5px 5px;
    float: left;
    margin: 0;
    width: 100%
}
#ul-menu {
    /**************
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    ***********/
}
#ul-menu li{
    display: inline;
    float: left;
    padding: 0;
    text-align: center;
}
.main-menu a span {
    border-right: 1px solid #696868;
    float: left;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

#ul-menu li:last-child a span{
	border-right: 0;
}

.main-menu a:hover{
    color: #87B386;
}
.main-menu a{
    text-decoration: none;
}
.topRBox {
    float: right;
    margin-top: 8px;
    padding-bottom: 10px;
    width: 300px;
}

.fb-like {
    float: left;
    height: 20px;
    margin: 4px 0 0;
    padding: 0;
    width: 73px;
}

.uiIconText{
    display: none;
}

#obavest{
    background: #95c7f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #95c7f3 0%, #8bbde9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95c7f3), color-stop(100%,#8bbde9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #95c7f3 0%,#8bbde9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #95c7f3 0%,#8bbde9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #95c7f3 0%,#8bbde9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #95c7f3 0%,#8bbde9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c7f3', endColorstr='#8bbde9',GradientType=0 ); /* IE6-9 */
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 0 0 #FFFFFF;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
    margin-right: 15px;
}

#obavest:hover{
    background: #8bbde9; /* Old browsers */
    background: -moz-linear-gradient(top,  #8bbde9 0%, #95c7f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bbde9), color-stop(100%,#95c7f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8bbde9 0%,#95c7f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8bbde9 0%,#95c7f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8bbde9 0%,#95c7f3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8bbde9 0%,#95c7f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bbde9', endColorstr='#95c7f3',GradientType=0 ); /* IE6-9 */
}

#registracija {
  font-size: 12px;
  padding: 1px 0px;
  text-align: center;
}

.topRBoxIn{
    /*float: right;*/
    margin-left: 130px;
    margin-top: -30px;
}

.arrowMenu {
    height: 10px;
    width: 10px;
    margin-left: 5px;
}

.dropdown-menu1 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.2);
  border-image: none;
  border-radius: 6px 6px 6px 6px;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: none;
  font-family: signika;
  list-style: none outside none;
  margin-left: -10px;
  margin-top: 5px;
  padding: 5px 0;
  position: absolute;
  width: 146px;
  z-index: 25;
}

.dropdown-menu1 li {
  font-family: signika;
  padding: 8px 10px;
  position: relative;
  text-align: left;
}

.dropdown-menu1 li a {
  color: #333333;
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  width: 100%;
}

.dropdown-menu1 li:hover {
    background-color: #0081C2;
}

/******************************************* Sadržaj ***************************************************/
#main {
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

#maincolumn2{
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D2D9DC;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: 30px 0;
    padding: 0;
    width: 100%
}

.leftFloat {
    float: left;
}

#map_canvas {
    width: 419px;
    height: 392px;
    background-color: rgb(229, 227, 223);
    overflow: hidden;
}

/**************** Google autovomplite********/
.pac-container{
    font-size: 14px;
    font-family: 'Signika',sans-serif;
}

.pac-item {
    margin-bottom: 5px;
}

/*****************************************/

#poruke {
    margin-top: 20px;
    border: 1px solid #953B39;;
    box-shadow:0 0 6px #D59392 !important;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 18px;
    color: #999999;
    display: none;
}


#top-footer {
    background: url("../images/dizajn/footer.png") no-repeat scroll center top #7FCBFD;
    float: left;
    height: 474px;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}


#bottom-footer {
    background: none repeat scroll 0 0 #0D0D0D;
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}


#footer {
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

.f-menu {
    color: #333333;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.f-menu ul {
    float: left;
    margin: 0;
    padding: 0;
}


.f-menu li {
    border-right: 1px solid #686868;
    display: inline;
    list-style-type: none;
    padding: 0 12px;
}


.f-menu li a {
    color: #686868;
    font-family: 'Signika',sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
}


.f-menu li a:hover {
    color: #FFFF00;
}


.copyright {
    color: #686868;
    float: left;
    margin: 0;
    line-height: 24px;
}

.close_icon{
	float: right;
    cursor: pointer;;
}

#maincolumn2-loader{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	z-index: 100001;
	opacity: 0.6;
}

#maincolumn2-loader img{
	margin-left: 30%;
	margin-top: 10%;
}


#maincolumn {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.back-link {
    border-right: 1px solid #999999;
    color: #999999;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 14px;
    font-weight: lighter;
    margin: 20px 0 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.back-link:hover {
    border-bottom: 0 solid #828181;
    color: #666666;
    text-decoration: none;
}


.back-link2 {
    color: #999999;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 14px;
    font-weight: lighter;
    margin: 20px 0 0 10px;
    padding: 0;
    text-align: left;
    text-decoration: none;
}


.back-link2:hover {
    border-bottom: 0 solid #828181;
    color: #666666;
    text-decoration: none;
}

.single-Listing {
    background: url("../images/dizajn/h-line.png") repeat-x scroll left top transparent;
    float: left;
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
}


.singleR {
    float: right;
    margin: 0;
    padding: 0;
    width: 410px;
	padding-right: 10px;
}

.singleR #map_canvas{
	margin-top: 10px;
	border: 1px solid #DDE0E8;
	border-radius: 5px;
	margin-bottom: 10px;
}

.singleR span {
	color:#666;
	font-size:11px;
	padding-left: 10px;
}


.singleL {
    float: left;
    margin: 10px 0 0;
    padding: 0;
    width: 520px;
}


.single-Listing ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.single-Listing li {
    background: url("../images/dizajn/h-line.png") repeat-x scroll left bottom transparent;
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

.single-ListingR {
    background: url("../images/dizajn/v-line.png") repeat-y scroll left top transparent;
    float: right;
    margin-right: -15px;
    margin-top: 15px;
    padding: 0;
    width: 160px;
}

.single-ListingL {
    float: left;
    margin: 10px 0;
    padding: 0;
    width: 340px;
}


.icon-15 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -176px -147px transparent;
    float: left;
    height: 20px;
    margin: 10px 10px 0 0;
    padding: 0;
    width: 20px;
}


.single-Listing h3 {
    color: #666666;
    font-family: 'Signika',sans-serif;
    font-size: 17px;
    font-weight: lighter;
    margin: 10px 20px 0 0;
    padding-top: 3px;
    text-align: left;
	letter-spacing:-1px;
}


.single-Listing h5 {
    color: #8CA12C;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}


.single-Listing strong {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.single-Listing b {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.icon-17 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -196px -147px transparent;
    float: left;
    height: 20px;
    margin: 10px 10px 0 0;
    padding: 0;
    width: 20px;
}

.icon-18 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -218px -147px transparent;
    float: left;
    height: 23px;
    margin: 10px 10px 0 0;
    padding: 0;
    width: 20px;
}

.single-Listing .towns {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 10px 0 0;
	padding-top: 5px;
    text-align: left;
    width: 410px;
}

.single-Listing .towns1 {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 10px 0 0;
	padding-top: 5px;
    text-align: left;
    width: 100%;
}

.icon-14 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -147px -145px transparent;
    float: left;
    height: 20px;
    margin: 10px 10px 0 0;
    padding: 0;
    width: 20px;
}

.single-Listing h2 {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 14px;
    font-weight: lighter;
    margin: 10px 0 0;
    padding-top: 3px;
    text-align: left;
}


.single-Listing h4 {
    color: #666666;
    font-family: 'Signika',sans-serif;
    font-size: 17px;
    font-weight: lighter;
    margin: 10px 0 0;
    padding-top: 3px;
    text-align: left;
	letter-spacing:-1px;
}


.single-Listing span {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 0 10px;
    padding-top: 3px;
    text-align: left;
}


.clear {
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}


.userInfo {
    /*float: left;*/
    margin: 0;
    padding: 0;
    width: 100%;
}

.userInfoR {
    float: right;
    margin: 0;
    padding: 0;
    width: 250px;
}


.userInfoR span {
    color: #828181;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.dodatne_Info{
	border-top:1px solid #CCC;
	padding:5px;
	background:white;
}

.userInfoL {
    background: url("../images/dizajn/v-line.png") repeat-y scroll right top transparent;
    float: left;
    margin: 0;
    padding: 15px 0 0;
    width: 250px;
}

.userThumbsL {
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 94px;
    margin: 0;
    padding: 0;
    width: 94px;
}

.uName {
    color: #828181;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px 10px;
    padding: 0;
    text-align: left;
    text-decoration: none;
}


.uYears {
    color: #828181;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 10px 10px;
    padding: 0;
    text-align: left;
    text-decoration: none;
}


.icon-21 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -44px -97px transparent;
    float: left;
    height: 30px;
    margin: 0 5px 10px 10px;
    padding: 0;
    width: 30px;
    margin-top: 2px;
}

.icon-51 {
    background: url("../images/dizajn/no-pet.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 33px;
    margin-left: 10px;
    padding: 0;
    width: 31px;
}

.single-Listing .towns a {
    color: #828181;
    font-family: 'Signika',sans-serif;
    text-decoration: none;
}


.userLinks {
    float: left;
    margin: 0;
    padding: 15px 0 0;
    width: 250px;
}

.userLinks span{
	margin: 0;
	color: #363636;
	font-size: 12px;
	padding-top: 5px;
}

.icon-23 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -356px -19px transparent;
    float: left;
    height: 14px;
    margin: 4px 5px 10px 0;
    padding: 0;
    width: 20px;
}

.txtBold {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 12px !important;
    font-weight: lighter;
    margin: 0 10px 0 0 !important;
    padding-top: 5px;
    text-align: left !important;
}

.icon-24 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -356px -44px transparent;
    float: left;
    height: 14px;
    margin: 4px 5px 10px 0;
    padding: 0;
    width: 20px;
}

.icon-25 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -356px -67px transparent;
    float: left;
    height: 18px;
    margin: 4px 5px 10px 0;
    padding: 0;
    width: 20px;
}

.fb {
    color: #828181;
    float: left;
    font-size: 13px;
    font-weight: normal;
    /*margin: 0 0 10px;*/
	padding-top: 3px;
    text-align: left;
    text-decoration: none;
    width: 75%;
}

.fb span {
	text-decoration: underline;
	color: #828181;
}

.fb span:hover{
	color: #363636;
}

.icon-26 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -356px -95px transparent;
    float: left;
    height: 14px;
    margin: 4px 5px 10px 0;
    padding: 0;
    width: 20px;
}


.commentPostBox {
    background: url("../images/dizajn/h-line.png") repeat-x scroll left top transparent;
    float: left;
    margin-top: 5px;
    padding-top: 5px;
    width: 100%;
}

.commentPostBoxinner {
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 50%;
}


.poBox {
    float: left;
    margin: 0 0 0 14px;
    padding: 0;
    width: 88%;
}


.followButton {
    background: linear-gradient(to bottom, #007DC1 5%, #0061A7 100%) repeat scroll 0 0 #007DC1;
    border: 1px solid #124D77;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 0 #54A3F7 inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    margin-top: 15px;
    padding: 5px 17px;
    text-decoration: none;
    text-shadow: 0 1px 0 #154682;
	cursor: pointer;
}

.followButton2 {
    background: linear-gradient(to bottom, #F5F5F5 5%, #E6E6E6 100%) repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DCDCDC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #666666;
    display: inline-block;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    margin-top: 15px;
    padding: 5px 17px;
    text-decoration: none;
	cursor: pointer;
}

.coBox {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.coBox h2 {
    background: url("../images/dizajn/h-line.png") repeat-x scroll left bottom transparent;
    color: #828181;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    margin: 10px 25px;
    padding: 0;
    text-align: center;
    width: 80%;
}


.icon-27 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -176px -100px transparent;
    float: left;
    height: 28px;
    margin: 4px 15px 10px;
    padding: 0;
    width: 28px;
}


.coBox textarea {
    background: none repeat scroll 0 0 #F5F3EE;
    border: 1px solid #D2D9DC;
    border-radius: 3px 3px 3px 3px;
    color: #999999;
    /*float: left;*/
    margin-left: 20px;
    padding: 10px;
    width: 400px;
}

.enter {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #828181;
    cursor: pointer;
    float: right;
    font-size: 13px;
    font-weight: normal;
    margin: 0 55px 0 0;
    padding: 0;
    text-align: right;
    text-decoration: none;
    width: 90%;
}

.poBox ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.poBox li {
    background: url("../images/dizajn/h-line.png") repeat-x scroll left bottom transparent;
    cursor: pointer;
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}

.userTumbsComm{
	border-radius: 5px 5px 5px 5px;
    float: left;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 50px;
}

.name_dateBox {
    float: right;
    margin: 0 0 10px;
    padding: 0;
    width: 85%;
}

.name_dateBox strong {
    color: #7E7E7E;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 0 20px 5px 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.name_dateBox span {
    color: #B8B8B8;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 5px;
    padding-top: 3px;
    text-align: left;
    text-decoration: none;
}

.name_dateBox p {
    color: #7E7E7E;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.name_dateBox p span {
	font-weight:lighter;
	padding-top: 5px;
}

.icon-50 {
    background: url("../images/dizajn/no-smoke.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 33px;
    margin-left: 10px;
    padding: 0;
    width: 31px;
}

.smoke {
	background: url("../images/dizajn/smoke.png") no-repeat scroll 0 0 transparent;
	float: left;
    height: 33px;
    margin-left: 10px;
    margin-top: 2px;
    width: 31px;
}

.loader-list{
    display: none;
    margin-left: 150px;
    margin-top: 30px;
}

#header-home {
    background: url("../images/dizajn/home_back.png") no-repeat scroll center top #7FCBFD;
    float: left;
    margin: 0;
    min-height: 474px;
    padding: 0;
    width: 100%;
}


/**************************** pretraga u big headeru ***************************/

.h-loginBox {
    float: left;
    padding: 0;
    width: 350px;
    margin: 0;
}

.logo {
    background: url("../images/dizajn/logo.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 117px;
    margin: 40px 0 30px;
    width: 364px;
}

.input-bg-H {
    background: url("../images/dizajn/input-bg-H.png") repeat scroll left top transparent;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: 0 0 15px;
    padding: 3px;
}

.icon-3 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -407px -10px transparent;
    float: left;
    height: 34px;
    left: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    width: 25px;
}

.h-loginBox input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D2D9DC;
    border-radius: 3px 3px 3px 3px;
    color: #666666;
    float: left;
    margin: 0;
    padding: 8px 6px 8px 30px;
    width: 330px;
}


.icon-4 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -407px -48px transparent;
    float: left;
    height: 34px;
    left: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5px;
    width: 25px;
}


.search-btn-H {
    background: #96b039; /* Old browsers */
    background: -moz-linear-gradient(top,  #96b039 0%, #6d821f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96b039), color-stop(100%,#6d821f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #96b039 0%,#6d821f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #96b039 0%,#6d821f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #96b039 0%,#6d821f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #96b039 0%,#6d821f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b039', endColorstr='#6d821f',GradientType=0 ); /* IE6-9 */
    font-family: 'Signika', sans-serif;
    border:1px solid #98cce7;
    border-radius:3px;
    cursor:pointer;
    padding:9px 5px 4px 35px;
    margin:0 15px 0 0;
    float:right;
    display:block;
    width:160px;
}


.search-btn-H a {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: normal;
    line-height: 17px;
    text-decoration: none;
    float:left;
}

.search-btn-H:hover {
    color:#333;
    background: #6d821f; /* Old browsers */
    background: -moz-linear-gradient(top,  #6d821f 0%, #96b039 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d821f), color-stop(100%,#96b039)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6d821f 0%,#96b039 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6d821f 0%,#96b039 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6d821f 0%,#96b039 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6d821f 0%,#96b039 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d821f', endColorstr='#96b039',GradientType=0 ); /* IE6-9 */
}


.search-btn-H span {
    background: url("../images/dizajn/grnArrow.png") no-repeat scroll right top transparent;
    float: right;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 20px;
}


.topBtnBox {
    float: right;
    margin: 40px 0 0;
    padding: 0;
    width: 500px;
}


.topBtnBox h1 {
    color: #FFFFFF;
    float: right;
    font-family: 'Signika',sans-serif;
    font-size: 75px;
    font-weight: normal;
    line-height: 68px;
    margin: 0 0 10px;
    padding: 0;
    text-align: right;
}


.topBtnBox strong {
    color: #FFFFFF;
    float: right;
    font-family: 'Signika',sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-align: right;
}

.topBtnBox .post-btn {
    font-family: 'Signika', sans-serif;
    background: #8ab726; /* Old browsers */
    background: -moz-linear-gradient(top,  #8ab726 0%, #61870d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ab726), color-stop(100%,#61870d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8ab726 0%,#61870d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8ab726 0%,#61870d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8ab726 0%,#61870d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8ab726 0%,#61870d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab726', endColorstr='#61870d',GradientType=0 ); /* IE6-9 */
    border:0px solid #98cce7;
    border-radius:10px;
    color:#fff;
    cursor:pointer;
    padding:10px 10px 10px 25px;
    margin:40px 0 0 120px;
    /*float:left;*/
    width:200px;
    font-size:25px;
    line-height:35px;
    font-weight:normal;
    text-decoration:none;
}

.topBtnBox .post-btn:hover {
    color:#333;
    background: #61870d; /* Old browsers */
    background: -moz-linear-gradient(top,  #61870d 0%, #8ab726 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61870d), color-stop(100%,#8ab726)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #61870d 0%,#8ab726 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #61870d 0%,#8ab726 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #61870d 0%,#8ab726 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #61870d 0%,#8ab726 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61870d', endColorstr='#8ab726',GradientType=0 ); /* IE6-9 */
}

.topBtnBox .post-btn span {
    padding:0;
    margin:0;
    float:right;
    width:37px;
    height:37px;
    background:url(../images/dizajn/btnArrow.png) right top no-repeat;
}


/**************************************************************************/
.hedingBox {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.hedingBox span {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -269px -130px transparent;
    float: left;
    height: 44px;
    margin: 20px 0;
    padding: 0;
    width: 50px;
}

.hedingBox h1 {
    color: #979797;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 45px 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}

.contentBox {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}


.contentBox-L {
    float: left;
    margin: 0;
    padding: 0;
    width: 960px;
}

.contentBox-02 {
    float: left;
    margin: 35px 20px 0 0;
    padding: 0;
    width: 300px;
    line-height: 20px;
}


.contentBox-02 h2 {
    color: #979797;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 21px;
    font-weight: bold;
    margin: 10px 0 25px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}


.contentBox-02 a {
    color: #B7B7B7;
    float: right;
    font-family: 'Signika',sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
    text-align: right;
    text-decoration: none;
    width: 100%;
}


.contentBox-02 a:hover {
    color: #000000;
}

.contentBox-02 p {
    color: #666;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 13px;
    font-weight: lighter;
    margin: 0 0 10px;
    padding: 0;
}

.video {
    display: block;
    float: left;
    height: 191px;
    margin: 0;
    padding: 0;
    width: 306px;
}

.contentBox-L table{
    width: 100%;
    line-height: 20px;
    border-spacing: 0px;
    border-collapse: collapse;
}


.contentBox-L table td{
    color: #666666;
    font-family: 'Signika',sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #CBCBCB;
}

.contentBox-L table th{
    color: #666666;
    font-family: 'Signika',sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #CBCBCB;
}

.contentBox-L table tr:first-child th:first-child{
    border-left: 1px solid #CBCBCB;
}

.contentBox-L table tr:first-child th:last-child{
    border-right: 1px solid #CBCBCB;
}

.contentBox-L table td a{
    color: #666;
    text-decoration: none;
}

.contentBox-L table td a:hover{
    text-decoration: none;
}

.contentBox-L table .naslov-tabla{
    background-color: #EAECED;
}

.contentBox-L table .naslov-tabla th{
    text-align: center;
}

table .tip{
    width: 61px;
}

table .polazak{
    width: 360px;
}

table .red_podatak {transition: background-color 0.2s ease; background-color:#FFF;}

table .red_podatak:hover{
    background-color: #B6E2FF;
}


table .odrediste{
    width: 360px;
}

table .datum_polaska{
    width: 100px;
}

table .mjesta{
    width: 40px;
}

table .border_cell{
    border-right: 1px solid #CBCBCB;
}

table .padding_cell{
    padding-left: 10px;
}

table .center_algin{
    text-align: center;
}

.ponuda-red{
    background-color: #B8C338;
}

.potraznja-red{
    background-color: #9BD1F0;
}


/****************************************************************************************************************/


.listingBox {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.hedingBox {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.hedingBox ul {
    float: right;
    margin: 45px 0 0 5px;
    padding: 0;
}

.hedingBox li {
    border-right: 1px solid #777777;
    display: inline;
    float: left;
    padding: 0;
    text-align: center;
}

.hedingBox li a {
    color: #777777;
    display: block;
    font-family: Candara,Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 0 5px;
    text-decoration: none;
}

.sort_color {
    color: #629135 !important;
}

.hedingBox strong {
    color: #979797;
    float: right;
    font-family: 'Signika',sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 45px 0 0;
    padding: 0;
}

.hedingBox span {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -269px -130px transparent;
    float: left;
    height: 44px;
    margin: 20px 0;
    padding: 0;
    width: 50px;
}

.hedingBox h1 {
    color: #979797;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 45px 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}

.listingDetail {
    background: url("../images/dizajn/h-line.png") repeat-x scroll left top transparent;
    float: left;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

.listingDetail ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.listingDetail li {
    background: url("../images/dizajn/h-line.png") repeat-x scroll left bottom transparent;
    cursor: pointer;
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

.listingDetail a{
    color: #0088CC;
    text-decoration: none;
}

.listingR {
    float: right;
    margin: 0;
    padding: 0;
    width: 160px;
}

.listingDetail h5 {
    color: #8CA12C;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.listingDetail strong {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.listingDetail b {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.listingL {
    float: left;
    margin: 10px 0 10px 10px;
    padding: 0;
    width: 80%;
}

.listingDetail h2 {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
}

.listingDetail span {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: left;
}

.listingDetail h3 {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 20px 0 0;
    text-align: left;
    padding-top: 5px;
}

.icon-16 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -238px -145px transparent;
    float: left;
    height: 20px;
    margin: 10px 10px 0 0;
    padding: 0;
    width: 20px;
}

.listingDetail h4 {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 0;
    text-align: left;
    padding-top: 5px;
}

.towns {
    color: #828181;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 10px 0 0;
    text-align: left;
    padding-top: 5px;
    width: 700px;
}

#paging {
    float: right;
    margin: 0;
    padding: 26px 10px 5px 0;
    text-align: right;
}

#paging a {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    color: #626262;
    font-family: 'Signika',sans-serif;
    font-weight: lighter;
    margin: 2px;
    padding: 5px 10px;
    text-decoration: none;
}

#paging strong{
    color:#fff;
    background-color: #006699;
    font-family: 'Signika',sans-serif;
    font-weight: lighter;
    margin: 2px;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
}

#paging a:hover {
    background: none repeat scroll 0 0 #626262;
    border: 1px solid #626262;
    color: #FFFFFF;
}

.alrt {
    float: left;
    margin: 0 274px 20px;
    padding: 0;
    width: 43%;
}

.icon-19 {
    background: url("../images/dizajn/sprite-01.png") no-repeat scroll -338px -125px transparent;
    float: left;
    height: 50px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 57px;
}


.alrt p {
    color: #C73838;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 0 0;
    padding: 0;
    text-align: center;
}

.alrt p a {
    color: #C73838;
    text-decoration: none;
}

.alrt p a:hover{
    color: #333333;
    text-decoration: underline;
}


/*********************************************************************************************************************/
#maincolumn2 {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D2D9DC;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: 30px 0;
    padding: 40px;
    width: 100%;
}
#maincolumn3 {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D2D9DC;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: 30px 0;
    padding: 20px 0 20px 10px;
    width: 100%;
}

#maincolumn2 div{
    line-height: 20px;
    font-size: 12px;
    font-family: 'Signika',sans-serif;
}

.static_title {
    border-bottom:1px solid #CCC;
    padding-bottom:15px;
    font-size: 32px;
    font-weight: bold;
}

.static_text{
    padding-top: 10px;
}


/******************************************* Notifikacija ************************************************************/

.contentBox-L dl {
    background: none repeat scroll 0 0 #F9F9F9;
    border-top: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    border-left: 1px solid #CBCBCB;
    border-radius: 5px 5px 0 0;
    float: left;
    margin: 0;
}

.contentBox-L ul {
    background: none repeat scroll 0 0 #EAECED;
    border-bottom: 1px solid #CBCBCB;
    border-radius: 5px 5px 0 0;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.contentBox-L li {
    color: #666666;
    display: inline;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0 5px 15px;
}

.contentBox-L dt {
    background: none repeat scroll 0 0 #FBFBFB;
    border-bottom: 1px solid #CBCBCB;
    display: inline-block;
    float: left;
    font-weight: lighter;
    margin: 0;
    padding: 5px 0 5px 15px;
    width: 960px;
}


.contentBox-L dt:hover {
    background: none repeat scroll 0 0 #B6E2FF;
    cursor: pointer;
}

.contentBox-L dt a{
    font-size: 13px;
    text-decoration: none;
}

.contentBox-L dt a:hover{
    color: #006699;
    text-decoration: underline;
}

.contentBox-L li, dt, dd {
    line-height: 20px;
    font-family: 'Signika',sans-serif;
}

.crveno{
    color: red;
}


/*********************************************************************************************************************/

.register_obv{
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px;
    width: 430px;
    margin-left: auto;
    margin-right: auto;
    min-height: 55px;
    margin-bottom: 200px;
}

.register_obv img{
    width: 60px;
    float: left;
}

.register_obv .poruka{
    font-size: 16px;
    margin-left: 75px;
}

.form-box {
    margin: auto;
    padding: 0;
    width: 975px;
}


.headingBox {
    float: left;
    margin: 40px 0 0;
    padding: 0;
    width: 100%;
}

.form-box h1 {
    background: url("../images/dizajn/h-line.png") repeat-x scroll left bottom transparent;
    color: #979797;
    float: right;
    font-family: 'Signika',sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0 68px 26px 0;
    padding: 0 0 20px;
    width: 300px;
}

.form-box h1 span {
    color: #BBBBBB;
    float: right;
    font-family: 'Signika',sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: 100%;
}

/********************************
.form-box h2 {
    background: url("../images/dizajn/h-line.png") repeat-x scroll left bottom transparent;
    color: #979797;
    float: left;
    font-family: 'Signika',sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 30px;
    padding: 0 0 32px;
    width: 32%;
}

************************************************/

#registracija a{
    color: #ffffff;
}

.delete_ride{
    padding-left: 3px;
    padding-right: 3px;
}

.delete_ride a:hover{
    cursor: pointer;
    color: red;
}

table .ime{
    width: 250px;
}

table .email{
    width: 250px;
}

table .dozvola{
    width: 80px;
}

table .edit{
    width: 100px;
}

table .edit a:hover{
    color: red;
}

#edit_status{
    padding-top: 10px;
    padding-bottom: 10px;
}

#edit_status label{
    margin-right: 10px;
    font-size: 16px;
}

#edit_status select{
    width: 100px;
    padding:6px 6px;
    /*color: #999999;*/
    background:#fff;
    border-radius:3px;
    border:1px solid #d2d9dc;
    box-shadow:0 0 0 4px #f7f9fa;
}

.model-btn{
    background: #ff7d13; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff7d13 0%, #d66100 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7d13), color-stop(100%,#d66100)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff7d13 0%,#d66100 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff7d13 0%,#d66100 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff7d13 0%,#d66100 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff7d13 0%,#d66100 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d13', endColorstr='#d66100',GradientType=0 ); /* IE6-9 */
    border:0px solid #98cce7;
    border-radius:3px;
    cursor:pointer;
    padding:5px;
    margin:0;
    width:70px;
    color: #ffffff;
    font-weight: bold;
    font: 'Signika',sans-serif;
}

.model-btn:hover{
    color:#a3e314;
    background: #d66100; /* Old browsers */
    background: -moz-linear-gradient(top,  #d66100 0%, #ff7d13 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d66100), color-stop(100%,#ff7d13)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d66100 0%,#ff7d13 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d66100 0%,#ff7d13 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d66100 0%,#ff7d13 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d66100 0%,#ff7d13 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d66100', endColorstr='#ff7d13',GradientType=0 );
}

.dugmad-div{
    margin-top: 20px;
    text-align: right;
    margin-right: 12px;
}

.alert-dugmad{
    margin-top: 20px;
    text-align: right;
    margin-right: 12px;
    border-top: 1px solid #999999;
    padding-top: 10px;
    margin-top: 30px;
}

#alert{
    width: 300px;
    padding: 20px 10px 10px 10px;
    text-align: left;
}

#alert p{
   font-size: 16px;
}

#alert img{
    float: left;
    width: 50px;
    height: 41px;
    margin-right: 10px;
}

#alert span{
    color: red;
}

.ruka{
    cursor: pointer;
}

.delete-admin-ride{
    position: absolute;
    width: 100px;
    margin-left: 600px;
    border-top: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 3px;
    border-style: solid;
    border-color: #DDE0E8;
    padding: 5px;
}

.delete-admin-ride:hover{
    border-color: red;
    color: red;
}

.delete-admin-ride img{
    float: left;
}

.delete-admin-ride .link{
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 15px;
    color: #999999;
}

.comm-del{
    position: absolute;
}

#alert2{
    width: 300px;
    padding: 20px 10px 10px 10px;
    text-align: left;
    display: none;
}

#alert2 p{
    font-size: 16px;
}

#alert2 img{
    float: left;
    width: 50px;
    height: 41px;
    margin-right: 10px;
}

/***** Teaser Preview and Lightbox Item Styling *****/
.teaser {
float:left;
margin-right:17px;
display: block;
padding: 23px 20px 15px;
background:#fff;
-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.23);
-moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.23);
box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.23);
border:1px solid #ddd;
width: 100px;
}

.teaser-gallery {
display: block;
padding: 23px 20px 0px;
background:#fff;
width: 100%;
}

.teaser, .teaser .teaser-preview-box  {
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
}

.teaser-preview-box {
margin: -24px -21px 15px;
background: #0CF;
border-bottom: 3px solid rgba(14, 122, 195, 0.10);
position: relative;
}

.teaser-gallery-box {
margin: -24px -20px 9px;
background: #fafafa;
position: relative;
}

.teaser-preview-box img, .teaser-gallery-box img {width: 100%;}

.teaser:hover .teaser-preview-box, .teaser:hover .teaser-gallery-box {
background: #9C0;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
-o-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
-ms-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}

.teaser .subheader {
font-size: 10px;
text-transform: uppercase;
font-family: "Segoe UI", "helvetica neue", arial, sans-serif;
color: #a1a1a1;
font-weight: normal;
margin: 0;
padding-bottom: 17px;
margin-top: -7px;	
}

.subheader {
font-size: 10px;
text-transform: uppercase;
font-family: "Segoe UI", "helvetica neue", arial, sans-serif;
color: #a1a1a1;
font-weight: normal;
margin: 0;
padding-bottom: 17px;
margin-top: -7px;	
}

.lightbox-item {
/*width: 150px;*/
height: 155px;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #fff;
}

.lightbox-item:before {
background: url("../images/dizajn/overlay_effect.png") no-repeat scroll center center transparent;
content: " ";
display: block;
height: 100%;
position: absolute;
width: 100%;
z-index: 3;
}

.lightbox-item .lightbox-item-overlay-content,.lightbox-item .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
padding: 20px;
text-align: center;
z-index: 5; /* important */
}

.lightbox-item-overlay-content h6 {
color:#fff;
font-size:16px;
margin-top:5%;
}

.lightbox-item-overlay-content p {
color:#fff;
font-size:12px;
line-height:18px;
}

.lightbox-item img {display: block; position: relative;}

.lightbox-item a.permalink, .lightbox-item a.preview {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
background: #5e5e5e;
position: absolute;
top: 50%;
font-size: 14px;
border-radius: 3px;
left: 50%;
margin-left: 4px;
margin-top: -9px;
}

.lightbox-item a.permalink-alt {
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
color: #5e5e5e;
background: #fff;
position: absolute;
top: 87%;
font-size: 14px;
left: 86.4%;
margin-left: 4px;
margin-top: -9px;
}


.lightbox-item a.preview {margin-left: -33px;background: #fff;	color: #5e5e5e;	z-index: 1;	}
.lightbox-item a.preview:hover, .lightbox-item a.permalink:hover {margin-top: -15px;}
.lightbox-item a.preview:hover {color:#5e5e5e; background: #fff;}
.lightbox-item a.permalink:hover {color:#fff; background: #5e5e5e;}
.lightbox-item img {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}

.lightbox-item:hover img {
-webkit-transform: scale(1.2,1.2) rotate(5deg);
-moz-transform: scale(1.1,1.1) rotate(5deg);
-o-transform: scale(1.1,1.1) rotate(5deg);
-ms-transform: scale(1.1,1.1) rotate(5deg);
transform: scale(1.1,1.1) rotate(5deg);
}

@-moz-document url-prefix()
{
.lightbox-item:hover img {
-webkit-transform: scale(1.2,1.2) rotate(3deg);
-moz-transform: scale(1.1,1.1) rotate(3deg);
-o-transform: scale(1.1,1.1) rotate(3deg);
-ms-transform: scale(1.1,1.1) rotate(3deg);
transform: scale(1.1,1.1) rotate(3deg);
}
}

-o-prefocus, .lightbox-item:hover img {
-webkit-transform: scale(1.2,1.2) rotate(3deg);
-moz-transform: scale(1.1,1.1) rotate(3deg);
-o-transform: scale(1.1,1.1) rotate(3deg);
-ms-transform: scale(1.1,1.1) rotate(3deg);
transform: scale(1.1,1.1) rotate(3deg);
}

.lightbox-item:hover img:nth-of-type(1n) { 
-webkit-transform: scale(1.2,1.2) rotate(3deg)\9;
-moz-transform: scale(1.1,1.1) rotate(3deg)\9;
-o-transform: scale(1.1,1.1) rotate(3deg)\9;
-ms-transform: scale(1.1,1.1) rotate(3deg)\9;
transform: scale(1.1,1.1) rotate(3deg)\9;
}

.lightbox-item .lightbox-item-overlay-content {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: #0e7ac3;
background-color: rgba(14, 122, 195, 0.5);
/*background-image: url(../images/overlay_effect.png);*/
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.lightbox-item:hover .lightbox-item-overlay-content {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.lightbox-item a.preview, .lightbox-item a.permalink, .lightbox-item a.permalink-alt {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.lightbox-item a.permalink, .lightbox-item a.permalink-alt {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}

.lightbox-item a.preview {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-o-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}

.lightbox-item:hover a.preview, .lightbox-item:hover a.permalink, .lightbox-item:hover a.permalink-alt {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}

.teaser h5 {font-size:14px; margin-bottom:15px; padding-left:0;}
.teaser p {color:#999; font-size:11px; font-weight:lighter;}
hr {border: 1px solid #CCC;}

.icon1 {
	background:url(../images/dizajn/icon1.png) no-repeat top left; width:27px; height:24px; float:left; margin-right:15px; margin-top:-5px;
   	}
.podjeli {
	-webkit-transition: padding-left 0.2s ease-out;
  	-moz-transition: padding-left 0.2s ease-out;
  	-o-transition: padding-left 0.2s ease-out;
  	transition: padding-left 0.2s ease-out;}

.podjeli:hover {
	opacity: 0.5;
	padding-left:20px;
	}  
	 
.icon2 {background:url(../images/dizajn/icon2.png) no-repeat top left; width:30px; height:20px; float:left; margin-right:12px; margin-top:-2px;}
.icon3 {background:url(../images/dizajn/icon3.png) no-repeat top left; width:26px; height:23px; float:left; margin-right:16px; margin-top:-4px;}
.icon4 {background:url(../images/dizajn/icon4.png) no-repeat top left; width:30px; height:23px; float:left; margin-right:13px; margin-top:-5px;}
.icon5 {background:url(../images/dizajn/icon5.png) no-repeat top left; width:23px; height:23px; float:left; margin-right:21px; margin-top:-5px;}
.icon6 {background:url(../images/dizajn/icon6.png) no-repeat top left; width:24px; height:24px; float:left; margin-right:19px; margin-top:-5px;}

.red {color:#F00; font-weight:bold;}
.red2 {color:#F00;}
.emp {padding-left:25px; color:#999;}
.emp2 {padding-left:25px;}
.napomena {float:right; background:#E8E8E8; padding:5px; border-bottom:1px solid #09F; margin-top:-50px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 0 10px 0 10px; padding:4px 16px;}
.napomena p {font-size:12px; margin:0;}
.napomena2 {
  background: none repeat scroll 0 0 #E8E8E8;
  display: inline;
  float: left;
  margin-left: 30px;
  padding: 2px;
  margin-top: -38px;
}
.napomena2 p {margin:0; display:inline; font-size:12px;}
.najave {background:#E8E8E8; font-size:14px; padding:7px; margin-top:20px; border-bottom:2px solid #9C0;}
.najave p {margin:0}

.pretraga {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:33px;
	line-height:33px;
	width:132px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.pretraga:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}
.pretraga:active {
	position:relative;
	top:1px;}
	
hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.f-menu li:last-child{border-right: none;}

img.mailjpg {
  margin: -3px 0 0 10px;
  position: absolute;
}
.infos {
  float: left;
  margin-bottom: 56px;
  color: #999;
  padding-left: 10px;
}
.usputna {float:left; font-size:12px; font-weight:lighter; text-rendering: optimizeLegibility;}

.faceLogin {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #345fa3) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #345fa3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#345fa3');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0px;
	border:1px solid #374c69;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.faceLogin:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #345fa3), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #345fa3 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#345fa3', endColorstr='#3d94f6');
	background-color:#345fa3;
}.faceLogin:active {
	position:relative;
	top:1px;
}

#faceLogin {margin:10px auto 10px 68px;}
.faceWrapper {
  background: none repeat scroll 0 0 #bde5ff;
  margin-top: 15px;
  padding: 30px 0;
}
.regWrapper {
  background: none repeat scroll 0 0 #337CAB;
  margin-top: 1px;
  padding: 14px 0;
}


/*******************************************************************************************************************/

#cena_div input{
    float: none;
    width: auto;
    padding-left: 10px;
    width: 50px;
}

.valuta_big{
    font-size: 20px;
}

#cena_div .radio_cena{
    padding: 0px;
    width: auto;
    margin-left: 15px;
    margin-right: 5px;
    margin-bottom: 10px;
}

#cena_div{
    margin-bottom: 20px;
}

#upis_cene{
   padding-left: 120px;
}


#upis_cene input{
    margin-bottom: 0px;
}

.prikaz_c{
    border-top: solid 1px #CCCCCC;
    float: left;
    width: 520px;
    margin-top: 20px;
}

#profile-tabs{
    float: left;
}

.naslov_tab{
    background-color: palegreen;
    padding-top: 10px;
    width: 770px;
}

.naslov_tab ul{
   list-style-type: none;
}

.naslov_tab ul li{
    display: inline-block;
    padding: 15px 5px 10px 5px;
    background-color: blue;
    margin-left: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.naslov_tab ul li a{
    font-size: 15px;
    color: red;
    text-decoration: none;
}

.naslov_tab ul .select_tab{
    background-color: whitesmoke;
}

.naslov_tab ul .select_tab a{
    cursor: text;
    color: #363636;
}

#izgled-profila{
    float: left;
    padding-left: 20px;
    margin-top: 20px;
    width: 750px;
}

.profil-info{
    float: left;
    width: 400px;
    margin-left: 40px;
    font-size: 16px;
    line-height: 1.5em;
    font-family: 'Signika',sans-serif;
    color: #828181;
}

.profil-podatak{
    color: #363636;
}


/************************** Dodaci josipovi (menu. button, etc)****************************************************/

.meni h2 {margin-top:-2px; float:left;}
.meni-item {float:right; margin-top:-2px; padding-left:20px;}
.clear {clear:both;}
.meni-wrapper {float:left; width:100%; height:40px; border-bottom:1px solid #999; padding-top:15px; margin-bottom:10px;}
.profil-wrapper {float:left; width:100%; height:auto; border-top:1px solid #999; }
.body-wrapper {margin:auto; height:auto;}
.userThumbsL {background:#CCC; margin-right:10px;}
.username {float:left; font-size:20px; width:70%; margin-bottom:5px;}
.born { float:left; font-size:13px; color:#333; width:70%; margin-bottom:10px;}
.userfrom { float:left; font-size:11px; color:#999; width:70%; margin-bottom:7px;}
.posted { float:left; font-size:11px; color:#999; width:70%; margin-bottom:7px;}
.seen { float:left; font-size:11px; color:#999; width:70%; margin-bottom:7px;}
.telefon { float:left; font-size:13px; color:#333; width:70%; margin-bottom:10px; margin-top:15px; padding-left:104px;}
.email_1 { float:left; font-size:13px; color:#333; width:70%; margin-bottom:10px; padding-left:104px;}
.car-img {
    background: url("../images/dizajn/nocar.jpg") no-repeat;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 94px;
    margin: 0;
    padding: 0;
    width: 94px;
}
.car-model { float:left; font-size:16px; color:#333; margin-left:10px; width:250px; padding-bottom:15px;}

.button_1 {
    -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    box-shadow:inset 0px 1px 0px 0px #cae3fc;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color:#79bbff;
    -webkit-border-top-left-radius:3px;
    -moz-border-radius-topleft:3px;
    border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topright:3px;
    border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-radius-bottomright:3px;
    border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomleft:3px;
    border-bottom-left-radius:3px;
    text-indent:0;
    border:1px solid #469df5;
    display:inline-block;
    color:#ffffff;
    font-size:13px;
    font-weight:normal;
    font-style:normal;
    height:20px;
    line-height:20px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #287ace;
    padding: 4px 20px 4px 20px;
}
.button_1:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
    background-color:#4197ee;
}
.button_1:active {
    position:relative;
    top:1px;
}
.line {
    border: 0;
    height: 0;
    border-top: 1px solid #CCC;
    margin: 15px 0;
}

#dashboard {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FAFAFA;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #D2D9DC;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #D2D9DC;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #D2D9DC;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #D2D9DC;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 25px;
    width: 975px;
}

.body-wrapper {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #EFEFEF;
    border-bottom-style: solid;
    border-bottom-width: 31px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #EFEFEF;
    border-left-style: solid;
    border-left-width: 31px;
    border-right-color: #EFEFEF;
    border-right-style: solid;
    border-right-width: 31px;
    border-right-width: 31px;
    border-top-color: #EFEFEF;
    border-top-style: solid;
    border-top-width: 31px;
    height: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}

.select_menu_list{
    background: #ffffff;
    cursor: text;
    background-image: none;
}

#dashboard .select_menu_list:hover{
    background-image: none;
}

#dashboard .select_menu_list > a:hover {
    background-image: none;
    cursor: text;
    background-color: #ffffff;
    box-shadow: none;
}


.reportButton {
    background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #777777;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: 96px;
}

.reportButton-akcija {
    background: -moz-linear-gradient(center top , #F24537 5%, #C62D1F 100%) repeat scroll 0 0 #F24537;
    border: 1px solid #D02718;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #F5978E inset;
    color: #FFFFFF;
    display: inline-block;
    text-indent: 0;
    text-shadow: 1px 1px 0 #000000;
    cursor: pointer;
}

.reportButton:active {
    position: relative;
    top: 1px;
}

.delete_b{
    width: 100px;
    float: right;
    margin-right: 35px;
}

.poruka-wrapper {
    border-bottom: 1px solid #D9D9D9;
    float: left;
    height: 30px;
    width: 975px;
}

.poruka-wrapper:first-child{
    border-top: 1px solid #D9D9D9;
}

.poruka-wrapper:hover {
    background: none repeat scroll 0 0 #CEECFF;
}

.from-por {
    color: #000000;
    float: left;
    margin-top: 8px;
    padding-left: 20px;
    width: 200px;
}


.subject-por {
    color: #000000;
    float: left;
    margin-top: 8px;
    padding-right: 8px;
    width: 250px;
}

.porukaBody {
    color: #999999;
    float: left;
    margin-top: 8px;
    padding-right: 5px;
    width: 300px;
}


.date-por {
    color: #999999;
    float: left;
    margin-top: 8px;
    margin-left: 5px;
}


.checkbox-por {
    float: left;
    margin-left: 15px;
    margin-top: 8px;
}

.slika-por{
    float: left;
    height: 15px;
    margin-left: 8px;
    margin-right: 5px;
    padding-top: 6px;
    width: 15px;
}

.slika-por-vel{
    float: left;
    height: 100%;
}

.opis-auto{
    float: right!important;
    text-align: left;
    width: 140px;
    padding-top: 10px!important;
    padding-right: 5px;
}


/****************************************** Poruke *****************************************************************/

#poruka_ko{
    position: fixed;
    width: 700px;
    bottom: 10px;
    right:10px;
}

#poruka-naslov-bar{
    width: 100%;
    height: 30px;
    background-color: #404040;
    float: left;
    border: 1px solid #404040;
    cursor: move;
}
#poruka-naslov-bar span{
    display: block;
    float: right;
    margin-right: 10px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: #666666;
}

.new-messg-to{
    width: 690px;
    float: left;
    border-bottom: 1px solid #666666;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.new-messg-to p{
    float: left;
    font-size: 16px;
    margin-bottom: 0px;
}

.new-messg-to span{
    color: #000000;
    margin-left: 10px;
}

.new-messg-subject{
    width: 690px;
    float: left;
    border-bottom: 1px solid #666666;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.new-messg-subject p{
    float: left;
    font-size: 16px;
    margin-bottom: 0px;
}

.new-messg-subject span{
    color: #000000;
}

.message-sunject-p{
    float: right;
    width: 630px;
    margin-left: 10px;
}

.message-send-body{
    width: 700px;
    background-color: #FFFFFF;
    float: left;
    border: 1px solid #666666;
}

.new-message-text{
    float: left;
}

.new-message-text p{
    float: left;
    margin-bottom: 5px;
    font-size: 16px;
}

.messgInput-textarea{
    background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    color: #000000;
    padding: 5px 10px;
    width: 700px;
    height: 300px;
}

.message-send-footer{
    border-top: 1px solid #666666;
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom:  10px;
}

.message-send-footer a{
    margin-left: 10px;
}

/*********************************************************************************************/

div.growlUI { background: url(../images/dizajn/ok.png) no-repeat 10px 10px; width: 400px; height: 70px; }
div.growlUI h1, div.growlUI h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left; font-size: 22px;
}

#search-korisnika{
    width: 400px;
    display: none;
    padding-top: 10px;
}

.s-ime-ko{
    font-size: 15px;
    float: left;
    margin-right: 10px;
    padding-top: 5px;
}

.s-input-ko input{
    height: 30px;
    width: 295px;
    padding-left: 5px;
    border:1px solid #d2d9dc;
    border-radius:3px;
    box-shadow:0 0 0 4px #f7f9fa;
}

.s-input-ko input:focus{
    border:1px solid #b7d4ea;
    box-shadow:0 0 0 4px #f0f7fc;
}

.s-dugme-ko{
    float: right;
    margin-top: 25px;
    padding-right: 2px;
}

#error-span-popup-search{
    color: red;
    margin-right: 20px;
    display: none;
}

.user-send-mess-div{
    position: absolute;
    margin-left: 300px;
    margin-top: -60px;
}

.message-sunject-p input{
    height: 28px;
    width: 600px;
    padding-left: 5px;
    border:1px solid #d2d9dc;
    border-radius:3px;
    box-shadow:0 0 0 4px #f7f9fa;
}

.message-sunject-p input:focus{
    border:1px solid #b7d4ea;
    box-shadow:0 0 0 4px #f0f7fc;
}


.messg-wrapper {
    border-top: 1px solid #999999;
    float: left;
    height: auto;
    width: 100%;
}


.select {
    float: left;
    margin-top: -5px;
    padding-right: 30px;
}
.report {
    float: right;
}
.reply {
    float: left;
    margin-top: -5px;
    padding-right: 30px;
}
.delete {
    float: left;
    margin-top: -5px;
    padding-right: 30px;
}

.reportButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -webkit-border-top-left-radius:2px;
    -moz-border-radius-topleft:2px;
    border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -moz-border-radius-topright:2px;
    border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-radius-bottomright:2px;
    border-bottom-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-radius-bottomleft:2px;
    border-bottom-left-radius:2px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-size:13px;
    font-weight:normal;
    font-style:normal;
    height:20px;
    line-height:20px;
    width:130px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
}

.reportButton_1 {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -webkit-border-top-left-radius:2px;
    -moz-border-radius-topleft:2px;
    border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -moz-border-radius-topright:2px;
    border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-radius-bottomright:2px;
    border-bottom-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-radius-bottomleft:2px;
    border-bottom-left-radius:2px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-size:13px;
    font-weight:normal;
    font-style:normal;
    height:20px;
    line-height:20px;
    width:130px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
}

.reportButton_1_hover{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
    background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
    background-color:#c62d1f;
    -moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
    box-shadow:inset 0px 1px 0px 0px #f5978e;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
    background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
    background-color:#f24537;
    -webkit-border-top-left-radius:2px;
    -moz-border-radius-topleft:2px;
    border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -moz-border-radius-topright:2px;
    border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-radius-bottomright:2px;
    border-bottom-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-radius-bottomleft:2px;
    border-bottom-left-radius:2px;
    text-indent:0;
    border:1px solid #d02718;
    display:inline-block;
    color:#FFF;
    text-shadow:1px 1px 0px #000;
    cursor: pointer;
}

.reportButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
    background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
    background-color:#c62d1f;
    -moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
    box-shadow:inset 0px 1px 0px 0px #f5978e;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
    background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
    background-color:#f24537;
    -webkit-border-top-left-radius:2px;
    -moz-border-radius-topleft:2px;
    border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -moz-border-radius-topright:2px;
    border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-radius-bottomright:2px;
    border-bottom-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-radius-bottomleft:2px;
    border-bottom-left-radius:2px;
    text-indent:0;
    border:1px solid #d02718;
    display:inline-block;
    color:#FFF;
    text-shadow:1px 1px 0px #000;
}
.reportButton:active {
     position:relative;
     top:1px;
 }

.messg-read-subject {
    color: #333333;
    font-size: 22px;
}

.messg-read-from {
    color: #666666;
    float: left;
    font-size: 22px;
    margin-top: 15px;
    padding-right: 15px;
}

.messg-read-date {
    color: #CCCCCC;
    float: left;
    font-size: 22px;
    margin-top: 15px;
}

.messg-body-wrapper {
    float: left;
    margin-top: 20px;
    padding: 0 100px;
}

.messg-body {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EFEFEF;
    padding: 20px;
    width: 700px;
}

.messg-body-wrapper p {
    font-size: 14px;
    margin-bottom: 5px;
}

.replyButton {
    float:right;
    margin: 20px 20px 0 0;
    -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    box-shadow:inset 0px 1px 0px 0px #cae3fc;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color:#79bbff;
    -webkit-border-top-left-radius:3px;
    -moz-border-radius-topleft:3px;
    border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topright:3px;
    border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-radius-bottomright:3px;
    border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomleft:3px;
    border-bottom-left-radius:3px;
    text-indent:0;
    border:1px solid #469df5;
    display:inline-block;
    color:#ffffff;
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    height:25px;
    line-height:25px;
    width:86px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #287ace;
}
.replyButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
    background-color:#4197ee;
}.replyButton:active {
     position:relative;
     top:1px;
 }

 #message-replay{
     width: 975px;
     margin-left: auto;
     margin-right: auto;
     float: left;
     margin-top: 30px;
 }

 .smiley{
     width: 22px;
     height: 22px;
 }

 .naslov-poruke{
     float: left;
     font-size:25px;
     margin-left: 15px;
     margin-top: -3px;
 }

 .mail-header-img{
     width: 28px;
     height: 28px;
     cursor: pointer;
 }

 .header-image-holder{
     width: 150px;
     float: left;
     padding-top: 4px;
 }

 .broj-novih{
     display: inline-block;
     background-color: red;
     width: 7px;
     padding: 2px;
     font-size: 13px;
     color: #ffffff;
     font-weight: bold;
     border-radius: 2px;
     position: absolute;
     margin-top: 11px;
     margin-left: -10px;
 }


 .auto-ride{
     margin-right: 10px;
 }