/* Design by http://www.dreamtemplate.com */
@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	color:#929292;
	font:normal 12px/1.5em Verdana;
	background:#fff url(../images/main_bg.jpg) repeat-x left top;
}
html, .main {
	padding:0;
	margin:0;
}
.main {
	background:url(../images/header_bg.jpg) no-repeat center top;
	
}
img {border:0;}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:25px;
	font-weight:normal;
	color:#353c46;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
}
a {
	color:#0082ae;
	text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
	padding-top:50px;
}
.header_resize {
	margin:0 auto;
	padding:0 0 32px;
	width:960px;
}
#logo {
	margin:0;
	padding:0;
	float:left;
	width:auto;
	height:120px;
}
#logo h1 {
	margin:0;
	padding:20px 0;
	font-size:32px;
	font-weight:normal;
	line-height:1.2em;
	text-transform:uppercase;
	text-align:left;
	color:#0082ae;
}
#logo h1 a, h1 a:hover {
	color:#0082ae;
	text-decoration:none;
}
#logo h1 span {
	color:#FF3333;
}
#logo h1 small {
	display:block;
	margin:0;
	font-size:14px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:uppercase;
	color:#0082ae;
}
.slider {
	padding:0;
}

.menu_nav {
	margin:0 auto;
	padding:20px 0 0;
	height:60px;
	float:right;
}
.menu_nav ul {
	list-style:none;
	padding:0;
	height:60px;
	float:left;
}
.menu_nav ul li {
	margin:0;
	padding:0;
	float:left;
	background:url(../images/menu_split.png) no-repeat left center;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:24px 48px 0 16px;
	height:36px;
	font-size:15px;
	line-height:20px;
	font-weight:normal;
	color:#575757;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}
.menu_nav ul li a:hover {
	text-decoration:none;
	color:#0082ae;
}
#active a{
	text-decoration:none;
	color:#0082ae;
}
#flags{
	margin-top:15px; 
	margin-right:10px; 
	float:right;
	}

/*_____________INDEX_________color:#595f61;________*/
.content {
	padding:0;
}
.content_resize {
	margin:0 auto;
	padding:18px 0;
	width:960px;
}
.content h2 {
	margin-bottom:0;
	padding-bottom:0;
	font-size:30px;
	line-height:1.2em;
	color:#0082ae;
}
.welcomeText{
	margin:0;
	float:left;
	width:640px;
}
.welcomeText strong {
	color:#3f3f3f;
}
#leftWrapper{
	margin-top:-50px;
	margin-left:680px;
	padding-left:40px;
	padding-right:10px;
	width:240px;
	border-left: #999 dotted 1px;
}
#leftWrapper h2 {
	color:#0082ae;
	text-transform:none;
	margin-bottom:20px;
}
#leftWrapper p {
	line-height:10px;
}
/*___________________Accomodation_______________*/
#navAccomm{
	list-style:none;
	color:#929292;
	margin-top:60px;
}
#navAccomm li{
	margin:0;
}
#navAccomm li {
	padding:8px 0;
	width:220px;
}
#navAccomm li a {
	color:#929292;
	text-decoration:none;
	margin-left:-16px;
	padding:4px 8px 4px 16px;
}
#navAccomm li a:hover {
	color:#0082ae;
	font-weight:bold;
	text-decoration:underline;
}
#navAccomm li.activeNav  a{
	color:#0082ae;
	font-size:16px;
}

.appGallery{
	width:620px;
	float:left;
	}
#priceApartment{
	color:#0082ae;
}
#tblPrice{
	width:600px;
	margin:5px;
}
#tblPrice td{
	border:#999999 1px dotted;
	text-align:center;
}
	/*______FOTO GALLERY - SMJEŠTAJ________border:5px solid #72716f; _____________*/
#smjestajGallery{
	width:600px;
	}
#gallery {position:relative; width:600px;}
/*#images {border:2px solid #9ac1c9; height:250px; background:#eef5f6; }*/
#image {position:relative; width:600px; height:400px;  }
#image img {position:absolute; }
/*#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; }*/
/*#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }*/
#thumbs {position:absolute; list-style:none; margin-left:5px;  }
/*#thumbs li {float:left; margin-right:5px; cursor:pointer}*/
.imgnav {position:absolute; height:400px; width:50px; z-index:100; height:400px; width:50px; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; }
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; }
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
/*_______END FOTO GALLERY - SMJEŠTAJ_____________________*/

