@import  url(bla.css);
@import  url(document.css);
@import  url(advanced.css);
@import  url(calendar_style.css);
@import  url(tabs.css);
@import  url(lists.css);
@import  url(dirs.css);
@import  url(addendum.css);


.margina {
display: block;
float: left;
width: auto;
height: 100%;
}

#sadrzaj {
display: table-cell;
margin: 0px;
padding: 0px;
border: 0px;
width: 980px;
padding-bottom: 10px; }

/**
 * osnovna postava svega
 */
#leftside {
display: table-cell;
float: left;
margin: 0;
padding: 0;
width: 210px; }

#centar {
display: table-cell;
float: left;
margin: 0;
padding: 0;
width: 495px; }

#tekstprostor {
display: block;
width: 585px;
margin: 0 15px 0 15px;
padding: 0;
color: #000000; 

overflow: hidden;
}

#rightside {
display: table-cell;
float: left;
margin: 0;
padding: 0;
width: 275px; }

/**
 * stilovi za header
 */

#header_logo
{
position: absolute;
top:41px;
left:8px;
}
 
#head1
{
position: relative;
display: block;
margin: 0px;
padding: 0px;
width: 980px;
height: 175px;
background: url(../images/head_bg.gif) top left repeat-x;
}

#head2
{
display: block;
margin: 0px;
padding: 0px;
width: 980px;
height: 189px;
background: url(../images/mainImg.jpg);
}

/**
 * stil za foot
 */
#footer
{
position: relative;
padding: 2px 10px 0px 10px;
display: block;
margin: 0px;
height: 20px;
border-top: 1px solid #545454;
}

#footleft
{
display: block;
float: left;
width: 900px;
height: 20px;
margin: 0;
}

.footright
{
text-align: right;
position:absolute;
top:2px;
right:10px;
width: 80px;
height: 20px;
}

#footdown {
padding:10px 10px;
position: relative;
display: block;
height: 55px;
background: url(../images/footer2Bgr.gif) top left repeat-x;
border-top: 1px solid #545454; }

#footdown .footright
{
position:absolute;
right:10px;
top:2px;
width: 550px;
text-align: right;
}


/**
 * stil za tab menu
 */
#topmenu
{
position:absolute;
top:175px;
display: block;
clear: both;
width: 100%;
height: 39px;
}

#topmenu ul
{
position: relative;

margin: 0;
padding: 10px 10px 0 0;
list-style: none;
}

#topmenu li
{
position: relative;
overflow: hidden;
float:left;
margin: 0;
margin-right: 1px;
padding: 0 0 0 0px;
height: 25px;
width: auto;
}

#topmenu li
{
background: url(../images/tab_pt2.jpg) no-repeat right top;
background-position: 0px -50px;
background-repeat: no-repeat;
}

#topmenu a
{
display: block;
padding: 5px 15px 4px 15px;
text-decoration: none;
font-weight: bold;
white-space: nowrap;
color: #ffffff; 
}


#topmenu a:hover
{
color: #000000;
}

#topmenu li img
{
position:absolute;
z-index: -1;

}
#topmenu li:hover img
{
top: -50px !important;
}


/*#topmenu li:hover a { background-position: 100% -50px; }
*/


/**
 * stil za buttone
 */
#button a,
.button_r
{
display: block;
margin: 0;

padding: 5px 15px 7px 5px;
font: bold 11px/1 sans-serif;
color: #ffffff;
weight: bold;
line-height: 14px;
background: url("../images/button_0.jpg") top left no-repeat;

/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button_0.jpg', sizingMethod='scale');*/

text-decoration: none;
width: 210px;
voice-family: "\"}\"";
voice-family: inherit;
width: 190px;
}
html>body #button a,
html>body .button_r,
{
width: 190px;
}
#button a:hover
{
background: url("../images/button_1.jpg") top left no-repeat;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button_1.jpg', sizingMethod='scale');*/
color: #000000;
cursor: pointer;
}

a.button_r
{
color:white;
width: 270px;
background: url(../images/button_r.jpg) top left no-repeat;
}

a.button_r:hover
{
color: #000000;
background-position: 0 -26px;
filter:;
}

.boxes {
display: table-cell;
margin: 0px  0px 15px 0px;
border: 1px solid #1b4472;
padding: 5px;
height: auto;
width: 210px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 198px;
}
html>body .boxes {
width: 198px;
}

div#rightside .boxes{
display: block;
position: relative;
width: 263px;
}

html>body div#rightside .boxes{

width: 263px;

}



.darkbox
{
position: relative;

}

#darkbox p {
font-family: Trebuchet MS;
font-size: 11px;
color: #ffffff;
margin: 3px 0px 4px 0px; }

.darkbox_button
{
cursor: pointer;
position:absolute;
right:0px;
bottom: 0px;
}




.crvenigumb a {
display: block;
height: auto;
padding: 3px 6px 3px 6px;
margin: 5px;
background: #e67029;
border: 1px solid #e67029;
color: #ffffff;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
cursor: hand;
text-align: center; }

.crvenigumb a:hover {
display: block;
height: auto;
padding: 3px 6px 3px 6px;
margin: 5px;
background: #e2e2e2;
color: #e67029;
border: 1px solid #e67029;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
cursor: hand;
text-align: center; }

.jedanzapopis {
display: table;
float: none;
clear: both;
width: 463px;
border: 1px solid #e67029;
margin: 0 0px 15px 0px; }

.zasliku {
display: table-cell;
float: left;
width: 160px;
overflow: hidden;
margin: 0px;
padding: 1px; }

.zaopis {
display: table-cell;
float: left;
padding: 5px;
margin: 0; }

.zacijenu {
display: table;
float: none;
clear: both;
width: 461px;
margin: 0px;
padding: 0 1px 1px 1px; }

.zacijenu div {
float: left;
margin: 0;
font-size: 11px;
color: #ffffff;
padding: 2px 5px;
background: #e67029; }

.zacijenu div a { color: #ffffff; }
.zacijenu div a:hover { color: #c0c0c0; text-decoration:underline; }

.paginate {
display: block;
clear: both;
margin: 0 0 10px 0; 
background: #e67029;
color: #ffffff;
padding: 0 10px 0 10px; }

.paginate a { color: #ffffff;font-weight: bold; }
.paginate a:hover { color: #c0c0c0; }

.lista_propertya
{
color:Black;
padding: 5px;
}

#gallery_thumbs
{
height:140px;
overflow: hidden;
width: 448px;
}


#gallery_thumbs div
{
height:140px;
overflow: scroll;
width: 465px;
}

#gallery_thumbs img
{
border-right:2px solid white;
}

a.property_desc_box
{
font-size: 12px;
font-weight: bold;
display: block;
clear: both;
margin: 1px 0 0 0; 
background: #D9E1EF;
color: #e67029;
padding: 3px 10px 3px 10px;
}

a.property_desc_box:hover
{
background: #D9E1EF;
color: black;
}

a.property_desc_box:active
{
color: #e67029;
}

div.property_desc_box
{
margin: 0;
border: 1px solid #D9E1EF;
padding: 5px;
display: none;
visibility: hidden;
}

div#language_selection
{
margin: 0px 20px 3px 0px;
padding:0px; 
text-align: right;
}
div#language_selection a
{color:#e67029;font-weight: bold;}
div#language_selection a:hover
{color:#e67029;font-weight: bold;}

#head1 form
{
margin: 0px;
padding: 0px;
}