/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	}
body {
	background: #d5d1bb;
	text-align: center;
	}
#logo h1 {
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	padding: 0.3em 0;
	text-indent:-99999px;
}
h2 {
	font: 1.6em "Century Gothic", Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: #003f68;
	margin: 434px 0 0 38px !important;
	margin: 428px 0 0 38px;
	}
h3 {
	letter-spacing: 0.1em;
	color: #003f68;
	margin: 10px 0 6px 0;
	}
h3 {
	font: 1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	}
h4.toggler {
	font: 1em "Century Gothic", Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	cursor: pointer;
	display: block;
	padding: 2px 0 3px 0;
	background-color: #d5c8a9;
	color: #1a4800;
	font-variant: small-caps;
	/*border: 1px solid #c2c1bf;*/
	}
h4.toggler:hover {
	color: #003f68;
	background-color: white;
	}
h3.livo, h2.livo {
	text-align: left;
	text-transform: uppercase;
	}
p {
	font: .9em "Century Gothic", Arial, Helvetica, sans-serif;
	text-align: justify;
	letter-spacing: 0.07em;
	line-height: 1.7em;
	color: #1a4800;
	font-style: normal;
	text-decoration: none;
	}
p.kontakt {
	margin: 10px 0 0 20px;
	color: #CCCCCC;
	font-size: .9em;
	}
.kontakt a {
	font-size: .8em;
	}
p.krizano {
	text-decoration: line-through;
	}
p.razmak_red {
	font-size: .5em;
	line-height: .5em;
	}
p.cijene {
	position: relative;
	display: block;
	width: 540px;
	margin: 10px;
	background-color: #d7caaa;
	}
#jezik p {
	color: white;
	}
/*.kontakt a:link, .kontakt a:visited {
	font-size: .8em;
	text-align: center;
	display: block;
	width: 150px;
	height: 20px;
	padding: 1px 2px 3px 2px; 
	background: #003f68;
	color:white;
	border: 1px solid #d5d1bb;
	}
.kontakt a:hover {
	background: transparent;
	}*/
#felixarba a, #felixarba a:visited {
	color: black;
	}
#felixarba a:hover {
	color: white;
	}
a.poveznica:link, a.poveznica:visited {
	color: black;
	text-decoration: underline;
	}
p.kontakt a.poveznica:link, p.kontakt a.poveznica:visited {
	display: inline;
	padding: 1px 5px 2px 5px;
	background-color: #34650c;
	color: #a3e856;
	border: 1px solid #214f0e;
	text-decoration: none;
	}
a.poveznica:hover, p.kontakt a.poveznica:hover {
	color: white;
	text-decoration: none;
	}
a.jezik {
	font-size: .9em;
	}
a:link.jezik, a:visited.jezik {
	font-style: normal;
	text-decoration: none; 
	color: white;
	}
a:hover.jezik {  
	color: #000000;
	background-color: #b9b29c;
	}
img.okvir, img.okvir_desno {
	padding: 1px;
	background: #d5d1bb;
	border: 10px solid #332d1f;
	}
img.okvir, img.izleti {
	margin: 4px 12px 0 0;
	float: left;
	}
img.okvir_desno {
	float: right;
	margin: 4px 0 0 12px;
	}
img.okvir:hover, img.okvir_desno:hover {
	padding: 1px;
	background: #FFFFFF;
	border: 10px solid #000000;
	}
img.okvir2 {
	text-align: center;
	padding: 1px;
	background: #d5d1bb;
	border: 10px solid #332d1f;
	}
img.okvir2:hover {
	padding: 1px;
	background: #FFFFFF;
	border: 10px solid #000000;
	}
img.uizradi {
	float: left;
	margin: 0 12px 0 0;
	}
img.x2 {
	display: inline;
	border: 0;
	margin: 0;
	padding: 0;
	}
.sadrzaj, #izleti {
	position: relative;
	float: left;
	margin: 24px 0 20px 40px !important;
	margin: 24px 0 20px 20px;
	width: 584px;
	}
.sadrzaj {
	background: url(../images/zvonici.png) bottom right no-repeat;
	}
#izleti, #smjestaj {
	position: relative;
	float: left;
	margin: 24px 0 20px 40px !important;
	margin: 24px 0 20px 20px;
	width: 584px;
	}
.sadrzaj_desno {
	position: relative;
	float: left;
	width: 300px;
	margin: 30px 0 0 13px;
	}
#glavni {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: auto;
	}
#logo {
	position: relative;
	float: left;
	width: 238px;
	height: 168px;
	margin: 0 0 0 30px;
	background: url(../images/logo-trans.png);
	}
#glava_livo, #glava_livo_onama, #glava_livo_restaurant, #glava_livo_soba, #glava_livo_rab, #glava_livo_izleti, #glava_livo_lokacija, #glava_livo_dogadjanja, #glava_livo_zapazanja, #glava_livo_kontakt {
	float: left;
	width: 637px;
	height: 464px;
	}
