/* eraser */
html, body, ul, ol, li, dl, dt, dd,
p, h1, h2, h3, h4, h5, h6,
blockquote, form, fieldset,
legend, table, td, th {
    margin:0;
    padding:0;
}



html {background:#fff url(images/bg.jpg)}
body {font:80% arial;
  	  color:#434343}

table{border-collapse:collapse;}

a {color:#bc5bc3}
small {font-size:11px}
img {border:0}


.change-language
{
    position: relative;
    left: 13px;
    top: -11px;
    font-size: .85em;
}

    .change-language img
    {
        vertical-align:top;
        position:relative;
        top: 2px;
        margin-right: 5px;
    }

    .change-language a
    {
        color:#464646;
    }



h1 {
  font-size:2.5em;
  font-weight:100;
  font-family:georgia;
  font-style:italic;
}

h2 {
  font-size:1.9em;
  font-weight:100;
  font-family:georgia;
  font-style:italic;

}

h2.line {
  text-align:center;
  background:url(images/tilda.png) repeat-x center center
}

h2.line span {
  background:#fff;
  padding:0 .5em
}

h4 {
  font-weight:100;
  margin-bottom:.3em
}

.clear {
  clear:both;
  font-size:0;
  veorflow:hidden;
}


/* пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ 100% пїЅпїЅпїЅпїЅпїЅпїЅ */
.w100 {width:100%;}

/* пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
.arr {
 font-family:times
}

/* пїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
.block {
  margin-top:3em
}


.f-left {float:left}


.js-link {
  text-decoration:none;
  border-bottom:1px dotted;
}

.js-link:hover {cursor:pointer}

.js-link-blue {
  border-bottom-color:#289ea5;
  color:#289ea5
}

a.blue {color:#289ea5}

.block .in {
  margin-top:2em;
  /*overflow:hidden;*/
  padding-top:5px
}

.block .in p {
  margin:.1em 0 0 .5em
}

.block .in .cell {
  float:left;
}

.block .in .left {
  margin-right:2em;
  _margin-right:1.5em; /* ie6 */
  padding-left:10px;
  width:163px
}

.block .in .center{
  margin-right:2em;
  _margin-right:1.5em;  /* ie6 */

  width:403px
}
#photoWrapper .in .right {
  width:33%;
}

#pressWrapper .in .right {
  width:153px;
}


#photoWrapper .in .right a {
  color:#000
}

.photo-thumbs-list {
  list-style:none;
  overflow:hidden;
  margin-bottom:1em}
.photo-thumbs-list li {
  float:left;
  overflow:hidden;
  height:99px;
  width:109px;
  _display:inline; /* ie6 */
  _float:none; /* ie6 */}


/* пїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ */
.safari-input,
.safari-input .inner{
 height:29px;
 background:url(images/safari-inputs.png) no-repeat;

}
.safari-input {
  padding-left:30px;
  background-position:left -29px;
  position:relative;
  margin-left:-5px;

}

.safari-input .inner{
 padding-right:14px;
 background-position:right 0;


}

.safari-input input {
  border:0;
  position:relative;
  top:4px;
  background:none;
  padding:1px;
  width:98%;

}
.safari-input input:focus{
 outline:none;
}

.safari-input-focus {
  background-position:left -87px;
}

.safari-input-focus .inner {
  background-position:right -58px;
}





.main-wrapper {
   width:998px;
   margin:2em auto;
}




/* пїЅпїЅпїЅпїЅпїЅ */
#header {

}

#header td {width:28%}
#header td.logo {
  width:44%;
  text-align:center;}


#header .safari-input label {
  position:absolute;
  color:#ccc;
  margin-top:.5em
}

#header .back-in-da-ibiza {
  height:55px;
  position:relative;
  margin-left:1em;
}

#header .back-in-da-ibiza a {
 line-height:1.5em
}

#header .back-in-da-ibiza .arr {
  position:absolute;
  margin-left:-1.5em;
  margin-top:.1em
}


#menuTop {
   margin:4em 1em 0
}

#menuTop ul {
  overflow:hidden;
  list-style:none}
#menuTop ul li{
  float:left;
  display:inline-block;
  line-height:1.9em;
  font-weight:bold;
  font-size:1.25em;
  margin-right:.5em}

#menuTop ul li a {
  color:#464646;
  padding:2px 3px;
  white-space:nowrap
}


#menuTop ul li a:hover {
  color:#bc5bc3
}

#menuTop ul li.selected a {
  background:#4bccc9;
  color:#fff;
}




#mainSections {margin-top:3em}


