body
{font-family:Arial;
font-size: 13px;
background: #412f0a url(../../images/poz.jpg) repeat-x;
background-attachment: 
fixed;
line-height:23px;
color:#757575;}

* {margin: 0; padding: 0;}
img {border: 0;}

a {
outline: none;
}

.container
{width:982px;}

#toptop
{background:url(../../images/toptop.png) repeat-x;
height:63px;}

#main
{background:#ecefe7;
width:906px;
padding-left:45px;
float:left;
height: 244px;}

#maintxt
{background:#ecefe7;
width:906px;
padding-left:45px;
float:left;}

#logo1
{background:url(../../images/logo1.jpg) no-repeat;
width:221px;
margin-top:1px;
margin-left:45px;
height:62px;
float:left;}

#logo2
{background:url(../../images/logo2.jpg) no-repeat;
width:221px;
height:53px;
float:left;}

#welcome h2
{color:#515805;text-align:left;margin-left:25px;margin-bottom:15px;width:250px;
margin-top:27px;float:left;}


#welcome p
{text-align:left;font-size:14px;
margin-left:25px;
float:left;
width:230px;
line-height:23px;}

#top {
height: 244px;
}

#top1
{float:left;
width:280px;}

#top2
{float:left;
background:url(../../images/banner.jpg) no-repeat;
height: 213px;
margin-top: 26px;
padding: 5px 2px 0 0;
width: 566px;}

#top3
{float:left;
background:url(../../images/engl.jpg) no-repeat;
height:244px;
width:58px;}

.engl
{background:url(../../images/en.gif) no-repeat;
width:33px;
display:block;
float:right;
margin-top:22px;
height:25px;}

.hrv
{background:url(../../images/hrv.gif) no-repeat;
width:33px;
display:block;
float:right;
margin-top:3px;
height:25px;}

.engl a
{cursor:pointer;
width:46px;
display:block;
float:right;
height:25px;}

.hrv a
{cursor:pointer;
width:46px;
display:block;
float:right;
height:25px;}


#line
{float:left;
margin-left:6px;
text-align: left;}

.link_title, .link_title2 {
display: block;
height: 40px;
width: 127px;
font-weight: bold;
padding: 18px 0 0 23px;
}

.link_title2 {
color: #FFFFFF;
}

.link_txt, .link_txt2 {
font-size: 10px;
color: #FFFFFF;
line-height: 13px;
display: block;
height: 55px;
width: 145px;
padding: 1px 0 0 5px;
}

.link_txt2 {
color: #767676;
}

#link1
{float:left;
background:url(../../images/link1.jpg) no-repeat;
width:170px;
height:137px;}

#link1 a
{float:left;
display:block;
background:url(../../images/link1.jpg) no-repeat;
cursor:pointer;
width:158px;
height:123px;
padding:14px 0 0 12px;
}

#link1 a:hover
{background:url(../../images/link1.jpg) no-repeat;
background-position:right top;}

#link2
{float:left;
background:url(../../images/link2.jpg) no-repeat;
width:170px;
height:137px;}

#link2 a
{float:left;
display:block;
background:url(../../images/link2.jpg) no-repeat;
cursor:pointer;
width:158px;
height:123px;
padding:14px 0 0 9px;}

#link2 a:hover
{background:url(../../images/link2.jpg) no-repeat -170px 0;}

#link3
{float:left;
background:url(../../images/link3.jpg) no-repeat;
width:167px;
height:137px;}

#link3 a
{float:left;
display:block;
background:url(../../images/link3.jpg) no-repeat;
cursor:pointer;
width:155px;
height:123px;
padding:14px 0 0 6px;}

#link3 a:hover
{background:url(../../images/link3.jpg) no-repeat -167px 0;}

#link4
{float:left;
width:168px;
height:137px;}

#link4 a
{float:left;
display:block;
background:url(../../images/link4.jpg) no-repeat;
cursor:pointer;
width:162px;
height:123px;
padding:14px 0 0 6px;
}

#link4 a:hover
{background:url(../../images/link4.jpg) no-repeat;
background-position:right top;}


#link5
{float:left;
background:url(../../images/link5.jpg) no-repeat;
width:169px;
height:137px;}

