/*

main CSS
============

Author:  Ricardo Lapa - W2Y
Updated: 2016
Notes:    W2Y - www.w2y.pt

*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700italic,700,300,300italic);

/* --------------------------------------
   Layout
   -------------------------------------- */
body, html {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   font-family: 'Open Sans', sans-serif;
   font-size: 0.9em;
   color: #4e4e4e;
}
.content {
   width: 100%;
}
.imagem-topo {
   background: url('../img/imagemTopo.png') top center no-repeat;
   background-size: cover;
   margin: 0;
   padding: 20px 0;
   width: 100%;
   height: 120px;
   overflow: hidden;
   text-align: center;
}
.titulo-main {
   font-size: 2.6em;
   padding-top: 20px;
   padding-bottom: 50px;
   color: #000;
   text-transform: uppercase;
}
.wrapper {
   width: 1190px;
   min-height: 200px;
   margin: 0 auto 0 auto;
}
.row-marcas-titulo {
   width: 545px;
   height: 50px;
   margin: 50px auto;
   text-align: center;
   color: #038341;
   font-size: 1.8em;
   font-style: italic;
   font-weight: 700;
}
.row-marcas-titulo img {
   display: block;
}
.row-marcas-titulo img:nth-child(1) {
   float: left;
}
.row-marcas-titulo img:nth-child(2) {
   float: right;
}
.row-logos {
   width: 100%;
   height: 60px;
}
.row-bt-marcas {
   width: 100%;
   margin: 25px auto;
}
.row-bt-marcas button {
   display: block;
   width: 160px;
   height: 50px;
   margin: 0 auto;
   border: none;
   background-color: #038341;
   color: #fff;
   cursor: pointer;
}
.row-bt-marcas button:hover {
   background-color: #024d27;
}




/* MODAL */
#modal-marcas {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 3000;
   background-color: #fff;
}
#fecha-modal {
   position: absolute;
   top: 200px;
   right: 50px;
   border:none;
   background-color: transparent;
   width: 80px;
   height: 80px;
   font-size: 2em;
   cursor: pointer;
}
#fecha-modal img {
   width: 100%;
}

/* --------------------------------------
   Tipografia
   -------------------------------------- */
a {
   text-decoration: none!important;
}


/* --------------------------------------
   Navbar
   -------------------------------------- */
#navegacao {
   width: 100%;
   height: 147px;
}
#navegacao > .wrapper {
   background-color: #fff;
   height: 147px;
}
#barra_verde {
   position: absolute;
   left: 0;
   top:97px;
   z-index: -1000;
   width: 100%;
   height: 40px;
   background-color: #ddeb00;
}
#logo {
   width: 245px;
   height: 121px;
   margin: 0 0 0 40px;
   padding-top: 15px;
   float: left;
}
#opcoes {
   width: 650px;
   padding-top: 10px;
   height: 97px;
   float: right;
}
#opcoes > img, #divisoria {
   display: block;
   float: left;
}
#form_news {
   border-bottom: solid 2px #ddeb00;
   width: 240px;
   padding: 5px;
   float: left;
   margin-left: 10px;
}
.campo_news {
   border: none;
   height: 25px;
   width: 180px;
   color: #4e4e4e !important;
}
.campo_news::-webkit-input-placeholder {
   font-family: 'Open Sans', sans-serif !important;
   font-style: italic;
   font-weight: 700;
   font-size: 0.8em;
   color: #4e4e4e !important;
}

.campo_news:-moz-placeholder {
   font-style: italic;
   font-weight: 700;
   font-size: 0.7em;
   color: #4e4e4e;
}

.campo_news::-moz-placeholder {
   font-style: italic;
   font-weight: 700;
   font-size: 0.7em;
   color: #4e4e4e;
}

.campo_news:-ms-input-placeholder {  
   font-style: italic;
   font-weight: 700;
   font-size: 0.7em;
   color: #4e4e4e;
}

