/**************************************************************

MENU SMARTPHONE

**************************************************************/

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/

nav:not(.mm-menu)

{

	display: none;

}

.header,

.footer

{

	background: #333;

	font-size: 16px;

	font-weight: bold;

	color: #fff;

	line-height: 50px;

	-moz-box-sizing: border-box;

	box-sizing: border-box;	

	width: 100%;

	height: 50px;

	padding: 0 50px;

}



.header.fixed

{

	position: fixed;

	top: 0;

	left: 0;

}

.footer.fixed

{

	position: fixed;

	bottom: 0;

	left: 0;

}

.header a

{

	background: center center no-repeat transparent;

	display: block;

	width: 50px;

	height: 50px;

	position: absolute;

	top: 0;

	right: 10px;

}

}





.clearfix:before, .clearfix:after {

    content: " ";

    display: table;

}

.clearfix:after {

    clear: both;

}

.clearfix {

    *zoom: 1;

}

/*fim do clearfix*/

img, picture, video, embed {

    max-width: 100%; /*define a largura máxima em até 100%*/

}

.content{ width:100%;



}

.glyphicon{

	padding-right:10px;

}

.video-container {

	position:relative;

	padding-bottom:56.25%;

	padding-top:30px;

	height:0;

	overflow:hidden;

}

.video-container iframe, .video-container object, .video-container embed {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

/**************************************************************

TEMPLATE

**************************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');



@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/

.site-width{

	width:99%;

	position:relative;

	margin:0 auto;

}



}

@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/

.site-width{

	width:1172px;

	position:relative;

	margin:0 auto;

}

}

#toposmartphone{

	width:100%;

	min-height:100px;

	margin-top:50px;

	padding:20px 0px 20px 0px;

	position:relative; 

	float:left;

}



.vertical-center-logotipo {

 display: -ms-flexbox;

       display: -webkit-flex;

       display: flex;



       /* Center vertically */

       align-items: center;





        min-height: 219px; 

        height:100px;



        min-height: 210px;

        height:219px;

}

.modal-dialog{z-index:99999; margin-top:60px;}



#topo-barra{width:100%; position:relative; float:left; min-height:432px;}

/**************************************************************

MODULO MENU

**************************************************************/

.menu-topo {

	font-family: 'Open Sans', sans-serif;

    font-size: 1.1em;

	COLOR: #FFDE00;

	display:block;

	position:relative;

	padding:0px 8px 0px 8px;

	cursor:pointer;

	float:right;	

}

.menu-topo:hover {

	color: #ffffff;

}

.menu-topo.active {

	color: #ffffff;

}

#separadorpages{

	float:right;

	font-family: 'Open Sans', sans-serif;

    font-size: 1.1em;

	color: #FFDE00;

	display:block;

	position:relative;

	padding:0px 2px 0px 2px;

}

/**************************************************************

MODULO REDES SOCIAIS LINKS

**************************************************************/

.facebook{
	border-radius: 5px;
	width:37px;
	height:37px;
	font-size:1.9em;
    background: #FFDE00;
	text-align:center; 
	color:#000;
	border:2px solid #FFDE00;
	padding:2px 0px 0px 13px;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.36);
}

.facebook:hover{
    background: #fff;
	color:#3C5B9B;
	border:2px solid #fff;
}


.youtube{
	border-radius: 5px;
	width:37px;
	height:37px;
	font-size:1.8em;
    background: #FFDE00;
	text-align:center; 
	color:#000;
	border:2px solid #FFDE00;
	padding:0px 0px 0px 0px;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.36);
}

.youtube:hover{
    background: #ffffff;
	color:#D51F1E;
	border:2px solid #fff;
}
.instagram{
	border-radius: 5px;
	width:37px;
	height:37px;
	font-size:1.7em;
    background: #FFDE00;
	border:2px solid #FFDE00;
	text-align:center; 
	color:#000;
	padding:-3px 0px 0px 10px;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.36);
}

.instagram:hover{
    background: #ffffff;
	color:#D51F1E;
	border:2px solid #fff;
}
/**************************************************************

MÓDULO REDES SOCIAIS SHARE

**************************************************************/

