@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Oxygen:400,100,300,700|BenchNine:400,100,300,700);

@font-face {
    font-family: MyriadPro;
    src: url(MyriadPro-Regular.otf);	
}


/**  Basic Page CSS **/
body{
  font-family: "Oxygen", sans-serif;
  font-weight: 300;
  font-size: 1,5em;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  margin: 0;
  text-align: left;
}

/**  Header Navigation **/

header .navbar {
  padding: 30px 0;
  transition: all .5s ease-out;
}

header .navbar-default {
  background-color: #DADADA;
  border: none;
  opacity: 0.9;
  height: 120px;

}

header .navbar-default .navbar-nav a {
  color: #204d74;
  padding: 5px 8px;
}

header .navbar-default .navbar-nav a:hover {
  color: #D8040F;
}

header .navbar-default .navbar-nav .active a {
  font-weight: 700;
  color: #D8040F;
  background: transparent;
  border-bottom: 4px solid #D8040F;
  text-shadow: none;
}

header .navbar-default .navbar-nav .active a:hover {
  color: #E15D5F;
  background: transparent;
  text-shadow: none;
}

/**  Navbar Brand **/

header .navbar-brand {
  background: url(../images/logo_media.png);
  background-repeat: no-repeat;
  background-position: 15px 0;
  height: 145px;
  width: 150px;
  margin-top: 15px;
  
}

header .navbar-brand h1 {
  color: white;
  margin: 0;
  font-size: 1.8em;
  font-weight: 400;
  padding-left: 105px;
}

header .navbar-brand span.subhead {
  display: block;
  font-family: "Roboto Slab", serif;
  font-size: .6em;
  font-weight: 100;
}

/**  Navbar Toggle **/
header .navbar-toggle {
  background-color: #279182;
}

header .navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}

@media only screen
and (max-width: 992px) {
  header .navbar-collapse.in {
    background-color: rgba(0,0,0, .5);
 
  }
}





.nav .navbar-nav .navbar-right {
	float: right!important;
}

.nav .navbar-nav .navbar-left {
	float: left!important;
}

/**  nav inbody **/

header .inbody {
  background: white;
}

header .navbar.inbody {
  padding-top: 0;
  padding-bottom: 0;
  height: 130px;

}

header .navbar.inbody .navbar-nav {
  padding-top: 76px;
  padding-left: 20px;
      margin-right: 0px;
    
}

header .inbody .navbar-brand {
  background-position: top left;
  margin-top: 5px;
  padding-bottom: 0;
  margin-left: 10px;
}

header .inbody .navbar-brand h1 {
  font-size: 1.1em;
  padding-left: 38px;
}

header .inbody .navbar-brand span.subhead {
  display: none;
}

/**  Carousel Fade **/

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  transition: opacity ease-out .7s;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}

.carousel.fade .item:first-child {
  top: auto;
  opacity: 0;
  position: relative;
}

.carousel.fade .item.active {
  opacity: 1;
}

.carousel-control {
  opacity: 0;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

#featured .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}


/**  Page **/
.page {
  padding: 50px 0;
}

.page h2 {
  text-align: left;
  margin-bottom: 30px;
}

.caption h3{
	text-align: center;
}

/**  Page -- Mission **/
#mission {
  background-color: #ffffff;

  border-top: 20px solid #ffffff;
}

/**  Page -- Services **/

.service {
  margin: 20px 0;
  text-align: center;
}

#services img.icon {
  display: block;
  width: 80px;
  margin: 0 auto;
  margin-bottom: 5px;
}

#services h3 {
  margin-bottom: 10px;
}

@media only screen 
and (min-width: 450px)
and (max-width: 768px) {
  .service p {
    padding: 0 20%;
  }
}

/**  Page -- Staff **/

#staff {
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
}

.doctor {
  margin: 10px 0;
}

.doctor h3 {
  font-weight: 600;
  font-size: 1.2em;
  color: #6F4E36;
  padding-bottom: 5px;
}

.doctor p {
  font-size: .8em;
}

.doctor img {
  width: 100%;
}

/**  Page -- Testimonials **/

#testimonials {
  padding: 0;
}

#testimonials h2 {
  display: none;
}

#testimonials blockquote {
  margin: 0;
  padding: 0;
  border-left: none;
  min-height: 350px;
  position: relative;
}

#testimonials blockquote .quote {
  background-color: rgba(255,255,255,.6);
  padding: 20px 5%;
  position: absolute;
  bottom: 0;
  width: 75%;
  font-weight: 400;
  border-radius: 0 50px 0 0;
}