#form_news button {
   border: none;
   background-color: transparent;
   width: 40px;
   cursor: pointer;
}
#divisoria {
   margin: 20px 20px 0 20px;
}
#campo-ideoma {
   border-bottom: solid 2px #ddeb00;
   width: 145px;
   padding: 5px;
   float: left;
   margin-left: 10px;
}
#campo-ideoma img,
#campo-ideoma input {
   margin-left: 5px;
}
#campo-ideoma input {
   width: 80px;
}
#ideoma-menu {
   position: absolute;
   text-align: center;
   width: 140px;
   height: auto;
   margin-top: 8px;
   background-color: #e7e7e7;
   padding: 10px;
}
#ideoma-menu a:link,
#ideoma-menu a:visited {
   color: #4e4e4e;
   font-size: 0.8em;
   font-weight: 700;;
}
#ideoma-menu a:hover {
   color: #999;
}
#ideoma-bt {
   cursor: pointer;
}

/* menu principal */
#menu-principal {
   width: 690px;
   height: 40px;
   float: right;
   background-color: #ddeb00;
}
#menu-principal ul {
   margin: 0;
   padding: 0;
   float: right;
}
.btnav {
   float: left;
   margin: 0;
   padding: 10px 0;
   margin-left: 20px;
   list-style: none;
   text-align: center;
}
.menubt:link,
.menubt:visited {
   width: auto;
   padding: 9px 10px;
   margin-right: 5px;
   font-size: 0.8em;
   font-weight: 700;
   text-transform: uppercase;
   color: #4e4e4e;
   border-top: solid 1px #ddeb00;
   border-left: solid 1px #ddeb00;
   border-right: solid 1px #ddeb00;
   border-bottom: solid 2px #4e4e4e;
   transition: background-color 0.5s ease;
   -webkit-transition: background-color 0.5s ease;
   -moz-transition: background-color 0.5s ease;
   -o-transition: background-color 0.5s ease;
   -ms-transition: background-color 0.5s ease;
}
.menubt:hover {
   background-color: #fff;
   border-top: solid 2px #4e4e4e;
   border-bottom: solid 1px #ddeb00;
}
.menu-active {
   background-color: #fff;
   border-top: solid 2px #4e4e4e;
   border-bottom: solid 1px #ddeb00;
}
#drop-menu {
   position: absolute;
   z-index: 6000;
}
#drop-menu li:first-child {
   margin-top: 17px;
}
#drop-menu li {
   list-style-type: none;
   margin: 0; padding: 0;
   background-color: rgba(50,50,50,0.8);
}
#drop-menu a {
   text-decoration: none;
   color: #fff;
   padding: 10px;
   display: block;
}
#drop-menu a:hover {
   cursor: pointer;
   color: #DDEB00;
}
/* --------------------------------------
   Carousel
   -------------------------------------- */
.slider {

   height: 400px;
   overflow: hidden;
}
.bxslider {
   border: none !important;
   height: 100%;
}
.bxslider, .bxslider li, .bxslider img {
   margin: 0 auto;
   padding: 0;
}


/* --------------------------------------
   rodape
   -------------------------------------- */
footer {
   width: 100%;
   height: 145px;
   background-color: #4e4e4e;
}
#redes_sociais {
   margin: 0 auto 0 auto;
   width: 1024px;
   height: 115px;
}
#row {
   width: 480px;
   margin: 0 auto 0 auto;
}
.btn-redesA, .btn-redesB {
   width: 240px;
   height: 115px;
   float: left;
   color: #4e4e4e;
   text-align: center;
   cursor: pointer;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -ms-transition: all 0.5s;
}
.btn-redesA:hover,
.btn-redesB:hover {
   background-color: #2a2a2a;
}
.btn-redesA p, .btn-redesB p {
   margin: 5px;
   padding: 0;
   font-size: 0.9em;
   font-weight: 700;
}
.btn-redesA {
   background-color: #c4c4c4;
}
.btn-redesB {
   background-color: #9c9999;
}
.btn-redesA > img {
   margin-top: 20px;
   margin-bottom: 5px;
    
}
.btn-redesB i {
   color: #fff;
   margin-top: 20px;
   margin-bottom: 14px;
}

