@charset "utf-8";
/* CSS Document */

/* Simplebooking >>
----------------------------------------------------------------------------------------------------*/
.input, 
.select,
.mod_canc,
.loghi{
  float: left;
  margin-right: 5px;
}

#calendarioa {float:left;margin: -6px 20px 0 -20px;}
#calendariop {float:left;margin: -6px 10px 0 -2px;}

.sb{z-index: 1;}
/*BUTTON SEARCH*/
.button_search{width: 280px; margin-right: 10px; margin-top: -1px;}
#booking .button_search input{width: 98%;}
/*BUTTON SEARCH END */

/*LOGHI*/
.loghi a{display: block;}
/*LOGHI END */

.arrivo_partenza{width: 146px; font-size: 18px;position: relative;}

.arrivo_partenza label, 
.persone_camere label{
  margin-top: 8px;
  margin-right: 5px;

}

.arrivo_partenza label{/* width: 34%; */ text-align: right;margin-right: 4%; }
.arrivo_partenza input{width: 64%; padding: 2% 0; }

/*PERSONE CAMERE*/
.persone_camere{width: 100px; margin-left:10px; }

#simplebooking-container select{ width: 40%;}
#FR #simplebooking-container select{width: 44%;}
/*PERSONE CAMERE END */

.promo_code{width: 130px; display:none;} /* togliere display per visualizzarlo */

.mod_canc{width: 80px; font-size: .7em;}
#FR .mod_canc{width: 85px; font-size: .7em;text-align: left;}

.promo_code label{width: 50px; line-height:11px;}

#simplebooking-container {
	width: 100%;
	position:relative;
/*
	color: #fff;
*/
	color: #4D4D4D;
}

#simplebooking-container a img {
	border:none;
} 

#simplebooking-container form {
	float:left;
}

#simplebooking-container a {
	text-decoration:none;
  float: left;
  margin: 0 2px;
}

#simplebooking-container input, 
#simplebooking-container select {
  background: #FFFFFF;
  border: 1px solid #333;
/*  border-radius: 3px; */
  color: #222;
  margin-top:3px;
}

#simplebooking-container select > option {
	padding: 0;
	margin:0;
	-moz-padding-start: 0;
	-webkit-padding-start: 0px;
	-moz-padding-end: 0;
	-webkit-padding-end: 0px;
}

#simplebooking-container input {
	width: 50%;
	padding: 0 1%;
  text-align: center;
  margin-left:2px;
  margin-top:3px;
}

#Calendario0,
#Calendario1 {
    position: relative;
    top: 4px;
}

#Calendario0 img,
#Calendario1 img {
    margin-left: -1%;
}

#simplebooking-container input:focus, 
#simplebooking-container select:focus {
	box-shadow: 0 0 5px #E2E2E2;
	-moz-box-shadow: 0 0 5px #E2E2E2;
	-webkit-box-shadow: 0 0 5px #E2E2E2;
	-o-box-shadow: 0 0 5px #E2E2E2;
	-ms-box-shadow: 0 0 5px #E2E2E2;
}

#simplebooking-container label {
  float: left;
	padding: 0 0 3px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  margin-top:3px;
}


#simplebooking-container .arrival-departure select {
	width:26.5%;
}

#simplebooking-container select > option {
	border: none;
	padding: 0;
	margin:0;
}


#simplebooking-container .arrival-departure select.year {
	width:31.5%;
}

#simplebooking-container .col-1 select {
	width: 96%;
	padding: 4% 1% 4% 3%;
	text-align:left;
}




#simplebooking-container .button_search input {
text-align: left;
padding: 3px 3px;
cursor: pointer;
text-transform: uppercase;
width: 100%;
color: #fff;
margin: 0;
margin-left: 20px;
display: block;
cursor: pointer;
background-color: #e55612;
width: auto;
height: 47px;
font-size: 17px;
margin-top: -9px;
font-weight: 400;
padding-top: 3px;
border: none;
padding-left: 15px;
padding-right: 15px;
font-family: oswald;
text-decoration: none;
letter-spacing: 1px;
}

#simplebooking-container .button_search input:hover {
	background-color: #1d9f38;
}

*:first-child + html #simplebooking-container .sb-search-form .button-search input:hover,
* html #simplebooking-container .sb-search-form .button-search input:hover  {
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E5903', endColorstr='#40720E', GradientType=0 ); /* ie8 */
}

#simplebooking-container a {
	text-decoration:underline;
}

#simplebooking-container a:hover,
#simplebooking-container .sb a {
	text-decoration: none;
}

#simplebooking-container a img {
	border: none;
	text-decoration:none;
	  margin-top:2px;
}

#simplebooking-container .booking-form-container {
	padding: .4% 0 0;
	margin:0;
	width: 100%;
	float:left;
	position:relative;
}

#calendar{
  position: relative !important;
  bottom: auto !important;
  position: fixed !important;
  top: 57px !important;
  float:left !important;
  top: 595px !important;
  float: left !important;
  left: 641px !important;
  position: absolute !important;

}

#map_canvas {
  height: 100%;
  width: 100%;
  position: relative !important;
}


/* =============================================================================
   SCREEN HEIGHT 1280PX
   ========================================================================== */