#mainSections ul {list-style:none}
#mainSections ul li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  
  vertical-align:top;
  position:relative
}

.outlight {
  display:block;
  position:absolute;
  height:210px;
  width:210px;
  background:url(images/outlight-gray.png) no-repeat left top;
  top:-8px;
  left:-8px;
  z-index:-1
}

#mainSections ul li .outlight {
  display:none
}

#mainSections ul li:hover .outlight,
#mainSections ul li.selected .outlight
 {
  display:block;
}
#mainSections ul li.selected .outlight {
 background-image:url(images/outlight.png);
}


#mainSections ul li img {
  float:left;
  margin-right: 20px;
}
#mainSections ul li img:hover {
  cursor:pointer;
}

#mainSections ul li .desc {
  width:335px;
  margin-top:1.7em;
  font-family:georgia;
  font-style:italic;
  display:none;
  overflow:hidden;
}
#mainSections ul li .desc .in {
  width:335px
 }


#mainSections ul li.selected .desc {
  display:block
}


#mainSections ul li .desc b {
  display:block;
  margin-bottom:.6em;
  font-size:1.3em

}


#mainSections ul li em {
  position:absolute;
  background:#ce5ad0;
  padding:0 5px;
  top:12em;
  left:0;
}

#mainSections ul li em a {
  color:#fff;
  position:relative;
  top:-2px;
  font-size:1.4em;
  font-family:georgia;
}


.box-shadow {
    margin:0 5px 5px;
    -webkit-box-shadow:0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0 0px 5px #222;
    //border:1px solid #ccc
}


#pressWrapper table{
   margin-top:2em
}

#pressWrapper table td {
  vertical-align:top;
}

#pressWrapper table .in {
   width:80%;
   position:relative;
   overflow:hidden
}

#pressWrapper table .in ul {
  overflow:hidden;
  list-style:none;
  position:relative;
  margin-left:0; /* пїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
}
#pressWrapper table .in ul li {
  float:left;

}

#pressWrapper table .in ul li .p {
  padding-top:2px;
  overflow:hidden;
}

#nextPressSlide {
  margin:4em 0 0 3em;
}

.video-wrapper {
  position:relative;
}
.video-wrapper .play-button {
  position:absolute;
  left:155px;
  top:88px
}

#footer {
  text-align:center;
  padding:2em 0;
  margin-top:5em;
  color:#919191;
  background:url(images/tilda-gray.png) repeat-x left 2.5em
}

#footer span {
  background:#fff;
  padding:0 2em
}

#footer p {
  margin-top:2em
}









/* пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
.no-margin-left {margin-left:0 !important}

.columns { clear: both; //overflow:hidden;}
    .columns .left,
    .columns .right
    { float: left;
	  clear:right}
    .columns .left { width: 60%; margin-right:4%; margin-left:1%}
    .columns .right {width: 35%;}

 .columns div .left {margin-left:0}

.section-detail .desc {display:block !important}

.left .section-detail .desc {
  width:390px !important;
  _width:350px !important;
  margin-top:1.4em !important; }

.right .section-detail .no-desc {

  width:190px !important;
  /* пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅ пїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ,
     пїЅпїЅпїЅпїЅ-пїЅпїЅпїЅпїЅ-пїЅпїЅпїЅ-пїЅпїЅпїЅ
     пїЅпїЅпїЅпїЅ-пїЅпїЅпїЅпїЅ-пїЅпїЅпїЅ-пїЅпїЅпїЅ
     пїЅпїЅ! пїЅпїЅпїЅпїЅ-пїЅпїЅпїЅпїЅ-пїЅпїЅ-пїЅпїЅ
     пїЅпїЅ! пїЅпїЅ-пїЅпїЅпїЅпїЅ-пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ
     пїЅпїЅ! пїЅпїЅпїЅпїЅ-пїЅпїЅпїЅпїЅ-пїЅпїЅ-пїЅпїЅ
     пїЅпїЅ! пїЅпїЅпїЅпїЅ-пїЅпїЅпїЅпїЅ-пїЅпїЅ-пїЅпїЅ

     пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅ6
     */
  _width:120px !important;

  margin-top:6em !important;
  font-style:normal !important;
  font-family:arial !important}

.press-simple-list .left {padding-left:0 !important}



#changeType {position:absolute;
margin:-2px 0px 0px -25px;
opacity:0;}

.type-filter {
  margin-bottom:1.5em
}

.b-vlist, .b-vlist li,
.b-hlist, .b-hlist li{
	list-style:none
	}

.b-hlist {overflow:hidden}
.b-hlist li {float:left;}