.redefacebook,.redetwitter,.redegoogle-plus,.redepinterest{

font-family:Verdana, Geneva, sans-serif;font-size:0.9em;color:#FFF;margin:2px 4px 2px 4px;-webkit-transition: all 0.5s; /* Safari */transition: all 0.51s;}.redefacebook{background:#6d84b4;}.redefacebook:hover{background: #fff;color:#6d84b4;}.redetwitter{background: #68aaea;}.redetwitter:hover{background: #fff;color:#68aaea;}.redegoogle-plus{background: #cd4a30;}.redegoogle-plus:hover{background: #fff;color:#cd4a30;}.redepinterest{color:#FFF;background: #de2a28;}.redepinterest:hover{color:#de2a28;background: #fff;}

/**********************************************

MÓDULO PESQUISA

***********************************************/

#pesquisa-div{width:800px; position:absolute; padding:10px 10px 10px 10px; top:260px; left:0px; right:0px; margin:0px auto; background-color:rgba(0, 0, 0, 1); z-index:2;

}



.pesquisa-botao{

	font-family: 'Open Sans', sans-serif;

	width:100%;

	min-height:42px;

	border-radius: 0px;

    font-size: 1em;

	background:#FFDE00;

	color:#000;

	-webkit-transition: all 1s; /* Safari */

    transition: all 0.5s;

	}

.pesquisa-botao:hover{

	background:#fff;

	color:#000;

}



.select {

  font-family: 'Open Sans', sans-serif;

  font-size: 1em;

  line-height: 1;

  border:1px solid #CCC;

  border-radius: 0;

  -webkit-appearance: none;

  color: #000;

  min-height:42px;

  overflow: hidden;

  background: url("/18/images/arrow.png") no-repeat right #fff;

}





.select option {

	border:none;

}



.styleSelect {

  width: 140px;

  height: 34px;

  overflow: hidden;

  background: url("images/arrow.png") no-repeat right #fff;

  border: 2px solid #000;

}

/**************************************************************

MÓDULO CONTEUDOS PAGINAS

**************************************************************/

#conteudo-div{

	width:100%;

	position:relative; 

	float:left;

	background-color:#000;

	padding:50px 0px 50px 0px;

}

#conteudo-titulo-pagina{

	width:100%; position:relative; float:left;

	font-family: 'Open Sans', sans-serif;

    font-size: 2em;

	text-align:center;

	color:#FFDE00;

	padding:20px 10px 0px 12px;

 }

#conteudo-conteudo-pagina{

	width:100%; position:relative; float:left;

	font-family: 'Open Sans', sans-serif;

    font-size: 1em;

	text-align:justify;

	color:#F9F9F9;

	margin:50px 0px 50px 0px;

}

/***************************************************************************

MÓDULO HORARIO

****************************************************************************/

#horario-semana{width:100%; position:relative; float:left; padding:5px 0px 5px 0px; font-family: 'Open Sans', sans-serif;

font-size: 1em;

text-align:center;

color:#A0A0A0;

}

#horario-dias{width:100%; position:relative; float:left; padding:5px 0px 5px 0px; font-family: 'Open Sans', sans-serif;

font-size: 0.8em;

text-align:center;

color:#A0A0A0;

}

.horario-dia{font-weight:bold}

/***************************************************************************

MÓDULO DESTAQUES

****************************************************************************/

#destaques-div{width:100%; position:relative; float:left;}

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/

#destaques-titulo{width:330px; position:relative; font-family: 'Open Sans', sans-serif;; font-size:2em; color:#FFDE00; background-color:#000; padding:5px 5px 5px 5px; margin:0 auto; text-align:center}

#destaques-box-img-height{ height:210px; overflow:hidden; }

}

@media screen and (min-width: 1025px) and (max-width: 1600px) { /* PARA DISPOSITIVOS GRANDES*/

#destaques-titulo{width:400px; position:relative; font-family: 'Open Sans', sans-serif;; font-size:2em; color:#FFDE00; background-color:#000000; padding:13px 13px 13px 13px; margin:0 auto; text-align:center}

#destaques-box-img-height{ height:210px; overflow:hidden; }

}



