body {
text-align: center;
width: 950px;
margin: 0 auto;
}
#cje {
text-align: center;
width: 705px;
margin-top: 10px;
}

a {
	font-size: 14px;
	font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #CCC;
}
a:active {
	color: #CCC;
}
div#header {
	margin-bottom: 13px;
}
div#menu {
float:left;
width: 217px;
background-color: #e7e7e7;
padding-bottom: 10px;  /* X + padding-bottom */
margin-bottom: 10px;  /* X */
text-align: left;
font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#topleft {
float:left;
width: 719px;
height: 242px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background-color: #65d0da;
}
.Wrub {
	font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.Wrub_sivi {
	font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #333;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.White {
	font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
text-align: left;
color: #FFFFFF;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
.Whitex {
	font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
text-align: left;
color: #FFFFFF;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
.sivo {
	font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: bold;
text-align: left;
color: #333;
}
div#downleft {
float:left;
width: 270px;
height: 327px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background:url(../slike/front3.jpg)
}
div#downleftx {
float:left;
width: 270px;
height: 327px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background-color: #CCF;
}
div#downright {
	float:right;
	width: 438px;
	height: 327px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background:url(../slike/frontroom.jpg)
}
div#downrightindex {
	float:right;
	width: 438px;
	height: 327px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background:url(../slike/frontroom1.jpg)
}
div#downright_hr {
	float:right;
	width: 438px;
	height: 327px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background:url(../hr/sli/frontroom.jpg)
}
div#downrightkarta {
	float:right;
	width: 438px;
	height: 327px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
}
#phobs_book {
	padding: 0px;
	margin: 0px;
		font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	padding-left: 5px;
}
#phobs_book .booking_naslov {
	font-size: 10px;
}
#phobs_book select {
		font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
}
#phobs_book .destination, #phobs_book .hotel {
	width: 135px;
}
#phobs_book p {
	padding: 2px 0px;
	margin:0px;
	font-size: 10px;
}
#phobs_book .button {
	border: 1px solid #369;
		font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003399;
	background-color: #EEE;
	width: 94px;
}
#phobs_book .access_code {
		font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 130px;
	border: 1px solid #CCC;
}
#phobs_book a.view_cancel {
		font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #069;
	text-decoration:none;
}
#phobs_book a.view_cancel:hover {
	text-decoration:underline;
	color: Red;
}
.textdno {
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
font-size: 7pt;
color: #868686;
}
.dobrodosli {
font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14pt;
color: #333;
}
div#macro1{
	float:left;

	width: 719px;
	height: 110px;
	margin-bottom: 13px;
	margin-left: 13px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #65d0da;
	text-align: left;
}
div#macro2{
float:left;
width: 719px;
height: 110px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background-color: #DFC394;
}
div#macro3{
float:left;
width: 719px;
height: 110px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background-color: #E09B94;
}
div#macro4{
float:left;
width: 719px;
height: 110px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background-color: #95DFA0;
}
div#macro5{
float:left;
width: 719px;
height: 110px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background-color: #003399;
}
.macrostil {	font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18pt;
}
div#cjenik{
	float:left;
	width: 719px;
	height: 351px;
	margin-bottom: 13px;
	margin-left: 13px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #65d0da;
	text-align: left;
}
div#downrightsmjestaj {
	float:right;
	width: 438px;
	height: 327px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background-color: #E09B94;
}
div#downrightsmjestaj2 {
float:right;
width: 719px;
height: 327px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
background-color: #E09B94;
}
.smjestaj {	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 18pt;
	color: #FFFFFF;
text-align: center;
}
.slova1{
	font-size: 12px;
	font-family: "Tahoma, Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	color: #333;
}
.malaslika{
   padding:2px;
   border:2px solid #FFFFFF;
   background-color:#000;
}
.velikaslika{
   padding:1px;
   border:5px solid #E09B94;
   background-color:#000;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
.fadein { position:relative; height:200px; width:250px; }
.fadein img { position:absolute; left:0; top:0; }