/* START - RESET POSTAVKI ZA SVE BROWSERE *
* {
	margin: 0;
	padding: 0;
	border: 0;

}
/* END - RESET POSTAVKI ZA SVE BROWSERE */

/* START - BOJE LINKOVA CITAV SITE */
a:link {
	text-decoration: none;
	color: Black;
	background-color: White;
}

a:visited {
	text-decoration: none;
	color: Black;
	background-color: White;
}

a:hover {
	text-decoration: none;
	color: Blue;
	background-color: White;
}
/* END - BOJE LINKOVA CITAV SITE*/

/* START - RAZNE POSTAVKE */
body {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:center;
	/*background: ThreeDLightShadow;*/
	/*color: White;*/
	font: 12px Tahoma, sans-serif;
}

img {
	border: none;
}

.Center {
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.BoldCenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}

.Bold {
	font-weight: bold;
}

.Naslov3 {
	font-weight: bold;
	background: White url(images/web/bg_button.gif) repeat-y;
	color: Black;
	width: 128px;
	border-bottom: 1px solid Scrollbar;
	border-top: 1px solid Scrollbar;
	margin-left: auto;
   margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}

.Naslov4 {
	text-align: center;
	font-weight: bold;
	background: White url(images/web/bg_button_wide.gif) repeat-y;
	color: Black;
	width: 250px;
	border-bottom: 1px solid Scrollbar;
	border-top: 1px solid Scrollbar;
	margin-left: auto;
   margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}
/* END - RAZNE POSTAVKE */

/* START - GLAVNI DIV-ovi*/
div#MasterDiv {
	width:775px;
	margin:0px auto;
	text-align:left;
/*	background-color:#eee;
	color: Black;*/
	border: 2px solid ActiveCaption;
}

div#LeftDiv {	
	float: left;
	width: 174px;
	background-color: White;
	color: Black;
	border-right: 1px solid ActiveCaption;
}

div#TopDiv {
	top: 0px;
	height: 136px;
	width: 775px;
	background: url(images/web/bg_top.jpg) no-repeat;	
}

div#TopDivIndex {
	top: 0px;
	height: 136px;
	width: 775px;
	background: url(images/web/bg_top_index.jpg) no-repeat;	
}

div#Middle {
	/*background-color: White;
	color: Black;*/
}

div#CenterDiv {
	width: 590px;
	padding: 5px;
	float: right;
}

div#BottomDiv {
	width: 775px;
	height: 25px;
	background: url(images/web/bg_bottom.jpg) no-repeat;
	clear: both;
}
/* END - GLAVNI DIV-ovi*/

/* START - LEFT LAYER */
div#Flags {
	text-align: center;
	padding: 5px;
	margin: 2px;
}

/* START - MENU */

div#MenuDiv {
	width:130px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 5px;
	text-align: center;
}

.MenuTitle{
	cursor: pointer;
	background-image: url(images/web/bg_button.gif);
	background-repeat: repeat-y;
	color: Black;
	background-color: White;
	width:130px;
	text-align: center;
	height: 16px;
	border-bottom: 1px solid Scrollbar;
	border-top: 1px solid Scrollbar;
	font: bold 10px Tahoma, sans-serif;
	margin-bottom: 5px;
}

.SubMenu {
	margin-bottom: 10px;
	text-align: center;
	font: bold 10px Tahoma, sans-serif;
}

.MenuIcon {
	float: left;
}

span#sub4 {
	text-align: left;
}

/* START - MENU LINKS*/
A.MenuLinks {
	color: inherit;
	text-decoration: none;
	background-color: transparent;
}

A.MenuLinks:hover {
	color: inherit;
	text-decoration: none;
	background-color:	transparent;
}

A.MenuLinks:active {
	color: inherit;
	text-decoration: none;
	background-color: transparent;
}

A.MenuLinks:visited {
	color: inherit;
	text-decoration: none;
	background-color: transparent;
}
/* END - MENU LINKS*/
/* END - MENU */

div#SlideShow {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 125px;
	padding: 5px;
	text-align: center;
	/*border: 1px solid Black;*/
}

div#HTMLValidation {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* END - LEFT LAYER */

/* START - BOTTOM LAYER */
div#Webmaster {
	margin: auto;
	padding: 5px;
	font: 10px Tahoma, sans-serif;
	text-align: center;
}
/* END - BOTTOM LAYER */

