body {
    font-family: 'Open Sans', sans-serif;
	background:#f6f6f6;
	color:#666;
}

.row {margin-bottom:30px}
#page-wrapper {
    min-height: 600px;
   
}
#page-inner {
    width:100%;
    margin:10px 20px 10px 0px;
    background-color:#fff!important;
    padding:10px;
    min-height:1200px;
}

.text-center {
    text-align:center;
}

h2 {
    color: #f00;
}
h4 {
    padding-top:10px;
}

p {
    font-size:16px;
    line-height:1.5em;
}

a:hover, a:focus { text-decoration:none}

/*==============================================
    navbar    
    =============================================*/
#main-menu p { line-height:18px; font-size:14px; margin: 0 0 4px;}
.navbar-cls-top {margin-bottom:20px;background: transparent none repeat scroll 0 0;}
.nav > li {
    background: #fff none repeat scroll 0 0;
    display: block;
    float: left;
    padding: 4px;
    position: relative;
    width: 50%;
}

.logoVs { padding:17px 5px;}

.navbar-cls-top .navbar-brand {
color: #fff;
}



.navbar-brand {
    float: none;}
.navbar-toggle {
    margin-bottom: 0;
    margin-right: 0;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 55px;
}
.sidebar-collapse , .sidebar-collapse .nav{
	padding:5px;
}
.sidebar-collapse .nav {
	padding:0;
}
.sidebar-collapse .nav > li > a {
	color:#fff;
	text-shadow:none;
	
}
.sidebar-collapse > .nav > li > a {
	padding:15px 4px;
	height:105px;
	overflow:hidden
}


.banner4 { margin-left:10px; margin-right:10px; margin-bottom:10px}
.banner4 .row { margin-bottom:0}

.navbar-cls-top {
	border-bottom:none;
	
}
#main-menu p { text-align:center}
#main-menu .fa { margin-bottom:2px}

.navbar-default {
border:0px solid black;
     
}


