﻿@import url('https://fonts.googleapis.com/css?family=Noto+Serif&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

div.bem-vindo {
	background-color: #8b8b8b;
}

div.logo {
	background-color: rgb(255, 255, 255);
	background-image: none;
}

div.login > div > div.login {
	background-color: #23669D;
	font-size: 14pt;
	font-family: 'Noto Serif', serif;
}

div.usuario-senha {
	color: rgb(250, 250, 250);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-shadow: 1px 1px 1px #cecece;
	text-indent: 45px;
}

div.usuario-senha input {
	border-radius: 10px;
	box-shadow: 2px 2px 1px #777;
}

#divVersao {
	background-color: #8b8b8b;
	color: rgb(255, 255, 255);
}

.usuario-logado {
	font-family: 'Oswald', serif;
	color: #504848;
	text-shadow: 1px 1px 1px #000000;
	font-size: 24px;
	font-weight: 500;
	word-spacing: 3px;
	letter-spacing: 1.5px
	text-transform: capitalize;
	max-height: 40px;
	transform: translate(-10px,-10px);
}

.w3-navbar li a {
	color: #080808;
	text-shadow: 1px 1px 1px #f7f4f4;
	text-transform: uppercase;
	letter-spacing: 0,5px;
	font-size: 13px;
	font-weight: 600;
	transform: translateX(10px);
	transition: ease-in 0.5s;	
}

div.conteudo > div > div img {
	transition: ease-in 0.5s;
}

div.conteudo > div > div img:hover {
	transform: scale(1.1);
}

div.conteudo > div > .img-container {
	border-radius: 10px !important;
	transition: ease-in 0.5s;
}

div.conteudo > div > .img-container:hover {
    background: #355058 !important;
}

.add-projeto {
	background: #23669D !important;
}

.fer-alu-kit {
	background: #8b8b8b !important;
}

.prod-padrao {
	background: #23669D !important;
}

.encaixilhados {
	background: #8b8b8b !important;
}

.carrinho {
	background: #23669D !important;
}

.ajust-folga {
	background: #8b8b8b !important;
}

.cons-ped {
	background: #23669D !important;
}

.pos-financ {
	background: #8b8b8b !important;
}

.noticias  {
	background: #23669D !important;
}

.rodape {
	background: #2c5c97 !important;
	box-shadow: inset 3px 3px 2px #777 !important;
}

.conteudo header {
	background-color: #222244 !important;
}

.w3-card-8 {
	border-radius: 20px;
}

.w3-card-8 input{
	border-radius: 10px;
}

.w3-card-8 header {
	background-color: #222244 !important;
}

.w3-card-8 footer {
	background-color: #222244 !important;
}

div.sel-projeto {
	background-color: #cecece;
}

li.menu-item-selecionado, a.pagina-selecionada, ul.w3-pagination > li > a.pagina-selecionada {
	background-color: #222244 !important;
}