* { margin:0; padding:0;}
html, body { height:100%;}
body { background:url(images/boy-bg.gif) center top #f9f5e9 repeat-x; font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1.125em; color:#333333;}

input, select, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:18px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top; outline:none;}

#reservation-form { font-size:1em; font-weight:bold;}
#reservation-form fieldset { border:none;}
#reservation-form .field { display:block; height:55px;} 
#reservation-form label { display:block; padding-bottom:6px;}
#reservation-form select { border:1px solid #bcbcbc; background:#fff; color:#000;}
#reservation-form select.select1 { width:40px; margin-right:10px;}
#reservation-form select.select2 { width:127px;}
#reservation-form input { width:23px; text-align:left; border:1px solid #bcbcbc; background:#fff; color:#000;}
#reservation-form input.submit { width:100px; text-align:center; border:1px solid #bcbcbc; background:#fff; color:#015be3; margin-left:50px; font-size: 12px; font-weight:bold;}
#reservation-form textarea { width:23px; text-align:left; border:1px solid #bcbcbc; background:#fff; color:#000;}
#reservation-form .button { font-size:1em;}

/*==================list====================*/
ul { list-style:none;}

/*==================other====================*/
.img-indent { margin:0 10px 0 -8px; float:left;}
.img-indent.alt { margin-right:25px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;}

.alt-top { padding-top:9px;}