/* START - TOP LAYER */

div#Banner {
	position: relative;
	width: 400px;
	top: 92px;
	left: 230px;	
}
/* END - TOP LAYER*/

/* START - INDEX */

div#Index {
	width: 580px;
/*	padding: 5px;*/
	color: Black;
	background: White url(images/web/index_main.jpg) no-repeat;
	height: 370px;
	overflow: auto;
}

div#IndexRow {
	padding: 5px;
	border: 1px solid ActiveCaption;
	margin-bottom: 100px;
	margin-top: 110px;
	font-weight: bold;
	
	width: 230px;
	text-align: center;
}

/* END - INDEX */

/* START - APARTMENTS */
div#ApartmentB {
	width: 580px;
	padding: 5px;	
}

div#ApartmentM {
	width: 580px;
	padding: 5px;	
}

div#ApartmentLeft {
	float: left;
	width: 432px;
	border: 1px solid ActiveCaption;
	margin-right: 5px;
	padding: 5px;
}

div#ApartmentRight {
	float: right;
	width: 125px;
	border: 1px solid ActiveCaption;
	padding: 2px;
}

div#ApartmentTop {
	margin-bottom: 5px;
	width: 568px;
	padding: 5px;
	border: 1px solid ActiveCaption;
	text-align: center;
}
/* END - APARTMENTS */

/* START - PRICELIST */
/* START - PRICELIST TABLE*/
table.PriceListTable   { 
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

table.PriceListTable tr.RowA {
	background: ThreeDLightShadow;
	color: Black;	
}

table.PriceListTable tr.RowB {
	background: #F0F8FF;
	color: Black;
}

table.PriceListTable td.TopCellLeft {
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
	border-top: 1px solid Black;
	width: 130px;
}

table.PriceListTable td.TopCellRight {
	border-left: 1px solid Black;
	border-bottom: 1px solid Black;
	border-top: 1px solid Black;
	border-right: 1px solid Black;
	width: 130px;
}

table.PriceListTable td.CellLeft {
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
}

table.PriceListTable td.CellRight {
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
}

table.PriceListTable td {
	padding: 2px;
	vertical-align: middle;	
}
/* END - PRICELIST TABLE*/

div#PriceList {
	width: 580px;
	padding: 5px;	
}

div#PriceListTop {
	position: relative;
	padding: 5px;
	width: 568px;
	border: 1px solid ActiveCaption;
	margin-bottom: 15px;
	text-align: center;
}

div#PriceListMiddle {
	position: relative;
	width: 580px;	
}

div#PriceListLeft {
	position: relative;
	width: 280px;
	border: 1px solid ActiveCaption;
	padding: 1px;
	float: left;
	margin-right: auto;
	text-align: center;
	margin-bottom: 5px;	
}

div#PriceListRight {
	position: relative;
	width: 280px;
	border: 1px solid ActiveCaption;
	padding: 1px;
	float: right;
	text-align: center;
	margin-bottom: 5px;
	margin-left: auto;
	
}

div#PriceListBottom {
	margin-top: 5px;
	padding: 5px;
	border: 1px solid ActiveCaption;
	clear: both;
}
/*END - PRICELIST*/

/*START - PAYMENT */

/* START - PAYMENT TABLE*/
table.PaymentTable   { 
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

table.PaymentTable tr.RowA {
	background: ThreeDLightShadow;
	color: Black;	
}

table.PaymentTable tr.RowB {
	background: #F0F8FF;
	color: Black;
}
table.PaymentTable td.CellLeft {
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
	width: 250px;
}

table.PaymentTable td.CellRight {
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
	width: 250px;
}

table.PaymentTable td.CellLeftTop {
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
	border-top: 1px solid Black;
	width: 250px;
}

table.PaymentTable td.CellRightTop {
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
	border-top: 1px solid Black;
	width: 250px;
}

table.PaymentTable td.CellLeftBottom {
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
	border-top: 1px solid Black;
	width: 250px;
}

table.PaymentTable td.CellRightBottom {
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
	border-top: 1px solid Black;
	width: 250px;
}

table.PaymentTable td {
	padding: 2px;
	vertical-align: middle;	
}
/* END - PAYMENT TABLE*/

div#Payment {
	width: 580px;
	padding: 5px;
}

