html {
height:100%;
}

body {
font-family:verdana, arial, sans-serif;
font-size:.74em;
margin:0;
margin-top: 15px;
padding:0;
background-color:#4F7DB9;
color:#3E4244;
}

blockquote {
background-color:#F1F4F5;
color:#3E4244;
border-color:#D4DBDE;
}

p {
line-height:20px;
margin:0;
padding:5px 0px 20px 0px;
}

table{
line-height:20px;
}

h1 {
font-family:verdana, tahoma, arial, sans-serif;
color: #244066;
font-size:76%;
font-weight:400;
margin:0;
}

img {
border:0;
}

ul {
margin:8px 0 0 14px;
padding:0;
}

ul li {
list-style-type:square;
margin:0 0 11px;
padding:0;
}

#body {
width:650px;
margin-left:auto;
margin-right:auto;
}

#zastavice {
width:40%;
float:right;
text-align:right;
height:30px;
padding:9px 9px 0 0;
background-color:transparent;
}

#zastavice img {
margin-right:1px;
border:1px solid #739ACE;
}


#glava {
width:650px;
height:155px;
border-top:1px solid;
border-left:1px solid;
border-right:1px solid;
padding:0;
background:#4F7DB9 url(images/supetar.jpg) no-repeat;
background-position: bottom;
color:#3E4244;
border-color:#FFF;
}

#glava h1 {
width: 50%;
float:left;
background-color:transparent;
padding:5px 0 0 9px;
}

#glava h1 a{
color:#FFF;
letter-spacing:-0.1em;
text-decoration: none;
font-family:verdana, arial, sans-serif;
font-size:190%;
font-weight:400;
}

#sadrzaj {
width:652px;
height:auto;
text-align:justify;
overflow:hidden;
padding:0;
}

#sadrzaj,#lijevo,#desno {
background-color:#FFF;
color:#244066;
}

#lijevo {
width:143px;
float:left;
padding:15px 0 15px 14px;
}

#lijevo h1 {
padding:0 0 18px;
}

#navigacija {
position:relative;
width:146px;
float:left;
height:200px;
margin:0 0 15px;
padding:8px 0 0;
background:#FFF url(images/bg.jpg) repeat-x;
color:#244066;
}

#navigacija ul {
list-style:none;
text-align:left;
width:146px;
margin:0 auto;
padding:0;
}

#navigacija li {
list-style:none;
float:left;
margin:0;
}

#navigacija li a {
float:left;
height:14px;
text-decoration:none;
width:124px;
border-bottom:1px solid;
padding:3px 10px 4px 12px;
background-color:transparent;
color:#244066;
border-color:#FFF;
}

#navigacija li a#selected {
background-color:#4F7DB9;
color:#FFF;
border-color:#FFF;
}
#navigacija li a#selected:hover {
background-color:#244066;
color:#FFF;
border-color:#FFF;
}
#navigacija li a:hover {
background-color:#4F7DB9;
color:#FFF;
border-color:#FFF;
}

#navigacija #naslov {
padding:0 0 14px 12px;
font-family:verdana, tahoma, arial, sans-serif;
font-size:156%;
font-weight:400;
margin:0;
}

#desno {
text-align:justify;
width:440px;
float:right;
padding:0 22px 15px 0;
}

#desno h2 {
color:#244066;
height:28px;
font-size:2em;
letter-spacing:-0.1em;
border-bottom:2px solid #E4EBF5;
margin:20px 0 12px;
padding-bottom:1px;
font-family:verdana, tahoma, arial, sans-serif;
font-weight:400;

}

#supetar ul {
margin:8px 0px 10px 14px;
padding:0px;
}

#supetar li {
list-style-type:square;
margin:0px 5px 0px 0px;
line-height:17px;
padding:0px;
}

#supetar p {
line-height:18px;
margin:0;
padding:5px 0px 13px 0px;
}

img {
margin-right:7px;
padding:1px;
border:1px solid #244066;
}

#desno a:hover{
color:#244066;
border-bottom: 0px;
}

#cjenik table, #cjenik td, #cjenik th, #taksa table, #taksa td, #taksa th{
border:1px solid #E3ECF5;
margin-bottom:10px;
}

#slike{
padding:0px 0 0 20px;
}

#accommodation{
padding:0px 0 10px 7px;
}

#apartmentc{
margin:10px 0 5px 7px;
}


#slike img,#accommodation img{
padding:1px;
border-bottom: 0px;
border:1px solid #244066;
margin-right:0px;
}

#slike div{
margin-right:10px;
line-height:20px;
margin-bottom:10px;
float:left;
text-align:center;
}

#accommodation div{
margin-right:7px;
line-height:20px;
margin-bottom:10px;
float:left;
text-align:center;
}

#accommodation p {
margin-right:10px;
line-height:20px;
margin-bottom:5px;
}

#apartmentc p {
margin:0px 10px 0px 0px;
padding:0px;
clear:both;
}

#apartmentc div{
line-height:18px;
padding:0px;
float:left;
width:50%;
margin:0px 0px 15px 0px;
}

#slike div a, #slike div a:hover,#slike div a:visited, #slike div a:active{
border-bottom: 0px;
}

#accommodation div a, #accommodation div a:hover,#accommodation div a:visited, #accommodation div a:active{
border-bottom: 0px;
}

h3{
color:#244066;
height:28px;
font-size:2em;
letter-spacing:-0.1em;
border-bottom:2px solid #E4EBF5;
margin:10px 0 12px;
padding-bottom:1px;
font-family:verdana, tahoma, arial, sans-serif;
font-weight:400;
float:left;
width:98%;
clear:both;
}

h4{
color:#244066;
font-family:verdana, tahoma, arial, sans-serif;
font-size:1em;
letter-spacing:2px;
width:98%;
margin:0 0 12px;
padding-bottom:1px;
}

#contactInfo{
line-height:20px;
margin:0;
padding:5px 0px 15px 0px;
}

#contactInfo img{
float:right;
margin-right:0px;
}

#contactFields{
line-height:20px;
float:left;
width: 20%;
padding:0px;
margin-bottom:10px;
}

#contactInput{
line-height:20px;
float:right;
width: 80%;
padding:0px;
margin-bottom:10px;
}

input,textarea {
font-family:verdana, arial, sans-serif;
font-size:100%;
border:1px solid #244066;
background-color:#FFF;
color:#244066;
width:270px;
}

textarea {
height:100px;
white-space: nowrap;
}

.submit {
margin-top:10px;
width:70px;
text-align:center;
margin-left:90px;
font-weight:bold;
}


#desno a,#desno a:hover {
text-decoration:none;
padding:0;
}

#desno a {
background-color:transparent;
color:#244066;
border-bottom: 1px dashed;
}

#rep {
float:left;
width:652px;
text-align:center;
height:22px;
padding:9px 0 3px;
}

#rep,#rep a {
background-color:#E4EBF5;
color:#244066;
}

#rep a:hover {
background-color:#E4EBF5;
border-bottom: 1px dashed;
}

form {
margin-top:0;
}

#links {
width:650px;
text-align:right;
height:22px;
padding:0px 0px 3px 0px;
}
/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left'*/
#links,#links a {
background-color:transparent;
color:#244066;
}

#links a:hover {
background-color:transparent;
color:#FFF;
}

#links a,#links a:hover,#rep a,#rep a:hover {
text-decoration:none;
}

.errorbox-input {
color: red;
border: solid 1px red;
background-color: #ffdcdc;
}