/* --- START COMMON CSS ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ iframe#goglobal #main {padding: 0px!important} *{margin:0; padding:0} a{text-decoration:none; cursor:pointer;outline-style: none;color: #FFF;} a img{border:0;} .desc table{width: 100%!important;} .png{behavior:url(./css/iepngfix.htc);} .ioio{height: 0px; width: 0px; overflow: hidden;} .cl{font-size:0; line-height:0; clear:both;} .no-text{text-indent:-999999px; font-size:0; line-height:0;} .fl{float:left;} .fr{float:right;} .db{display:block;} .di{display:inline;} .dn{display:none;} input{font-size:12px; color:#585858;} .wp20{width: 20px!important;} .wp150{width: 150px!important;} .wp250{width: 250px!important;} .wp350{width: 350px!important;} .wp450{width: 450px!important;} .wp550{width: 550px!important;} #right_search ul li {padding: 0px 5px;} .ui-datepicker{z-index: 10;} .inner-pages{padding: 10px 5px 5px 15px;} .inner-pages h2{padding: 10px 5px 5px 15px;} .desc a{text-decoration: underline;} .fc{float: left; width: 250px;padding: 5px;text-align: right;} .sc{float: left; width: 200px;padding: 5px;} input.submit{height:20px; background:url(images/listing-greenbox-but-send.png); border:0; color:#584a0a; text-shadow:1px 1px 1px #dabc6c; text-transform:uppercase; font-size:14px;} .pg_total_found{text-align: right;padding: 5px 10px;} .pg_pagination{margin-top: 10px;text-align: right;padding: 5px 10px;} .pg_pagination a{padding: 5px; border: 1px solid #DADADA;color: #FFF;} .pg_pagination a:hover{padding: 5px; border: 1px solid #DADADA;color: #FFF;text-decoration: underline;} .pg_pagination span{padding: 5px; border: 1px solid #FF0000;color: #FFF;font-weight: bold;} #footer ul{margin: 80px auto; width: 650px; text-shadow: 0px 0px 2px #535456;} #footer ul li{float: left;margin-left: 5px;border-right: 1px solid #ED9E25;padding:0 17px;list-style:none outside none;} #footer ul li.last{border-right: 0px solid #ED9E25;} #footer ul li a{color: #ED9E25;font-weight: bold;} #footer ul li a:hover{color: #535456;text-shadow: 0px 0px 2px #ED9E25;} .hotel_stars{background:url(images/listing-ul.png) top left repeat-x;height: 16px;} #ui-datepicker-div{display:none;} /* --- END COMMON CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START BODY & SHELL -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body{background:#f3ebbf url(images/bg.jpg) center top no-repeat; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px; letter-spacing:0px; color:#fff;} .shell{width:1000px; margin:0 auto;} /* --- END BODY & SHELL ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START HEADER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header{background:url(images/header.png) center top no-repeat; position:absolute; top:0; width:100%; height:408px;} #header .shell{position:relative;z-index: 100;} #logo{width:240px; height:93px; margin:3px 0 0 23px; float:left;} #logo a{width:240px; height:81px; display:block;} #top-menu{float:right; padding-left:5px; width: 396px;background:url(images/topmenu-left.png) top left no-repeat; height:48px;} #top-menu ul#top-menu-block{list-style:none; background:url(images/topmenu-black.png) repeat; height:24px; padding:0 13px 0 8px;} #top-menu ul#top-menu-block li{float:left; margin-right:5px; padding-right:7px; background:url(images/topmenu-div.png) right no-repeat;} #top-menu ul#top-menu-block li.last{background:none; margin-right:0; padding-right:0;} #top-menu ul#top-menu-block li a{color:#caf383; text-decoration:none; font-size:10px; line-height:22px;} #top-menu ul#top-menu-block li a:hover, #top-menu ul#top-menu-block li a.active{color:#fff; text-decoration:underline;} #top-menu-langs{padding-left:10px; background:url(images/topmenu-langs-left.png) no-repeat left; height:24px;width: 32px!important;float: right;} #top-menu-langs ul{list-style:none; background:url(images/topmenu-langs-right.png) right no-repeat; height:24px; padding:0 0 0 5px; float:right;} #top-menu-langs ul li{float:left; margin-right:5px; padding-right:7px; background:url(images/topmenu-div.png) right no-repeat;} #top-menu-langs ul li.last{background:none; margin-right:0; padding-right:10px;} #top-menu-langs ul li a{color:#fff150; text-decoration:none; font-size:10px; line-height:22px;} #top-menu-langs ul li a:hover, #top-menu-langs ul li a.active{color:#fff;} ul#menu{list-style:none; height:22px; position:relative; width:1000px;} ul#menu li{float:left; width:200px; height:22px;} ul#menu li a{display:block; width:200px; line-height:22px; height:22px; color:#fff; text-shadow:1px 1px 1px #3c5821; font-family:Century Gothic; text-transform:uppercase; font-size:18px; text-align:center;} ul#menu li.hover a, ul#menu li.active a{color:#3e7109; text-shadow:1px 1px 1px #fff;} ul#menu li ul.submenu{list-style:none; display:none; position:absolute; width:951px; left:0; top:22px; height:22px; padding:10px 0 20px 49px;} ul#menu li ul.submenu li{float:left; padding-right:10px; margin-right:10px; width:auto; line-height:12px; height:12px; border-right:1px solid #b4f469;} ul#menu li ul.submenu li.last{border:none; padding-right:0; margin-right:0;} ul#menu li ul.submenu li a{color:#333333; display:inline; width:auto; height:auto; line-height:12px; text-shadow:none; text-transform:none; font-size:14px;font-weight: bold;} ul#menu li ul.submenu li a:hover{color:#395b10; text-shadow:none; text-decoration:underline;} /* --- END HEADER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START FOOTER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer{background:url(images/footer.png) center bottom no-repeat; bottom:-243px; left:0; width:100%; height:243px;} #footer .shell a{margin:-15px 0 0 475px; display:block; width:130px; height:70px;} /* --- END FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content{margin-top:146px;} #content .black{background:url(images/black.png) repeat; padding-bottom:20px;border-radius:15px;} #left{width:640px; margin:0 10px; float:left; display:inline; margin-top:50px; position:relative;} #right{width:320px; margin:0 5px; float:right; display:inline; margin-top:30px; position:relative;} #contact-box{position:absolute; top:-50px; left:-25px; background:url(images/contact-box.png); width:215px; height:206px;} #contact-box a{display:block;} #contact-box a.skype{margin:96px 0 0 32px; width:110px; height:27px;} #contact-box a.email{margin:13px 0 0 37px; width:144px; height:31px;} #crumb{width:425px; height:80px; background:url(images/crumb.png); margin:0 0 35px 193px; padding:55px 0 0 20px;} #crumb a{display:block; float:left; color:#fff; font-family:Century Gothic; margin-right:5px;} #crumb a:hover{color:#caf383; text-decoration:underline;} #crumb a.one{font-size:24px; background:url(images/crumb-bone.png) left no-repeat; padding-left:36px; height:24px; line-height:24px;} #crumb a.two{font-size:14px; background:url(images/crumb-btwo.png) left no-repeat; padding-left:20px; height:30px; line-height:30px;} #center .top{width:640px; height:5px; background:url(images/center-box-top.png);} #center .top-long{width:640px; height:5px; background:url(images/center-box-top-long.png);} #center .bottom{width:640px; height:5px; background:url(images/center-box-bottom.png);} #center .bottom-long{width:640px; height:5px; background:url(images/center-box-bottom-long.png);} #center .inner{width:640px; padding:5px 0; background:url(images/center-box-black.png) repeat;} #homepic{width:620px; height:318px; margin:0 10px; position:relative;} #homepic img{display:block; width:620px; height:318px;} #homepic .corners{background:url(images/homepic-corners.png); width:620px; height:318px; position:absolute; top:0; left:0;z-index: 15;} #homebuts{width:620px; margin:10px;} #homebuts a{width:180px; height:29px; display:inline; float:left; color:#0b565e; text-shadow:1px 1px 1px #79b4c0; font-size:14px; padding-right:20px; text-align:right; line-height:29px; text-transform:uppercase;} #homebuts a.vacations{background:url(images/hombuts-vacations.png); margin-right:10px;} #homebuts a:hover.vacations, #homebuts a.vacations-active{background:url(images/hombuts-vacations-hover.png); color:#fff; text-shadow:1px 1px 1px #167683;} #homebuts a.excursions{background:url(images/hombuts-excursions.png); margin-right:10px;} #homebuts a:hover.excursions, #homebuts a.excursions-active{background:url(images/hombuts-excursions-hover.png); color:#fff; text-shadow:1px 1px 1px #167683;} #homebuts a.hotels{background:url(images/hombuts-hotels.png);} #homebuts a:hover.hotels, #homebuts a.hotels-active{background:url(images/hombuts-hotels-hover.png); color:#fff; text-shadow:1px 1px 1px #167683;} #listing .box{background:url(images/listing-bg.png) top repeat-x; padding-bottom:10px;} #listing .box .picture-box-normal{width:205px; height:145px; background:url(images/picture-box-normal.png); padding:16px 0 0 13px; float:left; display:inline;} #listing .box .picture-box-normal img{width:192px; height:129px;} #listing .box .info{float:left; padding:20px 10px 0;} #listing .box .info .left{float:left; padding-right:10px; width:230px;} #listing .box .info .left .title, #listing .box .info .left .title a{font-size:18px; line-height:20px; font-weight:bold; padding:4px 0;color: #FFFFFF;} #listing .box .info .left .title a:visited{font-size:18px; line-height:20px; font-weight:bold; padding:4px 0;color: #CCCCCC;} #listing .box .info .left ul.list{list-style:none;} #listing .box .info .left ul.list li{padding-left:20px; margin:4px 0;} #listing .box .info .left ul.list li.locations{background:url(images/listing-small-locations.png) left top no-repeat;} #listing .box .info .left ul.list li.days{background:url(images/listing-small-days.png) left top no-repeat;} #listing .box .info .left ul.list li.departure{background:url(images/listing-small-departure.png) left top no-repeat;} #listing .box .info .left ul.list li.hotels_category{background:url(images/listing-small-hotel.png) left top no-repeat;} #listing .box .info .right{float:right; width:160px;} #listing .box .info .right .icons{height:35px;} #listing .box .info .right .icons img{margin-left:5px;} #listing .box .info .right .price{background:url(images/listing-price.png); width:87px; height:35px; margin:5px 0 10px; float:right; padding:18px 0 0 12px; line-height:22px; font-weight:bold; font-family:Century Gothic; text-shadow:1px 1px 1px #6c0d0d;} #listing .box .info .right .price span{font-size:22px;} #listing .box .info .right a.more{width:114px; height:20px; background:url(images/more.png); color:#584a0a; text-shadow:1px 1px 1px #dabc6c; text-transform:uppercase; font-size:14px; display:block; float:right; text-align:center; line-height:20px;} #detailed{padding:0 10px;overflow-x: hidden;} #detailed .left{width:230px; float:left;} #detailed .right{width:390px; float:right; padding-top:10px;} #detailed .left .picture-box-normal{width:205px; height:145px; background:url(images/picture-box-normal.png); padding:16px 0 0 13px; margin-bottom:10px;} #detailed .left .picture-box-normal a img{width:192px; height:129px;} #detailed .right .title{font-size:18px; line-height:20px; font-weight:bold; padding:4px 0; float:left; width:180px;} #detailed .right .icons{height:50px; float:right;} #detailed .right .icons img{margin-left:5px;} #detailed .right ul.list{list-style:none;} #detailed .right ul.list li{padding-left:20px; margin:4px 0;} #detailed .right ul.list li.locations{background:url(images/listing-small-locations.png) left top no-repeat;} #detailed .right ul.list li.days{background:url(images/listing-small-days.png) left top no-repeat;} #detailed .right ul.list li.departure{background:url(images/listing-small-departure.png) left top no-repeat;} #detailed .right ul.list li.hotels_category{background:url(images/listing-small-hotel.png) left top no-repeat;} #detailed .right .price{background:url(images/listing-price-big.png) right no-repeat; width:225px; height:62px; margin:5px 0 10px 20px; float:left; font-size:18px; line-height:75px; font-weight:bold;} #detailed .right .price span{font-family:Century Gothic; text-shadow:1px 1px 1px #6c0d0d; font-size:12px; padding-left:8px;} #detailed .right .price span.big{font-size:22px;} #detailed .right a.ask{float:right; width:114px; height:20px; line-height:20px; text-transform:uppercase; color:#fff; font-size:14px; text-shadow:1px 1px 1px #167683; text-align:center; background:url(images/listing-but-ask.png); margin-top:35px;} #detailed .right .greenbox{margin:10px 0;} #detailed .right .greenbox .top{width:390px; height:5px; background:url(images/listing-greenbox-top.png);} #detailed .right .greenbox .bottom{width:390px; height:5px; background:url(images/listing-greenbox-bottom.png);} #detailed .right .greenbox .inner{background:#4b750c; padding:10px; font-weight:bold; font-size:14px; width:370px; text-align:center;} #detailed .right .greenbox .inner a{color:#fff; text-decoration:underline;} #detailed .right .greenbox .inner a:hover{color:#203303;} #detailed .right .greenbox .inner .form{font-size:12px; font-weight:normal; display:none; text-align:left; padding:10px 0;} #detailed .right .greenbox .inner .form .row{margin:5px 0; height:20px; line-height:20px; clear:both;} #detailed .right .greenbox .inner .form .row .cell1{width:100px; float:left;} #detailed .right .greenbox .inner .form .row .cell2{width:250px; float:right;} #detailed .right .greenbox .inner .form .row .cell2 input.text{width:248px; height:18px;} #detailed .right .greenbox .inner .form .row .cell2 input.submit{width:250px; height:20px; background:url(images/listing-greenbox-but-send.png); border:0; color:#584a0a; text-shadow:1px 1px 1px #dabc6c; text-transform:uppercase; font-size:14px;} #detailed .right .greenbox .inner .form .row-textarea{margin:5px 0; height:70px; line-height:20px; clear:both;} #detailed .right .greenbox .inner .form .row-textarea .cell1{width:100px; float:left;} #detailed .right .greenbox .inner .form .row-textarea .cell2{width:250px; float:right;} #detailed .right .greenbox .inner .form .row-textarea .cell2 textarea{width:248px; height:68px;} #detailed .desc{padding:10px 0;} #detailed .desc p{padding-top:10px;} #detailed .desc ul{padding-top:10px; list-style:none; padding-left:10px;} #detailed .desc ul li{padding-left:20px; background:url(images/listing-ul.png) left top no-repeat;} #detailed .desc ol{list-style:none; padding-left:30px;} #detailed .desc ol li{padding-left:20px; background:url(images/listing-ol.png) left top no-repeat;} #main-search{padding:10px 10px 20px; font-size:14px; font-weight:bold;} #main-search .row{height:20px; line-height:20px; margin:5px 0;} #main-search .row .cell1{float:left; width:80px; display:inline;} #main-search .row .cell2{float:left; width:114px; margin-right:12px; display:inline;} #main-search .row .cell2 select{width:114px;} #main-search .row .cell2 input.text{width:82px; height:18px; float:left;} #main-search .row .cell2 a.calendar{background:url(images/right-box-search-calendar.png); width:18px; height:20px; float:right;} #main-search .row .cell2 input.submit{width:114px; height:20px; background:url(images/more.png); border:0; color:#584a0a; text-shadow:1px 1px 1px #dabc6c; text-transform:uppercase; font-size:14px;} .right-box .hotel-buttons{width:320px; height:95px; background:url(images/hotel-buttons.png) top left no-repeat;margin-bottom: 10px;} .right-box .hotel-buttons a{width:145px; height:95px; float: left;padding: 0px 5px;margin-right: 5px} .right-box{margin-bottom:20px;} .right-box .head{width:320px; height:29px; line-height:29px; text-align:center; font-family:Century Gothic; color:#fff; text-shadow:1px 1px 1px #3c5821; font-size:14px; text-transform:uppercase; background:url(images/right-box-head.png);} .right-box .top{width:320px; height:5px; background:url(images/right-box-top.png);} .right-box .bottom{width:320px; height:5px; background:url(images/right-box-bottom.png);} .right-box .inner{width:310px; padding:0 5px 1px; background:url(images/right-box-black.png) repeat;} .right-box .inner ul.destinations{width:90px; float:left; list-style:none; margin:0 5px;} .right-box .inner ul.destinations li{padding:3px 0;} .right-box .inner ul.destinations li a{color:#fff; line-height:14px;} .right-box .inner ul.destinations li a:hover{color:#caf383; text-decoration:underline;} .right-box .inner a.but{width:90px; height:25px; display:inline; font-size:10px; color:#0b565e; text-shadow:1px 1px 1px #79b4c0; background:url(images/right-box-search-but.png); padding:2px 5px; text-transform:uppercase; float:left; text-align:center; line-height:12px;} .right-box .inner a:hover.but, .right-box .inner a.active{color:#fff; text-shadow:1px 1px 1px #167683; background:url(images/right-box-search-but-hover.png);} .right-box .inner a.margin{margin-right:3px;} .right-box .inner a.onerow{line-height:25px;} .right-box .inner .search{padding:5px 5px 0;} .right-box .inner .search .row{height:20px; line-height:20px; clear:both; margin:10px 0;} .right-box .inner .search .row .cell1{width:100px; float:left;} .right-box .inner .search .row .cell2{width:200px; float:left;} .right-box .inner .search .row .cell2 select{width:200px; height:20px;} .right-box .inner .search .row .cell2 input.text{width:170px; height:18px; float:left;} .right-box .inner .search .row .cell2 a.calendar{background:url(images/right-box-search-calendar.png); width:18px; height:20px; float:right;} .right-box .inner .search .row .cell2 input.submit{width:200px; height:20px; background:url(images/right-box-search-submit.png); border:0; color:#584a0a; text-shadow:1px 1px 1px #dabc6c; text-transform:uppercase; font-size:14px;} .right-box .inner ul.months{width:145px; float:left; list-style:none; margin:0 5px; display:inline;} .right-box .inner ul.months li{padding:3px 0;} .right-box .inner ul.months li a{color:#fff; line-height:24px; font-size:14px;} .right-box .inner ul.months li a span{font-size:24px;} .right-box .inner ul.months li a:hover{color:#caf383; text-decoration:underline;} .right-offer-box{background:url(images/right-offer-box-bottom.png) top repeat-x; margin-bottom:10px; padding-top:10px; float:left; width:150px; margin-right:0px;height:220px} .picture-box-small{width:130px; height:92px; padding:12px 0 0 10px; background:url(images/picture-box-small.png); float:left; margin:0 7px 10px; display:inline;} .picture-box-small img{width:120px; height:79px;} .right-offer-box .place a{font-size:14px; line-height:18px; width:145px; margin:0 5px; float:left; display:inline; margin-bottom:5px;color: #FFFFFF;} .right-offer-box .price{font-size:14px; line-height:18px; width:145px; margin:0 5px; float:left; display:inline;} .right-offer-box .price span{color:#d42b04; font-size:24px; font-weight:bold;} .right-offer-box a.more{width:114px; height:20px; background:url(images/more.png); color:#584a0a; text-shadow:1px 1px 1px #dabc6c; text-transform:uppercase; font-size:14px; display:block; float:left; text-align:center; line-height:20px; margin:5px 0 0 10px;} /* --- END CONTENT -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START IE6 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body#ie6{background:url(images/ie6.jpg) center top no-repeat;} body#ie6 .shell{width:1000px; margin:0 auto; position:relative;} body#ie6 .shell a{width:160px; height:210px; position:absolute; top:540px; background:red; opacity:0; filter: alpha(opacity = 0);} body#ie6 .shell a.firefox{left:29px;} body#ie6 .shell a.chrome{left:245px;} body#ie6 .shell a.ie8{left:464px;} /* --- END IE6 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */