/* --------------------------------------------------------Style Sheet for Book Online Now Booking maskrevision: One Hotel - Promo Code ;version: 2.0 Responsivelast modified: 26 Mar 2015 by Software Cloudauthor: Vasilis Kosmas - www.socloud.gr----------------------------------------------------------*//* General Blueprint Style */*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }.clearfix:before,.clearfix:after { content: " "; display: table; }.clearfix:after { clear: both; }#toggleBooking { width: 100%; padding: 1rem; border: none; color: #fff; margin-top: 2rem; background: #f8823d url(../images/icons/open-close.png) top 10px right 10px no-repeat; padding-right: 30px; }#booking { display: none; margin-top: 0 !important; border: 2px solid #f8823d; padding: 0 5px; float: none; }@media (min-width: 768px) {#booking { display: block; }}.bookonlinediv h3 { color: #fff; }.bookcontainer h4 { background-color: #fff; color: #00bcb2; padding: 1rem; }.bookcontainer p { padding: .5rem; font-size: 90%; }.bookcontainer > header { width: 90%; max-width: 69em; margin: 0 auto; padding: 2.875em 1.875em 1.875em; }.bookcontainer > header h1 { font-size: 2.125em; line-height: 1; margin: 0 0 0.2em 0; float: left; font-weight: 400; }.bookcontainer > header > span { display: block; position: relative; z-index: 9999; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5em; padding: 0 0 0.6em 0.1em; }.bookcontainer > header > span span:after { width: 30px; height: 30px; left: -12px; font-size: 50%; top: -8px; font-size: 75%; position: relative; }.bookcontainer > header > span span:hover:before { content: attr(data-content); text-transform: none; text-indent: 0; letter-spacing: 0; font-weight: 300; font-size: 110%; padding: 0.8em 1em; line-height: 1.2; text-align: left; left: auto; margin-left: 4px; position: absolute; color: #47a3da; background: #fff; }.bookcontainer > header nav { float: right; text-align: center; }.bookcontainer > header nav a { display: inline-block; position: relative; text-align: left; width: 2.5em; height: 2.5em; background: #47a3da; border-radius: 50%; margin: 0 0.1em; border: 4px solid #fff; }.bookcontainer > header nav a > span { display: none; }.bookcontainer > header nav a:hover:before { content: attr(data-info); color: #fff; position: absolute; width: 600%; top: 120%; text-align: right; right: 0; pointer-events: none; }.bookcontainer > header nav a:hover { background: #fff; }.bp-icon:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: center; color: #fff; -webkit-font-smoothing: antialiased; }.bookcontainer > header nav .bp-icon:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 2; text-indent: 0; }.bookcontainer > header nav a:hover:after { color: #47a3da; }.bp-icon-next:after { content: "\e000"; }.bp-icon-drop:after { content: "\e001"; }.bp-icon-archive:after { content: "\e002"; }.bp-icon-about:after { content: "\e003"; }.bp-icon-prev:after { content: "\e004"; }.main { width: 100%; /*padding: 0 2em 3em;*/ max-width: 100em; }@media screen and (max-width: 55em) {.bookcontainer > header h1, .bookcontainer > header nav { float: none; }.bookcontainer > header > span, .bookcontainer > header h1 { text-align: center; }.bookcontainer > header nav { margin: 0 auto; }.bookcontainer > header > span { text-indent: 30px; }}/* --------------------------------------------------------CSS for columns / fields----------------------------------------------------------*/.book-col-form { position: relative; background-color: #fff; }.book-col-form:before,.book-col-form:after { content: " "; display: table; }.book-col-form:after { clear: both; }.book-col-column { padding: 1% 1%; float: left; }.book-col-column2 { width: 13%; padding: 15px 15px; float: left; }.book-col-form label { display: block; padding: 5px 5px 5px 5px; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; color: #4a4a4a; }.book-col-form input,.book-col-form textarea,.book-col-form select { /*font-size: 1.1em;*/ padding: 5px 10px; color: #4a4a4a; display: block; width: 100%; background: transparent; height: 30px; font-size: 13px; }.book-col-form .tabelem { height: 30px; padding: 5px 5px; width: 60%; }/* klett cake kodo*/.book-col-form select { height: 30px; font-size: 13px; background-color: #00bcb2; color: #fff; }.book-col-form input,.book-col-form textarea { border: 1px solid #4a4a4a; }.book-col-form textarea { min-height: 200px; }.book-col-form input:focus,.book-col-form textarea:focus,.book-col-form label:active + input,.book-col-form label:active + textarea { outline: none; border: 3px solid #00bcb2; }.book-col-form select:focus { outline: none; }::-webkit-input-placeholder { /* WebKit browsers */ color: #00bcb2; font-style: italic;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #00bcb2; font-style: italic;}::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #00bcb2; font-style: italic;}:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #00bcb2; font-style: italic;}.book-col-submit-wrap { text-align: center; padding-top: 27px; clear: both; }/* klett cake kodo */.book-col-form input.book-col-submit { background: #00bcb2; border: none; color: #fff; width: auto; cursor: pointer; text-transform: uppercase; display: inline-block; padding: 1px 10px; font-size: 12px; border-radius: 2px; letter-spacing: 1px; }.book-col-form input.book-col-submit:hover { background: #f07e3b; }.datepicker { max-width: 150px }@media screen and (max-width: 70em) {.book-col-column { width: 50%; }.book-col-column.full { width: 100%; }.datepicker { max-width: none }}@media screen and (max-width: 48em) {.book-col-column { width: 100%; padding: 10px; }}#ui-datepicker-div { display: none; }#hotel .selectgroup { color: #5E5E5E !important; }.ui-widget { font-size: 1.0em; }.optionAll { padding-left: 5px !important; font-weight: bold; margin-top: 5px !important; }.optionGroup { padding-left: 5px !important; font-weight: bold; margin-top: 5px !important; }.optionChild { padding-left: 5px !important; text-align: left; }.optionChild.last { margin-bottom: 10px; }