@media screen and (min-width: 1025px) and (max-width: 1280px){
  
  /*--- SIDEBAR --------------------------------------------------------------*/
   
  /*--- LOGO ---
  .logo{
    background-image: url(http://www.abitarthotel.com/templates/default/images/bg_sidebar.png);
    background-position: right 58px;
  }

  .logo img{width: 86%;}

  .bg_top,
  .bg_bottom{
    height: 25px;
  }
  .bg_bottom {
    background-position: left -85px;
  }

  .mainmenu{padding-top: 160px;}
  .mainmenu a{font-size: 1.5em;}*/
  /*--- LOGO END ---*/
  
  
  /*--- PLACEHERE: OFFERS SIDEBAR ---*/
  .offers .mod_placehere_following{
    width: 140px;
    height: 90px;
  }

  #sidebar .moduletable.offers{
    position: absolute;
    height: 30px;
    z-index: 10;
  }
  /*--- PLACEHERE: OFFERS SIDEBAR ---*/
  /*--- SIDEBAR END ----------------------------------------------------------*/
  
  /*--- BACKGROUND -----------------------------------------------------------*/
  /*BACKBGOUND SLIDE*/
  #prevslide, #nextslide,.view{bottom: 8%;}
  #slidecaption{font-size: 1.1em;}
  #slidecaption.opentext{
    width: 27.3%;
    left: 235px;
  }
  #slidecaption.opentext .link{
    top: auto;
    bottom: -70px;
  }
  /*BACKBGOUND SLIDE END*/
  /*--- BACKGROUND END -------------------------------------------------------*/
  
  /*--- CONTENT --------------------------------------------------------------*/
  
  /*--- PLACEHERE: SUITE A TEMA ---*/
  .suite_tema h3{font-size: 1.6em;}
  .view_rooms h2 {display: none;}
  .view-tenth p.abstract {font-size: .9em;}
  /*--- PLACEHERE: SUITE A TEMA END ---*/
  
  /*--- CHECKANDBOOK ---*/
  .checkandbook p.box_button{
    width: 50%;
    top: 2%;
  }
  /*--- CHECKANDBOOK END ---*/
  /*--- CONTENT END ----------------------------------------------------------*/
}

/* =============================================================================
   SCREEN HEIGHT 1024PX
   ========================================================================== */
@media all and (max-width: 1024px), 
       all and (max-height: 768px) {
    
    
   /*--- SIDEBAR -------------------------------------------------------------
  .logo{
    background-image: url(http://www.abitarthotel.com/templates/default/images/bg_sidebar_1024.png);
    background-position: right 5px;
  }

  .logo img{width: 66%;}*/

  .bg_top,
  .bg_bottom{
    height: 15px;
  }
  .bg_bottom {
    background-position: left -85px;
  }

  .mainmenu{padding-top: 105px;}
  .mainmenu a{font-size: 1.5em;}
  /*--- SIDEBAR END ----------------------------------------------------------*/
  
  /*--- BACKGROUND -----------------------------------------------------------*/
  /*BACKBGOUND SLIDE*/
  #prevslide, #nextslide,.view{bottom: 8%;}
  #slidecaption{font-size: 1.1em;}
  #slidecaption.opentext{
    width: 27.3%;
    left: 210px;
  }
  /*BACKBGOUND SLIDE END*/
  /*--- BACKGROUND END -------------------------------------------------------*/
    
    
  /*--- CONTENT --------------------------------------------------------------*/
  /*--- PLACEHERE: ROOMS ---*/
  .list_room .mod_placehere_following{overflow: hidden; margin: 2% 0; height: 120px;}
  /*--- PLACEHERE: ROOMS END ---*/

  /*--- PLACEHERE: SUITE A TEMA ---*/
  
  .view_rooms h2 {display: none;}
  .view-tenth p.abstract {font-size: .9em;}
  /*--- PLACEHERE: SUITE A TEMA END ---*/
  
  /*--- PLACEHERE: OFFERS SIDEBAR ---*/
  .offers .mod_placehere_following{
    width: 540px;
    max-width: 540px;
    height: 90px;
  }

  #sidebar .moduletable.offers{
    position: absolute;
    height: 30px;
    z-index: 10;
  }
  /*--- PLACEHERE: OFFERS SIDEBAR ---*/

  .list_event_offer .mod_placehere_following p{
    height: 140px;
  }
  /*--- CONTENT END ----------------------------------------------------------*/
  
  #booking h3{top: -28px;}
    
  /*--- CHECKANDBOOK ---*/
  .checkandbook p.box_button{
    width: 50%;
    top: 2%;
  }
  /*--- CHECKANDBOOK END ---*/
    
    .check_available{font-size: .9em;}
}
.absolute_link{position: absolute;height: 100%;width: 100%;top: 0; left: 0;cursor: pointer;z-index: 1;background: url(/templates/default/images/trasparent.png) no-repeat left top;
}
.book-mobile {display: none;}

#calendar {
  position: relative !important;
  bottom: auto !important;
  position: fixed !important;
  top: 57px !important;
  float: left !important;
  top: 370px !important;
  float: left !important;
  left: 641px !important;
  position: absolute !important;
  margin-left: -220px !important;
}

@media screen and (max-width: 600px)
{
.persone_camere{display:none;}
.button_search {width:auto; width: 100% !important;}
.book {max-width: 610px;}
#simplebooking-container .button_search input {font-size:12px;}
#simplebooking-container .label input {float: none !important}
  #calendar {
    top: 42% !important;
    left: 222px !important;
    position: fixed !important;
  }

  #btnSearch{    margin: auto;
   float: none !important;
}
  
}

@media screen and (max-width: 680px)
{
#simplebooking-container .button_search input {
width:160px;}
.book {max-width: 565px;}
.loghi {display:none;}
}

@media screen and (max-width: 610px)
{
	.book {display:none;}
	.book-mobile {display:block; float: left; width: 100%; margin: auto;}}