.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #FFF;
}
.navbar-cls-top .row { margin-bottom:0}
.navHome { background:#9e9e9e}
.navDovesiamo { background:#b92148}
.navReparti { background:#ce68ce}
.navOfferte { background:#ff9b06}
.navNotizie { background:#6a6ad0}
.navCarta { background:#f54545}
.navTurni { background:#10c0e5}
.navContatti { background:#35d068}
.navStaff { background:#c3cd1d}
.navBlog { background:#c11371}
.navHome { background:#04afaf}

.nav > li > a:hover, .nav > li > a:focus { background:#9e9e9e}
.navDovesiamo { background:#b92148}
#main-menu li a:hover .fa { font-size:3.5em}
#main-menu li a{transition: all 300ms linear 0s;} 
#main-menu .fa {
    text-align: center;
    transition: all 200ms linear 0s;
}
#main-menu li:hover .ca-sub{
    opacity: 1;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}

@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

.seguici { background:#a7c444;}
.seguicisu { padding:10px}
.facebook-box img {
    float: left;
    margin: 0 29px 0 12px;
}
.facebook-box, .twitter-box, .googleplus-box { position:relative; float:left}
#fb-root { float:left}
.twitter-box {margin: 30px 12px 24px;}
.googleplus-box {margin: 15px 12px 10px;}

/*==============================================
    home     
    =============================================*/
.riferimenti, .reparti, .xme, .notizie, .offerte {padding:10px; background:#fff;}
.riferimenti h2, .reparti h2, .xme h2, .notizie h2, .offerte h2, .seguici{
    color: #fff;
    font-size: 20px;
    margin-top: 0;
    padding: 3px 8px;
    text-transform: uppercase;
}
.riferimenti h2 {background: #04b3de none repeat scroll 0 0;}
.reparti h2, .repartiPagina h1 {background: #ce68ce none repeat scroll 0 0;}
.reparti ul, .repartiPagina ul, .staffPagina ul { list-style:none; padding-left:0}
.reparti ul li { padding: 10px; width:50%; float:left; border-bottom:1px solid #f6f6f6}
.xme h2 {background: #cc6666 none repeat scroll 0 0;}
.notizie h2 {background: #6a6ad0 none repeat scroll 0 0;}
.offerte h2 {background: #ff9b06 none repeat scroll 0 0;}


.btn {
    border: medium none;
	border-radius:0;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px;
    outline: medium none;
    padding: 13px 0px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.btn-5 {
    backface-visibility: hidden;
    background: #e7e7e7 none repeat scroll 0 0;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    overflow: hidden;
}
.btn-5:active {
    background: #9053a9 none repeat scroll 0 0;
    top: 2px;
}
.btn-5 span {
    backface-visibility: hidden;
    display: inline-block;
    height: 100%;
    transition: all 0.3s ease 0s;
    width: 100%;
	font-family: 'Open Sans', sans-serif;
}
.btn-5::before {
    font-size: 180%;
    height: 100%;
    line-height: 2.5;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.btn-5:active::before {
    color: #703b87;
}
.btn-5a:hover span {
    transform: translateY(300%);
}
.btn-5a::before {
    left: 0;
    top: -100%;
}
.btn-5a:hover::before {
    top: -10px;
}

.input-group-addon, .input-group-btn {
    width: 100px;
}
.form-control {
    height: 51px;}
.input-group { width:100%;padding: 10px 29px;}	

.notizie h3 {
    color: #666;
    font-size: 19px;
    height: 140px;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 17px;
}
.notizie a { text-decoration:none}	


    #owl-demo .item{
      margin: 3px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }

#owl-example .item { padding:0 16px}
.item h3 {
    font-size: 19px;
    height: 45px;
    overflow: hidden;
	color:#666;
}
.prezzoIniziale { text-decoration:line-through; font-size:13px}

.newsletter { background:#fff; padding:10px}
.newsletter h2 { background:#077287; color:#fff;padding:15px 120px}
.newsletter p { color:#077287;}

@keyframes hvr-ripple-out {
100% {
    bottom: -12px;
    left: -12px;
    opacity: 0;
    right: -12px;
    top: -12px;
}
}
.hvr-ripple-out {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: absolute;
    transform: translateZ(0px);
    vertical-align: middle;
	color:#fff;
	font-size:21px;
	text-transform: uppercase;
	right:23px;
	bottom:20px;
}
.hvr-ripple-out::before {
    animation-duration: 1s;
    border: 6px solid #ffce56;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.hvr-ripple-out:hover::before, .hvr-ripple-out:focus::before, .hvr-ripple-out:active::before {
    animation-name: hvr-ripple-out;
}
[class^="hvr-"] {
    background:#ffce56;
    color: #666;
    cursor: pointer;
    margin: 0.4em;
    padding: 1em;
    text-decoration: none;
}
.fa-stack {
    font-size: 4em;
    margin: -12px 4px;
    position: absolute;
}
.fa-circle { color:#fff;}
.fa-stack2 {
    font-size: 1em;
    margin: 0 36px 0 83px;
    position: relative;
}
.fa-bullseye { color:#8fc33e}
.ragioneSociale { font-weight:bold}
.footer a { text-decoration:underline; color:#666;font-weight:bold}
.prezzoSconto {
    background: #ed1c24 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    height: 70px;
    line-height: 68px;
    position: absolute;
    text-align: center;
    width: 70px;
}

.offerte .prezzoSconto {
    bottom: -9px;
}


.prezzoIniziale, .prezzoFinale { text-align:right}
.prezzoFinale { font-size:26px; font-weight:bold}
.testo1, .testo2 { color:#ed1c24; font-size:19px; line-height:21px}
.prezzo { color:#ed1c24; font-size:26px; font-weight:bold}
.xme p { padding:10px 30px 0px}
.xme a { font-weight:bold; color:#666; cursor: pointer;}
.xme a span { text-decoration:underline;}
.footer {border-top: 2px solid #ccc; padding-top:20px}
.fa-newspaper-o::before {
    color: #cfcfcf;
    font-size: 0.8em;
}
#suggerimenti {
    width: auto;
}

.modalDialogSuggerimento{
    max-width: 520px;
}
.modalBodySuggerimento{
    overflow: hidden;
}
.meta.suggerimenti {
    float: left;
    width: 50%;
}

.meta.suggerimenti.primo a {
    display: block;
}
.meta.suggerimenti.primo a {
    background-image: url("/vsfarmasite/img/xme/scatolaS.png");
    display: block;
    height: 270px;
    margin-right: 15px;
    background-repeat: no-repeat;
}

.meta.suggerimenti.primo a:hover {
    background-image: url("/vsfarmasite/img/xme/scatola_hS.png");
}

.meta.suggerimenti.secondo a {
    display: block;
}
.meta.suggerimenti.secondo a {
    background-image: url("/vsfarmasite/img/xme/ricettaS.png");
    display: block;
    height: 270px;
    margin-right: 15px;
    background-repeat: no-repeat;
}

.meta.suggerimenti.secondo a:hover {
    background-image: url("/vsfarmasite/img/xme/ricetta_hS.png");
}

ul li .giorno_corrente, .n_giorno ul li a:hover {
     background: #6e6e6e none repeat scroll 0 0; color: #fff; : ;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 6px;
}

.form_ricercafarmacie a img {
    margin: -2px 4px 0;
}

.mese{
    text-transform: capitalize;
}

.reparti ul li.servizi-monocolonna{
width:100%;
}
/*==============================================
    PAGINE     
    =============================================*/
.pagina { background:#fff; padding:10px}
.pagina h1 {color: #fff;
    font-size: 20px;
    margin-top: 0;
    padding: 3px 8px;
    text-transform: uppercase;
	 margin-bottom: 20px;}	
.dovesiamoPagina h1 {background:#b92148;}	
.contattiPagina h1 {background:#35d068;}
.notiziePagina h1 { background:#6a6ad0} 
.offertePagina h1 { background:#ff9b06}
.turniPagina h1 { background:#10c0e5}
.newsletterPagina h1 { background:#34ce67}
.staffPagina h1 { background:#c3cd1d}
.blogPagina h1 { background:#c11371}
.cartaPagina h1 { background:#f54545}


		
.container .jumbotron, .container-fluid .jumbotron {
    padding-left: 50px;
    padding-right: 50px;
}
.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 0px;
}
.jumbotron {
    padding-bottom: 30px;
    padding-top: 30px;
}	
.dovesiamoPagina .jumbotron h2 { color:#b92148; margin-top:0}
.dovesiamoPagina h2 { color:#b92148; }
.repartiPagina ul li { background: #f6f6f6 none repeat scroll 0 0; border-left: 5px solid #9fcf67;}	
.repartiPagina ul li { padding: 10px;margin-bottom: 10px;}
.reparti ul, .repartiPagina ul {padding: 10px 20px 20px;}
.repartiPagina ul li img {margin-right: 10px;}


.repartiPagina .panel-title { background: #f6f6f6 none repeat scroll 0 0; border-left: 5px solid #9fcf67; padding: 10px;margin-bottom: 10px;}	
.repartiPagina .panel-title a{ font-size:14px; color:#666}
.repartiPagina .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff;
    font-size: 13px;
    padding: 0 73px 10px;
}
.repartiPagina .panel-title img {margin-right: 10px;}
.repartiPagina .panel-default {
    border-color: #fff;
}



    #owl-reparti .item{
      margin: 3px;
    }
    #owl-reparti .item {
      display: block;
      width: 100%;
      height: auto;
    }

 #owl-reparti li { width:100%}
 #owl-reparti img { float:left; margin-right:10px}
 #owl-reparti h4 {margin:0; font-size:14px; font-weight:bold; padding:0}
 #owl-reparti p {font-size:12px}


.notiziePagina h2 { font-size:20px; color:#666;margin-top: 10px;}
.panel-default > .panel-heading {background-color: #fff; }
.panel-group .panel {border-radius: 0;}
.panel-title { padding-top:0}
.panel {box-shadow: none;}
.panel-default {border-bottom-color: #dddddd; border-top-color: #fff; border-left-color: #fff; border-right-color: #fff;}
 
.offertePagina .item {
    background: #f0f0f0 none repeat scroll 0 0;
    margin: 17px 0;
    padding: 5%;
}

.offertePagina .nav > li { width: auto;}
.tab-content { margin-top:20px} 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: 1px solid #fff;}
.nav-tabs { border-bottom: 1px solid #fff;}
.nav-tabs > li > a { border-radius: 0;}
.nav-tabs .active {border-bottom: 3px solid #ff9b06;}
.nav-tabs > li { padding:0}
.nav-tabs > li > a { color:#999}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #666; font-weight:bold; text-transform:uppercase}
.nav-tabs > li > a:hover, .nav > li > a:focus { color: #666; background:#fff; border-color:#fff }


.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;}

.input-group-addon {border-bottom-right-radius: 0;
    border-top-right-radius: 0;
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;}

.newsletterPagina .input-group { margin:20px 0px 5px}
.informativa { padding:0 30px}
#invia { width:30%; margin:10px 30px; background:#35d068; color:#fff}

.staffPagina ul li { background: #f6f6f6 none repeat scroll 0 0; border-left: 5px solid #c3cd1d;}	
.staffPagina ul li { padding: 10px;margin-bottom: 10px;}
.reparti ul {padding: 10px 20px 20px;}
.staffPagina ul {
    padding: 10px 20px 20px;
}
.staffPagina .row { margin-bottom:0}
.mappa { margin-bottom: 30px;}
.cartaPagina .jumbotron h2 {color: #f54545;margin-top: 0;}
.cartaPagina a {color: #666;text-decoration:  underline;}
.cartaPagina img { margin:auto}

a.collapsed h2 i.fa.fa-chevron-right, a h2 i.fa.fa-chevron-down {
    display: block;
}
a h2 i.fa.fa-chevron-right, a.collapsed h2 i.fa.fa-chevron-down {
    display: none;
}
.fa.fa-chevron-right {
    float: right;
}

.offertePagina .item h3 {
    color: #666;
    font-size: 19px;
    height: 95px;
    line-height: 1.2;
    overflow: hidden;
}
.sceglicategoria label {font-size: 1.3em; line-height: 57px;}
/*==============================================
    MEDIA QUERIES     
    =============================================*/
 
  @media(max-width:1215px) {
 .fa-3x {font-size:2em;}
 .sidebar-collapse > .nav > li > a {
    height: 97px;
}
.container{width:auto}
  }
 
  @media(min-width:993px) {
	  .notizie { min-height: 525px}
	  .notizie .row {
    margin-bottom: 0px;
}
	  
	  }
 
 
 @media(min-width:768px) {
     #page-wrapper{
/*       margin: 0 0 0 260px;
padding: 0 0 0 30px;
*/        	
    }
	
	
    .navbar-side {
/*        z-index: 1;
        position: absolute;
        width: 260px;*/
		background:#fff;
    }

   .navbar {
 border-radius: 0px; 
}
   
}
.cunextseason a img.img-responsive{
margin: 0 auto 20px auto;

}
 @media(max-width:991px) {
	 .sidebar-collapse {display:none;}
.reparti ul li {width: 100%;}
.logoVs {padding: 2% 3%;}
.nav > li { background:none; width:100%; padding:0}
#main-menu p {  display:inline; text-align:left}
.sidebar-collapse > .nav > li > a {padding: 2px 20px;}
#main-menu .fa-3x {
    font-size: 2em;
    margin-right: 12px;
    width: 35px;
}
#main-menu .fa {margin-bottom: 5px; margin-top: 5px;}
.navbar-default .navbar-toggle {border-color: #f6f6f6;}
.navbar-default .navbar-toggle {border-color: #f6f6f6;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #666;
}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 3px;
    width: 26px;
}

.sidebar-collapse > .nav > li > a {
    height: auto;
}

.jumbotron p {font-size: 18px;}

.container .jumbotron, .container-fluid .jumbotron {
    padding-left: 20px;
    padding-right: 20px;
}
.jumbotron {
    padding-bottom: 20px;
    padding-top: 20px;
}


.hvr-ripple-out {position: relative;right: 0;float: right;}
.newsletter h2 {background: #077287 none repeat scroll 0 0;color: #fff;padding: 9px 0 9px 102px;font-size: 22px;}
[class^="hvr-"] {padding: 0.5em;}
.fa-stack {font-size: 3em;}
.newsletter p {color: #077287;text-align: right;}
.row {margin-bottom:15px}
.offertePagina .row {
    margin-bottom: -15px;
}

#main-menu li a:hover .fa { font-size:2em}
#page-wrapper {margin: 0; padding:0}
 .navbar-side {
        z-index: 1;
        position: relative;
        width: auto;
    }
 .notizie {
    min-height: none ;
	margin-bottom:15px
}
.notizie .row {
    margin-bottom: 15px;
}
.reparti ul {
    padding: 10px 0 17px;
}

.repartiPagina .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 0 32px 10px;
}

.xme p {
    padding: 10px 9px 0;
}

.xme .input-group {
    padding: 10px 5px;
    width: 100%;
}
p { font-size:15px}
}

 @media(max-width:767px) {
.logoVs {padding: 5% 0%;}
.notiziePagina h2 {
    font-size: 16px;
}
.xme .input-group {
    padding: 10px 5px;
    width: 100%;
}
}

 @media(max-width:480px) {
.logoVs {padding: 6% 0%;}
.meta.suggerimenti {
    width: 100%;
}
.xme .input-group {
    padding: 10px 5px;
    width: 100%;
}
   
}

 @media(max-width:320px) {
.logoVs {padding: 9% 0%;}
 .xme .input-group {
    padding: 10px 5px;
    width: 100%;
}  
}


.notiziePagina .row { 
border-bottom: 15px solid #f6f6f6;
}
.notiziePagina .row {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.notiziePagina {
    background: #fff none repeat scroll 0 0;
    padding: 10px 10px 0;
}
.elenco h2 { font-size:20px}
.elenco p { font-size:14px}
.notiziePagina a{
   color:#666;
}

.readmore, .readless {
    color: #444;
    font-weight: bold;
}
 
 .testoElenco a:hover{
    color: #222;
 }
 .elenco h2 a:hover{
    color: #222;
 }
 
 
 .repartiPagina .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";  /*down*/  
    float: right; 
}
.accordion-opened .accordion-toggle:after {    
    content: "\f054";  /*right*/  
}

#___follow_0 {
    margin: 0 0 0 25px !important;
    width: 112px  !important;
}
#___plusone_0{
 margin: 0 0 0 25px !important;
}
div.owl-item img {
	display: block;
max-width: 100%;
height: auto;

}