/*________City______*/
#cityWrapper{
	float:left;
	width:640px;
	border: #000 solid 1px;
}
#cityText{
	margin-top:50px;
}
#cityText h3{
	color:#0082ae;
	font-size:16px;
}
#cityText p {
	margin:8px 0;
	padding:0 0 8px 0;
	line-height:14px;	
}

/***** FOTO GALLERY - CITY *****/
.slider-wrapper {
	width:600px;
	height:400px;
	position:relative;
	overflow:hidden;
	border: #f6f6f6 solid 20px;
}
.sliderCity {
	width:600px;
	height:400px;
}
.items {display:none;}
/***** END FOTO GALLERY - CITY *****/
/*___________________LOCATION___________*/
.location {
	width:600px;
	border: #f6f6f6 solid 20px;
	margin-top:10px;
}
.map {
height:400px;
}
/*#map_canvas{
	width:600;
	height:400px;
}

________ MesageSent + MesageError __________*/
.mesage{
	margin:0;
	float:left;
	width:640px;
	padding-bottom:100px;
}
.mesage h3 {
	color:#353c46;
	padding-right:10px;
}

/*_________footer___________*/
.footerWrapper{
	width:100%;
	background:#f6f6f6;
}
.footer {
	margin:0 auto;
	padding:0 20px;
	width:920px;
	background:#f6f6f6;
	line-height:1.5em;
	color:#6e6e6e;
}
#footerInfo {
	float:right;
	padding-top:15px;
	padding-bottom:30px;
}
#navFooter{
	float:left;
}
#nav {
	padding-top:15px;
	padding-bottom:30px;
	font-size:14px;
	}
#nav li{
	display:inline;
	background:url(../images/menu_split.png) no-repeat right center;
	padding-left:20px;
	padding-right:20px;
	}
#nav a {}
#nav a:hover {text-decoration:none;}
#nav .active a {text-decoration:none}
#nav .last {background:none;}
#footerInfo a:hover {text-decoration:none;}
	
/*_________EMAIL FORM_________*/	
form{
	background: transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
#emailFormFrame{
	margin-left:680px;
	padding-left:40px;
	padding-right:10px;
	width:240px;
	border-left: #999 dotted 1px;
	 }
#emailForm{
	width:250px;
	color:#0082ae;
	border:0;
	background:none;
}

#tblEmilForm{
	font-size:11px;
	}
#tblUnos{
	width: 150px;
	height:20px;
	background-color:#f6f6f6;
	font-size:11px;
	padding-left:5px;
	border:1px solid #c0c0c0;
}
#tblUnosPoruka{
	width: 220px;
	height:60px;
	background-color:#f6f6f6;
	font-size:11px;
	padding:5px;
	border:1px solid #c0c0c0;
}
#tblOdabir{
	width: 170px;
	height:20px;
	background-color:#f6f6f6;
	font-size:11px;
	padding-left:5px;
	border:1px solid #c0c0c0;
}
#tblUnosSpam{
	width:60px; 
	height:20px;
	background-color:#f6f6f6;
	font-size:11px;
	padding-left:5px;
	border:1px solid #c0c0c0;
}
#btnSend{
	width:80px;
	background-color:#f6f6f6;
	margin-top:10px;
	border:1px solid #c0c0c0;
}
#form .button1 {
	margin-left:4px;
	padding:0 15px;
}
.button1 {
	margin-top:10px;
	display:inline-block;
	background-color:#f6f6f6;
	padding:0 25px;
	color:#0082ae;
	line-height:29px;
	position:relative;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	text-decoration:none
}
.button1:hover {
	background:#fff;
	color:#72716f
}

#messageError{
	width:500px;
	margin-top:100px;
	background-color:#FF8080;
	padding:10px;
	border:#999 solid 1px;
	color:#000000;
	text-align:center;
	border-bottom-right-radius:6px;
	border-top-right-radius:6px;
}
#messageError p{
	font-size:14px;
	text-align:left;
}
#messageError h4{
	font-size:16px;
	padding-left:50px;
}
#messageOk{
	width:500px;
	margin-top:100px;
	background-color:#C9E69A;
	padding:10px;
	border:#999 solid 1px;
	color:#000000;
	text-align:center;
	border-bottom-right-radius:6px;
	border-top-right-radius:6px;
}
#messageOk p{
	font-size:14px;
	text-align:left;
}