#testimonials blockquote .quote:hover {
  background-color: rgba(239,240,196,.9);
}

#testimonials #janeh {
  background: url(../images/azienda1.jpg) no-repeat center center;
  background-size: cover;
}

#testimonials #johnb {
  background: url(../images/azienda2.jpg) no-repeat center center;
  background-size: cover;
}

#testimonials #mcphersons {
  background: url(../images/azienda3.jpg) no-repeat center center;
  background-size: cover;
}

#testimonials #lorraines {
  background: url(../images/azienda4.jpg) no-repeat center center;
  background-size: cover;
}

#testimonials .quote {
  font-size: 1.2em;
  line-height: 110%;
  font-weight: 400;
}


#testimonials .quote .more, #testimonials .customer {
  opacity: 0;
  font-size: 0;
  line-height: 0;
  padding-top: 10px;
}


#testimonials .quote:hover .more {
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  display: block;
  opacity: 1;
  font-size: .8em;
  line-height: 120%;
}

#testimonials .quote:hover .customer {
  display: block;
  font-size: .7em;
  text-align: right;
}

#testimonials .quote .intro::after {
  content: '...';
}

#testimonials .quote:hover .intro::after {
  content: '';
}




.btn-primary {
    color: #fff;
    background-color: #00385B;
    border-color: #00385B;
}



/*#####################
Additional Styles (required)
#####################*/
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-inner .item img {
	width:100%;
	height:100%;
}
.carousel-indicators {
	bottom:5px;
	left:0;
	width:auto;
	padding:5px 25px 5px 25px;
	margin-left:0;
	background:rgba(0,0,0,0.7);
}
.carousel-indicators li {
	border-radius:0;
	width:8px;
	height:8px;
	background:#fff;
}
.carousel-indicators .active {
	width:10px;
	height:10px;
	background:#39b3d7;
	border-color:#39b3d7;
}
.carousel-control {
	background:	#39b3d7;
	color:#fff;
	padding: 4px 0;
	width:26px;
	top:auto;	
	left:auto;
	bottom:12px;
	opacity:0.85;
}
.carousel-control.right {
	right:10px;
}
.carousel-control.left {
	right: 46px;
}
.carousel-caption {
	top:auto;
	width:auto;
	right:auto;
	bottom:60px;
	left:0;
	padding:20px;
	background:rgba(0,0,0,0.70);
	text-align:left;
  	height:auto;
	max-width:50%;
}


#reservation {
    width: 100%;
    height: 100%;
    background-image: url('../images/richiedi_preventivo.jpg');
    background-size: 100% 100%;
    border: 0px solid red;
}



.btn-success{
	
	color:#00385B;
	
	    color: #fff;
    background-color: #00385B;
    border-color: #00385B;

	
}


.btn-success:hover{
	
	color:#D8040F;
	
	    color: #fff;
    background-color: #D8040F;
    border-color: #D8040F;

	
}


#success_message{ display: none;}


.partners {
	
	width: 350px; 
	height: 200px;
}




/* FOOTER 
================================================== */

footer{padding:44px 0 0 0;}
#footerLogo {margin-bottom: 22px;}
#footerRights {padding-top:22px;padding-bottom:22px;margin-top:22px; text-align: center; font-size:10px;}
.footerWidget {margin-bottom: 22px}

/* footer 1 */
.worksList li{display:inline-block; margin: 0 10px 10px 0;}

/* footer 4 */
.footer4 #footerRights {text-align: left; background:#333;}
.bigTitle.bigTitleFooter {font-size: 2em; margin-bottom: 0;}


@media(min-width:992px){
	/* footer 4 */
	.footer4 #footerRights .quickMenu {float:right;}
	/* footer 5 */
	.footer5 #footerRights p{float: left;}
	.footer5 #footerRights .socialNetwork{float: right;}
}

footer {
	color:#777;
	background:#222;
	border-top:2px solid #444;
}

footer h1,footer h2,footer h3,footer h4{
	color:#ddd;
	font-weight:300;
}

#footerRights {
	background-color:#333;
	color:#999;
	border-top:1px solid #1b1b1b;
}


/* END FOOTER 
================================================== */

h3.elenco_regione{
	font-size: 1.2 em;
	letter-spacing: 2px;
	padding: 5px 10px 5px 20px;
	background-color: #F8F8F8;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	margin: 25px 0px 15px 0px;
	border-color: #aaa;
}