.b-vlist li{
	display:block;
	padding:1px 9px 4px 7px;
	}



.list-items ul li a.link {color:#260d0d; margin-bottom:1em; font-size:1.3em}
.list-items ul li {position:relative; margin-bottom:1em}

.list-items ul li .vote {
  position:absolute;
  display:block;
  height:12px;
  padding-top:3px;
  padding-left:17px;
  right:100%;
  color:#b6b6b6;
  margin-left:-2em;
  font-style:normal;
  font-size:.8em;
  background:url(images/star.png) no-repeat left center
}

.list-items .in ul {margin-top:1.5em}
.our-choice {background: #D25ED4;
font-size: 1.1em;
color: white;
position: relative;
padding: 0 4px 1px;
margin-left: 5px;}

.detail-wrapper {font-size:110%;line-height:1.4em}
.detail-wrapper p {margin:1em 0 0 0}

/* пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ */
.breadcrumb {margin:3em 0 1em}
.breadcrumb li {padding:0 .2em}




/* пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅ */
.img-in-text-left {float:left;margin-right:1em}


/* пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
.other-offers a {font-size:1.2em}
.other-offers li {padding-right:2em}
.other-offers .in {margin-top:1em}



.ie6-fix {overflow:hidden; position:relative; width:100%}
.warning {padding: 3px; background: #E04D25; color: #fff; text-align: center; font-family:tahoma, arial, sans}



.photo-original-wrapper {
   height:460px;
   position:relative
}

.photo-original-wrapper #prevPicture,
.photo-original-wrapper #nextPicture {
  width:50%;
  position:absolute;
  top:0;
  bottom:0;
  background:#ccc;
  display:block;
  text-decoration:none;
  color:#000;
  opacity:.2;
  filter:alpha(opacity=20); /* ie */
  height:460px /* ie */
}

.photo-original-wrapper #prevPicture:hover,
.photo-original-wrapper #nextPicture:hover {
  opacity:.6;
  filter:alpha(opacity=60); /* ie */
  color:#fff
}

.photo-original-wrapper #prevPicture b,
.photo-original-wrapper #nextPicture b {
  font-weight:100;
  font-size:7em;
  line-height:450px;
}

.photo-original-wrapper #nextPicture {
  right:0;
  text-align:right
}

.photo-original-wrapper #nextPicture b {
   margin-right:1.2em
}

.photo-original-wrapper #prevPicture b {
   margin-left:1.2em
}

.photo-original-wrapper #prevPicture {
  left:0;
}

.photo-original-wrapper .inner {
  position:absolute;
  width:660px;
  height:450px;
  top:10px;
  left:50%;
  margin-left:-330px;
  overflow:hidden
}

.photo-original-wrapper .inner table {
  position:relative;
}


.photo-original-wrapper .inner table td {
  height:430px;
  text-align:center;
}
.photo-original-wrapper .inner table td img {
  margin-top:5px;
  max-height:430px;
}

.photo-gallery-wrapper .photo-thumbs-list a {
  opacity:1;
  filter:alpha(opacity=100); /* ie */
}

.photo-gallery-wrapper .photo-thumbs-list a.selected {
  opacity:.2;
  filter:alpha(opacity=20); /* ie */
}

.photo-gallery-wrapper .photo-thumbs-list {padding-left:7px}

/* пїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
.photo-gallery-wrapper .photo-thumbs-list a {
  display:block;
  overfow:hidden;
  height:99px;
  width:109px;
}

.photo-gallery-wrapper .photo-thumbs-list a img {
  width:160px;
}





/* пїЅпїЅпїЅпїЅпїЅпїЅ пїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
.list-with-img li {
  position:relative
}

.list-with-img li .desc {
  position:relative;
}

.list-with-img li .preview {
   float:left;
   margin-right:1em
}


/* пїЅпїЅпїЅпїЅпїЅпїЅ пїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
.preview-pic {
  overflow:hidden;
  margin:1.5em 0}

.preview-pic .preview {
  float:left;
  margin-right:1.5em
}



/* пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
.section-list {
  width:105%
}
.section-list ul {list-style:none}
.section-list ul li {
  float:left;
  padding:0 1em 1em 0;
  position:relative;
}


.section-list ul li .outlight {
  display:none;
  background-image:url(images/outlight.png);
}

.section-list ul li:hover .outlight
 {
  display:block;
}


.section-list ul li img {
  float:left
}
.section-list ul li img:hover {
  cursor:pointer;
}


.section-list ul li em {
  position:absolute;
  background:#ccc/*ce5ad0*/;
  padding:0 5px;
  top:12em;
  left:0;
}



