@charset "utf-8";
/* GENERALI */
html, body { height: 100%; }
body {font-family:'Open Sans',sans-serif; width: 100%; color:#666666;   line-height: 1.7;}
a{ text-decoration:none; color:#363636;}
a:hover{ text-decoration:none; color:#363636; }
.bloccoInterno .infoSalute a{ text-decoration:underline; color:#12aa86;}
.bloccoInterno .infoSalute a:hover { color:#12aa86}
#link_p { text-decoration:none; color:#ffffff;}
#link_p:hover { text-decoration:none; color:#12aa86;}



/* Colori */
.verde{color:#12aa86;}
.bianco{color:#ffffff;}
.barverde{color:#12aa86;}
.grigioChiaro{color:#c1c1c1;}
.rosso{color:#12aa86;}

/* Margini */
.mTop0{margin-top:0;}
.mTop5{margin-top:5px;}
.mTop10{margin-top:10px;}
.mTop20{margin-top:20px;}
.mTop40{margin-top:40px;}
.mBot10{margin-bottom:10px;}
.mBot20{margin-bottom:20px;}

/* Typography */
.headline { position: relative;  width: 85%;  border-bottom: 1px solid #c8d3d7;  margin: 50px auto;  text-align: center;}
.headline:after { position: absolute;  bottom: -9px;  right: 0;  left: 0;  color: #12aa86;  font-family: 'FontAwesome';  font-size: 10px;  content: "  ";}
.headline h1{font-weight:600; color:#12aa86;}
body > section.bloccoInterno > div > div > div > p > em > a {color: #428bca; text-decoration:underline; font-weight:bold;}
.data{font-size:12px;}

/* Banner */
.banner_11{float:left; margin-left:15px; margin-right:15px;  /* Firefox */width: -moz-calc(33.3% - 30px); /* WebKit */ width: -webkit-calc(33.3% - 30px); /* Opera */width: -o-calc(33.3% - 30px); /* Standard */ width: calc(33.3% - 30px);}
.banner_11 img{margin:0 auto;}
.no-background {margin-top:6px;}

/* Bottone Variante Verde */
.btn-verde { color: #ffffff; background-color: #12aa86; border-color: #12aa86;  border-radius: 0; margin-bottom:8px;}
.btn-verde:hover, .btn-verde:focus, .btn-verde:active, .btn-verde.active, .open .dropdown-toggle.btn-verde { color: #12aa86; background-color: #ffffff; border-color: #12aa86;}
.btn-verde:active, .btn-verde.active, .open .dropdown-toggle.btn-verde { background-image: none;}

.nav-pills>li>a{background-color: #dedede;}
.nav-pills>li.active>a {background-color: #12aa86; font-weight:bold;}
.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {background-color: #12aa86;}
.nav>li>a:hover, .nav>li>a:focus {  text-decoration: none;  background-color: #00b377; color:#ffffff;}

#navStampa{margin-bottom:20px; border-collapse: separate; border-spacing: 10px;}
.alert.alert-danger a {color:#a94442; text-decoration:underline; font-weight:bold;}
.alert a.close{margin-top:-14px; margin-right:-8px; text-decoration:none;}
.btn-outlined {color:#3c763d;	border-color:#3c763d; margin-top:10px;}
.btn-outlined:hover{	background-color:#3c763d; color:#ffffff;} 

/******
AREA LINK SERVIZI
******/
#areaServiziTop {margin-top:10px;}
#areaServiziTop a {color:#12aa86;}
#areaServiziTop a:hover { color: #ffffff !important; background-color: #12aa86; transition: all linear 0.2s;	-ms-transition: all linear 0.2s;	-moz-transition: all linear 0.2s; -webkit-transition: all linear 0.2s;	-o-transition: all linear 0.2s; }
#areaServiziTop > div > div > div > a > div > span {color:#333333;}
#areaServiziTop > div > div > div > a:hover > div > span {color:#ffffff;  transition: all linear 0.2s;	-ms-transition: all linear 0.2s;	-moz-transition: all linear 0.2s; -webkit-transition: all linear 0.2s;	-o-transition: all linear 0.2s;}

#areaServiziTop a .subBtnTop:hover {color:ffffff;}
#areaServiziTop  .btn-default{ background-color:#ffffff; padding:10px 0; background: rgb(0, 0, 0); background: rgba(255, 255, 255, 0.8);/* For IE 8*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);/* Explorer 8 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";}
#areaServiziTop > div > div > div:nth-child(2) > a > i, #areaServiziTop > div > div > div:nth-child(3) > a > i {margin-right:10px;}
#areaServiziTop .first-box{ margin-bottom: 20px; min-height:91px;}




/******
MENU TOP
******/

.navbar { min-height: auto;}
#navMenuTop .container .col-md-8 .col-md-12,#navMenuTop .container .col-md-4 .col-md-12 { background-color:#eaeaea;}
/* News scorrevoli */
#boxNewsTicker{background-color:#12aa86; float:left; padding:16px 4px 8px 4px; margin:0 8px 7px 8px;}
#tickerNews{list-style:none; margin-right:10px; padding-top:14px; }
/* icone Top contatti */
#iconeTop{list-style:none; letter-spacing: -0.4px; font-size: 12px; padding:0; float: right;}
#iconeTop li{float:left;}
#iconeTop > li:nth-last-child(1){margin-right:10px;}
.txtIcone{float:left; text-transform:uppercase; letter-spacing:-0.5px; font-size:11px; margin-top:16px;}
.boxIconeTop{background-color:#12aa86; float:left; padding:16px 4px 8px 4px; margin:0 8px;}
#logoXs{margin:0 auto;}

/* TICKER */
#tickerNews{height: 34px;overflow:hidden;}
#ticker {height: 28px;overflow:hidden; padding: 0;}
#ticker > li {height: 50px; list-style-type: none;	}
.newsTopScorrevoli a{ margin-right:20px; }
.newsTopScorrevoli a:hover {color:#12aa86}

/* jquery.liScroll */
.liScroll-container {height: 40px; position: relative; overflow: hidden;}/* the outer div with the black border */
.liScroll-container .liScroll-mask {position: relative; overflow: hidden; margin: 0 0 15px;}/* that serves as a mask. so you get a sort of padding both left and right */
.liScroll-ticker {position: relative; left: 300px; list-style: none; list-style-image: none;}/* that's your list */
.liScroll-ticker ul { list-style: none; list-style-image: none;}
.liScroll-ticker li { float: left; list-style: none; list-style-image: none; }/* important: display inline gives incorrect results when you check for elem's width */
.liScroll-ticker a { white-space: nowrap; text-decoration: none; } 
.liScroll-ticker a:hover {text-decoration: underline; }


/******
AREA LOGO
******/
#areaLogo{ margin: 20px 0; }
.subMenu{margin-top:60px;}
.breadcrumb {margin-bottom:0; background-color:transparent; border-radius:0;}
.breadcrumb li > a:hover{text-decoration:underline;}

#imgBackTop {background-image:url(../img/background.png); background-repeat:no-repeat; background-position:0 0; width:100%; padding: 20px 0;  background-size: cover; border-top: 4px solid #12aa86;  height: 800px; position: absolute; z-index: -100;}

#imgBackTopErrore {background-image:url(../img/background404.png); background-repeat:no-repeat; background-position:0 0; width:100%; padding: 20px 0;  background-size: cover; border-top: 4px solid #12aa86;  height: 90%; position: absolute; z-index: -100;}



/******
MENU
******/
#custom-bootstrap-menu.navbar-default .navbar-brand {color: rgba(0, 0, 0, 1);}
#custom-bootstrap-menu.navbar-default {font-size: 14px; background-color: rgba(18, 170, 134, 1); border-width: 0px; border-radius: 0px;}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a { color: rgba(255, 255, 255, 1); background-color: rgba(18, 170, 134, 1); text-transform:uppercase;}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover, #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus { 
	/*color: rgba(255, 255, 255, 1);background-color: rgba(207, 47, 55, 1);*/
    padding-bottom: 8px; border-bottom: 2px solid #FFF; /* modifica hover menu*/
	
	transition: all linear 0.2s;	-ms-transition: all linear 0.2s;	-moz-transition: all linear 0.2s; -webkit-transition: all linear 0.2s;	-o-transition: all linear 0.2s;}


#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a, #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover, #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {color: rgba(255, 255, 255, 1); background-color: rgba(18, 170, 134, 1);}
#custom-bootstrap-menu.navbar-default .navbar-toggle {border-color: #12aa86;}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {background-color: #12aa86;}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {background-color: #12aa86;}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar, #custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar { background-color: #12aa86;}

.icoMenu{ margin-top:-4px;} 
.navbar-form.navbar-right:last-child {margin-right: 0;}
.rigaVoceMenu{ margin:0;}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background-color:#dedede;}

/******
PRIMO BLOCCO news
******/
#primoBlocco{margin:40px 0 0 0;}
#primoBlocco .container .row{ background-color:#ffffff; padding:20px 0; background: rgb(0, 0, 0); background: rgba(255, 255, 255, 0.6);/* For IE 8*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);/* Explorer 8 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";}


#primoBlocco .container .row  .no-background{background-color:transparent; padding:inherit; background:none; clear:both;}

.corpoNews{ line-height:22px; text-align:justify;}
.sezioneNews a {font-weight:600; color:#12aa86;}
#primoBlocco .grigio {background-color:#dedede;}
#primoBlocco .col-md-4 .col-md-12{ padding-top:16px; padding-bottom:16px;}
#primoBlocco .col-md-4 .col-md-12 img, #primoBlocco .col-md-6 .col-md-12 img {margin-top:16px; margin-bottom:16px;}
#primoBlocco .verde{background-color:#12aa86;}
#primoBlocco .col-xs-12 h4{ border-left: #ffffff solid 4px; padding-left:10px; font-weight:600; margin-top:24px; color:#ffffff;}


/******
SECONDO BLOCCO video+cerca
*******/
#secondoBlocco{margin:0px 0 20px 0;}
.iconabanner{ position:absolute; right:30px; top:-10px; }

#secondoBlocco .img-responsive { float:left; margin: 10px 15px;}

/******
TERZO BLOCCO video+cerca
*******/
#terzoBlocco{margin:40px 0 20px 0;}
#terzoBlocco .grigio{background-color:#e3e3e3;}
#terzoBlocco .verde{background-color:#12aa86;}
#terzoBlocco .col-md-4 .col-md-12 h4{ border-left: #ffffff solid 4px; padding-left:10px; font-weight:600; margin-top:24px; color:#ffffff;}
.contCerca{background-color:#ffffff; margin-bottom:20px; margin-top:30px;}
#form1 p { margin-top:10px; margin-bottom:10px; font-size: 12px; color:#333333;}
#form1 {padding:0}
.cercaFarma{ height:40px; margin-top:20px; margin-bottom:18px; background-color:#eeeeee; border:0; background-image:url(../img/form.png); background-position:right; background-repeat:no-repeat;}
.form_pulsanteN{margin-bottom:15px;}
#txtCerca{ text-transform:uppercase;}


#terzoBlocco .col-md-8 .col-md-12{ padding-top:40px; padding-bottom:40px;}
#terzoBlocco .col-md-8 .col-md-12 .col-md-6 h4{ margin-bottom:30px}

/******
SERVIZI 
*******/
#serviziCittadino{ background-color:#12aa86; margin:40px 0 20px 0;}
#serviziCittadino h5{ color:#ffffff;}
.carousel { margin-bottom: 0; padding: 0 40px 30px 40px;}
/* The controlsy */
.carousel-control {left: -12px; height: 40px; width: 40px;  margin-top: 30px; background-image:none !important;}
.carousel-control.right {right: -12px;}

.servizio { text-align:center; color:#ffffff;}
.servizio img{ margin:0 auto;}
#serviziCittadino a:hover{color:#FFFF3C;} 

/******
FOOTER 
*******/
footer{ background-color:#f4f4f4; margin:40px 0 0 0;}
#stemmi{ position:relative; top:-20px; left:50%; margin-left:-34px; }
footer .col-md-4{ line-height:40px;}
footer .col-md-8 img{ margin-bottom:20px;} 
footer .col-md-4 .glyphicon, footer .col-md-4 .fa {margin-right: 10px;}
#footerFulcri {background-color:#666666; }
#footerFulcri  .container, #footerFulcri  .container a  {color:#ffffff;}
#footerSingolo {margin-bottom:10px;}

/******
CSS ANIMAZIONI
*******/


/******
PAGINE INTERNE
******/

.bloccoInterno, bloccoElencoFarmacie{  margin: 30px 0 60px 0;}
.bloccoInterno .container{background:rgba(255, 255, 255, 0.9);}
.boxBloccoInterno {padding-top:20px; padding-bottom:60px;}
.bloccoInterno .container .row .col-xs-12 h1 {margin-bottom:20px;}

/** Elenco Farmacie **/
.bloccoElencoFarmacie .col-md-4 .col-md-12 {padding-top: 16px; padding-bottom: 16px; border: 1px solid #dedede; text-transform: uppercase; margin-bottom:30px;}
.bloccoElencoFarmacie hr.col-xs-11{margin-top:0; margin-bottom:8px;}
.boxDettFarmacia{background-color:#ffffff;}
.spazioIcone{width:16px;}
.spazioIconeVerticale{height:20px;}

/** Scheda Farmacia **/
.table-striped>tbody>tr:nth-child(odd)>th {background-color:#12aa86; color:#ffffff;} /** tabella orari **/
.servizi{background-color:#ebebeb; padding:10px 0;} /** servizi **/

/** Mappa Farmacie **/
#container-map{width:100%; height:560px; left:0; position:relative;}
#top-sfu{width:100%; background: url(/img/mappa/top-sfu.png) repeat-x; height:10px;position: absolute;z-index:20;top:0;}
#bottom-sfu{width:100%; background: url(/img/mappa/bottom-sfu.png) repeat-x; height:10px;position: absolute;z-index:20;bottom:0;}
.popup a{color:#fe4a5d;text-decoration: none;}	
#map-canvas{width: 100%; height:100%; position:relative;z-index:10;}
#lightbox .modal-content { display: inline-block; text-align: center;}
#lightbox .close { opacity: 1; color: rgb(255, 255, 255); background-color: rgb(25, 25, 25); padding: 5px 8px; border-radius: 30px; border: 2px solid rgb(255, 255, 255); position: absolute; top: -15px; right: -55px; z-index:1032;}
#erroreMappa{background-color:#ffffff; margin-top:-60px; padding-bottom:30px;}

/** Modulistica **/
.selectpicker{margin-left:30px; float:left;}

#myform .col-xs-12{padding-bottom: 0; padding-top:0;}
#myform .col-xs-12 .form-group {margin-bottom: 0;}
.form-group .checkbox label {padding-left: 0;}

.boxQuesiti{ margin-top:30px; margin-bottom:30px;}
.boxQuesiti h4{ line-height:24px; margin-top:30px; font-weight:600;}
/* toTop */
#toTop {	width: 50px; height: 50px;	background: rgba(0,0,0,0.45);	line-height: 50px; color: #FFF; text-align: center; cursor: pointer;	display: none;	position: fixed; bottom: 30px; right: 20px; z-index: 9999;	transition: all linear 0.15s;	-ms-transition: all linear 0.15s; -moz-transition: all linear 0.15s;	-webkit-transition: all linear 0.15s; -o-transition: all linear 0.15s;}
#toTop:hover {height: 60px; background: rgba(0,0,0,0.7);line-height: 60px;}

.infoSalute .col-xs-12{margin-top:20px; margin-bottom:20px;}


.mappaGenerale{margin-top:-20px; margin-bottom:30px;}

/*#custom-bootstrap-menu > .container-fluid, #custom-bootstrap-menu > div > div.collapse.navbar-collapse.navbar-menubuilder {padding:0}*/


/** STATUTO **/
#sidebar {overflow:hidden;}
#sidebar > li > a {padding-left:0; padding-right:0; width:122px;}
#sidebar > li.active > a, #sidebar > li > a  {padding-top:0; padding-bottom:0;}
#sidebar li.active { border:0 #eee solid; border-right-width:5px;}

.affix-top,.affix{ position: static;}
#sidebar.affix-top { position: static; }
#sidebar.affix { position: fixed; top:10px;}

.panel-heading{ padding: 0 10px;}
.panel-body { padding: 10px;}

#leftCol{display: none !important;}

#dwStatuto{color: #12aa86;}
#dwStatuto:hover {color:#333333; text-decoration:underline;}


.terzaSlider{margin-top:-15px;}




.infoSalute .btn-verde:focus { color: #ffffff; background-color: #12aa86;}
.infoSalute #link_p:focus:hover{color: #ffffff;}
.imgServizi{width:100%;}


/******
MEDIA QUERY
*******/
@media (max-width: 380px) {

#imgBackTop, #imgBackTopErrore{  height: 250px;}
#areaServiziTop > div > div > div > a > div {font-size:14px;}
}

@media (max-width: 600px) {

.banner_11{float:left; margin-left:15px; margin-right:15px;  /* Firefox */width: -moz-calc(100% - 30px); /* WebKit */ width: -webkit-calc(100% - 30px); /* Opera */width: -o-calc(100% - 30px); /* Standard */ width: calc(100% - 30px);}
#areaServiziTop > div > div > div > a > div {font-size:15px;}
}

@media (max-width: 767px) {
	.navbar-nav{ margin-top:0; margin-bottom:0;} /*Fix riga Navbar su mobile*/
	/*Carousel Servizi al cittadino*/
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	/*2*/
	#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}
	#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {background-color: #ffffff;}
	#primoBlocco { margin: 20px 0 10px 0 !important;}
	/*3*/
	#navMenuTop .container .col-md-4 .col-md-12 { margin-top:10px;}
	.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 5px; margin-bottom: 8px; background-color: transparent;  background-image: none;  border: 1px solid transparent; border-radius: 4px;}
	.open{ background-color:#666;}
	/*4*/
	#imgBackTop, #imgBackTopErrore{  height: 350px;}
   .boxIconeTop {padding: 16px 10px 8px 10px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #ffffff; padding-left:15px;}
	.dropdown-menu{padding-bottom:0;}
	#container-map{width:100%; height:360px !important; left:0; position:relative;}
   .popup h3{font-size:11px !important;}
	.popup p{font-size:11px !important;}
	.modal-dialog{margin-top:50px; margin-left:30px;}
	#areaLogo { margin-bottom: 5px; margin-top:0;}
	.contCerca { margin-top: 0px; margin-bottom:10px;}
	.banner_11{margin-top:10px; margin-bottom:10px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{ color:#fff; background-color:#999999;}
	#primoBlocco .grigio {margin-top:30px;}
	#areaServiziTop > div > div > div > a > div {text-align:center;}
	#areaServiziTop > div > div > div:nth-child(1),#areaServiziTop > div > div > div:nth-child(2) {margin-bottom:8px;} 
	
	#areaServiziTop .first-box{ margin-bottom: 10px; min-height:91px;}
#footerSingolo{text-align:center;}
}

@media (min-width: 767px) and (max-width: 991px ) {
	/*Carousel Servizi al cittadino*/
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
	/*2*/
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {padding: 15px 5px;}
	/*3*/
	#navMenuTop .container .col-md-4 .col-md-12 { margin-top:10px;}
	#custom-bootstrap-menu.navbar-default {font-size: 12px !important;}
	/*4*/
	#imgBackTop, #imgBackTopErrore{  height: 500px;}
	.boxIconeTop {padding: 20px 21px 8px 21px; margin: 0 14px; letter-spacing:normal;}
	#boxNewsTicker { padding: 16px 21px 8px 21px; margin-bottom:0;}
	.modal-dialog{margin-top:50px; margin-left:22px;}
	#navMenuTop .container .col-md-8 .col-md-12{padding-bottom:4px;}
	#iconeTop{margin-bottom: 0px;}
	.contCerca {margin-top:10px;}
	.cercaFarma{margin-top: 0px;}
	#leftCol{display: none !important;}
	#primoBlocco .grigio {margin-top:30px;}
	.subBtnTop{font-size:12px;}
	#areaServiziTop > div > div > div > a > div {font-size:14px; text-align:center;}
	
	#areaServiziTop .first-box{ margin-bottom: 10px; height:132px !important;}
	


	
}
@media (min-width: 991px ) {
	/*Carousel Servizi al cittadino*/
	.carousel-inner .active.left { left: -16.7%; }
	.carousel-inner .next        { left: 16.7%; }
	.carousel-inner .prev		 { left: -16.7%; }	
	/*3*/
	#custom-bootstrap-menu.navbar-default {font-size: 15px !important;}
	#tickerNews{padding-bottom:0;}
	#leftCol{display: block !important;}
	.nav>li>a {padding: 10px 10px;}
.subBtnTop{font-size:13px;}
	
	
	

}

@media (min-width: 1200px) {
	.subBtnTop{font-size:16px;}
	}