* { margin:0; padding:0;}
html, body { height:100%;}
body { background:url(images_croatia_hvar_jelsa/content-bg1.png) center top #37271c; font-family:Tahoma, Geneva, sans-serif; font-size:100%; font-weight: bold; line-height:1.125em; color:#410D54;}

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:.91em; font-weight:bold;}
#reservation-form fieldset { border:none;}
#reservation-form .field { display:block; height:55px;} 
#reservation-form label { display:block; padding-bottom:4px;}
#reservation-form select { border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#reservation-form select.select1 { width:40px; margin-right:10px;}
#reservation-form select.select2 { width:127px;}
#reservation-form input { width:23px; text-align:center; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#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;}
table.napomene {width: 850px; margin: auto; padding:5px; text-align:left; border:0px solid #410D54; }
table.datumi {width: 850px; margin: auto; padding:0px; text-align:center; border:3px solid #410D54; border-collapse:collapse;}
td, tr{padding:5px; width:111px;}
.datumi td, tr{border:3px solid #410D54;}
/*==================txt, links, lines, titles====================*/
a {color:#410D54; outline:none;}
a:hover{text-decoration:none;}

h1 { font-family:"Arial", Trebuchet MS, Helvetica, sans-serif; font-size:60px; line-height:1em; color:#410D54; font-weight:normal; letter-spacing:-2px;}
h1 a { color:#410D54; text-decoration:none;}
h2 { font-family:"Arial", Trebuchet MS, Helvetica, sans-serif; color:#410D54; font-size:30px; line-height:1em; font-weight:normal; margin-bottom:12px; letter-spacing:-1px;}
h3 { font-family:"Arial", Trebuchet MS, Helvetica, sans-serif; color:#410D54; font-size:25px; line-height:1em; font-weight:normal; margin-bottom:16px;}
h4 { font-size:.91em;}
h5 { font-size:1.33em; color:#410D54; padding-top:10px; margin-bottom:26px;}
h6 { font-size:1em; color:#410D54;}

.txt1 { font-size:.91em;}
.txt2 { color:#c30000; font-size:1.33em; text-transform:uppercase;}

.link1 { display:block; float:left; background:url(images_croatia_hvar_jelsa/link1-bgd.gif) left top repeat-x; color:#BFD605; text-decoration:none;}
.link1 em { display:block; background:url(images_croatia_hvar_jelsa/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images_croatia_hvar_jelsa/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_croatia_hvar_jelsa/button-side.gif) no-repeat left top; padding-left:1px;}
.button span span { background:url(images_croatia_hvar_jelsa/button-side.gif) no-repeat right top; padding-right:1px; padding-left:0;}
.button span span a { display:inline-block; background:url(images_croatia_hvar_jelsa/button-bg.gif) left top repeat-x; padding:0 0 3px 0; color:#d5c6bb; 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_croatia_hvar_jelsa/button-side.gif) no-repeat left top; padding-left:1px;}
.button1 span span { background:url(images_croatia_hvar_jelsa/button-side.gif) no-repeat right top; padding-right:1px; padding-left:0;}
.button1 span span a { display:inline-block; background:url(images_croatia_hvar_jelsa/button-bg.gif) left top repeat-x; padding:0 20px 3px 20px; color:#d5c6bb; 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_croatia_hvar_jelsa/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

/*==================boxes====================*/
.box { background:#1d110b; width:100%;}
.box .inner { padding:21px 30px 30px 28px;}

.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:535px;} /*background:url(images_croatia_hvar_jelsa/header-bga.png) no-repeat left bottom;*/
#header .row-2.alt { height:278px; background:url(images_croatia_hvar_jelsa/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:10px 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;}
#header .logo strong { color:#ad0000; font-size:.91em; padding-left:5px;}
#header .phones { float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; line-height:1em; color:#c30000; padding:10px 48px 0 0; letter-spacing:-1px;}
#header .phones a{font-size:0.75em; color:#BFD605; text-decoration:none;}
.header-box { background:url(images_croatia_hvar_jelsa/slika1aa.jpg) no-repeat left top; width:950px; height:509px; border:solid medium #FFFFFF;}
.header-box .inner { padding:452px 0 0 2px;}

.header-box-small { background:url(images_croatia_hvar_jelsa/slika1aa.jpg) no-repeat left top; width:950px; height:509px; border:solid medium #FFFFFF;}
.header-box-small .inner { padding:452px 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:55px; line-height:52px; font-size:16px; text-transform:uppercase; font-weight:bold; color:#BFD605; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; margin-right:2px; background:url(images_croatia_hvar_jelsa/nav-bg1.png) no-repeat left top;}
#header .nav li a:hover { background:url(images_croatia_hvar_jelsa/nav-bg3.png) no-repeat left top;}
#header .nav li a.current { background:url(images_croatia_hvar_jelsa/nav-bg3.png) no-repeat left top;}

/*content*/
#content { background:url(images_croatia_hvar_jelsa/content-bg.png) left top; margin:266px 10px;  padding:11px 35px 20px 35px;}
#content .indent { padding:17px 0 20px 0;}

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

.contacts-list dt { font-weight:bold; margin-bottom:10px;}
.contacts-list dd { font-weight:bold;}

#content .gallery { width:100%; }
#content .gallery ul { overflow:hidden; margin:105px -40px -11px -32px; position:relative;}
#content .gallery ul li { background:url(images_croatia_hvar_jelsa/img-wrapper.png) no-repeat left top; width:155px; height:110px; padding:0; float:left; margin-right:3px;}
#content .gallery ul li img {margin:13px 0 0 11px;}

#content .gallery-images_croatia_hvar_jelsa { width:100%;}
#content .gallery-images_croatia_hvar_jelsa ul {overflow:hidden; margin:0 -32px -14px 0; position:relative; padding-bottom:0;}
#content .gallery-images_croatia_hvar_jelsa 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:left; margin:6px 9px 0 0;}

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

.gallery-main { background:url(images_croatia_hvar_jelsa/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:1em; padding:4px 0 15px 0;}
.list1 dt { font-weight:bold; color:#410D54; margin-bottom:12px; padding:0 0 0 4px;}
.list1 dd { border-bottom:1px solid #57473c; font-weight:bold; 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:#c30000; 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;}
.lokacija_sadrzaj{width:900px; margin:auto;}
.mapa{width:640px; height:480px; margin:auto;}
.pricelist{width:880px; margin-left:auto; margin-right:auto;}
.calendar{width:720px; margin-left:auto; margin-right:auto; text-align:center;}
.apartman1{width:850px; height:300px; padding:25px;}
.imgcanvas{border:10px solid #FFFFFF;}
#kuca{ width:880px; height:330px; padding:10px;}
#apartman1{width:880px; height:570px; padding:10px;}
#apartman2{width:880px; height:1020px; padding:10px;}
#hidroavion{width:870px; height:260px; padding:10px;}
/*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 48px 0 45px; color:#e3dad2;}

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