body { 
font-family:verdana; 
font-size:11px; 
color:#222222; 
margin: 0px;
background-color: AntiqueWhite ;
padding: 80px 0px 0px 0px;
}
a { 
color: OrangeRed;
cursor: hand; 
font-family: verdana; 
font-size: 12px; 
text-decoration: none;
}
a:hover { 
color: navy; 
cursor: hand;
text-decoration: none; 
border-bottom: #333366 0px solid;
}
/*
#A0522D
*/
.bord {
border:8px solid Tan;
}
.navi_sve {
padding-top:70px;
}
#content, .section {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}



/*NAVIGACIJA*/
#navcontainer{
list-style-image:none;
list-style-position:outside;
margin: 0;
padding-left:0px;
list-style-type: none;
width:250px;
}

#navcontainer ul{
margin: 0;
padding: 0;
}

#navcontainer li { 
margin: 0 0 3px 0;
font-size:10px;
font-weight: bold; }

#navcontainer a{
display: block;
color: #B22222;
/*background-color: #B22222;*/
border-bottom:1px dashed #ededed;
width: 155px;
padding: 3px 10px;
text-decoration: none;
font-size:10px;
}

#navcontainer a:hover{
background-color: white;
color: #B22222;
border-left:10px solid white;
}

#navcontainer .sup ul { 
margin: 3px 0 0 0;
list-style-image:none;
list-style-type: none;
padding-left: 25px;
width:160px;
font-size:9px;
}

#navcontainer .sup ul li {
font-weight: normal;
}
#navcontainer .sup ul li a {
font-size:10px;
font-weight: normal;
padding:2px 0 2px 6px;
width: 144px;
/*background-color: #ededed;*/
color:#B22222;
}
#navcontainer .sup ul li a:hover {
background-color: #CD5C5C;
color: #FFF;
border-left:2px solid white;
}

/* sadrzaj slidera*/

#content {
background-color:Tan;
height:460px;
overflow:hidden;
position:relative;
width:629px;
margin:0;
padding:0;
}


.section {
position:relative;
width:3300px;
display:block;
clear: both;
}
.section .sub {
float:left;
height:453px;
padding:4px;
position:relative;
width:620px;
border:0px solid #EDCC00;
}
/*height: 450, W: 618*/
.section ul {
/*clear: both;    style="clear: both;"*/
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;

}
.section li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.section .sub p {
font-size:85%;
line-height:1.4em;
margin:16px 0;
width:550px;
}

.naslov { 
font-family: Helvetica;
font-weight: normal;
text-align:right;
color: white; 
font-size: 26px;
padding: 9px 35px 0 15px;
}

.fotke_kont{
padding:27px 65px 0 15px;
text-align:right;
}

/*KONTAKT BOX SA ADRESOM I TEL*/
.kontakt_box dl {
font-weight: bold;
font-size: 12px;
text-align:left;
display: block;
padding:20px 0px 0 275px;
margin:5px;
}
.kontakt_box dl dt{
padding-left:0px;
font-size: 14px;
text-align:left;
display: block;
color: #990000;
padding: 0px 18px;
/*border-bottom:1px solid #e6e6fa;*/
}
.kontakt_box dd{
font-size: 11px;
font-weight:normal;
color: #8B4513;
padding: 1px 0px;
}

/*KONTAKT TABLICA*/
.kontakt_form {
font-size: 12px;
text-align:left;
display: block;
padding:10px 0px 0 275px;
margin:5px;
}
.kontakt_form td{
font-size: 10px;
text-align:left;
color: white;
padding: 1px 3px;
border-bottom:1px solid #D3D3D3;
}


/*greska u ajaxu kod dogadjanja*/
.ev_no{
background:url("pictures/background.png") repeat-x fixed 0 0 #FFFFFF;
padding:8px;
margin:10px;
text-align:center;
}
.ev_no_text{
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
color:#fff;
padding:10px 20px;
background-color:#990000;
}
/*MODALI UI*/
.modal_head{
padding:10px 5px 5px 5px;
font-weight:bold;
}
.modal_body{
padding: 5px;
line-height:18px;
}


/*NABRAJANJA SPEC. SMJESTAJA DL*/
.dlUsluge dl {
font-weight: bold;
font-size: 12px;
text-align:left;
display: block;
padding: 20px 0px 0 260px;
margin:5px;
}
.dlUsluge dl dt{
padding-left:0px;
font-size: 10px;
text-align:left;
display: block;
color: #990000;
padding: 3px 18px;
/*border-bottom:1px solid #e6e6fa;*/
}
.dlUsluge dd{
font-size: 10px;
font-weight:normal;
color: white;
padding: 1px 0px;
}
.dlUsluge dd td{
font-size: 10px;
text-align:center;
color: white;
padding: 1px 0px;
border-bottom:1px solid white;
}
.dlUsluge dd a{
font-size: 10px;
font-weight:normal;
color: #990000;
}
.dlUsluge dd a:hover{
font-size: 10px;
font-weight:normal;
color: #FF6600;
}

.povijest { 
position:absolute; 
left:20px; 
top:135px; 
width:150px; 
height:auto; 
z-index:1;
text-align:left;
color: white; 
font-size: 10px;
padding:3px;
border-bottom:2px dashed white;}

#content  img.borderit{
border: 1px solid navy;
padding:3px;}
#content .borderit:hover img{
border: 1px solid #ccc;}
#content .borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */}


