@charset "utf-8";

/* CSS Document */

/*************************************
**************************************
------------ TEMA PADRÃO -------------
**************************************
*************************************/

$cor-padrao: #4199A9;



body{
	color:#090909;
}

a{
	color:#125DA1;
}

h4{
	color: #383838;
}

/*************************************
--------------- CLASSES -------------
*************************************/

.box_pg{

	-webkit-box-shadow: 1px 1px 5px 0 #9F9F9F;
	box-shadow: 1px 1px 5px 0 #9F9F9F;
	
}

.box_pg:hover{

	-webkit-box-shadow: 1px 1px 7px 0 #4D4D4D;
	box-shadow: 1px 1px 7px 0 #4D4D4D;

}

.box_selecao{

	background: #EFEFEF;

}

a.link, .navegacaoestruturada a{

	color:#00F !important;

}

.btn-cinza{

	background-color: lighten( $cor-padrao, 20% );
	border:lighten( $cor-padrao, 40% ) solid 1px;
	color: #F4F4F4;
}

.btn-cinza:hover{

	background-color: lighten( $cor-padrao, 27% );

}

.aba-ativa{

	background-color: lighten( $cor-padrao, 45% ) !important;
	border:lighten( $cor-padrao, 40% ) solid 1px !important;
	color: $cor-padrao !important;

}

.linha{

	border-top: #3B3A38 solid 3px;

}

.boxthumb{

	border: solid $cor-padrao 1px !important;

}

.box, .box2, .box3{

	border:solid 1px $cor-padrao !important;

}

.box{

	background-color: lighten( $cor-padrao, 45% );
	border:solid 1px $cor-padrao !important;
	color: #3B3A38;

}

div.box3{

	background: lighten( $cor-padrao, 55% );

}

.publicidade:before{

	color: $cor-padrao;

}

/***** PAGINACAO DE RESULTADOS ********/

.paginacao a{

	background:#E9E9E9;
	border:#E9E9E9 solid 1px;
	color: #999;

}

.paginacao a:hover{

	background:$cor-padrao;
	border:$cor-padrao solid 1px;
	color:#fff;

}

/******* PAGINACAO DE RESULTADOS FIM *******/


/*************************************
------------- CLASSES FIM -------------
*************************************/

/******************* TOPO ******************************/

div#menusuperior li a{

	color: $cor-padrao !important;
	padding: 2px 5px !important;

}

div#menusuperior li a:hover{

	background-color: lighten( $cor-padrao, 55% ) !important;

}


/***************** TOPO FIM ***************************/


/**************** CARROSSEL ***************************/




div#carrossel_empresas{
	background-color: lighten( $cor-padrao, 45% );
}




div#carrossel_empresas div.gocarrossel ul a{

   color: darken( $cor-padrao, 17% ) !important;

}


div#carrossel_empresas div.gocarrossel ul li{
	border:1px solid $cor-padrao;
  	background-color: #fff;

 }



 div.gocarrossel{
	background: lighten( $cor-padrao, 45% );	

}



.gocproximo, .gocanterior{
	background: $cor-padrao;
	color: #fff;

}


/**************** CARROSSEL FIM *********************/


/******************* FOOTER ******************************/


div#footer{
	border-top:1px solid $cor-padrao;
	background-color: lighten( $cor-padrao, 55% );

	p{
		color: lighten( $cor-padrao, 8% ) !important;
	}

	div#icons_sociais a{

		color: lighten( $cor-padrao, 8% );
		text-decoration: none !important;
		-webkit-transition: color 300ms linear;
	    -moz-transition: color 300ms linear;
	    -o-transition: color 300ms linear;
	    transition: color 300ms linear;

	}


}


div#icons_sociais a:hover{

	color: darken( $cor-padrao, 17% ) !important;

}


/****************** FOOTER FIM ***************************/


/***************** CONTEUDO ****************************/


/********** INDEX *************/


div#topo div#menusuperior{

	color: lighten( $cor-padrao, 20% ) !important;

}


div#topo div#menusuperior span a.menu{

	color: lighten( $cor-padrao, 20% ) !important;

}


div#topo div#menusuperior span a.menu:hover{

	color: darken( $cor-padrao, 5% ) !important;

}


div#topo div#busca_categoria{

	background-color: $cor-padrao;

}

div#busca_categoria div#busca{

	background-color: #F4F4F4;
	/* Box Shadow */
	-webkit-box-shadow:inset 2px 2px 10px 0 #474747;
	box-shadow:inset 2px 2px 10px 0 #474747;

}

div#busca_categoria div#categoria a{

	color: #F4F4F4 !important;

}

div#busca_categoria div#categoria a:hover{

	color: #c5c5c5 !important;

}

div#busca_categoria div#categorias{

	background: lighten( $cor-padrao, 45% );
	border: #fff solid 1px;

}

div#res_cat ul li a{

  color: $cor-padrao !important;

}

div#res_cat ul li a:hover{

	text-decoration: underline;

}


/* Input Transparent */


input.transparent-input{

	color: lighten( $cor-padrao, 20% );

}

/* Últimos empresas e mais visitados */

div#index div#empresas{

  background-color: $cor-padrao;

}

div#botoes_empreses .empresas{

	background-color: lighten( $cor-padrao, 45% );

}

/********* INDEX FIM ************/


/************ PAINEL CLIENTE ****************/

/* menu */

ul.menucliente{

  border-top: 1px solid $cor-padrao;
  box-shadow: 0px 3px 2px -2px $cor-padrao;

}

ul.menucliente a{

  color: $cor-padrao !important;

}

ul.menucliente a:hover{

  background-color: lighten( $cor-padrao, 55% ) !important;
  border-radius: 3px;

}

/* Anuncios */

div#categorias_conteudo div#alfabeto{

  border-bottom:$cor-padrao solid 1px;

}

div#categorias_conteudo a{

  color:#333;

}

div#alfabeto a.filtracategoria_empresa:not(.filtroselecionado):hover{

  color:#115899;

}

div#alfabeto a.filtroselecionado{

  background:$cor-padrao;
  color:#fff;

}

div#nomes_categorias a.catselecionada, div#categorias_selecionadas a.catselecionada{

  background:#F90;
  color:#fff;

}

div#categorias_conteudo div#categorias_selecionadas{

  border-top:$cor-padrao solid 1px;

}

/********** PAINEL CLIENTE FIM **************/


/******* empresas ***********/

div#empresas div.lista_empresa{

	background: lighten( $cor-padrao, 45% );
	color: #383838;

}

div#empresas div.lista_empresa:hover{

	background: lighten( $cor-padrao, 55% );

}

div#empresas div.row{

	color: #383838 !important;

}

/******* empresas FIM ********/


/***************** CONTEUDO FIM ************************/