@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap');

html,body { margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: Open Sans; background-color: #484848; line-height: 1.1em; }

/* GERAIS */
.hide {display: none;}
.banner, .smallBanner {background-image: url('../pics/banner.jpg'); background-position: top left; background-size: cover; background-repeat: no; height: 80%; position: relative;}
.smallBanner { height: 30%; }
.btn-mais { background-color: transparent !important; color: #ff2c77 !important; border: solid; border-width: 1px; border-color: #ff2c77; margin-top: 10px; margin-bottom: 10px; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 10pt; }
.containerCinza {background-color: rgb(247, 245, 245);}
.containerCinzaEscuro {background-color: #484848; }
.containerBranco {background-color: white;}
a.link_paginacao_segundas_opcoes:link {color: #0078ca; text-decoration: none; font-size: 9pt; font-weight: bold; font-family: 'Open Sans', sans-serif;}
a.link_paginacao_segundas_opcoes:visited {color: #0078ca; text-decoration: none; font-size: 9pt; font-weight: bold; font-family: 'Open Sans', sans-serif;}
a.link_paginacao_segundas_opcoes:hover {color: #0078ca; text-decoration: underline; font-size: 9pt; font-weight: bold; font-family: 'Open Sans', sans-serif;}
a.link_paginacao_segundas_opcoes:active {color: #0078ca; text-decoration: none; font-size: 9pt; font-weight: bold; font-family: 'Open Sans', sans-serif;}
a.link_paginacao_opcoes:link {color: #309bf9; text-decoration: none; font-size: 9pt; text-wrap:normal; font-family: 'Open Sans', sans-serif; font-weight: 400;}
a.link_paginacao_opcoes:visited {color: #309bf9; text-decoration: none; font-size: 9pt; text-wrap:normal; font-family: 'Open Sans', sans-serif; font-weight: 400;}
a.link_paginacao_opcoes:hover {color: #309bf9; text-decoration: underline; font-size: 9pt; text-wrap:normal; font-family: 'Open Sans', sans-serif; font-weight: 400;}
a.link_paginacao_opcoes:active {color: #309bf9; text-decoration: none; font-size: 9pt; text-wrap:normal; font-family: 'Open Sans', sans-serif; font-weight: 400;}
.cursorPointer {cursor: pointer;}
.erro, .erroRecuperarLogin, .erroLogin, .erroNovoPedidoAjuda, .erroCancelarReserva, .erroFinalizarReserva { color: #e71e26; font-size: 10pt; font-weight: bold; }
.spanTooltip { background-color: #cc8500; font-family: raleway; color: white; font-weight: bold; font-size: 10pt; padding: 2px 5px 2px 5px; cursor: pointer; }

/* COOKIES */
.tituloCookies { color: black; font-size: 22pt; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.3em; }
.textoCookies { color: rgb(133, 133, 133); font-size: 12pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }

/* TOP BAR */
.topBar {background-color: #3e1121; opacity: .8; }
.idioma, .idioma:ACTIVE, .idioma:VISITED, .idioma:HOVER { color: rgb(255, 255, 255); font-size: 12pt; font-family: Open Sans; font-weight: normal; text-decoration: none; }
.idiomaAtivo, .idiomaAtivo:ACTIVE, .idiomaAtivo:VISITED, .idiomaAtivo:HOVER { color: #ece130 !important; font-weight: bold; }

/* PROMOCOES */
.tituloPromocao, .titulosPromocoes { color: black; font-size: 22pt; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.3em; }
.textoPromocao { color: rgb(133, 133, 133); font-size: 12pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.linkTodasPromocoes, .linkTodasPromocoes:HOVER, .linkTodasPromocoes:VISITED, .linkTodasPromocoes:ACTIVE { color: #ff2c77 !important; font-size: 12pt; font-family: 'Open Sans', sans-serif; font-weight: 500; text-decoration: underline; }

/* FROTA */
.tituloOwlFrota { color: rgb(54, 54, 54); font-size: 12pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.precoOwlFrota { color: #ff2d78; font-size: 35pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.pdiaOwlFrota { color: #ff2d78; font-size: 10pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.desdeOwlFrota { color: rgb(54, 54, 54); font-size: 12pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }

/* bottom bar */
.linksBottom, .linksBottom:ACTIVE, .linksBottom:VISITED, .linksBottom.HOVER { font-size: 10pt; font-family: 'Open Sans', sans-serif; font-weight: 400; color: rgb(231, 231, 231) !important; }

/* Contatos e Localizacao */
#mapid { height: 400px; }

/* Reservas */
.textoCamposReserva, .textoCarateristicasFrotaREservas, .textoExtras, .textoSeguros {color: rgb(41, 41, 41); font-size: 11pt; font-family: Open Sans; font-weight: 400;}
.btnFormReserva, .btnFormReserva:ACTIVE, .btnFormReserva:VISITED, .btnFormReserva:HOVER, .bContinuarDadosReserva, .bContinuarDadosReserva:ACTIVE, .bContinuarDadosReserva:VISITED, .bContinuarDadosReserva:HOVER { background-color: #e72474 !important; border-color: #e72474; font-size: 10pt;}
.bReservasPesquisar, .bReservasPesquisar:ACTIVE, .bReservasPesquisar:VISITED, .bReservasPesquisar:HOVER, .btn-loginform, .btn-loginform:ACTIVE, .btn-loginform:VISITED, .bFinalizarReserva, .bFinalizarReserva:VISITED, .bFinalizarReserva:HOVER, .bFinalizarReserva:ACTIVE, .btn-detalhes-reserva, .btn-detalhes-reserva:visited, .btn-detalhes-reserva:active, .btn-detalhes-reserva:hover, .btn-cancelar-reserva, .btn-cancelar-reserva:visited, .btn-cancelar-reserva:active, .btn-cancelar-reserva:hover { background-color: #e72474 !important; border-color: #e72474; font-size: 10pt; color: white;}
.bReservasPesquisar:HOVER, .btn-loginform:HOVER { background-color: white !important; color: #e72474;}
.containerReservaBlack { background-color: rgb(0, 0, 0, 0.5); }
.camposFormReserva { color: rgb(54, 54, 54); font-size: 10pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.camposFormDadosReserva, .textoDadosReserva { color: rgb(54, 54, 54); font-size: 11pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.camposFormDadosReserva {font-size: 10pt;}
.camposObrigatoriosReserva { color: rgb(54, 54, 54); font-size: 10pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.borderRed { border-color: red; }
.precoFrotaReservas { color: #ff2d78; font-size: 35pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.tituloExtras, .tituloDadosReserva { color: black; font-size: 18pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.linkNovaReserva, .linkNovaReserva:VISITED, .linkNovaReserva:HOVER, .linkNovaReserva:ACTIVE { color: #ff2c77 !important; font-size: 11pt; font-family: 'Open Sans', sans-serif; font-weight: 500; text-decoration: underline; }

/* AREA CLIENTE */
.btn-login, .btn-login:HOVER, .btn-login:VISITED, .btn-login:ACTIVE, .btn-recuperarLogin, .btn-recuperarLogin:HOVER, .btn-recuperarLogin:VISITED, .btn-recuperarLogin:ACTIVE, .btn-atualizar-dados, .btn-atualizar-dados:VISITED, .btn-atualizar-dados:ACTIVE, .btn-atualizar-dados:HOVER, .btn-eliminar-conta-nao, .btn-eliminar-conta-nao:active, .btn-eliminar-conta-nao:hover, .btn-eliminar-conta-nao:visited, .btn-eliminar-conta-sim, .btn-eliminar-conta-sim:active, .btn-eliminar-conta-sim:hover, .btn-eliminar-conta-sim:visited, .btn-novo-pedido-ajuda, .btn-novo-pedido-ajuda:hover, .btn-criar-pedido-ajuda, .btn-criar-pedido-ajuda:hover, .btn-cancelar-reserva-nao, .btn-cancelar-reserva-nao:active, .btn-cancelar-reserva-nao:visited, .btn-cancelar-reserva-nao:hover { background-color: #e72474 !important; border-color: #e72474 !important; color: white !important;}
.btn-cancelar-reserva-sim, .btn-cancelar-reserva-sim:visited, .btn-cancelar-reserva-sim:active, .btn-cancelar-reserva-sim:hover {background-color: transparent !important; border-color: #e72474; color: #e72474 !important; border-width: 2px;}
.tituloAreaCliente { color: black; font-size: 18pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.btn-areaCliente, .btn-areaCliente:VISITED, .btn-areaCliente:ACTIVE {background-color: transparent !important; color: #ff2c77 !important; border-color: #ff2c77 !important; font-size: 12pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.btn-areaCliente:HOVER {background-color: #ff2c77 !important; color: white !important; border-color: #ff2c77 !important; font-size: 12pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.textoEliminarConta { color: rgb(54, 54, 54); font-size: 11pt; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.assuntoPedidoAjuda, .assuntoPedidoAjuda:hover, .assuntoPedidoAjuda:active, .assuntoPedidoAjuda:visited { color: #ff2c77; font-size: 12pt; font-family: 'Open Sans', sans-serif; font-weight: 600; text-decoration: underline; }
.mensagensContainer { color: black; font-size: 10pt; font-family: 'Open Sans', sans-serif; font-weight: 500; }
.nomeCarro { color: black; font-size: 15pt; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1.2em;}
.checkInECheckOut { color: rgb(63, 63, 63); font-size: 11pt; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1.4em;}
.precoReserva { color: black; font-size: 15pt; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1.2em;}
.reservaConfirmada { background-color: green; color: white; font-size: 10pt; font-family: 'Open Sans', sans-serif; font-weight: 500;}
.reservaCancelada { background-color: red; color: white; font-size: 10pt; font-family: 'Open Sans', sans-serif; font-weight: 500;}
.reservaPendente { background-color: blue; color: white; font-size: 10pt; font-family: 'Open Sans', sans-serif; font-weight: 500;}
.textoReserva { color: rgb(105, 105, 105); font-size: 11pt; font-family: 'Open Sans', sans-serif; font-weight: 500; line-height: 1.3em;}
.textoCancelarReserva { color: black; font-size: 12pt; font-family: 'Open Sans', sans-serif; font-weight: 500; line-height: 1.2em;}

/* Paginacao */
.paginacao {border:0; margin:0; padding:0; }

 #pagination-flickr li{
 border:0; margin:0; padding:0;
 font-size:11px;
 list-style:none;
 }
 #pagination-flickr a{
 border:solid 1px #DDDDDD;
 margin-right:2px;
 }
 #pagination-flickr .previous-off,
 #pagination-flickr .next-off {
 color:#666666;
 display:block;
 float:left;
 font-weight:bold;
 padding:3px 4px;
 }
 #pagination-flickr .next a,
 #pagination-flickr .previous a {
 font-weight:bold;
 border:solid 1px #FFFFFF;
 } 
 #pagination-flickr .active{
 color:#3f3f3f;
 font-weight:bold;
 display:block;
 float:left;
 padding:4px 6px;
 }
 #pagination-flickr a:link,
 #pagination-flickr a:visited {
 color:#0063e3;
 display:block;
 float:left;
 padding:3px 6px;
 text-decoration:none;
 }
 #pagination-flickr a:hover{
 border:solid 1px #666666;
 }

@media screen and (min-width:768px) { 

	.reservasContainer {display: block;}
	.mais, .mais:ACTIVE, .mais:VISITED, .mais:HOVER  { font-size: 12pt; }

}