.section-list ul li em a {
  color:#fff;
  position:relative;
  top:-2px;
  font-size:1.4em;
  font-family:georgia;
}


.section-list ul li:hover em {
  background:#ce5ad0;
}


/* пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ */

.section-list ul li .desc {
  width:180px;
  margin:0 .5em;
  padding-top:1em;
  font-family:georgia;
  font-style:italic;
  overflow:hidden;
  clear:both;
  min-height:4em

}



#header .important-block {
  position:relative;
  margin:1em 0 0 -3em;
  font-family:georgia;
  font-style:italic;
 }
#header .important-block h3 {

  font-size:1.5em;
  margin-bottom:.3em
}



.stars {display:inline-block;vertical-align:middle}
.stars td {
  width:13px;
  height:12px;
  background:url(images/stars.png) no-repeat right top
}

.stars td.selected {
  background-position:left top
}

.new-window,
.new-tab {
  display:inline-block;
  padding-right:20px
}

.new-window {
  background:url(images/new-win.png) no-repeat right center
}
.new-tab    {
  padding-right:15px;
  background:url(images/new-tab.png) no-repeat right center}

.hotel-addrrs {
  font-style:italic;
  margin-bottom:3em;
  position:relative
}

.hotel-addrrs .map-wrapper {
  position:absolute;
  width:564px;
  height:356px;
  bottom:99%;
  left:50%;
  display:none;
  z-index:100;
  background:url(images/bound.png) no-repeat left top
}

.hotel-addrrs .map-wrapper img {
  position:relative;
  top:24px;
  left:24px;
}


.table-params {
 margin:.5em 0 2em .5em
}

.table-params td {
  padding-bottom:.5em
}

.table-params .param {
  width:39%;
  background:url(images/1px-gray.gif) repeat-x left .6em}

.table-params i {
  font-style:normal;
}

.table-params td {
  vertical-align:top
}

.table-params .param i {
  background:#fff;
  padding-right:5px
}

.table-params .val i {
  padding-left:5px;
  display:block
}


#requestForms {
  margin:1.5em 1em .5em;

  padding:0 .5em;
  position:relative;
}

#requestForms .subwrapp {
  padding:.5em .5em 1em .5em;
  clear:both
}

#requestFormChanger{
 overlow:hidden;background:rgba(125,125,125,0.1);
}

#requestFormChanger li {
  padding:5px;
}

#requestFormChanger li.i:hover {
  cursor:pointer;
   background:rgba(125,125,125,0.1);

}

#requestFormChanger li.selected {
 color:#fff;
 background:#4BCCC9
}

#requestFormChanger li.i:hover .js-link {
  border:0
}

#requestFormChanger li.first {
  font-weight:bold
}

#requestFormChanger li.last {
  float:right;
  width:35%
}


.rounder-selected-green,
.rounder-selected-green .nobr{
  line-height:18px;
  display:inline-block;
  background-image:url(images/rounder-bg-selector-gray.png);
  background-repeat:no-repeat
}

.rounder-selected-green {
  background-position: left bottom;
  padding-left:10px;
  text-decoration:none;
}

.rounder-selected-green .nobr{
  white-space:nowrap;
  padding-right:10px;
  background-position:right top;
  color: #fff
}
.rounder-selected-green .nobr i {
 margin-right:.3em;
 font-style:normal
}




#requestForms .table-params {
  width:50%;
  margin-top:1em
}


#requestForms .table-params td {
  padding-bottom:1em
}











.ui-slider {
background:url(images/slider.png) repeat-x 0 7px;
height:20px;
margin-left:.5em;
position:relative;
width:100%;
}

.ui-slider-handle {
  background:url(images/slider.png) no-repeat 0 -15px;
  cursor:w-resize;
  height:20px;
  left:0;
  position:absolute;
  top:0px;
  width:11px;
  z-index:1;
  outline:none;
  text-decoration:none;
  color:#999999;
}
.ui-slider .ui-slider-range {
  position:absolute;
  z-index:1;
  left:0;
  height:20px;
  background:url(images/slider.png) repeat-x 0 -35px;
    outline:none
}

.ui-slider .label, .ui-slider i {
  display:block;
  font-size:85%;
  padding:0 !important;
  font-style:normal;
  background:#fff;
  margin-left:.5em;
  left:100%;
  position:absolute;
  text-align:center;
}

.ui-slider .label span,  .ui-slider i span  {
  padding:0 .1em
}




#requestFormRoomChanger li {
  padding:.1em .3em !important
}

.vtop {
  position:relative;
  margin-top:-.5em
}