#glava_livo {
	background: url(../images/glava_livo_apartman.jpg);
	}
#glava_livo_onama {
	background: url(../images/glava_livo_onama.jpg);
	}
#glava_livo_restaurant {
	background: url(../images/glava_livo_restoran.jpg);
	}
#glava_livo_soba {
	background: url(../images/glava_livo_soba.jpg);
	}
#glava_livo_rab {
	background: url(../images/glava_livo_rab.jpg);
	}
#glava_livo_izleti {
	background: url(../images/glava_livo_izleti.jpg);
	}
#glava_livo_lokacija {
	background: url(../images/glava_livo_lokacija.jpg);
	}
#glava_livo_dogadjanja {
	background: url(../images/glava_livo_dogadjanja.jpg);
	}
#glava_livo_zapazanja {
	background: url(../images/glava_livo_zapazanja.jpg);
	}
#glava_livo_kontakt {
	background: url(../images/glava_livo_kontakt.jpg);
	}
#glava_desno, #glava_desno_onama, #glava_desno_restaurant, #glava_desno_soba, #glava_desno_rab, #glava_desno_izleti, #glava_desno_lokacija, #glava_desno_dogadjanja, #glava_desno_zapazanja, #glava_desno_kontakt {
	float: left;
	width: 323px;
	height: 464px;
	}
#glava_desno {
	background: url(../images/glava_desno_apartman.jpg);
	}
#glava_desno_onama {
	background: url(../images/glava_desno_onama.jpg);
	}
#glava_desno_restaurant {
	background: url(../images/glava_desno_restoran.jpg);
	}
#glava_desno_soba {
	background: url(../images/glava_desno_soba.jpg);
	}
#glava_desno_rab {
	background: url(../images/glava_desno_rab.jpg);	
	}
#glava_desno_izleti {
	background: url(../images/glava_desno_izleti.jpg);	
	}
#glava_desno_lokacija {
	background: url(../images/glava_desno_lokacija.jpg);	
	}
#glava_desno_dogadjanja {
	background: url(../images/glava_desno_dogadjanja.jpg);
	}
#glava_desno_zapazanja {
	background: url(../images/glava_desno_zapazanja.jpg);
	}
#glava_desno_kontakt {
	background: url(../images/glava_desno_kontakt.jpg);
	}
#jezik {
	margin: 10px 0 0 35px;
	}
#sadrzaj {
	position: relative;
	float: left;
	width: 960px;
	background: url(../images/sadrzaj.png);
	z-index: 20;
	}
#dno {
	position: relative;
	float: left;
	width: 960px;
	min-height: 200px;
	}
#dno_livo {
	position: relative;
	float: left;
	width: 27px;
	height: 200px;
	background: url(../images/dno_liva_sjena.jpg);
	}
#dno_sredina {
	position: relative;
	float: left;
	width: 610px;
	height: 200px;
	background: url(../images/dno_smedje.jpg);
	}
#felixarba {
	position: absolute;
	width: 100%;
	text-align: right;
	left: -10px;
	top: 170px;
	}
#felixarba p {
	font-size: .7em;
	text-align: right;
	color: #e6e7dd;
	}
#felixarba i {
	color: red;
	}
#dno_desno {
	position: relative;
	float: right;
	width: 323px;
	height: 200px;
	background: url(../images/dno_desno_zeleno.jpg);
	}
#telefon {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	background: url(../images/telefon.jpg);
	}
/* glavna navigacija ---------------------------------*/
#nav {
	position: relative;
	float: left;
	width: 260px;
	height: auto;
	text-align: left;
	margin: 38px 0 0 0;
	/*background: url(../images/meni.png);*/
	}
ul#nav {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	list-style-type: none;
	padding: 40px 20px 0 20px;
	}
li {
	display: inline;
	}
li a {
	text-align: right;
	/*border-bottom: 1px solid #baaf94;*/
	width: 100%;
	color: white;
	display: block;
	padding: 4px 0 4px 0;
	text-decoration: none;
	}
li a:hover {
	width: 100%;
	color: #FFFFFF;
	background: #3e7b2a;
	/*font-weight: bold;*/
	}
li.pozicija a {
	font-weight: normal;
	width: 100%;
	color: #FFFFFF;
	background: #3e7b2a;
	padding-left: 20px;
	text-align: left;
	font-weight: bold;
	background: url(../images/strelica_nav-trans.png) left no-repeat;
	}
/* glavna navigacija kraj ----------------------------*/
#rab {
	width: 97%;
	text-align: left;
	}
#rab li {
	border-bottom: 1px solid #a59f97;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	width: 100%;
	color: #003f68;
	display: block;
	padding: .4em .5em;
	letter-spacing: 0.08em;
	text-decoration: none;
	}
