article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time,#indexgal li, .galerija li {display:inline}
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden;padding-top:5px;}
body {background:#000;border:0;font-size:14px; font-family: arial, Helvetica, sans-serif;color:#767676;line-height:18px}
.main {margin:0 auto;width:940px;}
.body1 {background:url(../images/bg.jpg) top center repeat}
.body2 {background:url(../images/top.jpg) top center repeat-x}
.body3 {background:url(../images/bg2.jpg) top center repeat}
.body4 {background:url(../images/top2.jpg) top center repeat-x}
a {color:#000;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:28px 0 0 21px}
h2 {font-size:30px;line-height:40px;padding:5px 0 7px 0;background:url(../images/line_hor1.gif) bottom repeat-x;margin-bottom:21px;font-weight:400;color:#0f356b;letter-spacing:-1px}
h3, .offerform .kontaktpodaci h3, .locationinfo .kontaktpodaci h3 {font-size:18px;color:#0f3569;line-height:30px;padding:28px 0 2px 0;font-weight:normal;background:url(../images/line_hor1.gif) bottom repeat-x;margin-bottom:10px;}
h4 {font-size:22px;color:#0f3569;line-height:30px;padding:28px 0 2px 0;font-weight:normal;background:url(../images/line_hor1.gif) bottom repeat-x;margin-bottom:10px;letter-spacing:-1px;font-style:italic;text-transform:uppercase;}
p {padding-bottom:18px}
/* header */
header{}
#logo {float:left;background:url(../images/apartmani_logo.png) no-repeat;width:690px;height:47px;padding:0px;margin:0px;padding-left:70px;padding-top:8px;}
#logo h1{font-weight:100;font-size:24px;color:#0f356b;padding:0px;margin:0px;padding-left:7px;height:34px;line-height:34px;font-family:arial,verdana,tahoma;letter-spacing:-1px;}
#logo h2{background:url(../images/wup.png) 0px 1px no-repeat;clear:both;font-weight:100;letter-spacing:2px;font-size:11px;font-style:italic;color:#fff;padding:0px;padding-left:5px;margin:0px;margin-top:1px;border:none;font-family:arial;line-height:28px; height:28px;}
#mainimgholder{background:url(../images/img.jpg) top left no-repeat; width:351px;height:325px;padding:0px;float:right;text-align:center;}
#mainimgholder img{padding-top:35px;}
#langs {float:right;padding:0;padding-top:42px;height:20px;}
#langs li {float:left;margin-right:2px;padding:0;}
#langs .bg_none {background:none;padding-right:0;margin:0}
#menu {width:245px;float:left;margin-top:27px;margin-right:2px}
#menu li {display:block;margin-bottom:2px;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(../js/PIE.htc);}
#menu li a {display:block;font-size:19px;text-transform:uppercase;color:#fff;line-height:43px;padding-left:36px;font-weight:400;text-decoration:none}
#menu li a:hover, #menu #menu_active a {font-weight:700}
#menu li:nth-of-type(1) {background:url(../images/menu_bg1.gif) top repeat-x #0f356b}
#menu li:nth-of-type(1) a {background:url(../images/menu_marker1.gif) 21px 18px no-repeat}
#menu li:nth-of-type(2) {background:url(../images/menu_bg2.gif) top repeat-x #0f696b}
#menu li:nth-of-type(2) a {background:url(../images/menu_marker2.gif) 21px 18px no-repeat}
#menu li:nth-of-type(3) {background:url(../images/menu_bg3.gif) top repeat-x #0f696b}
#menu li:nth-of-type(3) a {background:url(../images/menu_marker3.gif) 21px 18px no-repeat}
#menu li:nth-of-type(4) {background:url(../images/menu_bg4.gif) top repeat-x #6b450f}
#menu li:nth-of-type(4) a {background:url(../images/menu_marker4.gif) 21px 18px no-repeat}
#menu li:nth-of-type(5) {background:url(../images/menu_bg5.gif) top repeat-x #6b110f}
#menu li:nth-of-type(5) a {background:url(../images/menu_marker5.gif) 21px 18px no-repeat}
#menu li:nth-of-type(6) {background:url(../images/menu_bg6.gif) top repeat-x #3f0f6b}
#menu li:nth-of-type(6) a {background:url(../images/menu_marker6.gif) 21px 18px no-repeat}

.boxes {width:340px;float:left;margin-top:27px}
.boxes li {border:1px solid #b0b2b6;background:#fff;padding:1px;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(../js/PIE.htc);margin-bottom:2px}
.boxes li a {display:block;background:url(../images/box1.jpg) top repeat-x #d9dadc;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(../js/PIE.htc);overflow:hidden;width:100%;text-decoration:none;padding:7px 0 0 0;height:77px}
.boxes li a:hover {background:#fff}
.boxes li a .text1 {font-size:40px;line-height:50px;padding-left:39px;display:block;letter-spacing:-1px;}
.boxes li a .text3 {font-size:15px;font-weight:100;color:#5a5a5a;line-height:30px;display:block;margin-top:-11px;padding-left:40px;font-family: arial;letter-spacing:-1px;}
.boxes .nav1 a {color:#164d9b}
.boxes .nav2 a {color:#2d9b16}
.boxes .nav3 a {color:#9e1916}
.line_right {padding-right:14px;background:url(../images/line_ver1.gif) right 3px no-repeat;margin-right:10px}
/* content */
#content {width:100%;overflow:hidden;padding-bottom:50px;}
#content a{color:#003399;}
#content p{padding-top:0px;margin-top:0px;}
#content2 {width:100%;overflow:hidden;padding-bottom:33px}
.pad_left1 {padding-left:20px}
.pad_left2 {padding-left:60px}
.pad_left3 {padding-left:50px}
.marg_right1 {margin-right:20px}
.pad_bot1 {padding-bottom:18px}
.pad_bot2 {padding-bottom:10px}
.list1 li {line-height:20px}
.list1 li a {padding-left:12px;background:url(../images/marker_1.gif) 0 5px no-repeat}
#content2 .list1 li a{background:url(../images/marker_2.gif) 0 5px no-repeat}
#content2 .list1 li {line-height:22px}
.list2 li {line-height:22px}
.list2 li a {padding-left:12px;color:#0f3569;background:url(../images/marker_3.gif) 0 5px no-repeat}
.button {display:inline-block;clear:both;background:#000;font-size:13px;font-weight:bold;color:#fff;text-decoration:none;line-height:30px;padding:0 20px;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(../js/PIE.htc);}
.button:hover {background:#fff;color:#000;box-shadow:1px 1px 4px rgba(0, 0, 0, .4);-moz-box-shadow:1px 1px 4px rgba(0, 0, 0, .4);-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, .4)}
.box1{border:1px solid #b0b2b6;background:#fff;padding:1px;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(../js/PIE.htc);line-height:20px;color:#8d8d8d}
.box1 .inner {background:url(../images/box2.jpg) repeat #f0f1f4;width:100%;overflow:hidden}
.box1 .pad {padding:1px;}
.box2 {background:url(../images/box3.gif) top repeat-x #e0e1e3;font-size:13px;color:#000;line-height:18px;padding:0 5px}
.box2 a {float:right;padding-left:30px;background:url(../images/comments_marker.jpg) 0 6px no-repeat;text-decoration:none}
.box2 a:hover {text-decoration:underline}
.font1 {font-size:18px;color:#0f356b;padding-bottom:20px}
.font2 {color:#000;font-style:italic}
.link1 {font-size:13px;font-weight:bold;color:#000}
.link2 {color:#0f356b}
.color1 {color:#000}
/* footer */
footer {text-align:center;color:#8d8d8d;padding:22px 0}
footer a {color:#fff}
footer ul {list-style-type:none;}
footer ul li {display:inline; margin:0;padding:0; margin-right:15px;}
/* forms */
#ContactForm {font-size:13px;color:#000;font-weight:bold;line-height:25px}
#ContactForm .bg, #ContactForm .bg2 {float:right;width:439px;height:21px;border:1px solid #b0b2b6;background:#fff;padding:1px;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(../js/PIE.htc);margin-bottom:5px}
#ContactForm .bg2 {height:207px}
#ContactForm a {margin-left:10px;margin-top:10px;float:right}
#ContactForm .input {float:right;width:429px;height:17px;background:url(../images/box2.jpg) repeat #f0f1f4;padding:2px 5px;color:#000;font-size:13px;font-family: Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;float:right;width:429px;height:203px;background:url(../images/box2.jpg) repeat #f0f1f4;padding:2px 5px;color:#000;font-size:13px; font-family: Arial, Helvetica, sans-serif}
.pad2{font-size:11px;margin:0px;padding:10px;}
.pad2 img{padding:0;border:1px solid #999;margin-right:2px;}
.kontaktpodaci h3{padding:0;margin:0;line-height:20px;height:20px;}
.kontaktpodaci #label{clear:both;width:140px;float:left;}
.kontaktpodaci img{border:none;}
.pad2 #kontaktvalue{float:left;width:150px;text-align:left;}

#indexgal {clear:both;float:none;padding-top:25px;text-align:center;}
#indexgal li{}
#indexgal li img{width:155px;height:102px;border:5px solid #fff;margin-right:4px;}
#wlinkovi #social{position:absolute;z-index:2;width:400px;height:30px;margin-top:-2px;}
#content h4{margin:0px;padding-top:0px;margin-bottom:5px;}
#content p div{margin:0px;}
.galerija li{
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	margin-bottom:5px;
	margin-right:5px;
	width:170px;
	height:113px;
}
.galerija li img{
	width:160px;
	height:103px;
	border:5px solid #fff;
	padding:0;
	margin:0;
}
#bookcal     {
	float:left;
	width:30px;
	height:25px;
	margin:0px;
	margin-left:5px;
	padding:0px;
	background:url("../images/bookingcalendar.gif") top left no-repeat;
	cursor:hand;
	cursor:pointer;
}

.naslovcjenika, .naslovcjenika #label, .naslovcjenika #col1,.naslovcjenika #col2,.naslovcjenika #col3,.naslovcjenika #col4{
	float:left;
	font-weight:bold;
	color:#2D85FF;
	padding-top:5px;
	padding-bottom:3px;
	text-transform:uppercase;
	border-bottom:0;
	height:40px;
	width:890px;
	
}

.naslovcjenika #col1,.naslovcjenika #col4{
	width:160px;
}

.naslovcjenika #label{
	clear:both;float:left;
	width:200px;
}
.naslovcjenika #col4,.naslovcjenika #col3{
	padding-top:0px;
}
#offer {font-size:11px;}
#offer #label{clear:both;float:left;width:200px;padding-left:5px;height:20px;}
#offer #col1,#offer #col2,#offer #col3,#offer #col4{
	float:left;
	width:160px;
	text-align:center;
	height:23px;	
}
#offer #col2,.naslovcjenika #col2
{
	width:70px;
}
#offer #col3,.naslovcjenika #col3
{
	width:100px;
}
#offer #col4
{
	margin-top:0px;
}
#offer h4{clear:both;}

#lastminute{margin-bottom:-10px;}
#lastminute #label, #lastminute #col2, #lastminute #col3, #lastminute #col4{	margin:0px;padding:0px;height:20px;padding-top:5px;}
.lastminute{margin:0px;}
#offer p{clear:both;padding-top:15px;}
.bck2{background-color:none;}
.bck1{background-color:#deefff;}
.innertext img{ float:left;border:5px solid #fff;width:300px; height:250px;margin:0;margin-right:15px;margin-bottom:5px;}
.innertext #stars{border:none;width:auto;height:auto;margin:0px;}
.innertext #label{float:left;width:198px;height:25px;font-weight:700;}
.innertext #labvalue{float:left;width:340px;height:25px;}
.innertet #aboutssmjestaja{clear:both;}
.kkartice img{width:30px;height:23px;margin-right:2px;border:1px solid #666;}
.order {float:left; color:#111;}
.order textarea, .order #txtarea  {
width:235px;
height:75px;
font-size:11px;
font-family:arial;
overflow:auto;
border:none;
border:1px dotted #0166dd;

}
.order input{
border:1px dotted #0166dd;
padding-left:5x;
}
.mailform {
width:235px;
font-size:11px;
font-family:arial;
border:1px dotted #0166dd;
}
#s2 input{
	width:70px;
}
#s1 input{
	width:60px;
	margin-right:3px;
}
.accselect{
	font-size:11px;
	width:238px;
	border:1px dotted #0166dd;
}
.order .button, .order .button #calendar_avail{
	margin:0px;
	margin-top:2px;
	#margin-top:-3px;
	margin-left:2px;
	padding:3px;
	padding-top:3px;
	padding-left:8px;
	padding-right:8px;
	background-color:#eee;
	border:1px solid #333;
	font-size:11px;
	font-family:arial;
	width:59px;
	color:#111;
}
.order h3{background-color:#0f356b;padding:0;padding-left:10px;color:#fff;width:250px;letter-spacing:-1px;}
.order {border:2px solid #0f356b;padding:0;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(../js/PIE.htc);}
.offerform {height:370px;margin-top:15px;border:1px dashed #fff;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(../js/PIE.htc);padding:10px;background:url("../images/kontaktback.png") 580px 120px no-repeat;}
.offerform p{margin:0;padding:0;clear:both;}
.order .button {margin-left:10px;}
.order p{padding-left:10px;}
.order table{height:240px;margin-left:10px;}
.order table #f1,.offerform .order table #s1,.offerform .order table #s2{padding-top:0px;}
.offerform .kontaktpodaci h3{padding:5px;height:auto;}
.offerform .kontaktpodaci{
	float:left;
	margin-left:40px;
	margin-top:-5px;
	width:550px;
	font-size:14px;
}
.offerform .kontaktpodaci img,.locationinfo .kontaktpodaci h3 img, .contactusinfo .kontaktpodaci h3 img{float:none;}
.booking_kalendar{

	clear:both;
	float:none;
	display:none;
	height:0px;
	position:absolute;
	z-index:100;

}
.offerform form{padding:0;margin:0;}
.booking_kalendar div{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.booking_kalendar img{
	width:auto;
	height:auto;
	border:none;
	background-color:none;
	padding:0;
	margin:0;
}
.booking_kalendar .ajax_loader{
	background-color:#fff;
	margin-left:60px;
	margin-top:70px;
}
.innertext #map_canvas{
	margin-top:0px;
	margin-bottom:25px;
	width:890px;
	height:320px;
	border:5px solid #fff;
	position:relative;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(../js/PIE.htc);
}
.innertext p{

	display:block;
	padding:0px;
	padding-top:2px;
	margin:0px;
	margin-top:10px;
}

#aboutsmjestajatext p
{
	margin:0px;
	padding:0px;
}

#aboutsmjestajatext
{
	margin-top:5px;
}
.locationinfo{
	clear:both;
	padding:0;
	margin-top:10px;
}
.locationinfo .distancestable{
	float:none;
	clear:both;
	width:400px;
	float:left;
	padding:0;
	margin:0;
	margin-top:5px;

}
.locationinfo h4{
	width:400px;
	margin-bottom:5px;
	padding-bottom:5px;
}
.locationinfo .kontaktpodaci{
	float:left;
	margin-left:40px;
	margin-top:-42px;
	padding-top:0px;
	width:440px;
}
.locationinfo .kontaktpodaci h3{
	width:440px;
	height:35px;
	margin:0;
	padding:0;
	margin-bottom:5px;
	padding-bottom:2px;
	font-style:italic;
}
.locationinfo .kontaktpodaci #label{
	width:200px;
	margin:0px;
	padding:0;
	margin-left:10px;
	float:left;
}
.locationinfo .kontaktpodaci #kontaktvalue{
	float:left;
	width:230px;
	margin:0;
	padding:0;
}
#map_canvas img{border:none;width:auto;height:auto;}
.contactusinfo {
	clear:both;
	margin-top:10px;
	height:370px;
	padding:0;
	background:url("../images/kontaktback.png") 550px 120px no-repeat;
}
.contactusinfo #label,.contactusinfo #kontaktvalue {line-height:25px;height:25px;}
.contactusinfo .order{
	float:left;
}
.contactusinfo p{
	clear:both;
	padding-top:5px;
}
.contactusinfo .kontaktpodaci{
	float:left;
	width:580px;
	margin-left:40px;

}
.messageStatus{
	border:2px solid #aaa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:none;
	background-color:#eee;
	border-radius:5px;
	float:left;
	width:245px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#080;
	height:270px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:50px;
	padding-bottom:0px;
}
.messageStatus #message
{
	margin:5px;
}