div.PaymentRow {
	padding: 5px;
	width: 568px;
	border: 1px solid ActiveCaption;
	margin-bottom: 5px;
	text-align: center;
}

div.PaymentTable {
	width: 558px;
	border: 1px solid ActiveCaption;
	margin-bottom: 1px;
}

div#PaymentLeftDiv {
	float: left;
	width: 275px;
/*	border: 1px solid Black;*/
	padding:	2px;
	background-color: ThreeDLightShadow;
	color: Black;
}
div#PaymentRightDiv {
	float: right;
	width: 270px;
/* border: 1px solid Black;*/
   padding: 3px;
	margin: 1px;
}
/* END - PAYMENT */

/* START - BOOKING */
div#Booking {
	width: 580px;
	padding: 5px;
}
/* END - BOOKING */

/* START - GALLERY */
div#Gallery {
	width: 580px;
	padding: 5px;	
}

div.GalleryRow {
	width: 568px;
	height: 94px;
}

div.GalleryGroup {
	border: 1px solid ActiveCaption;
	padding: 5px;
	text-align: center;
	margin-bottom: 25px;
}
/* END - GALLERY */

/* START - KORCULA */
div#Korcula {
	width: 580px;
	padding: 5px;	
}

div.KorculaRow {
	padding: 5px;
	width: 568px;
	border: 1px solid ActiveCaption;
	margin-bottom: 25px;
}
div.KorculaPictureRow {
	height: 91px;
	margin-bottom: 5px;
}

div#Korcula img {
	margin-left: 5px;
	margin-right: 5px;
}
/* END - KORCULA */

/* START - CONTACT */
div#Contact {
	width: 580px;
	padding: 5px;	
}

table.ContactTable   { 
	border-collapse: collapse;
	margin-left: 100px;
	margin-right: auto;
	text-align: center;
	margin-top: 25px;
}

table.ContactTable td.CellLeft {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 150px;
}
table.ContactTable td.CellRight {
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 150px;
}

table.ContactTable tr.RowA {
	background: ThreeDLightShadow;
	color: Black;
}


table.ContactTable tr.RowB {
	background: #F0F8FF;
	color: Black;
}

table.ContactTable a:link {
	background-color: ThreeDLightShadow;
	color: Black;
}


table.ContactTable a:visited {
	background-color: ThreeDLightShadow;
	color: Black;
}

table.ContactTable a:active {
	background-color: ThreeDLightShadow;
	color: Black;
}

table.ContactTable a:hover {
	background-color: ThreeDLightShadow;
	color: Blue;	
}


table.ContactTable a {
	background-color: ThreeDLightShadow;
	color: Black;
}
/* END - CONTACT */

/* START - MAP */
div#Map {
	width: 580px;
	padding: 5px;
}

div.MapRow {
	position: relative;
	padding: 5px;
	width: 568px;
	border: 1px solid ActiveCaption;
	text-align: center;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

div#MapRow2 {
	position: relative;
	padding: 5px;
	width: 568px;
	border: 1px solid ActiveCaption;
	margin-bottom: 5px;
	overflow: auto;

}
	

div#MapLeft {
	position: relative;
	float: left;
	/*border: 1px solid Black;*/
	width: 273px;
	padding: 2px;
	margin: auto;
	text-align: center;
}

div#MapRight {
	position: relative;
	float: right;
	/*border: 1px solid Black;*/
	width: 273px;
	padding: 2px;
	margin: auto;
	text-align: center; 
}
/* END - MAP */

/* START - BOOKING */

form.bookingform {
	text-decoration: none;
	clear: both;
}

table.Booking   { 
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 1px solid Black;
	width: 450px;
}

table.Booking td.BookingTop {
	/*border-left: 1px solid Black;*/
	/*border-right: 1px solid Black;*/
	/*border-top: 1px solid Black;*/
	background: #F0F8FF;
	color: Black;
	text-align: center;
	padding: 3px;
}

table.Booking tr.RowA {
	background: ThreeDLightShadow;
	color: Black;
}


table.Booking tr.RowB {
	background: #F0F8FF;
	color: Black;
	padding: 3px;
}

table.Booking td.ColumnLeft {
	text-align: right;
	padding: 3px;
}


table.Booking td.ColumnRight {
	text-align: left;
	padding: 3px;
}

div#calendar {
	text-align: center;
	margin: auto;
}