@media screen and (min-width: 1601px) { /* PARA DISPOSITIVOS MUITO GRANDES*/

#destaques-titulo{width:400px; position:relative; font-family: 'Open Sans', sans-serif;; font-size:2em; color:#FFDE00; background-color:#000000; padding:13px 13px 13px 13px; margin:0 auto; text-align:center}

#destaques-box-img-height{ height:280px; overflow:hidden; }

}

#destaques-lista{width:100%; min-height:200px; position:relative; float:left; margin:25px 0px 50px 0px;}



.destaques-nome-marca{

	font-family: 'Open Sans', sans-serif;

	color:#fff;

	font-size:1em;

	text-align:center;

}

.destaques-preco{

	font-family: 'Open Sans', sans-serif;

	font-size:1.2em;

	color:#FFDE00;

	text-align:center;

	font-weight:bold;

}

.destaques-registo{

	color:#fff;

}

/***************************************************************************

MÓDULO ÚLTIMAS

****************************************************************************/

#ultimas-div{width:100%; position:relative; float:left; margin-top:80px}

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/

#ultimas-titulo{ width:330px; position:relative; font-family: 'Open Sans', sans-serif;; font-size:2em; color:#FFDE00; background-color:#000000; padding:5px 5px 5px 5px; margin:0 auto; text-align:center}

#ultimas-box-img-height{ height:210px; overflow:hidden; }

}





@media screen and (min-width: 1025px) and (max-width: 1600px) { /* PARA DISPOSITIVOS GRANDES*/

#ultimas-titulo{ width:400px; position:relative; font-family: 'Open Sans', sans-serif;; font-size:2em; color:#FFDE00; background-color:#000000; padding:15px 15px 15px 15px; margin:0 auto; text-align:center}

#ultimas-box-img-height{ height:210px; overflow:hidden; }

}



@media screen and (min-width: 1601px) { /* PARA DISPOSITIVOS MUITO GRANDES*/

#ultimas-titulo{ width:400px; position:relative; font-family: 'Open Sans', sans-serif;; font-size:2em; color:#FFDE00; background-color:#000000; padding:15px 15px 15px 15px; margin:0 auto; text-align:center}

#ultimas-box-img-height{ height:280px; overflow:hidden; }

}

#ultimas-lista{width:100%; min-height:200px; position:relative; float:left; margin:25px 0px 50px 0px;}



.ultimas-nome-marca{

	font-family: 'Open Sans', sans-serif;

	color:#fff;

	font-size:1em;

	text-align:center;

}

.ultimas-preco{

	font-family: 'Open Sans', sans-serif;

	font-size:1.2em;

	color:#FFDE00;

	text-align:center;

	font-weight:bold;

}

.ultimas-registo{

	color:#fff;

}

/**************************************************************

SLIDESHOW

**************************************************************/

#slideshow{

	width:100%;

	position:relative; 

	float:left;

}

/**************************************************************

MÓDULO VIATURAS

**************************************************************/

.viaturas-filtros, .viaturas-titulo-ordenacao, .filtros{

	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;

	color:#fff;

	font-size:1em;

	padding:0px 0px 5px 0px;

} 

.viaturas-titulo-ordenacao{

	font-size:1.4em;

}

.filtros:hover{

text-decoration:underline;

color:#FFDE00;

}

.filtros-active{

	text-decoration:underline;

	color:#ccc;

}

.viaturas-ordenacao{

	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;

	color:#fff;

	font-size:1em;

	padding:0px 10px 0px 10px;

}

.viaturas-ordenacao:hover{

text-decoration:underline;

color:#FFDE00;

}



.viaturas-ordenacao-active{

	text-decoration:underline;

	color:#FFDE00;

}



#viaturas-box-lista{ margin-bottom:50px; }

#viaturas-box-img-height{ height:210px; overflow:hidden; }

.viaturas-nome-marca{

	font-family: 'Open Sans', sans-serif;

	color:#fff;

	font-size:1em;

	text-align:center;

}