#nav_dois {
   background-color: #2a2a2a;
   color: #fff;
   width: 100%;
   height: 35px;
   text-align: center;
}
#nav_dois p {
   margin: 0;padding: 3px;
}
#nav_dois a {
   text-decoration: none;
   color: #fff;
   font-size: 0.7em;
   font-weight: 700;
   text-transform: uppercase;
   transition: color 0.5s ease;
   -webkit-transition: color 0.5s ease;
   -moz-transition: color 0.5s ease;
   -o-transition: color 0.5s ease;
   -ms-transition: color 0.5s;

}
#nav_dois a:hover {
   color: #ddeb00;
}
.bullets {
   margin: 10px 10px 0 10px;
   color: #fff;
   font-size: 0.6em;
}

/* HOME */
#slider-marcas {
   width: 100%;
   height: 85px;
   overflow: hidden;
   margin: 35px auto;
}
#slider-marcas img {
   display: inline-block;
   margin-right: 15px;
}

/* empresa */

.historia {
   width: 50%;
   height: auto;
   margin: 60px auto;
}
.historia h1 {
   color: #999;
   font-size: 32px;
   font-weight: 400;
   text-align: center;
   margin-bottom: 0;
}
.historia h4 {
   font-weight: 400;
   text-align: center;
   padding: 0;
   margin-top:5px;
   margin-bottom: 50px;
}
.historia p {
   font-size: 20px;
   line-height: 1.5em;
   margin-bottom: 1.5em;
   color: #444;
}


.foto-empresa {
   width: 100%;
   height: 260px;
   overflow: hidden;
   background: url('../img/fotoEmpresaB.jpg') top center no-repeat fixed;
   background-size: cover;
   text-align: center;
   color: #fff;
}
.foto-empresa h1, .foto-empresa h4 {
   font-weight: 400;
   font-style: italic;
}
.foto-empresa h1 {
   font-size: 32px;
   padding: 50px 0 0 0;
   margin: 0;
}

/* CONTACTOS */
.mapa {
   width: 48%;
   height: 370px;
   margin-top: 120px;
   float: right;
   overflow: hidden;
   box-shadow: 1px 1px 20px;
}

.txt-contactos {
   min-height: 300px;
   width: 48%;
   margin-top: 120px;
   float: left;
}
.txt-contactos h1 {
   margin: 0.4em 0 0.6em 0;
   font-size: 30px;
   font-weight: 400;
}
.txt-contactos p {
   font-size: 15px;
   line-height: 1.5em;
}
.entrar-em-contacto {
   width: 100%;
   height: 700px;
   margin: 150px 0 0 0;
   padding: 0;
   background: url('../img/form_imagem_bw.jpg') center center no-repeat;
   background-size: cover;
   text-align: center;
}
.titulo-main-contactos {
   font-size: 2.6em;
   padding-top: 50px;
   color: rgba(100,100,100,0.9);
}
.form-contacto {
   width: 80%;
   height: 400px;
   padding-top: 20px;
   margin: 0 auto;
}
.col12 {
   width: 100%;
}
.col6left {
   width: 48%;
   padding: 15px 0 ;
   margin-right: 15px;
   float: left;
}
.col6right {
   width: 48%;
   padding: 15px 0;
   float: right;
}
.form-control {
   width: 100%;
   display: block;
   margin: 0 auto;
   height: 40px;
   border: none;
   background-color: rgba(20,20,20,0.8);
   color: #fff;
   border: solid #9b9b9b 0.5px;
   border-radius: 5px;
}
.col12 textarea {
   margin-top: 15px;
   padding-top: 15px;
   height: 150px;
}
.btn-form {
   border: solid #9b9b9b 0.5px;
   border-radius: 5px;
   width: 300px;
   height: 40px;
   background-color: rgba(20,20,20,0.8);
   color: #fff;
   display: block;
   float: right;
   margin-top: 20px;
   cursor: pointer;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -ms-transition: all 0.5s;
}
.btn-form:hover {
   background-color: rgba(0,0,0,0.9);
}