h4.elenco_province{
	margin: 10px 0px 10px 0px;
	color: white;
	background-color: #333;
	padding: 3px 10px 3px 20px;
	font-weight: normal;
}

.box_impianto{
	margin: 5px 5px 5px 5px;
	padding: 15px 10px 10px 10px;
	
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #aaa;	
}

.thumbnail{
	border-radius: 0px;
}



.btn.btn-primary:after{
 background-color: #fff;
 border-radius: 0px !important;
}

.btn.btn-primary:hover{
    border: 1px solid #d4d4d4 !important;
    color: #eee;	
    background-color: #ed2724;
    border-radius: 0px !important;
}


.btn-primary {
  color: #ffffff;
  background-color: #0c3d63;
  border: 1px solid #1E1F21;
   padding: 9px 28px !important;
   border-radius: 0px !important;
}


.btn.btn-primary:after{
 background-color: #fff;
 border-radius: 0px !important;
}

.btn.btn-primary:hover{
    border: 1px solid #d4d4d4 !important;
    color: #eee;	
    background-color: #ed2724;
    border-radius: 0px !important;
}

.btn.btn-primary:hover{
    border: 1px solid #d4d4d4 !important;
    color: #eee;	
    background-color: #ed2724;
    border-radius: 0px !important;
}


.btn-primary {
  color: #ffffff;
  background-color: #0c3d63;
  border: 1px solid #1E1F21;
   padding: 9px 28px !important;
   border-radius: 0px !important;
}


.btn.btn-box:after{
 background-color: #fff;
 border-radius: 0px !important;
}

.btn.btn-box:hover{
    border: 1px solid #d4d4d4 !important;
    color: #eee;	
    background-color: #ed2724;
    border-radius: 0px !important;
}


.item-image {
  position: relative;
  overflow: hidden;
  padding-bottom: 75%;
}
.item-image img {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.item-content {
	padding-top: 10px;
}
.item-text {
  position: relative;
  overflow: hidden;
  height: 150px;
}


.btn-box {
  color: #ffffff;
  background-color: #0c3d63;
  border: 1px solid #0c3d63;
   padding: 3px 10px !important;
   border-radius: 0px !important;
   text-align: right;
   font-size: 0.9em
}

a.btn-box:VISITED{
	color: white;	
}





.box_impianto h5{
	font-family: MyriadPro;
	min-height: 30px;
	
}


.disponibilita_Libero{
	background-color: #0c3d63;
	color: white;
	text-align: center;
}


.disponibilita_Occupato{
	background-color: #f62825;
	color: white;
	text-align: center;
}


.well {
	border-radius: 0px;
}

 .input-group-addon{
    border-radius: 0px;
 }
 
  .form-control{
    border-radius: 0px;
 }
 
 .btn{
    border-radius: 0px;
 }
 
 
 .btn-warning {
    color: #fff;
    background-color: #0c3d63;
    border-color: #0c3d63;
}


 .btn-warning:hover {
    color: #fff;
    background-color: #ed2724;
    border-color: #ed2724;
}
 
 .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ed2724;
    border-color: #ed2724;
 
 
.googlemap{
	width: 100px;
	height:100%;
	
}

.container .jumbotron, .container-fluid .jumbotron{
    border-radius: 0px;
 }
 
 
 .panel-heading{
    border-radius: 0px;
 }
 
 .panel .panel-default{
    border-radius: 0px;
 }
 
 
 
 
/* Inizio bottone di ricerca 
================================================== */
 #search {
    float: right;
    margin-top: 9px;
    width: 250px;
}

.search {
    padding: 5px 0;
    width: 230px;
    height: 30px;
    position: relative;
    left: 10px;
    float: left;
    line-height: 22px;
}

    .search input {
        position: absolute;
        width: 100px;
        float: Left;
        margin-left: 210px;
        
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
        height: 30px;
        line-height: 18px;
        padding: 0 2px 0 2px;
        border-radius:1px;
    }

        .search:hover input, .search input:focus {
            width: 200px;
            margin-left: 0px;
        }

.btn_search {
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius:1px;
}
 
 .btn-success {
    color: #fff;
    background-color: #00385B;
    border-color: #00385B;
}
 
 
/* Fine bottone di ricerca 
================================================== */




.navbar-brand {
    float: left;
    height: 50px;
    padding-top: 30px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    font-size: 18px;
    line-height: 20px;
}