#link5 a
{float:left;background:url(../../images/link5.jpg) no-repeat;
display:block;
cursor:pointer;
width:164px;
height:123px;
padding:14px 0 0 5px;}

#link5 a:hover
{background:url(../../images/link5.jpg) no-repeat;
background-position:right top;}

#right
{
float:left;
margin-top:60px;
width:236px;
background:url(../../images/right-bg.jpg) repeat-y;
}

#content
{float:left;
margin-top:20px;
width:620px;}

#content p
{text-align:left;width:540px;float:left;
margin-left:5px;}

#content h1
{text-align:left;width:540px;float:left;
font-size:19px;
margin: 0 0 0 5px;
padding: 0;
color: #72913E;
font-weight: normal;}

h1 strong {
color: #989F8B;
font-weight: normal;
}

h2 {
text-align: left;
margin: 0 0 0 5px;
padding: 0;
font-size:19px;
color: #72913E;
font-weight: normal;
}

h3 {
text-align: left;
color: #9DA844;
clear: both;
margin: 0 0 0 5px;
padding: 15px 0 0 0;
font-size: 1.1em;
}

h4 {
font-size: 1.1em;
margin: 0;
border-bottom: 1px solid #afc683;
padding: 0 0 10px;
}


.odlomak
{margin-top:30px;
float:left;}

.odlomak table
{/*border:none;*/margin-left:3px;
float:left;}

.odlomak td
{border:none;}

#maintxt a
{color:#60873b;
text-decoration:none;}

#maintxt a:hover
{color:#9da844;
text-decoration:none;}

.rental, .prices {
margin-top: 10px;
border-top:  1px solid #CACFC2;
border-left:  1px solid #CACFC2;
line-height: 17px;
}

.rental td, .prices td
{width:70px;
font-size:11px;
border-bottom: 2px solid #CACFC2;
padding: 3px 5px;
border-right: 1px solid #CACFC2;
text-align: left;
}

.prices td {
font-size: 12px;
padding: 5px 8px;
width: 80px;
}

.najamni
{float:left;
font-size:10px;}

.rental td.slovo
{
width:25px;
font-weight: bold;}

.rental td.auto {
padding-right: 5px;
width: 90px;
background: #dce0d5;
}

.rental td.dan {
background: #dce0d5;
}

.rental .rental_row2 td {
background: #FFFFFF;
}

.red
{float:left; width:500px;text-align:left;padding-left:7px;margin-bottom:5px;}

.polje
{float:left;width:100px;text-align:left;}

.polje1
{float:left;width:150px;text-align:left;}

.polje2
{float:left;margin-top:3px;}