.viaturas-preco{

	font-family: 'Open Sans', sans-serif;

	font-size:1.2em;

	color:#FFDE00;

	text-align:center;

	font-weight:bold;

}

.viaturas-registo{

	color:#fff;

}

/**************************************************************

DETALHES VIATURA

**************************************************************/

#detalhes-marcamodelo{

	width:100%; position:relative; float:left;

	font-family: 'Open Sans', sans-serif;

    font-size: 2em;

	text-align:left;

	color:#FFDE00;

	padding:0px 0px 20px 0px;

 }

 

#detalhes-bg{

	width:100%; min-height:250px; position:relative; float:left; padding:10px 10px 10px 10px;

}

#detalhes-viatura-info{

	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;

	color:#fff;

	font-size:0.9em;

	margin-bottom:10px;	

}

#detalhes-info-bg{

	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;

	color:#fff;

	font-size:0.9em;

	width:100%; position:relative; float:left; padding:10px 10px 10px 10px;

}



.detalhes-preco-nome{

	width:100%;

	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;

	color:#fff;

	font-size:2em;

	position:relative;

	float:left;

	margin-top:50px;

	border-top:1px solid #FFDE00;

	padding:20px 10px 20px 10px;

}

.detalhes-preco{

	width:100%;

	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;

	color:#FFDE00;

	font-size:2em;

	font-weight:bold;

	position:relative;

	float:left;

	padding:10px 10px 10px 10px;

}



#detalhes-equipamento-titulo{

	width:100%;

	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;

	color:#fff;

	font-size:1.2em;

	font-weight:bold;

	position:relative;

	float:left;

	padding:10px 0px 10px 0px;

}

#detalhes-redessocias-div{

	width:100%; position:relative; float:left; margin:10px 10px 10px 10px;

}



#detalhes-print-bg{

	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;

	color:#333;

	font-size:0.9em;

	position:relative; float:left; padding:10px 10px 10px 10px;

}

.detalhes-formulario-titulo{

	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;

	color:#333;

	text-align:left;

	font-size:1em;

}

.detalhes-botoes{

	background-color:#FFDE00;

	color:#000;

	border-radius:0px;

	border:0px;

	-webkit-transition: all 1s; /* Safari */

    transition: all 1s;

}

.detalhes-botoes:hover{

	background-color:#fff;

}

/**************************************************************

CONTACTOS

**************************************************************/

#contactos-titulo-pagina{

	width:100%; position:relative; float:left;

	font-family: 'Open Sans', sans-serif;

    font-size: 2em;

	text-align:left;

	color:#FFDE00;

	padding:0px 0px 20px 0px;

 }

#contactoso-conteudo{

	width:100%; position:relative; float:left;

	font-family: 'Open Sans', sans-serif;

    font-size: 1em;

	text-align:justify;

	color:#F9F9F9;

	margin:50px 0px 50px 0px;

}

#contactos-titulo{

	font-family: 'Open Sans', sans-serif;

    font-size: 1em;

	text-align:left;

	color:#F9F9F9;

 }

.contactos-info{

	font-family: 'Open Sans', sans-serif;

    font-size: 0.9em;

	text-align:left;

	color:#F9F9F9;

 }

.contactos-stand{

	width:100%; position:relative; float:left; text-align:left

	font-family: 'Open Sans', sans-serif;

    font-size: 1.3em;

	text-align:left;

	color:#F9F9F9;

	margin:0px 0px 20px 0px;

}

#contactos-formulario{

	width:100%; position:relative; float:left; text-align:left;

	font-family: 'Open Sans', sans-serif;

    font-size: 1.2em;

	text-align:left;

	color:#F9F9F9;

	margin:0px 0px 20px 0px;

}

.contactos-botoes{

	background-color:#FFDE00;

	color:#000;

	border-radius:0px;

	border:0px;

	-webkit-transition: all 1s; /* Safari */

    transition: all 1s;

}

.contactos-botoes:hover{

	background-color:#fff;

}

#contactos-map{	width:100%; position:relative; float:left; min-height:400px;}
.mapouter{position:relative;text-align:right;height:400px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:400px;width:100%;}

/**************************************************************

MÓDULO GALERIAS

**************************************************************/

