@charset "utf-8";

/* CSS Document */



body, html {margin:0px; padding:0; height:100%; background-color:#fff;}

body {font:normal 11px/15px Tahoma, Geneva, sans-serif; color:#757575;}

form {margin:0px; padding:0;}

a {outline: none; text-decoration:underline; color:#2777dc;}

a:hover {text-decoration:underline; color:#e6870c;}

img {border:0;}

p, h1, h2, h3, h4, h5, h6 {padding: 0px; margin:0px;}

ul, li, ol, dl, dt, dd {padding:0px; margin:0px;}

/*p, ul, ol, dl {padding-bottom:10px;}*/

ul li {list-style-type:none;}



.floatlft {float:left;}

.floatrght {float:right;}

.clrbth {clear:both;}



#wrapper {min-height:100%; position:relative; width:1000px; margin:0 auto; background-color:#eeeeee;}



#header {position:relative; height:108px; /*padding:0 0 4px 0;*/}

#header h1 {width:232px; height:145px; text-align:left; display:block; padding:22px 0 0 20px; position:absolute; top:0; left:13px; background:url(../images/logo-bck.png) no-repeat left top;}

#header h1 a,

#header h1 span {background:url(../images/hotel-logo2.jpg) no-repeat left top; text-indent:-8000px; display:block; height:110px; text-align:left; width:206px;}



#header .topbar {padding:40px 17px 0 0; float:right; font:normal 12px/14px Tahoma, Geneva, sans-serif; color:#f3a81f;}

#header .topbar li {float:left; border-top:4px solid #f6b21f; position:relative; text-align:right; margin-right:1px; padding:6px 0 0 0;}

#header .topbar .step1 {width:196px;}

#header .topbar .step2 {width:175px;}

#header .topbar .step3 {width:171px;}

#header .topbar li.selected {border-color:#3778cc; color:#2777dc;}

#header .topbar .bullet {position:absolute; top:-8px; right:-2px; z-index:6; width:12px; height:12px; background:url(../images/bullet1.png) no-repeat 0 0;}

#header .topbar .selected .bullet {background-position:0 -12px;}



#footer {position:absolute; width:100%; height:63px; padding:0 0 0px 0; bottom:0; background-color:#dadada; border-top:4px solid #fff; z-index:10; font:normal 11px/14px Tahoma, Geneva, sans-serif; color:#555555;}

#footer .pad {padding:0 17px 0 17px;}

#footer p {padding:0 0 5px 0;}

#footer .links a,

#footer .links span {padding-right:10px;}

#footer a {color:#555555; text-decoration:none;}

#footer a:hover {color:#e6870c;}

#footer .left {float:left; width:550px; padding:15px 0 0 0;}

#footer .right {float:right; width:400px; text-align:right; padding:5px 0 0 0;}

#footer .right img {float:right; margin:0 0 0 10px;}



#main {overflow:hidden; padding:0px 0 100px 0;}

#main .leftcol {padding:70px 0 0 17px; width:240px; float:left;}

#main .leftcol h2 {padding:9px 17px 8px 17px; color:#fff; font:normal 20px/22px Arial, Helvetica, sans-serif; background:#e6870c url(../images/bck1.gif) repeat-y 0 0; margin:0 0 1px 0;}

#main .leftcol .dates {background-color:#f6b21f; color:#fff; font:normal 14px/16px Tahoma, Geneva, sans-serif; overflow:hidden; padding:7px 12px 25px 14px;}

#main .leftcol .dates label {padding:17px 0px 6px 3px; display:block;}

#main .leftcol .dates .field {width:161px; height:25px; background:url(../images/field1.gif) no-repeat 0 0; padding:3px;}

#main .leftcol .dates input {color:#2777dc; font:normal 17px/19px Arial, Helvetica, sans-serif; height:19px; width:150px; padding:0; margin:4px 0 0px 7px; border:0; background:url(../images/date-icon.gif) no-repeat 100% 0; cursor:pointer;}

#main .leftcol .dates input:hover {background-position:100% -19px;}

/*#main .leftcol .dates .icon {width:21px; height:17px; display:block; float:right; background:url(../images/date-icon.gif) no-repeat 0 0; margin:4px 4px 0 0;}

#main .leftcol .dates .icon:hover {background-position:0 -17px;}*/



#main .leftcol .lang {color:#7e7e7e; font:normal 14px/16px Tahoma, Geneva, sans-serif; padding:22px 0 0 0; position:relative;}

#main .leftcol .lang img {margin:0 8px 0 0; vertical-align:0px;}

#main .leftcol .lang .icon {width:46px; height:38px; position:absolute; z-index:1; right:16px; top:13px; background:url(../images/lang-icon.png) no-repeat 0 0;}

#main .leftcol .lang .selected {border:1px solid #d5d5d5; background-color:#fff; padding:7px 77px 0px 16px; height:23px; cursor:pointer;}

#main .leftcol .lang .selected:hover {color:#fff; background-color:#fab829; border-color:#F6B21F;}

#main .leftcol .lang .selected:hover .icon {background-position:0 -38px;}

#main .leftcol .lang ul {color:#2777DC; font:normal 13px/14px Tahoma, Geneva, sans-serif; position:absolute; top:54px; left:0; z-index:20; width:100%; display:none; cursor:pointer;}

#main .leftcol .lang li {background-color:#CFCFCF; border-top:1px solid #eeeeee; display:block; padding:6px 17px 6px 17px;}

#main .leftcol .lang li img {vertical-align:-1px;}

#main .leftcol .lang li:hover {color:#fff; background-color:#bbb;}



#main .leftcol .sample {margin:22px 0 0 0; color:#646464;}

#main .leftcol .sample img {display:block; margin:0 0 16px 0;}

#main .leftcol .sample p {padding:0 0 16px 0; line-height:17px;}



#main .rightcol {padding:0 17px 0 0; width:705px; float:right;}



#main .rightcol .results1 {width:100%;}

#main .rightcol .results1 th,

#main .rightcol .results1 td {vertical-align:top; text-align:center; font:normal 11px/15px Tahoma, Geneva, sans-serif; color:#757575;}

#main .rightcol .results1 td {background-color:#fff; border-top:8px solid #eeeeee; padding:0;}

#main .rightcol .results1 th {background-color:#3778cc; color:#fff; font:normal 13px/14px Arial, Helvetica, sans-serif; padding:11px 0px 10px 0px;}

#main .rightcol .results1 .first {text-align:left; padding-left:18px; padding-right:10px; /*width:235px;*/ width:38%;}

#main .rightcol .results1 th.first {padding-left:15px;}

#main .rightcol .results1 td.first {border-right:1px solid #ebebeb; padding-top:17px; padding-bottom:22px; /*border-bottom:1px solid #ebebeb;*/}

#main .rightcol .results1 .alt td.first {border-right-color:#d2e1ea; /*border-bottom-color:#d2e1ea;*/}

#main .rightcol .results1 td.first .redmsg {clear:both; padding-top:15px;}

#main .rightcol .results1 .thumb {float:left; margin:0 16px 0 0; cursor:pointer;}

#main .rightcol .results1 .thumb:hover {filter:Alpha(Opacity=60); -moz-opacity:0.60; opacity:0.60;}

#main .rightcol .results1 td.first h3 {color:#2777dc; font-size:14px; line-height:16px; font-weight:normal; padding:3px 0 4px 0; cursor:pointer;}

#main .rightcol .results1 td.first h3:hover {color:#e6870c;}

#main .rightcol .results1 .last {text-align:right; padding-right:10px; padding-left:5px;}

#main .rightcol .results1 th.last {padding-right:15px;}

#main .rightcol .results1 td.last {background-color:#f5f5f5; border-left:1px solid #e5e5e5; vertical-align:middle; padding-left:10px;}



#main .rightcol .results1 td.invisible {height:0; border:0;}



#main .rightcol .results1 table td {border:0; padding:0;}

#main .rightcol .results1 .inner {width:100%;}

#main .rightcol .results1 .inner td {padding:17px 3px 11px 3px; border-bottom:1px solid #ebebeb;}

#main .rightcol .results1 .alt .inner td {border-bottom-color:#d2e1ea;}

#main .rightcol .results1 td.price {color:#ee6c0c; font-size:14px; line-height:16px; width:118px;}

#main .rightcol .results1 td.persons {width:80px; padding-left:5px;}

#main .rightcol .results1 td.rooms {padding-right:14px; width:110px; text-align:right;}



#main .rightcol .results1 th .inner td {color:#fff; background-color:transparent; font-size:13px; line-height:14px; padding-top:0; padding-bottom:0; border:0;}



#main .rightcol .results1 select {color:#757575; font:normal 12px/14px Tahoma, Geneva, sans-serif; border:1px solid #adadad; width:100%;}



#main .rightcol .results1 .alt td {background-color:#edf8ff;}



#main .rightcol .results1 .full {display:none;}

#main .rightcol .results1 .full td {border:0; border-top:1px solid #faca62; background:#fffced url(../images/arrow1.gif) no-repeat 30px 0; text-align:left; line-height:16px;}

#main .rightcol .results1 .full p {padding-bottom:10px;}

#main .rightcol .results1 .full .pad {padding:15px 30px 20px 18px; position:relative;}

#main .rightcol .results1 .full .thumbs {overflow:hidden; padding:0 0 10px 0;}

#main .rightcol .results1 .full .thumbs img {float:left; display:block; margin:8px 6px 0 0; cursor:pointer;}

#main .rightcol .results1 .full .thumbs img:hover {filter:Alpha(Opacity=60); -moz-opacity:0.60; opacity:0.60;}

#main .rightcol .results1 .full .descr {clear:both;}

#main .rightcol .results1 .full .close {position:absolute; z-index:5; right:10px; top:10px; width:18px; height:18px; background:url(../images/close1.png) no-repeat 0 0; cursor:pointer;}

#main .rightcol .results1 .full .close:hover {background-position:0 -18px;}



.child span {background:url(../images/child-icon.png) no-repeat 0 0; display:block; width:10px; height:17px;}

.adult span {background:url(../images/adult-icon.png) no-repeat 0 0; display:block; width:13px; height:17px;}

/*.centered {position:relative; width:100%; overflow:hidden;}*/

.centered ul {float:left; left:50%; position:relative; display:block;}

.centered li {position:relative; right:50%; display:block; float:left;}



.btn1 {display:block; text-align:center; color:#fff; font:bold 13px/13px Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/btn1-ri.png) no-repeat 100% 0;}

.btn1 span {display:block; background:url(../images/btn1-le.png) no-repeat 0 0; padding:6px 0 0 8px; margin:0 8px 0 0; height:20px; cursor:pointer;}

.btn1:hover {background-position:100% -26px; text-decoration:none; color:#fff;}

.btn1:hover span {background-position:0 -26px;}



.btn2 {display:block; text-align:center; color:#fff; font:bold 14px/16px Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/btn2-ri.png) no-repeat 100% 0;}

.btn2 span {display:block; background:url(../images/btn2-le.png) no-repeat 0 0; padding:10px 0 0 15px; margin:0 15px 0 0; height:26px; cursor:pointer;}

.btn2:hover {background-position:100% -36px; text-decoration:none; color:#fff;}

.btn2:hover span {background-position:0 -36px;}



.btn3 {display:block; text-align:center; color:#fff; font:bold 13px/13px Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/btn3-ri.png) no-repeat 100% 0; white-space:nowrap;}

.btn3 span {display:block; background:url(../images/btn3-le.png) no-repeat 0 0; padding:3px 0 0 10px; margin:0 10px 0 0; height:31px; max-height:31px; cursor:pointer;}

.btn3:hover {background-position:100% -34px; text-decoration:none; color:#fff;}

.btn3:hover span {background-position:0 -34px;}



#main .leftcol .dates .btn2 {margin:21px 0 0 0;}



.mar1 {margin-bottom:5px;}

.mar2 {margin-top:6px;}



.redmsg {color:#fc1010;}

.orangemsg {color:#e6870c;}

.cyanmsg {color:#08c0d6;}



#main .rightcol .messages {font-size:13px; line-height:16px; padding:0 0 15px 0; color:#2777DC;}

#main .rightcol .messages .redmsg {background:url(../images/exclmark.png) no-repeat 0 0; padding:0 0 0 25px; display:none; min-height:18px;}



#main .rightcol.alt1 {width:685px; padding-left:30px;}

#main .rightcol.alt1 .messages {font:bold 20px/22px Arial, Helvetica, sans-serif; padding:40px 0 2px 0px;}

#main .rightcol.alt1 .messages .redmsg {font:normal 13px/16px Tahoma, Geneva, sans-serif; margin-top:20px;}



#main .rightcol .addinfo {clear:both; padding:30px 0 0 0;}

#main .rightcol .addinfo h4 {color:#fff; font:normal 13px/14px Arial, Helvetica, sans-serif; display:block;}

#main .rightcol .addinfo h4 span {background-color:#ababab; display:block; padding:8px 15px 0 15px; height:20px; float:left;}

#main .rightcol .addinfo h4 span.info {background:none !important; color:#F77819; font:normal 11px/14px Tahoma, Geneva, sans-serif; padding:6px 0 0 13px;}

#main .rightcol .addinfo .info1 {background-color:#fff; clear:both; font:normal 11px/17px Tahoma, Geneva, sans-serif; color:#757575; width:100%;}

#main .rightcol .addinfo .info1 td {border-top:1px solid #cdcdcd; text-align:left; vertical-align:top; padding:5px 40px 7px 0;}

#main .rightcol .addinfo .info1 td.title {font-size:12px; line-height:16px; color:#f77819; padding:5px 20px 7px 18px; width:122px;}

#main .rightcol .addinfo .info1 .first td {padding-top:13px; border:0;}

#main .rightcol .addinfo .info1 .first td.title {background:url(../images/arrow2.gif) no-repeat 30px 0;}



#main .rightcol .addinfo.alt1 {padding:0px 0 30px 0;}

#main .rightcol .addinfo.alt1 h4 span {background-color:#3778cc;}

#main .rightcol .addinfo.alt1 .info1 td {padding-bottom:5px; padding-right:52px;}

#main .rightcol .addinfo.alt1 .info1 td.title {padding-right:24px; padding-left:18px; width:188px;}

#main .rightcol .addinfo.alt1 .info1 .first td.title {background-image:url(../images/arrow3.gif);}

#main .rightcol .addinfo.alt1 .info1 select {color:#757575; background-color:#EEEEEE; font:normal 12px/14px Tahoma, Geneva, sans-serif; border:1px solid #adadad; width:420px;}

#main .rightcol .addinfo.alt1 .info1 td.title select {color:#f77819;}

#main .rightcol .addinfo.alt1 .info1 input {width:400px; height:14px; background-color:#eeeeee; color:#757575; font:normal 11px/14px Tahoma, Geneva, sans-serif; border:0; padding:6px 10px 6px 10px; margin:2px 0 2px 0;}

#main .rightcol .addinfo.alt1 .info1 input.error {background-color:#ffc5c5; color:#db4f4f;}

#main .rightcol .addinfo.alt1 .info1 textarea {width:400px; height:117px; overflow:auto; background-color:#eeeeee; color:#757575; font:normal 11px/14px Tahoma, Geneva, sans-serif; border:0; padding:6px 10px 6px 10px; margin:2px 0 2px 0;}



#main .rightcol .addinfo .info1 .total td {color:#2777dc; font-size:12px; padding-top:7px;}

#main .rightcol .addinfo .info1 .total {background-color:#d9d9d9;}

#main .rightcol .addinfo .info1 .total.alt1 td {border-color:#EEEEEE;}

#main .rightcol .addinfo .info1 .total.alt1 {background-color:#e0e0e0;}

#main .rightcol .addinfo .info1 .total.alt2 td {border-color:#EEEEEE; color:#888888; padding-top:5px; padding-bottom:7px;}

#main .rightcol .addinfo .info1 .total.alt2 {background-color:#e0e0e0;}

#main .rightcol .addinfo .info1 .total.alt2 td.title {font-size:11px; line-height:14px;}



#main .rightcol .addinfo .info1 .add td {padding:6px 37px 8px 18px; color:#4ebf16; font-size:11px; line-height:14px; cursor:pointer; background:url(../images/plus.gif) no-repeat 98% 0px; text-align:right;}

#main .rightcol .addinfo .info1 .add td:hover {background-color:#DBDBDB /*#EDF8FF #e7e7e7 #fff7dd*/; background-position:98% -28px}



#main .rightcol .addinfo .info1 .base {position:relative; padding-right:300px;}

#main .rightcol .addinfo .info1 .del {min-width:19px; height:19px; padding:0 25px 0 0; background:url(../images/delete.gif) no-repeat 100% 0; position:absolute; z-index:12; right:-40px; top:0px; cursor:pointer; color:#ffaeae;}

#main .rightcol .addinfo .info1 .del:hover {background-position:100% -19px; color:#FC1010;}



#main .rightcol .addinfo .info1 td.full {padding-left:18px;}

#main .rightcol .addinfo.alt1 .info1 .first td.full {background:url(../images/arrow3.gif) no-repeat 30px 0;}

#main .rightcol .addinfo .info1 td.full select {width:100%;}

#main .rightcol .addinfo .info1 .base {padding-right:150px;}



.btn1.alt {font-size:14px; line-height:16px;}

.btn1.alt span {padding:5px 5px 0 13px; height:21px;}



#main .rightcol .addinfo .info1 td.title ul {clear:both:}

#main .rightcol .addinfo .info1 td.title li {float:left;}



.hidden{display:none;}

label.error{display:none !important;}