.beige {color: #f0e9de;}
.beige-chiaro { color: #f7f4EE }
.blu {color: #177591;}
.arancio {color: #f17031;}
.grigio-bordi { color: #acafb0 }


.pointer{
	cursor: pointer;
}

.arrow_box {
	position: relative;
	background: #fc0;
	border: 2px solid #702711;
	min-height: 50px;
	border-radius: 5px;
	padding: 8px;
}

.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 204, 0, 0);
	border-bottom-color: #fc0;
	border-width: 10px;
	margin-left: -10px;
}

.arrow_box:before {
	border-color: rgba(112, 39, 17, 0);
	border-bottom-color: #702711;
	border-width: 13px;
	margin-left: -13px;
}

.ricerca { 
	position: absolute; 
	top: 280px;
	/*z-index:3; */
}

.ricercaForm{
	border: solid 3px #f17031;
	background: #fff; 
	padding: 15px; 
}

.ms-left .ricerca{
	right: 0;
}

.ms-left .ricercaForm { 
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	
	
	border-right: none;					
}
		
#inputProvincia{
	width: 150px;
}
		
#inputStrutturaMedico{
	width: 200px;
}
		
.ms-right .ricerca{
	left: 0;
}
		
.ms-right .ricercaForm {    
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	
	border-left: none;			
}

.ricerca input {
	background: #fff; 
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.60);
	box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.60); 
}
			
.btn-ricercaHome {
	background: #f17031 !important; 
	border: #f17031 !important; 
	color: #fff !important;
}
		
.borderBox {
	right: 0;
	left: 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border: solid 3px #f17031;
}
				
.customScroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
		
.customScroll::-webkit-scrollbar{
	width: 12px;
	background-color: #F5F5F5;
}
		
.customScroll::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
					
.ms-section { 
	text-align: center;
	position: relative;
}

.ricerca{
	width: 380px;
	max-width: 380px;
}

.ricerca .dropdown-menu{
	position: absolute;
	z-index: 1000;
}

.elencoStrutturaModalContainer .modal-dialog{
	top: 350px;
	width: 760px;
}

.resultElencoStrutture{
	margin-right: auto;
	margin-left: auto;
}

.scrivi-rec a { 
	display: inline-block; 
	width: 55px; 
	height: 50px; 
	background: url(../../previmedical/hcaAppUtente/img/ico-scrivirec.png) center no-repeat; 
	padding-top: 58px; 
	font-size: 12px; 
	text-align: center;}
