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

.background-grey{
  background-color: #eee;
}

.color-red{
  color: #841618;
}


p{
  font-size: 18px;
}

body {
	padding-top: 0px;
  font-family: 'Abel', sans-serif;
}

.navbar-collapse{
  padding-left: 100px;
  padding-right: 100px;
}



nav {
  .navbar-brand {font-size: 30px;}
	.navbar-toggle {margin: 0px 0px 13px 0;}
	a {
		font-size: 18px;
		padding-bottom: 20px !important;
		padding-top: 30px !important;
    transition: all 0.3s ease;
	}
}

nav.navbar.shrink {
	min-height: 15px;
  .navbar-brand {font-size: 25px;}
  a {
    font-size: 15px;
    padding-bottom: 10px !important;
    padding-top: 0px !important;
  }
  .navbar-toggle {
    margin: 8px 0px 3px 0;
    padding: 4px 5px;
  }
}


a.dropdown-toggle:active , a.dropdown-toggle >a:active {
  background-color: white;
}

.dropdown-menu{
  background-color: white;
  color:grey;

}

.dropdown-menu>a:hover{
  background-color: grey;
  color:#68181a;
}

nav {
  box-shadow: 1px 1px 1px grey;
}

@media (min-width: 1200px){
	.navbar-inverse{
		padding: 0 300px;
	}
}


@media (max-width: 320px){
  .navbar-collapse{
      background-color:  white; !important
  }
.navbar-inverse{
    padding: 0 100px;
  }
}

@media (max-width: 767px){
.navbar-collapse{
      background-color: white; !important
  }
  #carousel-example-generic{
    margin-top: 50px;
  }
.navbar-inverse{
    padding: 0 100px;
  }
  
}


.nav-my, .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: white;
}

.nav-my:hover  {
    color: white!important; 
}

.nav-my{
	border-radius: 0px;
	border-style: none;
	height: 80px;
  color: white;
}

.navbar-toggle{
	color: grey;
	border: 1px solid grey;
  margin-top: 20px;
}

.navbar-toggle:hover{
  background-color: white;
  border: 1px solid #001d7e; !important
}

.navbar-custom .navbar-brand {
    color: #001d7e;
}

.navbar-custom .nav li a {
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 1px;
    margin-top: 14px;
}

.navbar-custom .nav li a:active{
  color: #001d7e!important;  
}

.dropdown-menu > li > a:hover {
  background-color: rgba(0, 185, 215, 0.5);
}

.navbar-default .navbar-nav>li>a{
  color: #001d7e;
}


/* ---------------------------------  pormenores personalizados   --------------- */
.parallax {
    background-image: url("../images/solar_clima4.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    
    margin-left: auto;      
    margin-right: auto;
    background-position: center center;
    width:  100%;
}

.parallax_mailer {
    background-image: url("../images/inverno.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    
    margin-left: auto;      
    margin-right: auto;
    background-position: center center;
    width:  100%;
}

.parallax_ar_condicionado {
    background-image: url("../images/ar_condicionado_algarve.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    
    margin-left: auto;      
    margin-right: auto;
    background-position: center center;
    width:  100%;
}

.parallax_paineis {
    background-image: url("../images/paineis_solares.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    
    margin-left: auto;      
    margin-right: auto;
    background-position: center center;
    width:  100%;
}

/* ---------------------------------  pormenores personalizados   --------------- */

.li-social{
  list-style-type: none;
  margin-right: 25px;
  margin-top: 28px;
}

td{
  font-size: 18px;
}

.text-white{
  color: white;
}

.text-blue{
  color: #001d7e;
}

.text-red{
  color: #bf0411;
}

.text-yellow{
  color: #db9600;
}

.padding{
  padding-top: 30px;
  padding-bottom: 30px;
}

/* ---------------------------------  pormenores personalizados   --------------- */
.btn{
  background-color: transparent;
  border-radius: none;
}


.btn-inverse {
  color: #001d7e;
  border: solid 1px #001d7e;
  background: transparent;
  transition: all 0.7s ease-in-out;
  margin-top: 15px;
  margin-bottom: 15px;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
  color: white !important;
  background: #001d7e;
}



.btn-red {
  color: #bf0411;
  border: solid 1px #bf0411;
  background: none;
  transition: all 0.7s ease-in-out;
  margin-top: 15px;
  margin-bottom: 15px;
}

.btn-red:hover ,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
  color: white;
  background: #bf0411;
}


.btn{
    border-radius: 0px;
    font-size: 16px;
}

.btn-blue {
  color: white;
  background: #001d7e;
  border: solid 1px #001d7e;
  transition: all 0.7s ease-in-out;
  margin-top: 15px;
  margin-bottom: 15px;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
  color: grey;
  border: solid 1px #001d7e;
  background: none;
}


a {
  color: #001d7e;
}

/* ---------------------------------  animação SERVIÇOS   --------------- */

.appear1{
    -webkit-animation: appear 3s 0s 1 normal ;
 animation: appear 3s  0s 1 normal ;
}


@-webkit-keyframes appear {
  0%{
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  60%{
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
  }
}

/* ---------------------------------  pormenores personalizados   --------------- */

.a-fa:hover {
  color: #bf0411;
}

/* ---------------------------------  pormenores personalizados   --------------- */

tr{
  padding: 20px;
}

td , th{
  text-align: center;
}

.bold{
    font-weight: bold;
}

#opcoes{
  padding-top: 50px;
  padding-bottom: 40px;
}
/* --------------- --------------------------- --------------- */

.btn{
  border-radius: 0px;
}



/* --------------- --------------------------- --------------- */
.margin-bottom{
    margin-bottom: 20px;
}

.margin-top{
    margin-top: 100px;
}

.no-margin{
  margin: 0px;
}

.no-padding{
  padding: 0px;
}




.required{
    color: #b22a22;
}


/* ---------------                 --------------- */
footer{
  color: white;
}

.border-top{
    border-top:1px double #db9600;
}



/*---------   form       -----------*/

.form-control, .form-group .form-control {
    border: 0;
    background-image: linear-gradient(#b22a22, #b22a22), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
}

.form-control:focus, .form-group:focus .form-control:focus{
  background-image: linear-gradient(#b22a22, #b22a22), linear-gradient(#b22a22, #b22a22);
  box-shadow: none;
}

.form-group {
    padding-bottom: 5px;
    margin: 7px 0 0 0;
}


.form-group {
    position: relative;
}