.posalji
{background:#648a3e;
color:#fff;
border:#b6c449;}

.txt
{border: 1px solid #648a3e;
font-size:10px;padding:2px;}

.crta
{float:left;
width:540px;
background:url(../../images/border.gif) no-repeat;
height:15px;}

.kontakt
{float:left;
width:217px;
margin-left:1px;
background:url(../../images/contact.jpg) no-repeat;
height:67px;}

.must-see
{float:left;
width:217px;
margin-left:1px;
background:url(../../images/must-see.jpg) no-repeat;
height:67px;}

.photo-gallery
{float:left;
width:217px;
margin-left:1px;
background:url(../../images/gallery.jpg) no-repeat;
height:67px;}

.lokacija
{float:left;
width:216px;
margin-top:10px;
margin-left:1px;
background:url(../../images/location.jpg) no-repeat;
height:63px;}

.about
{float:left;
width:216px;
margin-top:10px;
margin-left:1px;
background:url(../../images/about.jpg) no-repeat;
height:63px;}

.about_hrv
{float:left;
width:216px;
margin-top:10px;
margin-left:1px;
background:url(../../images/about.jpg) no-repeat;
background-position:bottom right;
height:90px;}

#right p
{float:left;
margin-left:12px;
width:200px;
text-align:left;
margin-top:8px;}

#right a
{color:#95a083;}

#right a:hover
{color:#b6bea8;}

.naslov
{color:#9E9F31;
text-align:left;
margin-top:15px;
margin-left:12px;
float:left;
font-weight: bold;
font-size: 14px;}

#how
{float:left;
text-align:left;
margin-left:8px;
width:80px;}

#by
{float:left;
text-align:left;
width:100px;}

#bottom
{float:left;
width:830px;
padding-left:20px;
font-size:11px;
border-top:1px solid #cbcdc6;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
text-align:left;}

.virtus {
float: right;
font-weight: bold;
}

#bottom a
{color:#95a083;}

#bottom a:hover
{color:#b6bea8;}

.navigacija
{float:left;
margin-top:30px;
margin-left:230px;}

.navigacija_hrv
{float:left;
margin-top:30px;
margin-left:140px;}

.nav a
{color:#c4d1b1;
text-decoration:none;
padding-left:20px;}

.nav a:hover
{color:#e0ead1;
text-decoration:none;}

/*#slikapozz
{
height:1200px;
display:block;
width:1200px;}*/

.odlomak {
text-align: left;
}

.odlomak img
{float:left;
padding-right:10px;
padding-bottom:10px;}

.odlomak p {
float:left;
margin: 0;
padding: 7px 0;
}


.odlomak ul
{margin-top:5px;
text-align:left;
margin-left:20px;
float:left;
margin-bottom:5px;}

.odlomak ol
{margin-top:5px;
text-align:left;
margin-left:25px;
float:left;
margin-bottom:5px;}


.list {
padding: 0 0 10px 25px;
}

.list li {
padding-bottom: 5px;
}

.odlomak img.img_left, .odlomak img.img_right {
float: left;
margin: 10px 15px 0 5px;
display: inline;
padding: 0;
border: 3px solid #C6DF99
}

.odlomak img.img_right {
float: right;
margin: 10px 60px 0 15px;
}

#content p.unfloat {
float: none;
width: auto;
padding-right: 55px;
}

.clear {
clear: both;
}


/* link buttons */

#sublinks {
clear: both;
height: 35px;
text-align: left;
padding: 5px 0 0 5px;
}

.link_btn {
background: #FFFFFF;
font-weight: bold;
padding: 4px 15px;
margin-right: 5px;
}

#maintxt a.link_btn:hover {
background: #C6DF99;
color: #244F00;
}

.apartman_btn {
padding: 8px 0 10px 5px;
width: 221px;
clear: left;
float: left
}

.apartman_btn a {
display: block;
cursor: pointer;
width: 176px;
text-align: center;
float: left;
}


/* apartmani */

.apartman {
background: #dbe9c2 url(../../images/apartman.gif) repeat-x bottom;
float: left;
text-align: left;
width: 530px;
margin-top: 15px;
line-height: 19px;
padding: 10px;
}

.apartman img {
float: left;
}

.apartman_txt {
float: right;
width: 315px;
}

#content .apartman p {
float: none;
width: auto;
margin: 0;
padding: 10px 0 12px;
}

#content .apartman p.apartman_kraj {
clear: both;
padding: 5px 10px 5px 0;
text-align: right;
font-weight: bold;
background: #CBDFA7;
line-height: 17px;
}



/* galerija */

#gallery {
float: left;
clear: both;
width: 555px;
padding: 10px 0 0 7px;
}

#gallery a {
background: #D5DFC3;
padding: 8px;
float: left;
margin: 0 15px 15px 0;
}

#gallery a:hover {
background: #C6DF99;
}

.odlomak #gallery img {
width: 150px;
padding: 0;
}


/* KONTAKT FORMA */

.kontakt_forma input, .kontakt_forma textarea, .kontakt_forma select {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
width: 250px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px 3px;
background: #FFFFFF;
border: 1px solid #BCBFB3;
float: left;
color: #505253;
}

.kontakt_forma select {
padding: 2px;
width: 258px;
}

.kontakt_forma {
width: 450px;
float: left;
padding: 10px 0 0 5px;
text-align: left;
}

.kontakt_forma label {
width: 145px;
float: left;
margin-top: 6px;
font-size: 1em;
font-weight: bold;
}

.kontakt_forma input.button {
width: 83px;
margin-left: 145px;
height: 25px;
background: #9DA844;
color: #FFFFFF;
border: 1px solid #777F2F;
font-weight: bold;
cursor: pointer;
}

.txt_error, .kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error {
border: 1px solid #FF3F3F;
color: #CF1A0C;
}

.txt_error_img {
float: left;
margin: 4px 0 0 4px;
}

.emph {
font-weight: bold;
}