html, body { margin: 2px; padding: 0; }
body { margin: 0; background-color: #ffffff; font: 14px Arial, sans-serif; color: #0d2a3d; }
div#page { width: 1000px; /*height: 770px; overflow: hidden; */margin: 0 auto; }
div#top { }
div#top div#logo { float: left; width: 390px; height: 130px; }
div#top div#logo img { border: 0; }
div#top div#headinfo { float: left; width: 608px; height: 129px; text-align: right; background-color: #0097d8; margin-top: 1px; }
div#top div#headinfo div.headtop { width: 601px; height: 96px; padding: 4px 4px 0 0; }
div#top div#headinfo div.submenu { width: 572px; height: 19px; padding: 6px 10px 0 20px; background-color: #0097d8; color: #ffffff; font-size: 12px; }
div#top div#headinfo div.submenu a { color: #ffffff; text-decoration: none; }
div#top div#headinfo div.submenu a img { border: 0; vertical-align: bottom; }
div#ticker { clear: both; height: 30px; margin: 5px 2px 2px 2px; padding-top: 4px; background-color: #000000; color: #ffffff; }
div#ticker a { color: #00ff00; text-decoration: none; }
div#ticker span { margin-right: 14px; }
div#ticker span.red a { color: #faa82e; }
div#ticker i { font-size: 12px; }
div#contents { /*height: 585px; overflow: hidden;*/ margin: 5px 0 5px 0; min-height: 450px; }
div#footer { border-top: 4px solid #bcdc6d; margin: 0 0 10px 0; text-align: center; padding: 8px 0 4px 0; color: #999999; }
div#footer a { color: #157ec1; text-decoration: none; }
div#footer hr { display: none; }
div.hrclear { clear: both; visibility: hidden; height: 0; border: 0; margin: 0; padding: 0; }
a.button { display: block; width: 95px; height: 28px; overflow: hidde; text-align: left; padding: 12px 0 0 45px; color: #ffffff; text-decoration: none; font: normal 13px Arial, sans-serif; }
a.button_previous { background: url(../images/button.previous.jpg) top left no-repeat; }
a.button_next { background: url(../images/button.next.jpg) top left no-repeat; }
a.button_print { background: url(../images/button.print.jpg) top left no-repeat; }
a.buttonbig { display: block; width: 136px; height: 36px; overflow: hidde; text-align: left; padding: 20px 0 0 64px; color: #ffffff; text-decoration: none; font: bold 16px Arial, sans-serif; }
a.buttonbig_visite { background: url(../images/buttonbig.visite.jpg) top left no-repeat; }
a.buttonbig_reserve { background: url(../images/buttonbig.reserve.jpg) top left no-repeat; }
a.buttonbig_print { background: url(../images/buttonbig.print.jpg) top left no-repeat; }
a.buttonbig_email { background: url(../images/buttonbig.email.jpg) top left no-repeat; }
a.buttonbig img { vertical-align: middle; margin-right: 6px; margin-bottom: 6px; border: 0; }
/* control: checkbox */
div.checkbox { width: 175px; height: 51px; }
div.checkbox a { display: block; width: 175px; height: 35px; text-decoration: none; color: #ffffff; font: bold 15px Arial, sans-serif; text-align: center; padding-top: 16px; }
div.checkbox_off { background: url(../images/checkbox.off.jpg) top left no-repeat; }
div.checkbox_on { background: url(../images/checkbox.on.jpg) top left no-repeat; }
/* control: keyboard */
div.keyboard { clear: both; text-align: center; margin: 0 auto; border: 2px solid #a9c663; width: 700px; height: 180px; }
div.keyboard table { border-collapse: collapse; }
div.keyboard table td { width: 70px; height: 35px; text-align: center; border: 1px solid #b7d372; border-collapse: collapse; background-color: #edf4dd; }
div.keyboard table td a { display: block; width: 100%; height: 25px; padding-top: 10px; text-decoration: none; font-size: 14px; font-weight: bold; color: #157ec1; }
div.keyboard table td a.mini { font-size: 10px; }
/* control: calendar */
div.calendar { text-align: center; margin: 0 auto; }
div.calendar table { border-collapse: collapse; }
div.calendar table th { font-weight: normal; color: #999999; }
div.calendar table td { width: 70px; height: 35px; text-align: center; border: 1px solid #b7d372; border-collapse: collapse; background-color: #edf4dd; color: #aaaaaa; }
div.calendar table td a { display: block; width: 100%; height: 25px; padding-top: 10px; text-decoration: none; font-size: 14px; font-weight: bold; color: #157ec1; }
div.calendar table td.today a { border: 2px solid #000000; }
div.calendar table td a.selected { background-color: #b6d54c; color: #ffffff; }
/* main */
form#searchFrm { margin: 5px; }
form#searchFrm fieldset { margin: 10px 0 0 0; padding: 10px; border: 0; border-bottom: 1px dashed #dddddd; border-left: 1px dashed #dddddd; }
form#searchFrm fieldset div.label { float: left; text-align: right; width: 180px; margin: 0 20px 0 0; }
form#searchFrm fieldset div.label h1 { margin: 0; font: bold 26px Arial, sans-serif; color: #157ec1; }
form#searchFrm fieldset div.label p { margin: 0; font: normal 12px Arial, sans-serif; color: #939799; }
form#searchFrm fieldset div.control { float: left; width: 765px; }
form#searchFrm fieldset div.control div.checkbox { float: left; }
form#searchFrm div.actions { margin: 20px; text-align: center; }
form#searchFrm div.actions a.buttonbig { margin: 0 auto; }
/* list */
div.list {}
div.list div.tips { float: left; width: 95px; }
div.list div.results { float: left; width: 900px; }
div.list div.results table { width: 900px; }
div.list div.results table tr { }
div.list div.results table tr.titles { height: 42px; background: url(../images/list.top.jpg) top left no-repeat; }
div.list div.results table tr.titles th { background-position: 10% 0; border-left: 1px dashed #ffffff; }
div.list div.results table tr.titles th.ini { background-position: 0 0; border-left: 0; }
div.list div.results table tr.titles th.end { background-position: 100% 0; }
div.list div.results table tr.separator { height: 8px; background: url(../images/list.separator.jpg) center left repeat-x; }
div.list div.results table th { }
div.list div.results table th a { color: #ffffff; text-decoration: none; font: normal 14px Arial, sans-serif; display: block; width: 100%; height: 28px; padding: 12px 0 0 0; }
div.list div.results table th a img { border: 0; }
div.list div.results table td { vertical-align: top; text-align: left; padding: 4px 4px 0 4px; border-right: 1px dotted #e1e1e1; }
div.list div.results table td.center { text-align: center; }
div.list div.results table td.right { text-align: right; }
div.list div.results table td a { color: #1D7BC3; }
div.list div.results table td a span { text-decoration: underline; }
div.list div.results table td a span:hover { text-decoration: none; }
div.list div.results table td a img { border: 1px solid #d1d1d1; width: 160px; }
div.list div.results table td a.action { color: #000000; text-decoration: none; }
div.list div.results table td a.action img { border: 0; width: auto; vertical-align: bottom; }
div.list div.results table td.description { }
div.list div.results table td.description a { color: #939799; font: normal 12px Arial, sans-serif; }
div.list div.results table td.description a span { text-decoration: none; }
div.list div.results table td.noborder { border-right: 0; }
div.list div.results table td span { display: block; margin-top: 10px; }
div.list div.results table td span.price { font-weight: bold; }
div.list div.results table div.reference { color: #999999; font-size: 11px; margin-top: 4px; }
div.list div.results table div.reserved { color: #ce2617; font-size: 16px; font-weight: bold; margin-top: 4px; }
div.list div.pager { margin: 10px 6px 10px 0; }
div.list div.pager a.button { float: right; }
/* detail */
div.detail {}
div.detail div.coldata { float: left; width: 520px; border-right: 1px dotted #cccccc; }
div.detail div.coldata a.button { float: left; }
div.detail div.colphotos { float: left; width: 475px; }
div.detail div.colphotos div { float: left; margin: 2px; }
div.detail div.colphotos div img { border: 1px solid #d1d1d1; width: 230px; }
div.detail h1 { font: bold 22px Arial, sans-serif; color: #157ec1; float: left; margin: 4px 0 0 10px; text-transform: uppercase; }
div.detail h1 i { font: bold 16px Arial, sans-serif; color: #157ec1; }
div.detail p { font: normal 18px Arial, sans-serif; color: #0d2a3d; margin: 30px 15px 10px 4px; }
div.detail div.favorites { margin: 5px 0 0 150px; }
div.detail div.favorites a { text-decoration: none; color: #666666; font-size: 12px; }
div.detail div.favorites a img { border: 0; vertical-align: bottom; }
div.detail div.props { text-align: center; margin: 30px 0 30px 0; }
div.detail div.props table { margin: 0 auto; padding: 8px;}
div.detail div.props table th { font: normal 15px Arial, sans-serif; color: #0d2a3d; text-align: right; width: 90px; padding: 2px 2px 2px 4px; vertical-align: top; }
div.detail div.props table td { font: bold 15px Arial, sans-serif; color: #157ec1; text-align: left; width: 120px; padding: 2px 2px 2px 4px; vertical-align: top; }
div.detail div.props table .price { font-weight: bold; }
div.detail div.props table .price a { display: block; color: #157ec1; font-size: 11px; background: url(../images/icon.download.gif) top left no-repeat; padding-left: 14px; white-space: nowrap; }
div.detail div.messages { margin: 10px; padding: 10px; border: 1px solid #157ec1; background-color: #157ec1; color: #ffffff; font-weight: bold; font-size: 20px; text-align: center; }
div.detail div.actions { margin: 20px 0 5px 50px; }
div.detail div.actions a { float: left; margin: 0 0 6px 10px; }
div.detail div.actions div.reserved { float: left; margin: 0 0 6px 10px; width: 190px; height: 42px; text-align: center; padding: 14px 0 0 10px; color: #ce2617; text-decoration: none; font: bold 16px Arial, sans-serif; }
div.detail div#map { border: 1px solid #cccccc; }
/* detailform */
div.detailform { margin: 0 0 20px 0; }
div.detailform div.coldata { float: left; width: 275px; }
div.detailform div.coldata a.button { float: left; }
div.detailform div.coldata img.product { border: 1px solid #cfcfcf; margin: 20px 0 0 10px;}
div.detailform div.form { float: left; width: 680px; }
div.detailform div.form h1 { color: #157ec1; }
div.detailform div.form h3 { margin-left: 20px; }
div.detailform div.form p { color: #666666; font-size: 14px; margin: 10px 20px 10px 20px; }
div.detailform div.form p.error_red { color: #ff0000; font-weight: bold; font-size: 14px; text-align: center; }
div.detailform div.form div { margin: 10px 20px 10px 20px; }
div.detailform div.form div label { display: block; float: left; width: 150px; color: #0d2a3d; font-size: 14px; text-align: right; margin: 6px 10px 0 0; }
div.detailform div.form div label span.optional { font-size: 11px; color: #999999; }
div.detailform div.form div input { display: block; float: left; font-size: 22px; font-weight: bold; border: 3px solid #e2eff1; color: #2587c5; width: 450px; }
div.detailform div.form div input:focus { border: 3px solid #2587c5; }
div.detailform div.form div select { display: block; float: left; font-size: 22px; font-weight: bold; border: 3px solid #e2eff1; color: #2587c5; }
div.detailform div.form ol { margin-left: 20px; }
div.detailform div.form div.actions { text-align: right; margin: 30px; }
div.detailform div.form div.actions a { float: right; margin-right: 20px; }
div#infocvc { border: 2px solid #1774af; background-color: #f1f1f1; }
div#infocvc p { margin: 8px; }