.btshrt {
	border: 1px solid white;
	padding:2px;
	margin:1px;
	}
a:hover img.btshrt {
	border: 1px solid #6188CA;
	align=middle;
	}
	
.pictro {
	border: 3px solid white;
	padding:2px;
	margin:1px;
	}
a:hover img.pictro {
	border: 3px solid orange;/*/#6188CA*/
	align=middle;
	}
	
/*TOOLTIP */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

/* REVIEWS*/
/*NABRAJANJA SPEC. SMJESTAJA DL*/
.revOpis {
font-weight: normal;
font-size: 11px;
text-align:left;
display: block;
padding: 170px 0px 0 380px;
margin:5px;
color: #990000;
}

/*usvojeno*/
#page-wrap{
font: 11px Verdana, sans-serif;
text-align:left; 
color: white;
width: 335px; 
margin: 0px auto; 
position:absolute; 
left:10px; 
top:46px;
z-index:1; }

.scroll-pane{ 
8border:1px solid #EBEBEB;
width: 335px; 
overflow: auto; 
padding:5px; 
height: 370px; }

.jScrollPaneContainer{ 
position: relative; 
overflow: hidden; 
z-index: 1; }

.jScrollPaneTrack{ 
position: absolute; 
cursor: pointer; 
right: 0; 
top: 0; 
height: 100%;
border-left:1px dashed #ededed;
padding: 2px;
 }

.jScrollPaneDrag{ 
position: absolute;
cursor: pointer; 
overflow: hidden;
background-color:#ededed; }


					  
/*----------------------Svaki slider border-----------------------*/
#accommodation {

	background: url('../pictures/carija-home.jpg') no-repeat;}
#room_1 {
	/*border:1px solid #ffffff;*/
	background:url('../pictures/room-trogir-1.jpg') no-repeat;}
#room_2 {
	background:url('../pictures/room-trogir-2.jpg') no-repeat;}
#room_3 {
	background:url('../pictures/room-trogir-3.jpg') no-repeat;}
#apartment {
	background:url('../pictures/room-trogir-4.jpg') no-repeat;}
#Trogir {
	}
#Contact {
	background:url('../pictures/kontakti-back.jpg') no-repeat;}
#Reviews {
	background:url('../pictures/guest-reviews-back.jpg') no-repeat;}

.date-pick {  
	font-family:Verdana, Helvetica;
	font-size:10px;
	color:white;
	padding-left:3px;
	border:1px solid #999999;
  background-color:#6e796c;
}

.date-picka {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  font-weight: regular;
  color: white;
  border: 1px solid #999999;
  padding-left:3px;
  background-image: url(../pictures/icon_date.gif);
  background-repeat:no-repeat;
  cursor:pointer;
  background-position:right;
  background-color:#6e796c;
}

.date-picka.active{  
     background: #ddeff6; 
	 background-image: url(../pictures/icon_date.gif); 
	 background-repeat:no-repeat;
	 background-position:right;
     border: 1px solid #0099d4;
	 color:#6e796c;
}


a.dp-choose-date {
font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  font-weight: regular;
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0px 0px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../pictures/icon_date.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 70px;
	float: left;
		border: 1px solid #999999;
}


#message{ 
width:200px;
padding:40px 0 0 92px; }
#message h2	{ font-size:120%;color:white; }
#message p{ color:white;font-weight:bold;margin:6px 0px; }
#checkmark{ 
position:relative;
top:-40px;
left:-60px;
}
#message2{ 
width:200px;
padding:40px 0 0 92px; }
#message2 h2	{ font-size:120%;color:white; }
#message2 p{ color:white;font-weight:bold;margin:6px 0px; }
#checkmark2{ 
position:relative;
top:-40px;
left:-60px;
}

/* PRIKAZ REWIEVSA*/
.rewsi{
font-size:10px;
padding:2px 4px;
width:auto;
text-align:right;
border-bottom:1px solid #666666;
}
.rewsi .dime {
color:black;
text-align:left;
padding-left:3px;

}
.rewsi .dmess{
padding-top:2px;
padding-bottom:2px;
text-align:left;
}



.inputi {  
	font-family:Verdana, Helvetica;
	font-size:10px;
	color:white;
	padding-left:3px;
	border:1px solid #999999;
  background-color:#6e796c;
}
.inputi.active{  
     background: #ddeff6;  
     border: 1px solid #0099d4;
	 color:#6e796c;  
}

.buttns { 
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  font-weight: normal;
  background: #6e796c;
  color: #ffffff;
  border: 0px solid white;
  padding: 2px 15px 2px 15px;
  cursor:pointer;
}

.buttns:hover {
    background: #ededed;
	color:#000;
}

.inputia {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  font-weight: regular;
  color: #000033;
  border-width: 1px;
  border-color: #CBDBF7;
  border-style: solid;
  padding-left:5px;
}

.footy {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: regular;
color: #000033;

text-align:center;
padding:2px;
}

.footy a{
font-size: 10px;
color: #A52A2A;
}
.footy a:hover{
color: YellowGreen;
}






.aster { font-family: verdana, Helvetica; font-size: 11px; COLOR: #ff0000; text-align:left; }
.reze { font-family: verdana, Helvetica; 
font-size: 11px; 
color: #222222; 
padding-right:6px; 
text-align:right;
}