/* --------------------------------------------------------
Style Sheet for Book Online Now Booking mask

revision: One Hotel - Promo Code ;
version: 2.0 Responsive
last modified: 26 Mar 2015
----------------------------------------------------------*/

/* General Blueprint Style */

/*
colors
green 		88b31c
green light 9bcc22
gris		258ab2
gris light	a7a7a7

*/
.containerbook {z-index:9999999 !important;  position:relative;}
.containerbook *, .containerbook *:after, .containerbook *: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; }

.main {width: 100%;/*padding: 0 2em 3em;*/max-width: 100em;}
/* --------------------------------------------------------
CSS for columns / fields
----------------------------------------------------------*/
.book-col-form {position: relative;background-color:#fcf5d8;}
.book-col-form:before, 
.book-col-form:after { content: " "; display: table; }
.book-col-form:after { clear: both; }
.book-col-column {padding: 15px 15px;float: left; }
.book-col-column2 {padding: 15px 15px;float: left;}
.book-col-form label {display: block;padding: 20px;font-size: 0.9em;letter-spacing: 1px;cursor: pointer;color:#696969;}
.book-col-form input,
.book-col-form textarea,
.book-col-form select {padding: 5px 10px;color:#696969;display: block;width: 100%; background: transparent;height:30px;font-size:13px; margin: 0 10px;}
.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: #fff;}
.book-col-form input,
.book-col-form textarea {border: 1px solid #fff;}
.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 #666;}
.book-col-form select:focus {outline: none;}
::-webkit-input-placeholder { /* WebKit browsers */  color: #666;  font-style: italic;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #666;  font-style: italic;}
::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #666;  font-style: italic;}
:-ms-input-placeholder { /* Internet Explorer 10+ */  color: #666;  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: #fff;border: none;color: #696969;width: auto;cursor: pointer;display: inline-block;padding: 1px 10px;font-size: 12px;border-radius: 2px;letter-spacing: 1px;}
.book-col-form input.book-col-submit:hover {background: #c7d9e7;}
@media screen and (max-width: 70em) {.book-col-column {	width: 50%;}
.book-col-column:nth-child(3) {	width: 100%;}}
@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;}