/***********************************************************************************************/
/*------ GENERAL STYLE -------*/
/***********************************************************************************************/

body {
  font: 13px/24px  "Open Sans", sans-serif;
  color: #444;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background-color:#fff;

}
h1,h2,h3,h4,h5,h6{font-family: 'PT Sans', sans-serif;}
h1 {font-size: 28px;}
h2 {font-size: 25px;}
h3 {font-size: 21px;}
h4 {font-size: 16px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

h2 span{text-transform:none}

.txt_just{text-align:justify}
.borderImg{border:1px solid #ccc}

.btn-custom{background-color:#000; color:#fff}
.btn-custom:hover{color:#fff; background-color:#444}

.border{ border:1px solid #fff}

a.red{color:#F00;}

ul.noColor li a, a.noColor{color: #444}

hr {border-top: 1px solid #b9b9b9;}

.bmobileonly{display:none}

/***********************************************************************************************/
/* HEADER SECTION */
/***********************************************************************************************/
#headerContainer{background: url('../../images/header-bcg.jpg') repeat-x top left; height:108px }
#headerMenu{background: url('../../images/menu-bcg.jpg') repeat-x top left;}

#logo{ padding-top:15px;}

#checkDispo{ padding-top:8px; }

#header_title{text-align:right !important}

#checkDispo #header_title{ text-align:center;font-size:20px; color:#004990; margin-bottom:5px;}

#top_menu select, #top_menu .select{display:none;}


/***********************************************************************************************/
/* SLIDER SECTION */
/***********************************************************************************************/
#sliderContainer{ position:relative}

.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}

.carousel-control {
    background-image: none !important; /* remove bckg gradients on controls */
}

.carousel .item {
    	left: 0 !important;
		-webkit-transition: opacity 1s ease-in-out;
		  -moz-transition: opacity 1s ease-in-out;
		  -o-transition: opacity 1s ease-in-out;
		  transition: opacity 1s ease-in-out;
}


.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

/***********************************************************************************************/
/* INTERNAL SECTION */
/***********************************************************************************************/

#leftLine{border-top: 1px solid #b9b9b9; background: url('../../images/linea.jpg') no-repeat left top;}
#rightLine{background: url('../../images/linea.jpg') no-repeat right top; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:20px}
#mainContentInternal, #mainSidebar{margin-top:20px}

.postList{margin-bottom:40px}
.postList h4{margin-top:0px}


/***********************************************************************************************/
/* SIDEBAR SECTION */
/***********************************************************************************************/

#mainSidebar{line-height:18px}
.widget { text-align: left; display:block;
	border:		1px solid #b9b9b9;
	padding:	0px 10px;
	margin:		0px 0px 10px 0px;
}
.widget h2 { font-size:	15px; text-transform:uppercase; color:#ff0000; font-weight:bold }

.widget ul {padding: 0px; margin:0px; list-style:	none; }

.widget ul li{
	background: url('../../images/list-bcg.png') no-repeat 0px 5px;
	font-size:	12px;
	color:		#585555;
	border-bottom: 1px dashed #dddddd; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

.widget h3{font-size:14px; font-weight:bold}
.widget h3 a{color: #444}

#gallery_loc ul li{background:none; padding:10px; margin:0px; border-bottom:none}

ul.socials li{background:none; padding:10px; margin:0px; border-bottom:none}

.widget .mg-image-tiles .mg-thumbs ul li{background:none; padding:10px; margin:0px; border-bottom:none}


/***********************************************************************************************/
/* BELLA VITA SECTION */
/***********************************************************************************************/


.dispoHeader { display: block; height: auto; border-bottom: 1px dashed #acb1b2; margin-bottom: 20px;}
.bellavita{margin-top:20px}

.dispoHeader .print-pdf{ display: block; width: 112px; height:	30px; overflow: hidden; background: url('../../images/print-pdf-doc.png') no-repeat left top; float: right }

.dispoHeader .print-pdf:hover { background-position: 0px -30px }

.tabbellavita { position: relative; padding-top: 34px; }

ul.nav.nav-tabs{ position: absolute; top: 0px; left: 0px; z-index: 5000;}

.tabbellavita .col-md-9 {background: url('../../images/bcg-tabs.jpg') no-repeat left top; padding-left:0px}

.tabbellavita .tob-content-bg {background: url('../../images/bcg-tabs.jpg') no-repeat left top;}

.tabbellavita .tab-pane-bg { background: url('../../images/bcg-tabs.jpg') no-repeat right top; padding: 20px; border-top: 1px solid #b9b9b9; min-height: 200px; position: relative }

.tabbellavita .tab-pane-bg-listing { background: url('../../images/bcg-tabs.jpg') no-repeat right top; padding: 20px;  min-height: 200px; position: relative }

.tabbellavita .absolute { position: absolute; top: 20px; right: 20px; width: 200px; z-index: 5000;}

.tabbellavita .absolute table.detail td {padding: 5px  0px 5px 20px; }


.tabbellavita li .red { color: #ffffff; background-color: #cc0000; border-color: #cc0000; }
.tabbellavita li.active .red { color: #000000; background-color: #cc0000!important; border-color: #cc0000; }

.tabbellavita li .red:hover { background-color: #acb1b2; color: #000000!important; }

.tabbellavita li .yellow{
color: #ffffff;
background: #f7b547; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #f7b547 0%, #df700a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b547), color-stop(100%,#df700a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7b547 0%,#df700a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7b547 0%,#df700a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7b547 0%,#df700a 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7b547 0%,#df700a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b547', endColorstr='#df700a',GradientType=0 ); /* IE6-8 */
}
.tabbellavita li.active .yellow { color: #000000; }

td.title{ padding-left: 10px; background: url('../../images/icon-freccia-table.png') no-repeat left 10px;}

td.detail {color: #FF0000;}

.nav-tabs > li { margin-right: 3px;}

.nav-tabs > li > a{ background-color: #d8d8d8; border: 1px solid #acb1b2; border-bottom: none; color: #000000; outline: none margin-bottom: -1px; padding-bottom: 5px; border-radius: 0px; margin-right: 0px; }

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover{ border: 1px solid #acb1b2!important; border-bottom: none!important; margin-bottom: 0px!important; padding-bottom: 6px!important; background-color: #ffffff!important;}

.nav-tabs > li.active { background-color: #FFFFFF; }

ul.nav.nav-tabs{ margin-bottom: 0px; border-bottom: none; padding:	0px 30px; background-color: transparent; }

.tab-content { margin: 0px; padding: 0px; border: none;}

.tab-content.border { border-top: 1px solid #acb1b2; margin: 0px 0px 30px 0px; }

.availability-header { display: block; height: auto; border-bottom: 1px dashed #acb1b2; margin-bottom: 20px; }

.availability-header .avail-title { font-weight: normal;}

.daterange{ font:13px/0px sans-serif}

.daterange td{ border: 1px solid #FFFFFF; color: #FFFFFF; text-align: center; font-size: 10px;}

.daterange td.date-title { background: #595858; font-size: 10px; line-height: 12px; padding: 2px;width:60px; }

.daterange td.content-title { background: #737373; font-size: 10px; line-height: 17px; font-size: 12px; width: 170px; text-align: left;}

.daterange td.content-title.title { background: url('../../images/date-block.jpg') no-repeat right top; font-size: 12px; font-weight: bold }

.daterange td.content-title.title b { float: right; margin-right: 4px;}

.daterange td.content-title strong{ margin-left: 10px }

.daterange td.availability { background: #d1d7e3 /*url(../../images/bcg-dispo.jpg)*/ center no-repeat; border: 1px solid #FFFFFF; height: 15px; padding: 2px; } 

.daterange td.availability.white { background-color: #FFFFFF; border: 1px solid #d1d7e3;}

.daterange td.sdetail {font-size: 8px; background-color: #737373; line-height: 10px; padding: 2px;}

.booking-detail {background: #ebebeb; border: 1px solid #acb1b2; padding: 0px; margin: 0px 0px 20px 0px;}

.booking-detail form{ margin: 0px; padding: 0px 0px 10px 0px;}

.booking-detail legend { font-size: 15px; line-height: 18px; text-transform: uppercase; color: #F00; margin: 20px 0px 10px 0px; padding: 0px 20px; border: none; width: auto; }

.booking-detail .form-group{ margin: 0px; padding: 5px 5px; border-bottom: 1px dashed #acb1b2;}

.booking-detail .form-group:hover {background-color: #d8d8d8;}

.booking-detail .controls{margin-left: 120px;}

.booking-detail .control-label{ font-size: 12px; line-height: 30px; color: #585555; text-align: left; margin: 0px; background: url('../../images/freccia-red.png') no-repeat left center;; padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px }

.booking-detail .btn.pull-right{ margin: 5px 20px 0px 0px; text-transform: uppercase; font-weight: bold;}

.booking-detail input[type="text"] { border: none; background: none; background-color: transparent; -webkit-box-shadow: none; box-shadow:  none; color: #FF0000;}

table.detail{ width: 100%; margin: 0px 0px; }

table.detail tr:hover { background: #d8d8d8; }

table.detail tr.btn-default { background: #808080; }

table.detail td { padding: 7px 20px; color: #585555; border-bottom: 1px dashed #acb1b2; }

table.detail td.title { background: url('../../images/freccia-red.png') no-repeat 10px center; }

table.detail td.content { color: #FF0000; }

table.detail tr.btn-default td,
table.detail tr.btn-danger td {color: #FFFFFF; }

tr.tdred{background-color: #cc0000; }

tr.tdred td, tr.tdred td.content { color: #ffffff; }

.enquire{
	display: block;
	clear: both;
	float: right;
	margin-bottom: 10px;
	color: #FFFFFF;
	border: 1px solid #700000;
	text-transform: uppercase;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #d50000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #d50000 0%, #7b0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d50000), color-stop(100%,#7b0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d50000 0%,#7b0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d50000 0%,#7b0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d50000 0%,#7b0000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d50000 0%,#7b0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50000', endColorstr='#7b0000',GradientType=0 ); /* IE6-8 */
}
.enquire:hover,
.chk-availability:hover { background: #666666; border-color: #666666; color: #FFFFFF; }
.chk-availability
{
	display: block;
	clear: both;
	float: right;
	margin-bottom: 10px;
	color: #FFF;
	border: 1px solid #11387d;
	text-transform: uppercase;
	text-shadow: none;
	filter: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	background: #5c87b9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #5c87b9 0%, #133a7e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c87b9), color-stop(100%,#133a7e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5c87b9 0%,#133a7e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5c87b9 0%,#133a7e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5c87b9 0%,#133a7e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5c87b9 0%,#133a7e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c87b9', endColorstr='#133a7e',GradientType=0 ); /* IE6-8 */
}

ul#descListing li{width: 33%; margin-bottom:2px;
					background:url('../../images/icon-freccia-table.png') no-repeat left 15px;
					padding:8px; border-bottom: 1px solid #ddd}
ul#descListing li span{float:right; color:#FF0000; margin-right:40px; }



/***********************************************************************************************/
/* FOOTER SECTION */
/***********************************************************************************************/
#footer{margin-top:30px; margin-bottom:20px; }
#footerTitle{color:#004990; margin-bottom:20px; font-size:20px;}

ul.footerMenu li a{border-right: 1px solid #c3c3c3; padding-right:10px;}

/***********************************************************************************************/
/* STANDARD SECTION  */
/***********************************************************************************************/

.alignright, img.alignright, a img.alignright{float:right;margin:4px 0 2px 14px; border: 1px #dddbdb solid;padding: 6px;background: #FFFFFF;}
.alignleft, img.alignleft, a img.alignleft{float:left;margin:4px 14px 2px 0; border: 1px #dddbdb solid;padding: 6px;background: #FFFFFF;  }
.aligncenter, img.aligncenter, a img.aligncenter, img.centered, a img.centered{display:block;margin:6px auto 10px !important; border: 1px #dddbdb solid;padding: 6px;background: #FFFFFF; }
.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto; border: 1px #dddbdb solid;padding: 6px;background: #FFFFFF;  }
.no_border{border: none !important; background-color:transparent !important; padding:0px !important;}

		

/***********************************************************************************************/
/*INPUT */
/***********************************************************************************************/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}