/* [[[ css(4530) template(2893) name(Reserva PriceTable / Standard) ]]] */
.reserva-pricetable-wrapper { padding: 20px; margin: auto; max-width: 960px; background: white; }
.reserva-pricetable { }
.reserva-pricetable .controls { margin: 0px 0px 30px 0px; font-weight: bold; color: #888; min-height: 10px; }
.reserva-pricetable .controls .left { float: left; }
.reserva-pricetable .controls .right { float: right; }
.reserva-pricetable .controls .pulldown { cursor: pointer; padding: 4px 35px 4px 15px; background-color: #fff; border: 2px solid #999; margin: 0px 10px 0px 0px; background-image: url(http://www.tramino.de/tramino/gfx/down.png); background-repeat: no-repeat; background-position: right center; }
.reserva-pricetable .controls .button { cursor: pointer; padding: 3px 10px 2px 10px; margin-left: 5px; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; line-height: 16px; font-weight: bold; color: rgba( 0, 0, 0, 0.4 ) !important; border: 2px solid rgba( 0, 0, 0, 0.3 ); background-color: transparent; }
.reserva-pricetable .controls .clear { clear: left; }
.reserva-pricetable .controls .pricetable-info { font-size: 16px; }
.reserva-pricetable table { font-family: "Arial"; font-size: 13px; width: 100%; border-spacing: 0px;}
.reserva-pricetable table a { color: #fff !important; text-decoration: none; }
.reserva-pricetable table th { padding: 5px 5px; border-right: 1px solid #ccc; color: #444; font-weight: normal; text-align: center;}
.reserva-pricetable table th b { color: #000;}
.reserva-pricetable table tr td { text-align: center; border-top: 1px solid #ccc; padding: 5px 10px; border-right: 1px solid #ccc;}
.reserva-pricetable table .divider { font-size: 14px; padding: 15px 10px 5px 0px; text-align: left; color: #444; }
.reserva-pricetable table .kat { color: #000; text-align: left; width: 30%; padding: 5px 50px 5px 0px;}
.reserva-pricetable table .kat b { color: #000; }
.reserva-pricetable table .na { color: #ccc; font-size: 35px; padding: 0px;}
.reserva-pricetable table .weekend { background-color: #eee; }
.reserva-pricetable table .highlight { background-color: #ffc; }
.reserva-pricetable table .price { display: inline-block; background-color: #E66C00; background-color: #393; padding: 2px 5px; color: #fff; border-radius: 3px; }
#ibe-container .search-container { position: relative; height: 50px; }
#ibe-container .search-container .button { display: inline-block; background-color: #fff; margin-right: 5px; padding: 5px 25px 5px 25px; padding: 5px 20px; cursor: pointer; text-align: center; font-size: 16px; font-weight: 400; color: #000; box-shadow: 1px 1px 4px rgba(0,0,0,0.3); }
#ibe-container .search-container .button.pulldown { padding-right: 35px; background-image: url(//tramino.s3.amazonaws.com/s/oberstdorf/683883/arrowdown.png); background-repeat: no-repeat; background-position: right 8px top -40px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#ibe-container .search-container .button.pulldown.on { background-position: right 8px top 6px; position: relative; z-index: 71; box-shadow: none; }
#ibe-container .search-container .button.on { padding-bottom: 6px; margin-bottom: 0px; }
#ibe-container .search-container .button.right { margin-right: 30px; background-color: #444; color: #fff; }
#ibe-container .search-container input[type="submit"] { display: inline-block; background-color: #BD2631; border: 0px !important; margin: 0px; margin-right: 5px; padding: 7px 35px 6px 35px; cursor: pointer; text-align: center; font-size: 13px; font-weight: bold; color: #fff; text-transform: uppercase; box-shadow: 1px 1px 4px rgba(0,0,0,0.3); }
/* People Select */
.reserva-people-select { z-index: 70; position: absolute; left: 0px; min-width: 610px; background: white; box-shadow: 1px 1px 1px gray; display: none; }
.people-panel { padding: 20px; }
.people-panel select { /* border: 1px solid gray; background: white none repeat scroll 0% 0%; padding: 3px 6px; */
font-size: 12px; margin: 2px; width: 110px; }
.people-panel select.rooms { width: 120px; }
.people-panel select.room-type { width: 120px; }
.people-panel select.room-adults { width: 120px; }
.people-panel select.room-childage { width: 100px; }
.people-group { margin-top: 5px; padding-left: 30px; padding-top: 5px; border-top: 1px solid rgba(0,0,0,0.1); }
.people-panel .room-adults, .people-panel .room-type { font-weight: bold; }
.ui-datepicker-title { color: black; }
@media all and (min-width: 1000px) and (max-width: 1250px) { .reserva-pricetable .controls .pricetable-info { font-size: 14.5px; }
.reserva-pricetable .controls .button { font-size: 12.5px; line-height: 15.5px; }
}
@media all and (min-width: 768px) and (max-width: 999px) { .reserva-pricetable .controls .pricetable-info { font-size: 14px; }
.reserva-pricetable .controls .button { font-size: 12.0px; line-height: 15px; }
}
@media all and (min-width: 568px) and (max-width: 767px) { .reserva-people-select { top: 28px; }
.reserva-pricetable .controls .pricetable-info { font-size: 13.5px; }
.reserva-pricetable .controls .button { font-size: 11.5px; line-height: 14.5px; }
}
@media all and (max-width: 567px) { .reserva-pricetable .controls .pricetable-info { font-size: 13px; padding: 0 0 10px 0; display: block; }
.reserva-people-select { top: 69px; width: 240px; min-width: initial; }
.reserva-pricetable .controls .button { font-size: 11px; line-height: 14px; }
}
