* { margin : 0px; padding : 0px; }

table { border-collapse : collapse; }

body { margin-left : auto; margin-right : auto; font : normal 75% Arial; background-color : #d7d2c0; color : #666666; text-align : center; }

a,
a:visited { color : #666666; }

#logo { clear : both; width : 960px; margin-left : auto; margin-right : auto; text-align : left; padding-top : 6px; left : -76px; position : relative; }

#header,
#menu,
#middle,
#page,
#footer	{ clear : both; width : 900px; margin-left : auto; margin-right : auto; }

#middle { background : url('../images/bg.png') repeat-y top left; overflow : auto; }

#errors { margin-bottom : 18px; color : #fff; background-color : #9e9b8d; text-align : center; font-weight : bold; margin-top : 18px; padding : 6px 0px 6px 0px; border-top : 1px solid #cfd3d4; border-bottom : 1px solid #cfd3d4; }

/* HEADER */

#header { margin-top : 24px; background : url('../images/top_corners.png') no-repeat top left; overflow : auto; }

#header #langs { text-align : right; margin-right : 16px; margin-top : 22px; color : #999b96; }
#header #langs ul { list-style-type : none; }
#header #langs li { display : inline; }
#header #langs a,
#header #langs a:visited { color : #999b96; text-decoration : none; }
#header #langs a:hover { color : #999b96; text-decoration : underline; }

#header #logoContainer { height : 54px; background-color : #fafaf8; border-top : 1px solid #e5e5e3; margin : 12px 16px 0px 16px; overflow : auto; text-align : left; padding-bottom : 10px; }
#header #logoContainer #logo { display : inline; float : left; width : 300px; margin-left : 90px; }
#header #logoContainer #logo2 { float : right; width : 500px; text-align : right; }

/* BREADCRUMB */

#breadcrumb { margin : 12px 0px 24px 18px; text-align : left; font-size : 0.9em; }
#breadcrumb a.active,
#breadcrumb a.active:visited { color : #075a92; text-decoration : none; }
#breadcrumb a,
#breadcrumb a:visited,
#breadcrumb a:hover,
#breadcrumb a.active:hover  { color : #075a92; text-decoration : underline; }

/* FOOTER */

#footer { background : url('../images/bottom_corners.png') no-repeat top left; padding-top : 32px; color : #6c6960; text-transform : lowercase; font-size : 0.9em; }
#footer a,
#footer a:visited { color : #6c6960; text-decoration : none; }
#footer a:hover { color : #4e4c46; text-decoration : underline; }

/* MENU */

#menu {	overflow : hidden; height : 154px; width : 865px; text-align : left; }

#menu ul { margin : 0px; margin-top : 120px; list-style : none; overflow : auto; }
#menu li { float : left; display : inline; margin : 0px; padding : 8px 15px 10px 15px; }
#menu ul li a,
#menu ul li a:visited { color : #fff; font-size : 1.2em; text-transform : uppercase; font-weight : bold; text-decoration : none; }
#menu ul li.activeBg { background-color : #0a76bf; }
#menu ul li.active,
#menu ul li:hover { background-color : #053c61; }

/* MIDDLE */

#content { clear : both; width : 865px; margin-left : auto; margin-right : auto; }

#content .boxInfosTop { width : 326px; height : 17px; background : url('../images/box_top.jpg') no-repeat top left; }
#content .boxInfosContent { width : 326px;  background : url('../images/box_bg.jpg') repeat-y top left; }
#content .boxInfosContent .content { text-align : left; padding : 0px 10px 0px 10px; }
#content .boxInfosBottom { width : 326px; height : 17px; background : url('../images/box_bottom.jpg') no-repeat bottom left; margin-bottom : 12px; }

#content #messageOk { color : #264a59; text-align : center; margin-top : 18px; padding : 6px 0px 6px 0px; border-top : 1px solid #cfd3d4; border-bottom : 1px solid #cfd3d4; }

/* HOME */
.boxHome { text-align : left; }
.boxHome h1 { font-size : 1.6em; font-weight : normal; line-height : 2.2em; text-transform : uppercase; }
.boxHome .text { overflow : auto; }
.boxHome .text p { margin : 0px 0px 14px 0px; }

.listAppartments { text-align : left; overflow : auto; }
.listAppartments h2 { text-align : left; border-bottom : 1px solid #dfdfdf; font-weight : normal; font-size : 1.2em; padding-bottom : 4px; text-transform : uppercase; }

.listAppartments .appartment { padding : 10px 10px 10px 0px; text-align : left; overflow : auto; margin-bottom : 12px; overflow : auto; }
.listAppartments .appartment .image { float : left; margin : 0px 8px 8px 0px; }
.listAppartments .appartment .title { font-weight : bold; margin : 6px 0px 6px 0px; text-transform : uppercase; }
.listAppartments .appartment .intro { text-transform : none; }
.listAppartments .appartment .readMore { margin-top : 12px; text-transform : lowercase; font-size : 0.95em; text-align : right; }
.listAppartments .appartment .intro p { margin : 0px 0px 14px 0px; }

.promotion { text-align : left; margin-bottom : 12px; }
.promotion .title { color : #075a92; font-weight : bold; font-size : 1.1em; margin-bottom : 18px; border-bottom : 1px solid #075a92; text-transform : uppercase; padding-bottom : 4px; }
.promotion .text { margin-bottom : 12px; }
.promotion .text p { margin : 12px 0px 12px 0px; }
.promotion .datePublish { font-size : 0.85em; text-align:left; }

.appartmentInfos .title { overflow : auto; color : #075a92; font-weight : bold; font-size : 1.3em; margin-bottom : 18px; border-bottom : 1px solid #075a92; text-transform : uppercase; padding-bottom : 4px; }
.appartmentInfos .descr { margin-bottom : 12px; }
.appartmentInfos .descr p { margin : 12px 0px 12px 0px; }

.appartmentInfos .book { text-align : right; }
.appartmentInfos .book a,
.appartmentInfos .book a:visited { margin : 5px; border : 0px; padding : 4px 26px 4px 26px; text-transform : uppercase; font-size : 0.95em; color : #4d4b45; border : 1px solid #6b6960; background-color : #c7c3b2; cursor : pointer; text-decoration : none; }
.appartmentInfos .book a:hover {color : #fff; border : 1px solid #717174; background-color : #136891; }

.appartmentInfos .prices table { border : 1px solid #717174; margin-bottom : 12px; }
.appartmentInfos .prices table thead th { background-color : #136891; color : #fff; font-size : 1.0em; padding : 4px; font-weight : normal; }
.appartmentInfos .prices table tbody td { background-color : #fff; padding : 4px; font-size : 1.4em; font-weight : normal; }

.boxLinks { text-align : left; }
.boxLinks h1 { font-size : 1.6em; font-weight : normal; line-height : 2.2em; text-transform : uppercase; }
.boxLinks .text { overflow : auto; }
.boxLinks .text p { margin : 0px 0px 14px 0px; }

/* LIST */

table.list { width : 100%; clear : both; }
table.list thead th { border-left : 1px solid #9f9f9f; font-size : 0.85em; text-transform : uppercase; background : url('../images/table_bg.gif') no-repeat right top; padding : 5px;  }
table.list thead th.active { color : #000; }
table.list thead th .sort { float : left; padding : 4px; }
table.list thead th .sort img { border : 0px; }
table.list tbody td { border-left : 1px solid #cbdff1; background : url('../images/table_tr.gif') no-repeat right top; padding : 5px; }
table.list tbody tr.odd td { border-left : 1px solid #cbdff1; background : url('../images/table_tr_odd.gif') no-repeat right top; padding : 5px; }
table.list tbody tr:hover td { background-image : none; background-color : #dbe9ee; cursor : pointer; }
table.list tbody tr:hover td.linked { cursor : default; background-image : url('../images/table_tr.gif'); }
table.list tbody tr.odd:hover td.linked { cursor : default; background-image : url('../images/table_tr_odd.gif'); }
table.list tbody td.icon { text-align : center; padding-left : 0px; padding-right : 0px; }
table.list tfoot tr th { height : 10px; background : url('../images/menu_bottom.gif') no-repeat right top; padding : 3px; }

.listNbResults { float : left; font-size : 0.85em; text-transform : uppercase; padding-top : 18px; margin-bottom : 4px; }
.listNbResults span { color : #419ef1; font-weight : bold; }

.listOptions { float : right; margin-bottom : 4px; }
.listOptions ul li { list-style : none; display: inline; float : left; }
.listOptions ul li { margin : 3px; border : 0px; padding : 2px; text-transform : uppercase; font-size : 0.85em; color : #6e6e6e; border : 1px solid #9f9f9f; background-color : #ebebeb; cursor : pointer; }
.listOptions ul li img { border : 0px; }
.listOptions ul li:hover { background-color : #e7f1f8; cursor : pointer; }

.popupOptions { float : right; margin-bottom : 4px; }
.popupOptions ul li { list-style : none; display: inline; float : left; }
.popupOptions ul li { margin : 3px; border : 0px; padding : 2px; text-transform : uppercase; font-size : 0.85em; color : #6e6e6e; border : 1px solid #9f9f9f; background-color : #ebebeb; cursor : pointer; }
.popupOptions ul li img { border : 0px; }
.popupOptions ul li:hover { background-color : #e7f1f8; cursor : pointer; }

/* FORM */

.boxForm { clear : both; float : left; width : 100%; }
.formElement { clear : both; margin : 4px; overflow : auto; }
.formElement label { float : left; padding-top : 4px; width : 25%; text-align : right; padding-right : 12px; }
.formElement label span { color : #0f608d; font-size : 1.4em; }
.formElement select.error,
.formElement input.error { background-color : #ffdaca; color : #7f3333; border : 1px solid #ff7349; }
.formElement .text { background-color : #f2f2f2; width : 45%; color : #484848; padding : 2px; border : 1px solid #dbdfe6; border-top : 1px solid #abadb3; border-bottom : 1px solid #e3e9ef; }
.formElement .short { width : 160px; }
.formElement .uppercase { text-transform : uppercase; }
.formElement .disabled { background-color : #b0b0b0; border : 1px solid #333; }
.formElement .checkbox { margin : 4px; overflow : auto; width : 1.4em; height : 1.4em; }
.formElement select { background-color : #f2f2f2; color : #484848; padding : 2px; border : 1px solid #dbdfe6; border-top : 1px solid #abadb3; border-bottom : 1px solid #e3e9ef; }
.formElement textarea { height : 150px; width : 310px; background-color : #f2f2f2; color : #484848; padding : 2px; border : 1px solid #dbdfe6; border-top : 1px solid #abadb3; border-bottom : 1px solid #e3e9ef; }

.boxInfosContent .formElement label { width : 50%; font-size : 0.95em; text-transform : uppercase; }
.boxInfosContent .formElement .short { width : 80px; }

.list-appartments { position : relative; top : -12px; margin-right : 8px;  }
.list-appartments-title { margin-top : 8px; font-weight : bold; }

ul#sitemap { text-align : left; margin-left : 60px; }
ul#sitemap li { list-style-type : none; padding : 4px; }
ul#sitemap li a,
ul#sitemap li a:visited { text-transform : uppercase; color : #0f608d; font-weight : bold; }
ul#sitemap li a:hover { }

ul#sitemap li ul li { list-style-type : none; padding-left : 20px; }
ul#sitemap li ul li a,
ul#sitemap li ul li a:visited { text-transform : uppercase; color : #0f608d; font-weight : normal; }

/* CALENDAR */

table.myCalendar {  padding : 2px; margin : 2px; border-collapse: separate; text-align : left; border : 0px; }
table.myCalendar tr td.myCalendarCellDate {
	font-size : 1.5em;
	color : #053c61;
	font-weight : bold;
	text-transform :uppercase;
	text-align : left;
}
table.myCalendar tr td a,
table.myCalendar tr td a:visited 		{text-transform :uppercase; text-decoration : none; }
table.myCalendar tr td a:hover			{ color : #053c61; }
table.myCalendar tr td.myCalendarCell 	{ background-color : #F3F3F3; vertical-align : top; }
table.myCalendar tr td.myCalendarCellTitle { 
	width : 70px; 
	line-height : 18px; 
	background : #053c61 url('./img/calendar_bg_cell.gif') top right no-repeat; 
	color : #ffffff;
	font-weight : bold;
	text-align : center;
}
table.myCalendar td.myCalendarCellOut 	{ background-color : #959595; vertical-align : top; }
table.myCalendar td.myCalendarCellOff 	{ background-color : #DADADA;  vertical-align : top; }
.myCalendarDayNumber	{ position : relative; color : #ff6633; font-size : 0.9em; margin : 0 5px 5px 0; }

div.myCalendarEventInfo	{ display : block; padding : 2px; color : #ffffff; margin : 1px; }
a div.myCalendarEventInfo ,
a:visited div.myCalendarEventInfo a:visited { line-height : 16px; color : #ffffff; text-decoration : lowercase; }
div.myCalendarEventInfo:hover { background-color:#fff; }
.myCalendarItemInfos			{ position : absolute; z-index : 200; padding-bottom : 15px; padding-top : 4px; }
.myCalendarItemInfos span 	{ color : #ffffff; font-weight : bold; font-size : 1.2em; background-color : #333333; padding : 5px; }

.formButtons { padding : 12px; text-align : center; overflow : auto; }
.formButtons .button { margin : 5px; border : 0px; padding : 4px 26px 4px 26px; text-transform : uppercase; font-size : 0.85em; color : #4d4b45; border : 1px solid #6b6960; background-color : #c7c3b2; cursor : pointer; text-decoration : none; }
.formButtons .button:hover { color : #fff; border : 1px solid #717174; background-color : #136891; cursor : pointer; text-decoration : none; }

.errorMessage { position : absolute; width : 240px; padding : 10px 10px 10px 40px; border : 1px solid #ff7349; background : #ffdaca url('../images/error.png') no-repeat 6px 6px; color : #7f3333; font-weight : bold; }
.infosMessage { position : absolute; width : 240px; padding : 10px 10px 10px 40px; border : 1px solid #2bbed8; color : #fff; font-weight : bold; }