#booking{background:#F2F3F4; width:95.8%; padding:2%; border:solid 1px #E1E1E1; display:table; float:left}
.why{font-family:'Avant Garde Bk BT Book'; font-size:20px; font-weight:normal; line-height:20px; padding-bottom:15px; color:#022E84}
.wrapper-date{width:18%; float:left; padding-right:2%}
.wrapper-nights{width:18%; float:left; padding-right:2%}
.wrapper-adults{width:18%; float:left; padding-right:2%}
.wrapper-children{width:18%; float:left; padding-right:2%}
.book{width:20%; float:left; text-align:center}
#booking input.datep{width:92.8%; padding:2%; border:solid 1px #777}
#booking select{width:96.8%; padding:1.5% 2%; border:solid 1px #777}
#booking .send{width:96.8%; padding:8% 2%; border:solid 1px #777; font-family:'Avant Garde Bk BT Book'; font-size:18px; font-weight:normal; line-height:18px; color:#FFF; background:#113981; cursor:pointer}
#booking .send:hover{background:#1648A5}
.textres{font-family:'Avant Garde Bk BT Book'; font-size:14px; font-weight:normal; line-height:18px; padding-bottom:8px; color:#022E84}
.menucel{display:none}
/* Example media queries */
@media screen and (max-width:680px){
.menucel{display:block; float:right; width:18%}
section{margin:0 auto; width:50px; position:absolute; bottom:0; right:-5px; font-family:'Century Gothic'}
section h2{font-weight:300; color:#ccc}
section button{border:none;	background:url(../imagenes/fondo-menu.png) repeat; color:#fff;	padding:1.5em; display:block; width:100%; cursor:pointer; margin:10px 0; font-size:0.8em}
section button:hover{background:#113981}
section button.active{background:#113981}
section button.disabled{background: #000; pointer-events:none}

.cbp-spmenu {background:url(../imagenes/fondo-menu.png) repeat; position: fixed}
.cbp-spmenu h3{color: #afdefa;	font-size: 1.9em;	padding: 28px;	margin: 0;	font-weight: 300;	background:url(../imagenes/fondo-menu.png) repeat}
.cbp-spmenu a{display: block; color: #fff;	font-size: 1.1em;	font-weight: 300}
.cbp-spmenu a:hover{background: #258ecd}
.cbp-spmenu a:active{background: #afdefa; color: #47a3da}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px; height:100%; top:0; z-index:1000}
.cbp-spmenu-vertical a{border-bottom:1px solid #FFF;	padding:1em}
.cbp-spmenu-horizontal{width:100%; height:150px; left:0; z-index:1000; overflow:hidden}
.cbp-spmenu-horizontal h3{height:100%; width: 20%; float:left}
.cbp-spmenu-horizontal a{float:left; width:100%;	padding:0.8em; border-left: 1px solid #258ecd}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{RIGHT:-240px}
.cbp-spmenu-right{LEFT:-240px}
.cbp-spmenu-left.cbp-spmenu-open{RIGHT:0px}
.cbp-spmenu-right.cbp-spmenu-open{LEFT: 0px}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px}
.cbp-spmenu-bottom{bottom:-150px}
.cbp-spmenu-top.cbp-spmenu-open{top:0px}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden; position:relative; left:0}
.cbp-spmenu-push-toright{RIGHT:240px}
.cbp-spmenu-push-toleft{left:-240px}
/* Transitions */
.cbp-spmenu, .cbp-spmenu-push{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease}
#booking{background:#F2F3F4; width:93.8%; padding:3%; border:solid 1px #E1E1E1; margin-bottom:15px}
.wrapper-date{width:48%; float:left; padding-right:2%}
.wrapper-nights{width:48%; float:left; padding-right:0; padding-left:2%; padding-bottom:10px}
.wrapper-adults{width:31%; float:left; padding-right:2%}
.wrapper-children{width:31%; float:left; padding-right:2%}
.book{width:33%; float:left; text-align:center}
}
@media screen and (max-width:520px){

.wrapper-adults{width:48%; float:left; padding-right:2%}
.wrapper-children{width:48%; float:left; padding-right:0; padding-left:2%}
.book{width:100%; float:left; padding-top:12px}
#booking .send{padding:4% 2%;}
}