/* CSS Document */
body {background-color: #3C0000; color: #CDC0B8;}
a {color: #CDC0B8;}
p {text-indent: 35px;}
form {margin: 0px auto}

.header {position: absolute; top: 10px; left: 10px; width: 825px; height: 600px; z-index: 1}
.titlu-pagina {position: absolute; left: 21px; top: 330px; z-index: 2}
.centrare-pagina {position: absolute; left: 0px; top: 0px; left: 50%; margin-left: -405px; z-index: 1}
.footer{position: absolute; left: 10px; top: 755px; width: 780px; height: 65px; background: url(img/bg-footer.jpg) repeat-x top;}
.copyright-footer{margin-left: 440px; width: 305px; height: 41px; background: url(img/copyright.gif) no-repeat;}

.index-casuta-text-stg {position: absolute; left: 60px; top: 410px; width: 410px; z-index: 1}
.index-titlu-about-villa {position: absolute; left: 435px; top: 348px; background-image: url(img/tit-about-villa.gif); width: 141px; height: 54px; z-index: 1}
.index-model {position: absolute; left: 475px; top: 435px; background-image: url(img/model-bg.gif); width: 62px; height: 154px; z-index: 1}
.index-titlu-about-tour-op {position: absolute; left: 435px; top: 630px; background-image: url(img/tit-about-tour-op.gif); width: 138px; height: 24px; z-index: 1}
.index-casuta-text-tour-op {position: absolute; left: 60px; top: 690px; width: 720px; z-index: 1}

.booking-casuta-personal-info { position: absolute; top: 440px; left: 45px; width: 500px; height: auto; z-index: 2 }
.booking-titlu-personal-info { position: absolute; top: 398px; left: 325px; width: 154px; height: 31px; background: url(img/tit-personal-info.gif) no-repeat; z-index: 1 }
.booking-casuta-reservation-info { position: absolute; top: 573px; left: 45px; width: 750px; z-index: 1 }
.booking-titlu-reservation-info { position: absolute; top: 560px; left: 265px; width: 154px; height: 31px; background: url(img/tit-reservation-info.gif) no-repeat; z-index: 1 }
.booking-casuta-other-info { position: absolute; top: 440px; left: 589px; width: 170px; z-index: 1 }
.booking-titlu-other-info { position: absolute; top: 398px; left: 598px; width: 154px; height: 31px; background: url(img/tit-other-info.gif) no-repeat; z-index: 1 }
.booking-modelbg{ position: absolute; top: 423px; left: 499px; background:  url(img/model-bg.gif) no-repeat; width: 62px; height: 154px }
.booking-modelbg-mic{position: absolute; top: 615px; left: 238px; background:  url(img/model-bg-mic.gif) no-repeat; width: 47px; height: 116px}
.booking-buton-submit{position: absolute; top: 709px; left: 310px}
.booking-casuta-link-stg{position: absolute; top: 713px; left: 43px; width: 200px}


/*formular personal info*/
.title {position: absolute; top: 5px; left: 0px; width: 50px; z-index: 2}
.first-name {position: absolute; top: 5px; left: 70px; width: 200px;}
.name {position: absolute; top: 5px; left: 290px; width: 140px;}
.email {position: absolute; top: 49px; left: 0px; width: 150px; z-index: 1}
.country {position: absolute; top: 49px; left: 170px; width: 245px;}

#countriesmain{background-color: #652B27; border: 1px solid #8D615A; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; height: 18px;-moz-box-sizing: border-box; padding-top: 1px; padding-left: 2px}
#countriesdrop{background-color: #652B27; border: 1px solid #8D615A; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 150px; overflow: auto; padding: 4px;-moz-box-sizing: border-box; text-decoration: none}
#countriesclick{background-color: #652B27; width: 15px; height: 18px; border: 1px solid #8D615A; text-align: center; -moz-box-sizing: border-box;}
#countriesdummy{font-size:10px; font-family: Verdana; visibility:hidden; position:absolute; left:1;top:1}

#titlesmain{background-color: #652B27; border: 1px solid #8D615A; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; height: 18px;-moz-box-sizing: border-box; padding-top: 1px; padding-left: 2px}
#titlesdrop{background-color: #652B27; border: 1px solid #8D615A; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 35px; padding: 4px;-moz-box-sizing: border-box; text-decoration: none}
#titlesclick{background-color: #652B27; width: 15px; height: 18px; border: 1px solid #8D615A; text-align: center; -moz-box-sizing: border-box;}
#titlesdummy{font-size:10px; font-family: Verdana; visibility:hidden; position:absolute; left:1;top:1}

.droplink{width:100%; color: #B8A598; text-decoration: none}
.droplink:hover{width:100%; background-color: #491E1B; color: white; text-decoration: none}
/*formular personal info*/

/*formular reservation info*/
.open-tour {position: absolute; top: 5px; left: 0px; width: 20px}
.open-tour-label {position: absolute; top: 5px; left: 25px; width: 400px}
.arrive {position: absolute; top: 79px; left: 360px; width: 75px; z-index: 3}
.room_type { position: absolute; top: 30px; left: 0px; width: 420px; z-index: 5 }
.smoker {position: absolute; top: 30px; left: 430px; width: 40px; z-index: 3}
.check-in {position: absolute; top: 30px; left: 500px; width: 100px;}
.check-out {position: absolute; top: 30px; left: 615px; width: 100px;}
.room_nr {position: absolute; top: 80px; left: 0px; width: 350px;}
.pick-up {position: absolute; top: 83px; left: 180px; width: 20px;}
.pick-up-label {position: absolute; top: 80px; left: 200px; width: 130px; height: 18px;}
.arrive_by {position: absolute; top: 80px; left: 340px; width: 120px}
.arrive_time {position: absolute; top: 80px; left: 450px; width: 120px}
.arrive_place {position: absolute; top: 80px; left: 580px; width: 135px}

#room_typemain{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; height: 18px; overflow: hidden; -moz-box-sizing: border-box; padding-top: 1px; padding-left: 2px}
#room_typedrop{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 52px; padding: 4px;-moz-box-sizing: border-box; text-decoration: none}
#room_typeclick{background-color: #582522; border: 1px solid #7B544F; width: 15px; height: 18px; text-align: center; -moz-box-sizing: border-box;}
#room_typedummy{font-size:10px; font-family: Verdana; visibility:hidden; position:absolute; left:1;top:1}

/*arrive_by*/
#arrivemain{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; height: 18px;-moz-box-sizing: border-box; padding-top: 1px; padding-left: 2px}
#arrivedrop{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 63px; overflow: auto; padding: 4px;-moz-box-sizing: border-box; text-decoration: none}
#arriveclick{background-color: #582522; border: 1px solid #7B544F; width: 15px; height: 18px; text-align: center; -moz-box-sizing: border-box;}
#arrivedummy{font-size:10px; font-family: Verdana; visibility:hidden; position:absolute; left:1;top:1}

#arrive_typemain{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; height: 18px; overflow: hidden; -moz-box-sizing: border-box; padding-top: 1px; padding-left: 2px}
#arrive_typedrop{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 25px; padding: 4px;-moz-box-sizing: border-box; text-decoration: none}
#arrive_typeclick{background-color: #582522; border: 1px solid #7B544F; width: 15px; height: 18px; text-align: center; -moz-box-sizing: border-box;}
#arrive_typedummy{font-size:10px; font-family: Verdana; visibility:hidden; position:absolute; left:1;top:1}
/*arrive_by*/

#smokermain{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; height: 18px;-moz-box-sizing: border-box; padding-top: 1px; padding-left: 2px}
#smokerdrop{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 35px; padding: 4px;-moz-box-sizing: border-box; text-decoration: none}
#smokerclick{background-color: #582522; border: 1px solid #7B544F; width: 15px; height: 18px; border: 1px solid #8D615A; text-align: center; -moz-box-sizing: border-box;}
#smokerdummy{font-size:10px; font-family: Verdana; visibility:hidden; position:absolute; left:1;top:1}


#arrive_placemain{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; height: 18px;-moz-box-sizing: border-box; padding-top: 1px; padding-left: 2px}
#arrive_placedrop{background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 215px; padding: 4px;-moz-box-sizing: border-box; text-decoration: none}
#arrive_placeclick{background-color: #582522; border: 1px solid #7B544F; width: 15px; height: 18px; border: 1px solid #8D615A; text-align: center; -moz-box-sizing: border-box;}
#arrive_placedummy{font-size:10px; font-family: Verdana; visibility:hidden; position:absolute; left:1;top:1}

.droplink{width:100%; color: #B8A598; text-decoration: none}
.droplink:hover{width:100%; background-color: #491E1B; color: white; text-decoration: none}
/*formular reservation info*/

.form-personal{margin-top: 5px; background-color: #652B27; border: 1px solid #8D615A; color: #ECE9D8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; height: 18px; padding-left: 4px; padding-top: 2px;}
.form-reservation {margin-top: 5px; background-color: #582522; border: 1px solid #7B544F; color: #B8A598; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; height: 18px; padding-left: 3px;}
.form-other {margin-top: 5px; background-color: #491110; border: 1px solid #592724; color: #B2A081; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; padding-left: 3px; overflow: auto}


.photos-casuta-img-exterior {position: absolute; top: 450px; left: 260px; width: 218px; height: auto}
.photos-casuta-titlu-img-exterior {position: absolute; top: 410px; left: 265px; background: url(img/bg-titlu-pt-photos.gif) no-repeat; width: 171px; height: 30px; text-align: center; padding-top: 11px}
.photos-casuta-img-interior {position: absolute; top: 450px; left: 550px; width: 218px; height: auto}
.photos-casuta-titlu-img-interior {position: absolute; top: 410px; left: 591px; background: url(img/bg-titlu-pt-photos.gif) no-repeat; width: 171px; height: 30px; text-align: center; padding-top: 11px}
.photos-casuta-img-rest {position: absolute; top: 700px; left: 248px; width: 540px; height: auto}
.photos-casuta-titlu-img-rest {position: absolute; top: 661px; left: 430px; background: url(img/bg-titlu-pt-photos.gif) no-repeat; width: 171px; height: 30px; text-align: center; padding-top: 11px}
.photos-modelbg{position: absolute; top: 465px; left: 483px; background:  url(img/model-bg.gif) no-repeat; width: 62px; height: 154px}
.prices-modelbg{position: absolute; top: 480px; left: 465px; background:  url(img/model-bg.gif) no-repeat; width: 62px; height: 154px}

.photos-img {float: left; background: url(img/bg-thumb.gif) no-repeat center; width: 109px; height: 78px; margin-top: 10px; text-align: center; padding-top: 14px; }
.photos-img2 {float: left; background: url(img/bg-thumb.gif) no-repeat center; width: 133px; height: 78px; text-align: center; padding-top: 14px; }

.img-transparenta {filter: alpha(opacity=70); moz-opacity: 0.70; opacity: 0.70}
.img-full {filter: alpha(opacity=100); moz-opacity: 1; opacity: 1}

.prices { position: absolute; top: 350px; left: 280px; width: 520px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9C816A; letter-spacing: 1px }
.prices-rand {margin: 0px 0px 0px 0px}
.prices-rand-spatiere {clear: both; height: 40px}
.casuta-pret {float: left; clear: none; width: 135px; text-align: left}
.casuta-pret p {margin: 0px; padding: 5px 0px 5px 0px; text-align: left; text-indent: 0px}
.casuta-pret-spatiere {float: left; clear: none; width: 50px}


.contact-titlu-form {position: absolute; top: 320px; left: 400px; width: 200px; height: 58px; background: url(img/tit-contact-form.gif); z-index: 2}
.contact-casuta-form {position: absolute; top: 454px; left: 245px; width: 350px; height: auto}
.contact-casuta-to {position: absolute; top: 440px; left: 610px; width: 150px; height: auto; text-align: right}
.contact-casuta-img-stg {position: absolute; top: 400px; left: 10px; width: 150px; z-index: 1}
.contact-titlu-persons {position: absolute; top: 600px; left: 300px; background: url(img/tit-contact-pers.gif) no-repeat; width: 193px; height: 15px; z-index: 1}
.contact-casuta-pers-1 {position: absolute; top: 645px; left: 20px; width: 195px; height: auto; text-align: center; z-index: 1}
.contact-casuta-pers-2 {position: absolute; top: 645px; left: 313px; width: 165px; height: auto; text-align: center; z-index: 1}
.contact-titlu-localization {position: absolute; top: 600px; left: 550px; background: url(img/tit-localization-map.gif) no-repeat; width: 190px; height: 15px; z-index: 1}
.contact-titlu-localization-2 {position: absolute; top: 700px; left: 513px; width: 270px; height: 15px; z-index: 1}
.contact-titlu-localization {position: absolute; top: 680px; left: 280px; background: url(img/tit-localization-map.gif) no-repeat; width: 190px; height: 15px; z-index: 1;}
.contact-titlu-localization-2 {position: absolute; top: 775px; left: 499px; width: 282px; height: 15px; z-index: 1}
.contact-titlu-business {position: absolute; top: 680px; left: 560px; background: url(img/tit-cards.gif) no-repeat; width: 162px; height: 15px; z-index: 1}
.contact-titlu-business-2 {position: absolute; top: 702px; left: 509px; width: 270px; height: 15px; z-index: 1}
.prices-titlu-booking { position: absolute; top: 1073px; left: 19px; background: url(img/tit-booking.gif) no-repeat; width: 263px; height: 15px; z-index: 1; }
.prices-stg {position: absolute; top: 440px; left: 20px; width: 150px; z-index: 1}


.prices-titlu-single {position: absolute; top: 350px; left: 255px; background: url(img/txt-single.gif) no-repeat; width: 137px; height: 15px; z-index: 1}
.prices-titlu-single-2 {position: absolute; top: 350px; left: 255px; width: 80px; height: 15px; z-index: 1}

.prices-titlu-double {position: absolute; top: 350px; left: 435px; background: url(img/txt-double.gif) no-repeat; width: 144px; height: 15px; z-index: 1}
.prices-titlu-double-2 {position: absolute; top: 350px; left: 435px; width: 80px; height: 15px; z-index: 1}

.prices-titlu-twin {position: absolute; top: 350px; left: 635px; background: url(img/txt-twin.gif) no-repeat; width: 120px; height: 15px; z-index: 1}
.prices-titlu-twin-2 {position: absolute; top: 350px; left: 635px; width: 80px; height: 15px; z-index: 1}

.prices-titlu-bungalow {position: absolute; top: 500px; left: 255px; background: url(img/txt-bungalow.gif) no-repeat; width: 181px;  z-index: 1}
.prices-titlu-bungalow-2 {position: absolute; top: 500px; left: 255px; width: 80px;  z-index: 1}
.prices-titlu-bungalow-3 {position: absolute; top: 492px; left: 265px; width: 80px;  z-index: 1}
.prices-titlu-triple {position: absolute; top: 500px; left: 255px; background: url(img/txt-triple.gif) no-repeat; width: 141px;  z-index: 1}

.prices-titlu-payment { position: absolute; top: 935px; left: 20px; background: url(img/txt-peyment.gif) no-repeat; width: 700px; z-index: 1 }
.prices-titlu-pickup { position: absolute; top: 1013px; left: 21px; background: url(img/txt-pickup.gif) no-repeat; width: 700px; z-index: 1 }


.form2 {background-color: #5A1F1C; border: 1px solid #774742; color: #8D6462; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; height: 14px; padding-left: 3px; }
.form-textarea {background-color: #5A1F1C; border: 1px solid #774742; color: #8D6462; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding-left: 3px; overflow: auto }


.text-evidenta {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #B2A081; letter-spacing: 1px}
.text-pagina {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CDC0B8; letter-spacing: 1px}
.text-italic-pt-form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; color: #D4BD9B}
.text-italic-pt-form2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; color: #8C6D58}
.text-pt-form1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #8C6D58; font-weight: bold}
.text-pt-form2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B2A081; font-weight: bold}
.text-pt-contact-1 {font-family: Arial; font-size: 11px; color: #8C6C5A; font-style: italic; line-height: 25px}
.text-pt-contact-2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #C7BB9A; line-height: 7px}
.text-pt-contact-3 {font-family: Verdana; font-size: 10px; color: #A48D68; line-height: 13px; text-decoration: none}
.text-pt-contact-4 {font-family: Verdana; font-size: 10px; color: #D3CCAA; line-height: 13px; text-decoration: none}
.text-pt-contact-5 {font-family: Verdana; font-size: 11px; color: #A48D68; line-height: 15px; text-decoration: none}
.text-pt-localization {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #7C5647; text-decoration: none; line-height:15px;}
.text-pt-localization-2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #8D6B63; font-style:italic; font-weight:bold;}
.text-pt-business {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #7C5647; text-decoration: none; line-height:15px;}
.text-prices {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9C816A; letter-spacing: 1px; width: 780px; height: 65px;}

.txt-prices {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9C816A; line-height: 20px; width: 180px; height: 65px;}
.txt-prices-2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #C7BC9B; line-height: 20px; width: 140px; height: 65px; font-weight:bold;}
.txt-prices-i {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #C7BB9A; width:160px;}

.txt-payment {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9C816A; width:260px;}

.row {clear: both}
.col {float: left; padding-left: 18px; text-align: left; margin-top: 10px}

.continut-booking-confirmare {position: absolute; top: 430px; left: 10px; width: 750px; text-align: left}

/*CALENDAR*/

#calendarDiv{
        position:absolute;
        width:205px;
        border:1px solid #E4DFC5;
        padding:1px;
        background-color: #ECE9D5;
        font-family:arial;
        font-size:10px;
        padding-bottom:20px;
        visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
        float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{

        line-height:12px;
        padding:1px;
        cursor:pointer;
        padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{
        line-height:12px;
        padding:1px;
        cursor:pointer;
        padding-left:2px;
}

#calendarDiv td{
        padding:3px;
        margin:0px;
        font-size:10px;
}

#calendarDiv .selectBox{
        border:1px solid #E2EBED;
        color: #E2EBED;
        position:relative;
}
#calendarDiv .selectBoxOver{
        border:1px solid #FFF;
        background-color: #3C0000;
        color: #FFF;
        position:relative;
}
#calendarDiv .selectBoxTime{
        border:1px solid #317082;
        color: #317082;
        position:relative;
}
#calendarDiv .selectBoxTimeOver{
        border:1px solid #216072;
        color: #216072;
        position:relative;
}

#calendarDiv .topBar{
        height:16px;
        padding:2px;
        background-color: #990000;


}
#calendarDiv .activeDay{        /* Active day in the calendar */
        color:#FF0000;

}
#calendarDiv .todaysDate{
        height:17px;
        line-height:17px;
        padding:2px;
        background-color: #DAD3AD;
        text-align:center;
        position:absolute;
        bottom:0px;
        width:201px;
}
#calendarDiv .todaysDate div{
        float:left;
}

#calendarDiv .timeBar{
        height:17px;
        line-height:17px;
        background-color: #DAD3AD;
        width:72px;
        color:#FFF;
        position:absolute;
        right:0px;
}

#calendarDiv .timeBar div{
        float:left;
        margin-right:1px;
}


#calendarDiv .monthYearPicker{
        background-color: #990000;
        border:1px solid #3C0000;
        position:absolute;
        color: #DAD3AD;
        left:0px;
        top:15px;
        z-index:1000;
        display:none;

}
#calendarDiv #monthSelect{
        width:70px;
}
#calendarDiv .monthYearPicker div{
        float:none;
        clear:both;
        padding:1px;
        margin:1px;
        cursor:pointer;
}
#calendarDiv .monthYearActive{
        background-color:#3c0000;
        color: #ffffff;
}

#calendarDiv td{
        text-align:right;
        cursor:pointer;
}

#calendarDiv .topBar img{
        cursor:pointer;
}
#calendarDiv .topBar div{
        float:left;
        margin-right:1px;
}

a.details, a.details:link, a.details:visited, a.details:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.details:hover, a.details:link:hover, a.details:visited:hover, a.details:active:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #A60000;
	text-decoration: none;
}