/* CSS Document

-- IBIS DU --
Izrada: www.rei.hr

*/
html *{
	margin:0px;
	padding:0px;
}
body{
	font-family: Arial, sans-serif;
	font-size:62.5%;
	color:#714E3A;
	text-align:center;
}

/* MAIN DEFINITIONS */
/* p, h2, h3 ... */
h2 {	
	font-size:1.3em;
	color:#4370a3;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px solid #e5e5e5;
	font-weight:bold;
	line-height:1.2em;
}
h3 {
	font-size:1.3em;	
	color:#666;
	border:none;
	font-weight:bold;
	line-height:1.6em;
	padding:0;
	margin-bottom:15px;
}
p {
	font-size:1.3em;
	line-height:130%;
	margin-bottom:15px;
}
a {
	color:#cf4444;
	text-decoration:none;
	
	/*
	border-bottom:1px solid #f8d3d3;
	padding:1px 0;
	*/
}
a:hover {
	text-decoration:underline;
	/*
	border-bottom:1px solid #e97d7d;
	*/
}
ul {
	font-size:1.3em;
	margin-bottom:15px;
	line-height:1.4em;
}
strong { font-weight:bold; }
/* HEAD */
#head {
	margin:0 auto;
	width:980px;
	height:260px;
	background:url(../art/head/rotator.php) no-repeat center top;
	text-align:left;
}
#head-admin {
	margin:0 auto;
	width:980px;
	height:110px;
	background:url(../art/head-admin.jpg) no-repeat center top;
	/* background:url(../art/head/rotator.php) no-repeat center top; */
	text-align:left;
}
h1 {
	position:relative;
	width:240px;
	height:80px;
	text-indent:-8000px;  
	top:50px;
	left:35px;
}
h1 a{
	display:block;
	height:80px;
	text-decoration:none;
	border:none;
	padding:0;
	background:url(../art/head-logo.jpg) no-repeat left top;
}
h1 a:hover {
	text-decoration:none;
	border:none;
	background-position:0 -80px;
}
#head a, #head-admin a { /* color:#959595;*/ color:#FFFF00; text-decoration:none; }
#head a:hover, #head-admin a:hover, #headnav a.selected, #headnav-admin a.selected { color:#ffffff; border:none;}
#desc {
	position:relative;
	left:35px;
	top:0;
	width:910px;
	height:40px;
	display:block;
	line-height:3.2em;
	font-size:1.2em;
}
#desc em { 
	font-style:normal; 
	/*color:#717171;*/
    color:#FFFF00;
}
/* HEAD > HEADNAV */
#headnav {
	position:relative;
	left:35px;
	top:100px;
	display:block;
	height:40px;
	width:910px;
	line-height:2.8em;
}
#headnav li { display:inline; padding-left:15px; }
/* HEAD > HEADNAV-ADMIN */
#headnav-admin {
	position:relative;
	left:35px;
	top:70px;
	display:block;
	height:40px;
	width:910px;
	line-height:2.8em;
}
#headnav-admin li { display:inline; padding-left:15px; }

/* CONTAINER, COLUMNS */
#container {
	margin:0 auto;
	padding:10px 45px 0 45px;
	width:890px;
	min-height:340px; /* ovo zeza u IE6 da kada se predje misem preko linka u contentu, footer se spusti dodatno */
	background:url(../art/bg-container.jpg) no-repeat center top;
	text-align:left;
	/* testiranje */
	float:none;
	clear:both;
	height:1%;
}
#left-column {
	float:left;
	width:155px;
}
#right-column {
	float:left;
	width:185px;
}
#center-column {
	float:left;
	width:530px;
	margin:0 10px;
}
#right-column {}
#one-column {
	float:left;
	width:890px;
}
/* CONTENT */
.content {
	padding:15px 15px 0 15px;
	margin-bottom:10px;
	border:1px solid #dcdcdc;
	background:#FFF url(../art/bg-content.gif) repeat-x center top;
}
.important {
	padding:15px 15px 0 15px;
	margin-bottom:10px;
	border:1px solid #4370a3;
	background-color:#e5ebf3;
}
.important p {
	color:#4370a3;
	font-weight:bold;
}
/* FOOTER */
#footer {
	background:url(../art/bg-footer.gif) no-repeat center top;
	text-align:center;
	padding:25px 0 10px 10px;
	clear:both;
}
#footer p { font-size:1.1em; }
#footer p strong { font-weight:bold; }
/* CONTENT > NOVO U PONUDI */
#latest { margin-bottom:10px; }
#latest li {
	padding:5px 0;
	border-bottom:1px solid #f2f2f2;
}
#latest a { 
	display:block;
	color:#916E5A;
	border:none;
	padding-left:15px;
	background:url(../art/icon/arrow.gif) no-repeat left center;
	line-height:1.2em;
}
#latest a:hover { color:#cf4444; }
#side-nav li {
	padding:0;
}
#side-nav a { 
	color:#888888;
	display:block;
	border-bottom:1px solid #DDD;
	background-image:none;

	padding:5px 5px;
	height:1%;
}
#side-nav a:hover { 
	color:#000;
	background-color:#F5F5F5;
}
#side-nav a.selected { color:#4370a3; }


