body {  
    color: #454545;
    font-family: "Arial",sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.navbar-inverse .navbar-brand {
    color: #fff;
    font-family: 'Anton', sans-serif;
    font-size: 2em; 
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse
.navbar-brand:hover{
    color: orange;    
}

.navbar-fixed-bottom, .navbar-fixed-top {   
    min-height: 100px;  
}
/*
.navbar {
    border: 1px solid transparent;
    height: 100px;
	margin-bottom: 0;
    min-height: 100px;
    position: relative;
	background-color:#222;
}

nav .navbar-inverse{
	background-color:#222;
}
*/
.navbar-inverse {
    background-color: #222; 
    border-bottom: 4px solid orange;  
	border-top:10px solid #333
}
#logo{
	position:absolute;
	
}
#logo:focus,
#logo:hover{
    color: orange;    
}

.slogan_msg{
	font-family:'Anton', sans-serif;
	color:orange;
	
}
#slogan{
	font-family::'Anton', sans-serif;	
	position:absolute;
	margin-top:46px;
}

.navbar-inverse .slogan_msg:focus, .navbar-inverse
.slogan_msg:hover{
    color: white;  
	text-decoration:none;	
}

.navbar-right {
      margin-top: 30px;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 82px;
    line-height: 35px;
    padding: 15px;
}

@media (max-width: 769px) {
  #logo {width: 70%;}     
  #slogan {
    font-family: :'Anton', sans-serif;
    margin-top: 46px;
    position: absolute;
	margin-left:15px;
   }
   
   .navbar-inverse .navbar-brand {
    color: #fff;
    font-family: :'Anton', sans-serif;
    font-size: 1em;
   }
   
  
  /* 
   .nav > li > a {
   padding:0;
   } */
   
   .navbar-toggle{
	background-color:orange;
   }
 #bs-example-navbar-collapse-1{
   margin-top:10px;}   
}

@media (max-width: 380px) {
  #logo {width: 70%;}      
  #slogan {
    font-family: :'Anton', sans-serif;
    margin-top: 46px;
    position: absolute;	
	margin-left:15px;	
   }
   
   .slogan_msg{
    font-size:12px;
   }
   
   .navbar-toggle{
	background-color:orange;
	
   }   
  
}



/* ------------------- MENU ----------------*/

.navbar-inverse .navbar-nav > li > a {
    color: #faca50;
	text-transform:uppercase;
}

.nav > li{
	border-style: solid;
    border-width: 0 0 0 1px;
    color: #333;
}

.nav > li > a {
    display: block;
    padding: 0px 15px;
    position: relative;
}

/* --------------------head line ---------------*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   
    font-family: 'Quattrocento', serif;
  
}

/* ------------------  HOME PAGE -----------*/


.panel-heading h4{
	text-align:center;
}

.panel-default > .panel-heading {
    background-color: beige;	
    border-color: #ddd;
    color: #333;
}

.panel.panel-default.home {
    border-color: khaki;
}

.panel-body {
    font-family: 'Quattrocento', serif; 
    line-height: 1.5em;
    padding: 15px;	
}


/* -------------------FOOTER ---------------*/
footer{
	margin:0;
}

#footer-wrapper {
    background: #dedede none repeat scroll 0 0;
    font-family: Lato;
    font-weight: 500;
}

#colophon {
    background: #4b4b4b none repeat scroll 0 0;
    padding: 0;
	padding:3px;
	color:#fff;
	line-height:0,5em;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	border-top:1px solid #fff;
}

#footer {
    background: beige;
    margin-top: 4em;
    padding: 20px 0 0;
}

#menu_footer{
	font-style:'Quattrocento', serif;
	color:#333;	
	text-transform:uppercase;
} 

#menu_footer ol, ul {
    margin-bottom: 10px;
    margin-top: 0;
	list-style:none;
}

#menu_footer ol, ul  li {
   color:#333;
   margin-top:7px;
}

#menu_footer ol, ul  li a{
   color:#666;
}

#menu_footer ol, ul  li a:hover{
   color:orange;
   text-decoration:none;
}

address {   
    line-height: 2;
 }
 
address a{   
   color: #333;
 }
 
address a:hover{   
   color: orange;
   text-decoration:none;
 }
 
address strong{
	color:burlywood;
}

#footer_cita{
	float:right;
	text-align:center;
	font-family:'Quattrocento', serif;
}

.glyphicon.footer{
	color:tan;
}
/*----------------------- DOVE SIAMO ------------- */

#map-canvas {
    border: 2px solid #dedede;
    height: 520px;
    margin-bottom: 15px;
    width: 100%;
}

/* ------------------ PORTFOLIO - REALIZZAZIONI ----------------- */

.portfolio-content{
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 0 0 0 15px;
    position: absolute;
    width: 100%;
}

.portfolio-content a{
	color:#fff;
}

.portfolio-content  a:hover{    
    color: orange; 
	text-decoration:none;	
}

.portfolio-wrap{
	position:relative;
}

.img-portfolio h3 a{
 color:#333;
}

.img-portfolio h3 a: hover{
 color:#333;
 text-decoration:none;
}

/* -------------- SERVIZI ---------------*/

.panel-heading.servizi{    
    padding: 0;
}

.panel-heading img{
	border-radius:3px 3px 0 0;
}

.panel-body h4{
	font-weight:600;
}

#myTab.nav > li{
	border-style: solid;
    border-width: 0 0 0 0px;
    color: #333;
	font-family:'Quattrocento', serif;
}

.nav-tabs.nav-justified > li > a {
     border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    padding: 10px;
}
.nav-tabs.nav-justified > li > a :active{
    background: #dedede none repeat scroll 0 0;
   
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: transparent;
}


/* -------------CAROUSEL ---------------*/

.carousel-caption h2{
	font-size:40px;
}

/* ------------ SIDE BAR --------------- */
#img_sidebar{
	float:right;
	border-radius:5px;	
}

#img_sidebar h3{
	text-align:center;
	font-size:14px;
	margin-top:10px;	
}

img.img-responsive.img_sidebar{
	border-radius:5px;	
}


/* Stili per modificare e sovrascrivere le nav-tab di Bootstrap */

.nav-tabs {
	margin-top: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF9C0A;
}
.nav-tabs > li {
  float: left;
  margin-bottom: 0;
}
.nav-tabs > li > a {
  font-size: 14px;
  font-weight: bold;
  margin-right: 2px;
  line-height: 1.428571429;
  border: 0;
  border-radius: 0;
}
.nav-tabs > li > a:hover {
  border-color: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #666;
	background-color: #eee;
	border: none;
	border-bottom-color: transparent;
	cursor: default;
}

#myTabContent.tab-content {
	padding: 50px;
	background-color: #eee;		
}
A.bianco:link { color : #fff; text-decoration:none;}
A.bianco:visited { color : #fff; text-decoration:none;}
A.bianco:hover { color : #fff; text-decoration:none;}

A.orange:link { color : #333; text-decoration:none;}
A.orange:visited { color : orange; text-decoration:none;}
A.orange:hover { color : orange; text-decoration:none;}