.scrivi-rec a:hover { background: url(../../previmedical/hcaAppUtente/img/ico-scrivirec-hover.png) center no-repeat; text-decoration: none; color: #f17031; }


.ultime-rec a { 
	display: inline-block; 
	width: 55px; 
	height: 50px; 
	background: url(../../previmedical/hcaAppUtente/img/ico-last-rec-2.png) center no-repeat; 
	padding-top: 43px; 
	font-size: 12px; 
	text-align: center;}
.ultime-rec a:hover { background: url(../../previmedical/hcaAppUtente/img/ico-last-rec-2-hover.png) center no-repeat; text-decoration: none; color: #f17031; }

.mappa-struttura a { display: inline-block; width: 50px; height: 50px; background: url(../../previmedical/hcaAppUtente/img/ico-mappa.png) center no-repeat; padding-top: 58px; font-size: 12px; text-align: center; }
.mappa-struttura a:hover { background: url(../../previmedical/hcaAppUtente/img/ico-mappa-hover.png) center no-repeat; text-decoration: none; color: #f17031; }


@media only screen and (max-width: 1668px) {
	#multiscroll-nav{
		top: 48% !important;
	}
}

#resultsearch {  background: #fff; height: 100%; width:100%;  position: absolute; z-index: 1100; top: 1200px; border-top: 2px solid #f17031; box-shadow: 0px -7px 15px -4px rgba(0,0,0,0.75); opacity: 0; }
#resultsearch h1 { font-family: "folksbold"; color: #069; }
#resultsearch .close { color: #f17031; opacity: 1; margin-top: 10px; border: solid 1px #f17031; width: 30px; height: 30px; border-radius: 30px; text-align: center; margin-right: 20px;}
#resultsearch .close:hover {opacity: 0.7; }
#resultsearch h2 { font-family: "folksbold"; color: #069; }

#menu li { display: inline-block; margin: 10px; color: #000; background: #fff; background: rgba(255,255,255, 0.3); -webkit-border-radius: 10px; border-radius: 10px; }

#menu li.active { background: #666; background: rgba(255,255,255, 1); color: #000; }

#menu li a { text-decoration: none; color: #000; }

#menu li.active a:hover { color: #000; }

#menu li:hover { background: rgba(255,255,255, 0.8); }

#menu li a,  #menu li.active a { padding: 9px 18px; display: block; }

#menu li.active a { color: #000; }

#menu, .navbar { 
	position: fixed !important; 
	top: 0; 
	left: 0; 
	height: 60px; 
	z-index: 70; 
	width: 100%; 
	padding: 0;
	margin: 0;  
	background: rgba(255,255,255, 0.8); 
	border-bottom: 1px solid #e7e7e7;}

.modal h2 { font-size:20px; text-align: center;}
.modal h3 { font-size:16px; color: #808080;}
.modal label { font-size:13px; font-weight: normal}
.btn-rbm {width: 100%; border-color: #177591; background: #fff url(../img/logo-rbm-btn.png) center no-repeat; height: 40px; width: 90%; margin-left: 5%;}
.btn-rbm:hover { border-color: #00afec; }

.navbar {
	-webkit-box-shadow: 6px 9px 5px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 6px 5px 1px rgba(0,0,0,0.4);
box-shadow: 0px 6px 5px 1px rgba(0,0,0,0.4);
}
.navbar-brand { padding: 10px 15px;}
.navbar-nav > li > a {
    background: #f17031 none repeat scroll 0 0;
    border: 1px solid #f17031;
    border-radius: 5px;
    color: #ffffff !important;
    height: 40px;
    line-height: 40px;
    margin: 10px 5px;
    min-width: 120px;
    padding: 0 15px;
    text-align: center;
}
.navbar-nav > li > button {
    background: #f17031 none repeat scroll 0 0;
    border: 1px solid #f17031;
    border-radius: 5px;
    color: #ffffff !important;
    height: 40px;
    line-height: 40px;
    margin: 10px 5px;
    min-width: 120px;
    padding: 0 15px;
    text-align: center;
}
.navbar-nav > li#segnala > a {
    background: #00afec none repeat scroll 0 0;
    border: 1px solid #177591;
}
.navbar-nav > li#btn-search > a {
    background: #4b4b4b url("../img/ico-lens.png") no-repeat scroll center center;
    border: medium none;
    border-radius: 0;
    height: 60px;
    margin: 0 -15px 0 15px;
    min-width: 60px;
    width: 60px;
}
.navbar-nav > li > a:hover {border: 1px solid #177591 !important; background: #f0e9de !important ; color: #177591 !important;}
.navbar-nav > li > button:hover {border: 1px solid #177591 !important; background: #f0e9de !important ; color: #177591 !important;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > button:hover,
.navbar-default .navbar-nav > li > button:focus {
    background-color: #f0e9de;
    color: #333 !important;
}

#paziente:hover {color: #808080; cursor: pointer;}
/*

.finestra { position: absolute; background: #fc0 none repeat scroll 0 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(255,204,0,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(255,204,0,1);
box-shadow: 0px 0px 10px 0px rgba(255,204,0,1); }
.baloon { position: absolute; background: url(../img/baloon.png); background-size: 100% 100%; background-repeat: no-repeat; }
.baloon.bianco { position: absolute; background: url(../img/baloon-bianco.png); background-size: 100% 100%; background-repeat: no-repeat; }

.finestra-a { height: 3%; left: 20%; top: 30%; width: 2%; opacity: 0; z-index: 2;}

.finestra-b { height: 2.9%; left: 18.5%; top: 34.1%; width: 2.2%; opacity: 0; z-index: 2;}

.finestra-c { height: 2.2%; left: 50%; top: 35%; width: 1.5%; opacity: 0; z-index: 2; }

.finestra-d { height: 2.3%; left: 49.5%; top: 43.1%; width: 2.2%; opacity: 0; z-index: 2;}

.finestra-e { height: 2.6%; left: 9.5%; top: 40.5%; width: 2.2%; opacity: 0; z-index: 2; }
*/
/**/
.finestra-a, .finestra-b, .finestra-c, .finestra-d, .finestra-e {opacity:0; }

.ms-section.home img {
    bottom: 0;
    position: absolute;/*
  	z-index: -1;*/
}


/*
.baloon-a { height: 10%; left: 18%; opacity: 0; top: 21%; width: 12%; z-index: 2;}

.baloon-b { height: 5.2%; left: 19.5%; opacity: 0; top: 29.5%; width: 7.5%; z-index: 2;}

.baloon-c { height: 4.2%; left: 51%; opacity: 0; top: 31%; width: 6.5%; z-index: 2;}

.baloon-d { height: 7.3%; left: 48%; opacity: 0; top: 36.8%; width: 10.2%; z-index: 2; }

.baloon-e { height: 6.6%; left: 8.5%; opacity: 0; top: 34.5%; width: 10.2%; z-index: 2;}*/
/*

.text-calendar{ text-align: left;  }
.text-calendar h2 {font-family: "folksbold";, sans-serif; font-weight: bold; color: #FF9F00; font-size: 3vw; margin-bottom: 30px;}
.text-calendar ul li {font-size: 1.2vw; color: #7b7b7b}*/

.text-condividi{ text-align: center; padding: 20px;  }
.text-condividi h2 {font-family: "folksbold"; sans-serif; font-weight: bold; color: #7b7b7b; font-size: 38px; margin-bottom: 30px; text-align: center;}
.text-condividi ul {padding-left: 0px; margin-left: 0px;}
.text-condividi ul li {font-size: 22px; color: #000; list-style: none; font-family: 'Open Sans', sans-serif; margin-bottom: 12px; background: url("../img/pois-divisori.png") bottom center no-repeat; padding-bottom:20px;}

.text-calendar{ text-align: center; padding: 20px; margin-left: 5%; margin-right: 5%;  }
.text-calendar h2 {font-family: "folksbold"; sans-serif; font-weight: bold; color: #f17031; font-size: 44px; margin-bottom: 30px; text-align: center;}
.text-calendar ul {padding-left: 0px; margin-left: 0px;}
.text-calendar ul li {font-size: 22px; color: #000; list-style: none; font-family: 'Open Sans', sans-serif; margin-bottom: 12px; background: url("../img/pois-divisori.png") bottom center no-repeat; padding-bottom:20px;}

.ambulanza{left: 120%;}
.flip {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.calendar {width: 0%; opacity: 0; }
.recensioni {width: 0%; opacity: 0; }

.ms-section.home img.mouse-sx {position: absolute; bottom: 14px; right: 0px;}
.ms-section.home img.mouse-dx {position: absolute; bottom: 14px; left: 0px;}

.wrap-contatore {
	/*background: #53874a;*/!
    color: #fff;
    font-size: 1vw;
    font-weight: bold;
    padding: 5px 15px 0;
    position: absolute;
    right: 0;
    text-align: right;
    bottom: 0;
    z-index: 999; }

.carousel-caption {
    top: auto;
    bottom: -20px;
	background: rgba(175, 175, 175, 0.5);
	display: none;
}
.carousel-caption h3 { color: #fff; font-size: 2vw; font-weight: bold; font-family: "Times New Roman", Times, serif; bottom: 0px;}

.slogan { font-size: 4vw; color: #f17031  ; position: absolute; left: 15%; top: 160px;  font-weight: bold; font-family: "folksbold"; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); z-index: 2; line-height: 3vw; }
.slogan span {
    color: #2e565e;
    font-family: "folksbold";
    font-size: 2vw;
    text-align: right;
	display: block;
}



.carousel .item h3 {font-family: "folksbold"; font-size: 32px !important; font-weight: bold; padding: 15px 5px 2px 5px; color: #f17031; margin-bottom: 12px; }
.commento {
	position: relative;
	background: #fff;
	border: 3px solid #808080;
	border-radius: 8px;
	margin-left: 8%;
	margin-right: 8%;
	margin-top: 10px;
	padding: 0px 10px 10px 10px;
	font-family: "folksbold";
	color: #00afec;
}
.commento:after, .commento:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.commento:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.commento:before {
	border-color: rgba(128, 128, 128, 0);
	border-bottom-color: #808080;
	border-width: 14px;
	margin-left: -14px;
}

.box { 
	margin-bottom: 20px; 
	text-align: center; 
	margin-left: 15%; 
	margin-right: 15%;
}
.box .icon { 
	width: 60px; 
	height: 60px; 
	border: solid 1px #F17031; 
	margin: 0 auto; 
	border-radius: 100px; 
	text-align: center; 
	line-height: 60px; 
	color: #069; 
	background: #fff; 
	font-size: 25px;
}
.box h4 {
	font-family: "folksbold"; 
	color: #f17031; 
	font-size: 28px;
	line-height: 28px;
}
.box p {
	font-size: 17px; 
	color: #000; 
	list-style: none; 
	font-family: 'Open Sans', sans-serif; 
	margin-bottom: 0px; 
	background: url("../img/pois-divisori.png") bottom center no-repeat; 
	padding-bottom: 20px;
	line-height: 24px;
}

footer, .footer { text-align: center; font-size:12px;  padding: 5px; border-top: 1px solid #b7b7b7; 
background: #f7f4EE; border-radius: 0px;
-webkit-box-shadow: inset 0 5px 15px -6px rgba(0, 0, 0, .75);
-moz-box-shadow: inset 0 5px 15px -6px rgba(0, 0, 0, .75);
box-shadow: inset 0 5px 15px -6px rgba(0, 0, 0, .75) }