.galeria-foto{

	border:1px solid #CCC;

	opacity: 1;

}

.galeria-foto:hover{

	-webkit-transition: opacity 1s ease-in-out;

    -moz-transition: opacity 1s ease-in-out;

    -ms-transition: opacity 1s ease-in-out;

    -o-transition: opacity 1s ease-in-out;

     opacity: 0.7;

}



/***************************************************************************

MÓDULO RODAPE

****************************************************************************/

#rodape-div{width:100%; position:relative; float:left; background-color:#2A2A2A; padding:30px 0px 30px 0px}

.rodape-icons{

	font-size:4.4em;

	text-align:center; 

	color:#FFDE00;

}

#rodape-titulos{

	font-family: 'Open Sans', sans-serif;

    font-size: 1.8em;

	text-align:center;

	font-weight:lighter;

	color:#F9F9F9;

	width:100%; position:relative; float:left;

}

#rodape-info{

	font-family: 'Open Sans', sans-serif;

    font-size: 1.1em;

	text-align:center;

	color:#A0A0A0;

	margin-top:20px;

	width:100%; position:relative; float:left;

}

/***************************************************************************

MÓDULO DIREITOS

****************************************************************************/
a.termos:link {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #FFDE00; 
}
a.termos:visited {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #FFDE00;
}
a.termos:hover {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #fff;
}
a.termos:active {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #FFDE00;
}

a.termos2:link {
font-family: 'Open Sans', sans-serif; font-size:0.8em; color: #fff; padding:10px;
}
a.termos2:visited {
font-family: 'Open Sans', sans-serif; font-size:0.8em; color: #fff; padding:10px;
}
a.termos2:hover {
font-family: 'Open Sans', sans-serif; font-size:0.8em; color: #fff; text-decoration:underline; padding:10px;
}
a.termos2:active {
font-family: 'Open Sans', sans-serif; font-size:0.8em; color: #fff; padding:10px;
}


@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#direitos-div{width:100%; position:relative; float:left; min-height:85px; background-color:#000000;}
#direitos-texto{
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	text-align:left;
	color:#FFDE00;
	width:100%;
	position:relative;
	float:left; 
	text-align:center;
	padding:20px 10px 20px 10px;
	}
#direitos-logo{ width:100%; position:relative; float:left; margin-bottom:20px;}
#direitos-termos{width:100%; position:relative; float:left; margin-bottom:20px; text-align:center;}
}

@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#direitos-div{width:100%; position:relative; float:left; min-height:85px; background-color:#000000;}
#direitos-texto{
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	text-align:left;
	color:#FFDE00;
	padding:31px 10px 20px 10px;
	text-align:left 
	}
#direitos-logo{position:absolute; top: 22px; right:0px; text-align:left}
#direitos-termos{position:absolute; top: 31px; left:50px; position:relative; float:left;}
}


/**************************************************************

PAGINAÇÃO

**************************************************************/

.paginacao{ display: inline-block; margin:0 auto;}

.paginacao div{ padding:5px 10px 5px 10px; position:relative; border:1px solid #CCC; background-color:#CCC; color:#000; float:left; margin:0px 2px 0px 2px; cursor:pointer; text-decoration:none;

-webkit-transition: all 0.5s; /* Safari */

transition: all 0.5s;

}

.paginacao .active{ background-color:#FFDE00; color:#333;}

.paginacao div:hover{background-color:#FFDE00; color:#333;}

.paginacao .fa{ padding:0px; margin:0px; }

/*------------------------------------------------------------
SCROLL UP FIM DA PAGINA
------------------------------------------------------------*/

.scrollupicon{

    width:40px;

    height:40px;

    opacity:0.6;

    position:fixed;

    bottom:50px;

    right:10px;

    display:none;

    text-indent:-9999px;

	cursor:pointer;

    z-index:9999;

    background: url('/18/images/icon-top.png') no-repeat;

}

.error {
  color: #fff;
}
/*------------------------------------------------------------
COVID
------------------------------------------------------------*/
.covid-titulo1, .covid-titulo2{color:#fff !important;} .covid-titulo2{ margin-bottom:50px;}