/* #page-header it just included for the examples */
#page-header {
float: left;
display: block;
}
.bh-sl-error {
clear: both;
float: left;
width: 100%;
padding: 10px 0;
color: #ae2118;
font-weight: bold;
}
.bh-sl-container {
float: left;
margin-left: 0px;
width: 100%;
color: #333333;
margin-bottom:15px;
margin-top:-86px;
padding-top:0px;
}

#map-container {
width:100% !important;
margin-top:0px !important;
height:790px !important;
}
.bh-sl-container {
clear: left;
float: left;
/*margin-top: 15px; */
width: 100%;
}

.bh-sl-form-container {
position:absolute;
float: right;
width:20%;
overflow:hidden;
margin-top:101px;
right:15px;
z-index:1;
background-color:#fafcff;
height:140px;
display:flex;
border: 1px solid #dadada;
padding-top:15px;
padding-left:25px;
padding-right:25px;
}

.bh-sl-container .bh-sl-loc-list {
position:absolute;
float: right;
width:20%;
height: 520px;
overflow-x: hidden;
right:15px;
z-index:1;
margin-top:246px;
background-color:#fafcff;
border: 1px solid #dadada;
}

.bh-sl-container .form-input {
margin-top: 3px;
margin-left:0px;
margin-right:0px;
width:100%;
overflow:hidden;
text-align:center;
padding:0px !important;
display:flex;
}

.bh-sl-container .form-submit {

}

.bh-sl-container .form-input label {
font-weight: bold;
}
.bh-sl-container .form-input input,
.bh-sl-container .form-input select {
margin: 0 15px 0 0px;
padding: 6px 12px;
line-height: 16px;
border: 1px solid #dadada;
}

#bh-sl-user-location {
width:100%;
}

#bh-sl-mypos{
margin-top:10px;
clear:left;
float:right;
text-transform:uppercase;
}

#bh-sl-getmypos{
font-weight:bold;
height: 24px;
margin-left:10px;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
border: 1px solid #dadada;
text-transform:uppercase;
}

#bh-sl-getmypos  img {
margin-left:5px;
margin-bottom:2px;
}
#bh-sl-header {
text-transform:uppercase;
color:#ff0000;
font-weight:bold;
text-align:center;
width:100%;
padding:0px !important;
clear:right;
display:block;
}

#bh-sl-address {
height: 24px;
font-style: italic;
font-size:12px !important;
margin-top:15px;
text-align:left;
padding:0px !important;
padding-left:3px !important;
flex:1;
display:inline !important;
margin-right:0px !important;
padding-right:0px !important;
}

#bh-sl-submit {
width: 30px;
height: 24px;
background: url(../img/sl-img-submit.png) no-repeat;
position:relative;
margin-top:15px;
}