/* dno navigacija ------------------------------------*/
#linkovi {
	float: left;
	width: 200px;
	margin: 20px 30px 0 20px;
	}

#linkovi li {
	font: .8em "Century Gothic", Arial, Helvetica, sans-serif;
	width: 100%;
	}
#linkovi li a {
	text-align: center;
	border-bottom: 1px solid #a59f97;
	}
/* dno navigacija kraj -------------------------------*/

/* tablica -----------------------------------*/
table.udaljenost, table.trajekt{
	background: #baaf94;
	}
table.udaljenost td, table.trajekt td {
	background: #d5d1bb;
	}
table.udaljenost td:hover, table.trajekt td:hover {
	background: #FFFFFF;
	}
.cijene, .foot {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	margin: 2px 3px 2px 3px;
	font-weight: normal;
	}
.foot {
	color: #003f68;
	}
/* tablica kraj ------------------------------*/

/* izleti --------------------------------------------*/
div.element {
	position: relative;
	float: left;
	width: 100%;
	background-color: #c9bd9f;
	display: block;
	}
div.element p {
	padding: 1em;
	}
div.element p.cijene {
	text-align: left;
	color: black;
	}
#izleti h3 {
	text-align: center;
	}
/* izleti kraj ---------------------------------------*/

/* forma ---------------------------------------------*/
.contactform {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-align: justify;
	letter-spacing: 0.07em;
	line-height: 1.7em;
	color: #1a4800;
	font-style: normal;
	text-decoration: none;
	width:400px; height:auto;
	display:block;
}
span {
	display:block;
	margin:0 0 0 10px;
	font-size:1.2em;
	color:#003f68;
}
fieldset {
	border:1px #d5d1bb solid;
	margin-bottom:15px;
	padding:15px;
}
label {
	font-size:.9em;
	color:#1a4800;
	font-weight:normal;
}
.textbox {
	background-color:#d5d1bb;
	width:300px;
	border:1px solid #1a4800;
	color:#333;
	margin-bottom:10px;
	font-size:1em;
	padding:3px 5px;
}
.submit {
	display: block;
	cursor: pointer;
	width: 140px;
	height: 24px;
	font-size:.9em;
	color:white;
	border: 1px solid #d5d1bb;
	background-color: #003f68;
}
.submit:hover {
	background: transparent;
	}
/* forma kraj -----------------------------------*/

/* apartmani + sobe -----------------------------*/

ul.podjela {
	position: relative;
	float: left;
	margin-top: -6px;
	padding-bottom: 10px;
	}
ul.podjela li {
	float: left;
	display: block;
	width: 274px;
	margin: 15px 0 0 11px !important;
	margin: 15px 0 0 6px;
	border: 1px solid #c2c1bf;
	}
ul.podjela li.green {
	background: #96ad6f url(../images/green.jpg) top repeat-x;
	}
ul.podjela li.orange {
	background: #ebac70; /* url(../images/orange.jpg) top repeat-x */
	}
ul.podjela li.krem {
	text-align: left;
	display: block;
	width: 560px;
	height: auto;
	top: 15px;
	background-color: #d5c8a9;
	}
ul.podjela li p {
	text-align: left;
	font-size: .8em;
	}
li.orange a.gallery {
	margin: -2px 0 0 -2px;
	text-decoration: none;
	border-bottom: none;
	display: inline;
	}
a.gallery:hover {
	background: none;
	}
li.krem span {
	color: red;
	font-size: .9em;
	margin: 0;
	padding: 0;
	}
/* apartmani + sobe kraj -----------------------*/

/* dogadjanja ----------------------------------*/
ul.dogadjanja li {
	font: .8em "Century Gothic", Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	margin: 0 0 10px 50px;
	}
ul.dogadjanja {
	margin-top: -25px;
	}
span {
	font-size: 1.1em;
	display: block;
	width: 100%;
	height: 30px;
	padding: 10px 0 0 0;
	margin: 0 -10px 0 0;
	border-bottom: 1px solid #d5c8a9;
	}
/* dogadjanje kraj ----------------------------*/

/* citat --------------------------------------*/
ul.citat {
	display: block;
	float: right;
	margin: 0 0 5px 10px;
	width: 300px;
	height: auto;
	border: 1px solid gray;
	background: #c9bd9f url(../images/navodnici.gif) top left no-repeat;
	}
ul.citat li p {
	font: .9em "Century Gothic", Arial, Helvetica, sans-serif;
	text-align: justify;
	font-style: italic;
	line-height: 1.4em;
	letter-spacing: .08em;
	padding: 10px;
	color: #003f68;	
	}
ul.citat li p.desno {
	float: right;
	}
/*citat kraj ---------------------------------*/