.clearfix {
   clear: both;
}

/* MÁQUINAS */
.pesquisa_avancada {
   width: 170px;
   min-height: 500px;
   padding: 20px 15px;
   background-color: #999;
   float: left;
}
.btn-pesquisa {
   padding: 0;
   border: none;
   background-color: transparent;
   color: #333;
   font-size: 1.5em;
   float: right;
}
.btn-pesquisa:hover {
   color: #082038;
}

.pesquisa_avancada h4 {
   text-align: center;
   margin-top: 25px;
   font-weight: 700;
   color: #fff;
}

#marcas,
#combustivel,
#preco {
   height: auto;
   width: 100%;
   display: none;
   overflow: hidden;
   
   margin-bottom: 20px;
   -webkit-transition: all ease 0.5s;
   -moz-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
}
.tipo-pesquisa {
   font-weight: 700;
   text-transform: uppercase;
   font-size: 1em;
   color: #fff;
   float: left;
}
.pesquisa_avancada label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
}
.pesquisa_avancada input[type=checkbox] {
    display: none;
}
.pesquisa_avancada label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.pesquisa_avancada input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #082038;
    text-align: center;
    line-height: 15px;
}


.listagem {
   width: 980px;
   min-height: 500px;
   float: right;
   padding: 0;
}
.thumb {
   width: 27%;
   height: 335px;
   float: left;
   margin-left: 60px;
   margin-bottom: 85px;
   border-bottom: solid 0.5px #999;
}
.thumb .foto {
   height: 250px;
   width: 100%;
   margin: 0 auto 10px auto;
   overflow: hidden;
   margin-bottom: 30px;
   background-repeat: no-repeat!important;
   background-position: center center!important;
   background-size: contain!important;
}
.thumb h1,
.thumb p {
   font-style: italic;
   margin: 0;
}
.thumb h1 {
   font-size: 1.5em;
}
.circulo {
   width: 80px;
   height: 80px;
   color: #fff;
   border-radius: 50%;
   margin: 60px auto 0 auto;
   padding-top: 7px;
}
.circulo i {
   display: block;
   margin: 0 auto 10px auto;
   font-size: 2em;
}
.mais-info {
   width: 100%;
   height: 100%;
   background-color: #000;
   color: #fff;
   text-align: center;
   padding-top: 50px;
   top: 0;
   left: 0;
   opacity: 0;
   overflow: hidden;
   transition: opacity 500ms ease-out;
   -webkit-transition: opacity 500ms ease-out;
   -moz-transition: opacity 500ms ease-out;
   -o-transition: opacity 500ms ease-out;
   -ms-transition: opacity 500ms ease-out;
}
.mais-info:hover {
   opacity: 0.7;
   cursor: pointer;
}


/* FICHA */
.col-left,
.col-right {
   width: 40%;
   padding: 2%;
}
.col-left {
   float: left;
}
.col-right {

   float: right;
}

.row-nome-titulo {
   min-width: 50%;
   max-width: 70%;
   height: 50px;
   margin: 50px auto;
   text-align: center;
   color: #666;
   text-transform: uppercase;
   font-size: 1.8em;
   font-weight: 700;
}
.row-nome-titulo img {
   display: block;
}
.row-nome-titulo img:nth-child(1) {
   float: left;
}
.row-nome-titulo img:nth-child(2) {
   float: right;
}
.foto-ficha {
   width: 100%;
   height: auto;
}
.foto-ficha img {
   display: block;
   width: 90%;
   height: auto;
   margin: 0 auto;
}
.txt-ficha p {
   line-height: 1.8em;
}