.bh-sl-container button {
cursor: pointer;
margin-top: 3px;
padding: 6px 12px;
background: #ff0000;
border: 0px;
color: #ffffff;
white-space: nowrap;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.bh-sl-container .bh-sl-loading {
float: left;
margin: 4px 0 0 10px;
padding-left:0px;
margin-left:0px;
width: 16px;
height: 16px;
background: url(../img/ajax-loader.gif) no-repeat;
position:absolute;
bottom:15px;
left:15px;
}
.bh-sl-container .bh-sl-filters-container {
clear: both;
float: left;
width: 100%;
margin: 15px 0;
}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters {
list-style: none;
float: left;
padding: 0;
margin: 0 100px 0 0;
}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li {
display: block;
clear: left;
float: left;
width: 100%;
margin: 5px 0;
}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li label {
display: inline;
}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li input {
display: block;
float: left;
margin: 2px 8px 2px 0;
}
.bh-sl-container .bh-sl-map-container {
clear: left;
float: left;
margin-top: 27px;
height:790px !important;
width: 100%;
z-index:-1;
}
.bh-sl-container .bh-sl-map-container a {
/* color: #FF0000 !important; */
text-decoration: none !important;
}

.bh-sl-container .bh-sl-map-container .loc-name a {
color: #FF0000 !important;
text-decoration: none !important;
}

.bh-sl-container .bh-sl-map-container a:hover,
.bh-sl-container .bh-sl-map-container a:active {
text-decoration: underline;
}

.bh-sl-container .bh-sl-loc-list ul {
display: block;
clear: left;
float: left;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
font-size:12px;
}
.bh-sl-container .bh-sl-loc-list ul li {
display: block;
clear: left;
float: left;
margin-left: 15px;
margin-right: 15px;
cursor: pointer;
width: 92%;
border: 0px solid #ffffff;
/* Adding this to prevent moving li elements when adding the list-focus class*/
}
.bh-sl-container .bh-sl-loc-list .list-label {
float: left;
margin: 10px 0 0 6px;
padding: 2px 3px;
width: 10%;
max-width: 35px;
text-align: center;
background: #ff0000;
color: #ffffff;
font-weight: bold;
display:none;
}
.bh-sl-container .bh-sl-loc-list .list-details {
float: left;
margin-left: 6px;
width: 100%;
}
.bh-sl-container .bh-sl-loc-list .list-details .list-content {
padding: 10px;
padding-left:0px;
float:left;
}


.bh-sl-container .bh-sl-loc-list .list-details .loc-dist {
font-weight: bold;
font-style: italic;
}

.bh-sl-container .bh-sl-loc-list .list-focus {
border: 1px solid rgba(150, 31, 23, 0.4);
-moz-box-shadow: 0 0 8px rgba(150, 31, 23, 0.4);
-webkit-box-shadow: 0 0 8px rgba(150, 31, 23, 0.4);
box-shadow: 0 0 8px rgba(150, 31, 23, 0.4);
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-close-directions-container {
width: 100%;
height: 20px;
position: relative;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-close-directions-container .bh-sl-close-icon {
top: 0;
right: 6px;
}
.bh-sl-container .bh-sl-loc-list .bh-sl-noresults-title {
font-weight: bold;
color: #ae2118;
}
.bh-sl-container .loc-name {
/* Picked up by both list and infowindows */
color: #FF0000 !important;
font-weight: bold;
}
.loc-dettlink{
font-weight: bold;
}

.bh-sl-container .bh-sl-map {
float: left;
width: 100%;
height:790px !important;
}
.bh-sl-container .bh-sl-pagination-container {
clear: both;
}
.bh-sl-container .bh-sl-pagination-container ol {
list-style-type: none;
text-align: center;
margin: 0;
padding: 10px 0;
}
.bh-sl-container .bh-sl-pagination-container ol li {
display: inline-block;
padding: 10px;
cursor: pointer;
color: #ae2118;
text-decoration: underline;
}
.bh-sl-container .bh-sl-pagination-container ol .bh-sl-current {
color: #333333;
cursor: auto;
text-decoration: none;
}
/* Modal window */
.bh-sl-overlay {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 10000;
background: url(../img/overlay-bg.png) repeat;
}
.bh-sl-overlay .bh-sl-modal-window {
position: absolute;
left: 50%;
margin-left: -460px;
/* width divided by 2 */
margin-top: 60px;
width: 920px;
height: 590px;
z-index: 10010;
background: #ffffff;
border-radius: 10px;
box-shadow: 0 0 10px #656565;
}
.bh-sl-overlay .bh-sl-modal-window .bh-sl-modal-content {
float: left;
padding: 0 22px;
/* there's already a margin on the top of the map-container div */
}
.bh-sl-overlay .bh-sl-modal-window .bh-sl-close-icon {
top: -6px;
right: -6px;
}
.bh-sl-close-icon {
position: absolute;
width: 18px;
height: 18px;
cursor: pointer;
background: #2c2c2c url(../img/close-icon.png) 3px 3px no-repeat;
border: 1px solid #000000;
border-radius: 3px;
box-shadow: 0 0 3px #656565;
}


/* per nascondere links a google */
/* a[href^="http://maps.google.com/maps"]{display:none !important} 

/*.gmnoprint a, .gmnoprint span {
    display:none !important;
}*/
/*.gmnoprint div {
    background:none !important;
}*/
/*
.gm-style-cc {
display:none !important;
}*/
 @media screen and (min-width:1024) and (max-width: 1280px){
	.bh-sl-container .bh-sl-loc-list {
    width: 30%;
}
.bh-sl-form-container {
    width: 30%;
}


 }
@media screen 
  and (min-width: 260px) 
  and (max-width: 700px){.bh-sl-form-container{width:100%;margin-right:-15px;margin-left:-15px;}.bh-sl-container .bh-sl-loc-list{width:100%;margin-right:-15px;margin-left:-15px;}}