@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}
html { height: 100%; background: #e0e7e7 url("../images/bottom.gif") repeat; }
body {
	margin: 0;
	padding: 0;
	//font: normal 12px Arial, Helvetica, sans-serif;
	font: normal 11px Arial, Helvetica, sans-serif;
	//color: #333333;
	color:#808080;
	text-decoration: none;
	background: #e0e7e7 url("../images/bg.gif") repeat-y 50% 0;
}
img { border: 0px; }
#wrapper {
	width: 946px;
	margin: 0 auto;
	background-color: #ffffff;
}
#content { width: 100%; float: left; }

/* header */
div#header {
	background: #ffffff url("../images/header.gif") no-repeat;
	width: 946px;
	height: 180px;
	margin: 0 auto;
	text-align: left;
}
.language {
	padding: 20px 15px 3px 10px;
	margin: 0;
	float: right;
}
.slogan {
	font-size: 20px;
	text-align: right;
	padding: 40px 50px 0 0;
}
.house { float: right; padding: 20px 20px 0 0; }

/* navigation */
#nav {
	width: 165px;
	float: left;
	margin: 1px 0 0 5px;
	padding: 0 5px 10px 5px;
}
#leftmenu a, #leftmenu a:visited  {
	width: 160px;
	text-decoration: none;
	text-align: left;
	color: #666666;
	font-weight: bold;
	display: block;
	margin: 1px 0 0 3px;
	padding: 10px 0 10px 10px;
	background: transparent url("../images/button.gif") no-repeat;
}
#leftmenu a:hover { color: #9fcb5f; }
#banners a { float:left; margin-top:20px; margin-left:10px; }

/* main  */
#main { margin: 0 5px 5px 200px; }
.inner {
	padding: 0 10px 10px 0;
	background-color: #ffffff;
	text-align: left;
	float: none;
	height: 100%;
}
#main .inner h1 {
	background-color: #e0e7e7;
	padding: 9px 0 8px 7px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}
.i_header { border: solid 1px #e0e7e7; margin: 0; }
.text {
	text-align: justify;
	border-left: solid 1px #e0e7e7;
	border-right: solid 1px #e0e7e7;
	border-bottom: solid 1px #e0e7e7;
	border-top: none;
	padding: 15px;
}

/* bootom content -  index; top content - realestate */
.dno { 
	margin: 15px 0 0 0;
}
.vrh { margin: 0 0 15px 0; }

/* green */
.t_header_s {
	border: solid 1px #9fcb5f;
	margin: 0;
	width: 290px;
	float: left;
}
.header_bg {
	background-color: #9fcb5f;
	margin: 2px;
	padding: 9px 0 8px 7px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
.t_content_s {
	border-left: solid 1px #9fcb5f;
	border-right: solid 1px #9fcb5f;
	border-bottom: solid 1px #9fcb5f;
	border-top: none;
	margin: 0;
	text-align: center;
	padding: 15px;
	width: 260px;
	float: left;
}
.search { padding: 10px 0px /* 5px */; text-align: left; }
form {	padding: 0;	margin: 0; }
.s_text { padding: 5px 5px 5px 0; }
.s_text2 { padding: 8px 5px 5px 0; }
.button {
	vertical-align: middle;
	background-color: #9fcb5f;
	border: none;
	width: 90px;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	margin-top: 15px;
	float: right;
}
.inputstyle {
	font-size: 11px;
	width: 126px;
	margin: 0 0 8px 0;
	float: right;
}
.inputstyle2 {
	width: 35px;
	padding: 0;
	font-size: 11px;
}
.inputstyle3 { width: 30px; font-size: 11px; }
.inputstyle4 { padding: 0; }
.inputstyle5 {
	font-size: 11px;
	width: 126px;
	margin: 8px 0 0 0;
	float: right;
}

/* violet */
.b_header {
	border: solid 1px #c7749b;
	margin: 0;
	width: 415px;
	float: right;
}
.b_header_bg {
	background-color: #c7749b;
	margin: 2px;
	padding: 9px 0 8px 7px;
	color: #ffffff;
	font-weight: bold;
}
.b_content {
	border-left: solid 1px #c7749b;
	border-right: solid 1px #c7749b;
	border-bottom: solid 1px #c7749b;
	border-top: none;
	margin: 0;
	text-align: justify;
	padding: 15px;
	width: 385px;
	float: right;
}
.btext { text-align: justify; padding: 0 2px 0 15px; }
.read {	padding: 15px 0 0 2px; }
.read a { 
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.read a:hover { color: #c7749b; text-decoration: none; }

/* real estate table */
#realestate {
	width: 100%;
	padding: 0;
	margin: 0;
	border: solid 1px #e0e7e7;
	text-align: center;
}
#zaglavlje {
	font-style: italic;
	font-weight: bold;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	background-color: #e0e7e7;
	border: solid 1px #ffffff;
}
th {
	color: #666666;
	padding: 15px;
}
#white { background-color: #f8f8f3; }
#blue { background-color: #f4f6f6; }
#pagination {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 7px 0;
	color: #9fcb5f;
}
#pagination a { color: #9fcb5f; }

/* reservation */
.separator {
	background: transparent url(../images/separator.gif) repeat-y center;
	width: 10px;
	padding: 0 0 0 15px;
	vertical-align: top;
}
#reservation {
	margin: 0;
	padding: 0;
	width: 275px;
	float: right;
	text-align: left;
}
.rtext {
	text-align: justify;
	padding: 4px 5px 5px 15px;
	font-weight: bold;
	font-style: italic;
	vertical-align: top;
}
.rtext2 {
	text-align: justify;
	padding: 4px 25px 0 15px;
	vertical-align: top;
}
.rtext3 {
	text-align: justify;
	padding: 0 2px 15px 10px;
	font-weight: bold;
	font-style: italic;
	color: #c7749b;
	vertical-align: top;
}
.rtext4 {
	text-align: justify;
	padding: 4px 5px 5px 15px;
	font-weight: bold;
	font-style: italic;
	vertical-align: middle;
	white-space: nowrap;
}
.resttyle {
	padding: 0 0 12px 0;
	vertical-align: top;
}
.inputstyle7 {
	width: 180px;
	height: 18px;
	margin: 0 0 8px 0;
	padding: 3px 0 0 0;
	float: left;
	background-color: #ffffff;
}

