@charset "UTF-8";

*{margin: 0; padding: 0;}

body{
	background-color: #f0f0f0; font-family: "Arial Narrow";
}
a {
	text-decoration: none; color: black;
}

.col2 {width: 46%; height: auto; display: inline-table; vertical-align: top; padding: 7px 5px; margin: 8px;}

.cabecalho {
	width: 100%; background: linear-gradient(black, grey); text-align: center;
}
.cabecalho_interior {
	width: 900px; font-size: 16px; font-weight: bold; text-align: center; margin: auto; padding: 10px 0px; color: white;
}


/*MENU*/
.menu_barra {
	width: 100%; height: auto; background: linear-gradient(white, lightgray);
	border-bottom: 2px solid black; border-top: 2px solid black;
}
.menu_barra nav {
	width: 98%; height: auto; margin: auto; text-align: center;
}

nav ul li {
	display: inline-table; padding: 7px 10px; font-weight: bold; font-size: 20px; margin-left: -2px; margin-right: -2px;
}
nav ul li:hover {
	background-color: orange; color: black;
}
nav ul li a:active {
	color: white;
}
.li-acessado { background-color: black; color: white; }
.li-acessado img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }

.sair:hover { background-color: red; }


.meio {
	width: 98%; min-height: 500px; height: auto; margin: 20px auto; text-align: center;
	font-size: 20px;
}

.blocoPesquisa {display: inline-table; margin: 2px; vertical-align: top; background-color: lightgray; padding: 1px 6px 5px 6px;}



.tabelaBloco {width: 100%; border-spacing: 5px; border: 0px; text-align: left;}
.tabelaMembros {width: 100%;}
.tabelaMembros, .tabelaMembros tr, .tabelaMembros td {border: 1px solid black; border-spacing: 0px;}
.bloco {min-width: 48%; display: inline-table; margin: 5px; font-family: Arial;}
.blocoTitulo {width: calc(100% - 8px); padding: 4px; font-weight: bold; color: white; background-color: black;}
.blocoConteudo {padding: 4px;}


.tabela {
	width: 100%; margin: 15px auto; border-spacing: 0px;
	color: black; text-align: center; font-size: 16px; border: 1px solid black;
}
.tabela thead th {
	font-weight: bold; text-align: center; background: linear-gradient(grey, black); color: white;
}

.tabela td, .tabela th {
	padding: 4px 5px; border: 1px solid black;
}
.tr_link:hover {
	background-color: #CEE3F6;
}

.tr_titular { background-color: #E6E6E6; }
.tr_nao_titular { background-color: white; }
.tr_cliente_novo { color: blue; }


.btn_link { padding: 6px 3px; }
.btn_link:hover {
	background-color: lightgreen;
}


.contratos, .menuAdd {
	position: absolute; background-color: black; margin-top: 30px; float: left; z-index: 999999999; display: none;
}
.contratos div, .menuAdd div {
	color: white; padding: 5px; text-align: left;
}
.contratos div:hover, .menuAdd div:hover {
	background-color: grey;
}
.mascaraSemCor {width: 100%; height: 100%; position: fixed; background: black; opacity: 0; display: none;}

.rodape {
	width: 100%; height: 150px; border-top: 2px solid black; text-align: center;
}


/*INPUTS*/
input, textarea, select, button {
	width: 94%; padding: 7px 6px; border: 1px solid black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
}
button {padding: 3px 6px;}
input[type=date], input[type=time], select {
	width: auto;
}
input[type=submit], input[type=reset], input[type=button], button {
	width: auto; padding: 8px; margin: 3px; border: 1px solid black; cursor: pointer;
	font-weight: bold; background-color: black; color: white;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover {
	background-color: orange;
}
input[type=checkbox] {
	cursor: pointer; width: auto;
}
input:focus, select, button, textarea {outline: none;}
.botaoExcluir {background-color: #DF0101;}
.botaoExcluir:hover {background-color: #FF0000;}


.borda_redonda {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.borda_redonda_sup {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.borda_redonda_inf {
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

.sombra_preta {
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.77);
    -moz-box-shadow:    0px 0px 7px rgba(0, 0, 0, 0.77);
    box-shadow:         0px 0px 7px rgba(0, 0, 0, 0.77);
}

.voltar_topo {
    background-color: black; position:fixed; bottom:10px; right:5px; padding: 8px 6px; display: none; cursor: pointer;
}
.voltar_topo:hover {
	background-color: orange;
}


.sucesso, .erro { margin: 10px auto; padding: 10px 15px; text-align: center; width: auto; height: auto; font-family: Arial; font-size: 20px; font-weight: bold; display: inline-table; }
.sucesso { background-color: #CEF6CE; color: green; }
.erro { background-color: #F6CECE; color: red; }

.alerta {color: black; font-size: 16px; margin: 5px; padding: 3px 8px; background-color: orange; display: inline-table;}



/*SVG*/
.svg15 { margin-right: 5px; height: 15px; width: 15px; float: left; text-align: center; vertical-align: top; }
.svg20 { margin-right: 5px; height: 20px; width: 20px; float: left; text-align: center; vertical-align: top; }
.svg25 { margin-right: 5px; height: 25px; width: 25px; text-align: center; }
.svg35 { margin-right: 5px; height: 35px; width: 35px; text-align: center; }
.svg80 { margin-right: 5px; height: 80px; width: 80px; text-align: center; }
.svg-branco { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }
.svg-preto { filter: invert(0%) sepia(4%) saturate(20%) hue-rotate(334deg) brightness(104%) contrast(100%); }
.svg-verde { filter: invert(64%) sepia(36%) saturate(6501%) hue-rotate(68deg) brightness(93%) contrast(98%); }
.svg-vermelho { filter: invert(24%) sepia(95%) saturate(6805%) hue-rotate(356deg) brightness(100%) contrast(120%); }
.svg-azul { filter: invert(12%) sepia(100%) saturate(5024%) hue-rotate(245deg) brightness(76%) contrast(145%); }



/*Responsividade*/
@media (max-width: 900px) {
	.bloco {width: 95%;}
}
@media (max-width: 800px) {
	.col2 {width: 96%;}
}