/* ****************** MAIN ******************* */
form { margin-bottom:15px; }
form.main fieldset legend { font-weight:bold; display:none; }
form.main label {
	width:180px;
	float:left;
	display:block;
	padding:2px 0;
}
form.main ol li {
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	width:485px;
	float:left;
	clear:both;
	color:#778eab;
	margin-bottom:5px;
	padding:5px;
	font-size:13px;
	line-height:140%;
}
form.main ol li.odd { 
	background-color:#e3ebf5;
	border-bottom:1px solid #cad8e9; 
	border-right:1px solid #cad8e9; 
}
form.main ol li.even { 
	background-color:#eff5fc; 
	border-bottom:1px solid #d2deec; 
	border-right:1px solid #d2deec;  
}

form.main input, form.main textarea, form.main select { 
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	width:240px;
	font-size:13px;
	padding:0;
	color:#333; 
	float:left;
	border:1px solid #d2deec;
}
form.main .input-button { 
	width:auto; 
	padding:0 5px;
	border:1px solid #5c8db9; 
	background-color:#bacddd;
}
form input:focus, form textarea:focus {
	border:1px solid #4370a3;
}
form input#price:focus, form input#deposit:focus, form input#date:focus { border:2px solid #4370a3; }
ul#acc-rooms-small li {
	width:145px;
	display:block;
	float:left;
	clear:none;
	margin:0 5px 5px 0;
	background:none;
	border-bottom:1px solid #cad8e9; 
	border-right:1px solid #cad8e9; 
}
ul#acc-rooms-small input {
	width:20px;
	margin-right:5px;
}
#icons { 
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	display:block;
}
#icons span {
	width:40px;
	height:40px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
#icons a { border:none; }
.upload-photo {	margin:30px 0 0 180px; }
.upload-photo img {	border:1px solid #000; }

/* flags hover */
#flag {
	float:left;
	margin:5px 0;
}
#flag a {
	display:block;
	width:16px;
	height:11px;
	line-height:1%;
	text-indent:-8000px;
	border:none;
	margin:0 5px 0 0;
	padding:0;
	float:left;
	background:url(../art/icon/flag/all.gif)
}
#flag a:hover {	background-positon:0 -11px; }

#flag a#hr 								{ background-position:0 -11px; }
#flag a#hr:hover, #flag a#hr.selected 	{ background-position:0 0; }

#flag a#gb 								{ background-position:-16px -11px;  }
#flag a#gb:hover, #flag a#gb.selected	{ background-position:-16px 0; }

#flag a#de 								{ background-position:-32px -11px; }
#flag a#de:hover, #flag a#de.selected 	{ background-position:-32px 0; }

#flag a#it 								{ background-position:-48px -11px; }
#flag #it:hover, #flag #it.selected 	{ background-position:-48px 0; }

/* FORM > LOGIN POCETNA  */
#pocetna-login fieldset, .pocetna-search ol { font-size:1.3em; line-height:1.4em; }
#pocetna-login li { margin-bottom:5px; }
#pocetna-login input { 
	width:130px; 
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#333; 
	border:1px solid #CCC;
	background:url(../art/bg-input.gif) repeat-x 0 0; 	
}
#pocetna-login .button, .pocetna-search .button {  
	width:auto; 
	color:#666;
	border:1px solid #666;
	background-image:none;
	background:#EEE;
}
/* FORM > SEARCH POCETNA */
.pocetna-search select { width:155px; }
.pocetna-search li { width:165px; float:left; margin:0;}