/* contact */
.ctext {
	text-align: justify;
	border-left: solid 1px #e0e7e7;
	border-right: solid 1px #e0e7e7;
	border-bottom: solid 1px #e0e7e7;
	border-top: none;
	padding: 15px;
}
.ctext a { color: #9fcb5f; }
#contact { margin: 30px 0 5px 0; padding: 5px; }
.inputstyle6 {
	width: 200px;
	height: 18px;
	margin: 0 0 8px 0;
	padding: 3px 0 0 0;
	float: left;
	background-color: #ffffff;
}
textarea { font: normal 12px Arial, Helvetica, sans-serif; }

/* pictures */
#gallery {
	padding: 0;
	width: 690px;
	position: relative;
	height: 255px;
	margin: 0;
	background: #ffffff url(none) repeat scroll 0px 0px;
}
#gallery b.default {
	left: 20px;
	width: 650px;
	position: absolute;
	top: 15px;
	height: 210px;
}
#gallery b.default img {
	display: block;
	margin: 0;
}
#gallery ul {
	padding: 0 5px 0 0;
	margin: 0;
	top: 15px;
	float: right;
	width: 230px;
	position: relative;
	list-style-type: none;
}
#gallery ul li {
	display: inline;
	float: left;
	margin: 0;
	width: 75px;
	height: 75px;
}
#gallery ul li a {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#gallery ul li a img {
	display: block;
	border: none;
	width: 50px;
	height: 50px;
}
#gallery ul li a:hover {
	white-space: normal;
	background: #ffffff url(none) repeat scroll 0px 0px;
}
#gallery ul li a:hover b {
	z-index: 10;
	left: -435px;
	top: 0px;
	width: 245px;
	position: absolute;
	height: 195px;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}
#gallery ul li a:hover img {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}
#gallery ul li a:active {
	white-space: normal;
	background: #ffffff url(none) repeat scroll 0px 0px;
}
#gallery ul li a:focus {
	white-space: normal;
	background: #ffffff url(none) repeat scroll 0px 0px;
}
#gallery ul li a:active b {
	z-index: 10;
	left: -435px;
	top: 0px;
	width: 245px;
	position: absolute;
	height: 195px;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}
#gallery ul li a:focus b {
	z-index: 10;
	left: -435px;
	top: 0px;
	width: 245px;
	position: absolute;
	height: 195px;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}
#gallery ul li a:active img {
	margin: 0;
	width: auto;
	height: auto;
}
#gallery ul li a:focus img {
	margin: 0;
	width: auto;
	height: auto;
}

/* footer */
#footer {
	padding: 15px 0 9px 0;
	text-align: center;
	background-color: #e0e7e7;
	clear: both;
	color: #666666;
	border-left: solid 3px #ffffff;
	border-right: solid 3px #ffffff;
	border-bottom: solid 5px #ffffff;
	height: 20px;
}
#footer a {
	color: #666666;
	text-decoration: none;
	padding: 0 10px;
}
#footer a:hover { color: #ffffff; }
#copy {
	text-align: center;
	background: #e0e7e7 url("../images/bottom.gif") repeat;
	color: #666666;
	height: 100%;
	line-height: 20px;
	padding: 9px 0 10px 0;
}
#copy a {
	color: #666666;
	text-decoration: none;
}
#copy a:hover { color: #666666; }