/*==================txt, links, lines, titles====================*/
a {color:#0066ff; outline:none;}
a:hover{text-decoration:none;}

h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:60px; line-height:1em; color:#0066ff; text-transform:uppercase; font-weight:normal; letter-spacing:-2px;}
h1 a { color:#f3eedd; text-decoration:none;}
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0066ff; font-size:30px; line-height:1em; font-weight:normal; margin-bottom:12px; letter-spacing:-1px;}
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0066ff; font-size:25px; line-height:1em; font-weight:normal; margin-bottom:16px;}
h4 { color:#0066ff; font-size:20px; line-height:1em; font-weight:normal; margin-bottom:5px;}
h5 { font-size:11px; color:#0066ff; padding-top:20px; margin-bottom:5px;}
h6 { font-size:1em; color:#e7e7e7;}

.txt1 { font-size:1.30em;}
.txt2 { color:#0066ff; font-size:1.33em; text-transform:uppercase;}

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.button { text-align:center; font-size:.91em;}
.button span { display:inline-block; background:url(images/button-side.gif) no-repeat left top; padding-left:1px;}
.button span span { background:url(images/button-side.gif) no-repeat right top; padding-right:1px; padding-left:0;}
.button span span a { display:inline-block; background:url(images/button-bg.gif) left top repeat-x; padding:0 0 3px 0; color:#fff; width:152px; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.button span span a:hover { text-decoration:underline;}

.button1 { text-align:center; font-size:.91em;}
.button1 span { display:inline-block; background:url(images/button-side.gif) no-repeat left top; padding-left:1px;}
.button1 span span { background:url(images/button-side.gif) no-repeat right top; padding-right:1px; padding-left:0;}
.button1 span span a { display:inline-block; background:url(images/button-bg.gif) left top repeat-x; padding:0 20px 3px 20px; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.button1 span span a:hover { text-decoration:underline;}

.line-hor { background:#4d3525; height:1px; overflow:hidden; font-size:0; line-height:0; margin:21px 0 16px 0;}
.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

/*==================boxes====================*/
.box { background:#f0f0f0; width:100%;}
.box .inner { padding:21px 30px 30px 28px;}
.box .inner1 { padding:15px 30px 15px 28px;}
.box .inner2 { padding:21px 20px 0 20px;}
.box .hr { border-top:1px solid #c2c2c2; margin-top:30px;}

.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}


/*header*/
#header .row-1 { height:136px; }
#header .row-2 { height:390px; background:url(images/header-bg.png) no-repeat left bottom;}
#header .row-2.alt { height:278px; background:url(images/header-bg1.png) no-repeat left bottom; width:100%; padding:0; margin:0;}
#header .row-2 .indent { padding:13px 0 0 13px;}

#header .logo { float:left; padding:40px 0 0 45px;}
#header .logo em { position:absolute; top:25px; text-transform:uppercase; font-style:normal; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-left:5px; color:#fff;}
#header .logo strong { color:#fff; font-size:.91em; padding-left:5px;}
#header .phones { float:right; padding:90px 25px 0 0; word-spacing:1px;}
.header-box { width:950px; height:330px;}
.header-box .inner { padding:307px 0 0 2px;}

.header-box-small { background:url(images/header-bg-small.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small .inner { padding:195px 0 0 2px;}
.header-box-small-polozaj { background:url(images/polozaj-bg.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small-polozaj .inner { padding:217px 0 0 2px;}
.header-box-small-apartmani { background:url(images/apartmani-bg.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small-apartmani .inner { padding:217px 0 0 2px;}
.header-box-small-galerija { background:url(images/galerija-bg.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small-galerija .inner { padding:217px 0 0 2px;}
.header-box-small-cijene { background:url(images/cijene-bg.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small-cijene .inner { padding:217px 0 0 2px;}
.header-box-small-rezervacija { background:url(images/rezervacija-bg.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small-rezervacija .inner { padding:217px 0 0 2px;}
.header-box-small-apartman1 { background:url(images/apartman1-bg.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small-apartman1 .inner { padding:217px 0 0 2px;}
.header-box-small-apartman2 { background:url(images/apartman2-bg.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small-apartman2 .inner { padding:217px 0 0 2px;}
.header-box-small-apartman3 { background:url(images/apartman3-bg.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small-apartman3 .inner { padding:217px 0 0 2px;}
.header-box-small-apartman4 { background:url(images/apartman4-bg.jpg) no-repeat left top; width:950px; height:252px; }
.header-box-small-apartman4 .inner { padding:217px 0 0 2px;}

#header .nav { width:100%; overflow:hidden;}
#header .nav li { display:inline;}
#header .nav li a { display:block; float:left; width:156px; height:35px; line-height:32px; font-size:16px; text-transform:uppercase; font-weight:bold; color:#000; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; margin-right:2px; background:url(images/nav-bg1.png) no-repeat left top;}
#header .nav li a:hover { background:url(images/nav-bg2.png) no-repeat left top; color:#fff;}
#header .nav li a.current { background:url(images/nav-bg2.png) no-repeat left top; color:#fff;}

/*content*/
#content { background:url(images/content-bg1.png) left top; margin:0 8px;  padding:11px 40px 20px 40px;}
#content .indent { padding:17px 0 20px 0;}

#content ul { padding-bottom:20px;}
#content ul li { background:url(images/bull1.gif) no-repeat left 8px; padding:0 0 0 13px;}


.contacts-list dt { font-weight:bold; margin: 10px 0 10px 0; font-size:14px;}
.contacts-list dd { font-weight:bold; font-size:13px;}

#content .gallery { width:100%; }
#content .gallery ul { overflow:hidden; position:relative;}
#content .gallery ul li { background:url(images/img-wrapper.png) no-repeat left top; width:145px; height:110px; padding:0; float:left; margin-right:3px;}
#content .gallery ul li img {margin:12px 0 0 10px;}

#content .gallery-images { width:100%;}
#content .gallery-images ul {overflow:hidden; margin:0 -32px -14px 0; position:relative; padding-bottom:0;}
#content .gallery-images ul li { float:left; padding:0 0 14px 0; background:none; margin-right:16px;}

#content .img-list li { width:100%; overflow:hidden; background:none; padding:0 0 18px 0;}
#content .img-list li img { float:right; margin:0px 9px 0 0;}

.extra-img { position:relative; margin:0 -9px 0 -8px;}

.gallery-main { background:url(images/gallery-wrapper.png) no-repeat left top; width:607px; height:433px; margin:0 -10px 0 -6px; position:relative;}
.gallery-main .inner { padding:12px 0 0 12px;}
.gallery-main .prev { position:absolute; left:11px; top:12px;}
.gallery-main .next { position:absolute; right:11px; top:12px;}

.list1 { font-size:.91em; padding:4px 0 15px 0;}
.list1 dt { font-weight:bold; color:#827668; margin-bottom:12px; padding:0 0 0 4px;}
.list1 dd { border-bottom:1px solid #57473c; padding:0 5px 7px 4px; margin-bottom:4px; line-height:1.45em;}
.list1 dd span { float:right;}
.list1 dd.alt { border-bottom:none;}
.list1 dd.last { font-weight:bold; color:#0066ff; border-bottom:none;}

#content .list2 { padding-bottom:8px;}
#content .list2 li { font-size:.91em; padding-bottom:8px;}

#content .list3 li a { text-decoration:none;}
#content .list3 li a:hover { text-decoration:underline;}

#content .list4 li { width:100%; overflow:hidden; padding:0; background:none; font-size:.91em; padding-bottom:15px;}
#content .list4 li img { float:left; margin:0 13px 0 0;}

#content .aside ul { font-size:.91em;}

/*footer*/
#footer { font-family:Arial, Helvetica, sans-serif; padding:28px 40px 35px 40px;}
#footer a { color:#e3dad2;}
#footer .nav { text-align:center; padding-bottom:25px;}
#footer .nav li { display:inline;}
#footer .nav li a { padding:0 20px 0 20px; color:#333333;}
#footer .nav1 { text-align:center; padding-bottom:25px;}
#footer .nav1 li { display:inline;}
#footer .nav1 li a { padding:0 5px 0 5px; color:#333333;}

/*==========================================*/