/* FORM MAIN */
form.main input, form.main textarea, form.main select { 
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	width:240px;
	font-size:13px;
	padding:0;
	float:left;
}

#acc-rooms-small span { padding: 0 5px; color:#333; font-weight:bold;  }
/* BUTTONS */
a.img-button, a.more-info {
	margin:0;
	padding:0;
	display:block;
	border:none;
	text-indent:-8000px;
}
a.img-button:hover { border:none; }
a#more-options {
	width:120px;
	height:20px;
	background:url(../art/icon/more_options.gif) no-repeat center top;
}
a#more-options:hover { background-position:0 -20px; }
a.more-info {
	width:70px;
	height:20px;
	background:url(../art/icon/more_info.gif) no-repeat center top;
}
a.more-info:hover { background-position:0 -20px; }

/* BANNER */
.banner {
	text-align:center;
	margin:10px 0 15px 0;
}
.banner a img {
	width:120px;
	height:240px;
}
/* SEARCH RESULTS */
.search-result { margin-bottom:15px; }
.search-result h3 {
	font-size:1.2em;
	margin:0;
}
.search-result h3 a {
	color:#e9f4ff;
	line-height:2.4em;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#86b6e5;
	border-top:2px solid #9cc8f2;
	border-bottom:2px solid #6b9dce;
	padding:0 10px;
	display:block;
	
}
.search-result h3 a:hover { 
	color:#FFF;
	background-color:#99c4ee;
	border-top:2px solid #a6cdf3;
	border-bottom:2px solid #7cabd9;
}
.search-result .info {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px 10px 0 10px;
}
.search-result .info a {
	font-size:1.2em;
}
.search-result .photo {
	float:right;
	margin-bottom:10px;
}
.search-result .photo a { 
	border:1px solid #DDD;
	padding:0;
	display:block; 
}
.search-result .photo a:hover { 
	border:1px solid #6b9dce; 
}
.search-result table {
	float:left;
	font-size:1.1em;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	width:345px;
	margin-bottom:10px;
}
.search-result th, .search-result td {
	padding:2px;
}
.search-result th { 
	background-color:#EEE;
	font-weight:bold;
	width:80px;
}
.search-result th, .search-result td { 
	border-bottom:1px solid #DDD; 
	border-right:1px solid #DDD;
	padding:5px;
}

/* ISPIS PODATAKA */
#photos {
	display:block;
	margin-bottom:15px;
}
#photos a {
	border:1px solid #CCC;
	margin-right:1px;
	padding:0;
	display:block;
	float:left;
}
#photos a:hover {
	border:1px solid #86b6e5;
}

#img_big2 {
	width:485px;
}
#img_big_table {
	width:490px;
}
/* TABLE */
table {
	font-size:1.2em;
	line-height:1.4em;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	width:500px;
	margin-bottom:15px;

}
th, td {
	border-bottom:1px solid #DDD; 
	border-right:1px solid #DDD;
	padding:1px;
}
th { 
	background-color:#EEE;
	font-weight:bold;
}
table .odd {}
table .even { background-color:#F5F5F5; }

/* MESSAGE */

.message { margin-bottom:15px; font-size:1.2em; }
.message a {
	color:#666;
	border:1px solid #DDD;
	background-color:#FFF;
	display:block;
	padding:5px 10px;
	line-height:1.6em;
	margin-bottom:5px;
	text-decoration:none;
}
.message a:hover { 
	border:1px solid #666;
	background-color:#F5F5F5;
}
.message a span { display:inline; }
.message a span.desc { white-space:nowrap; }
.message a span.type {
	font-weight:bold;
	padding:2px 20px 2px 0;
	text-transform:uppercase;
}
.message a span.type-accepted, .message a span.type-rejected, .message a span.type-unknown {
	font-weight:bold;
	padding:2px 20px 2px 0;
	text-transform:uppercase;
}
.message a span.type-accepted { background:url(../art/icon/accepted.gif) no-repeat center right; }
.message a span.type-rejected { background:url(../art/icon/rejected.gif) no-repeat center right; }
.message a span.type-unknown { background:url(../art/icon/unknown.gif) no-repeat center right; }