/*********************************************************/
/** Estilo geral da página                              **/
/*********************************************************/

body {
	background-color: #FAFAFA;
	font-family: Calibri, Arial;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

img {
	border-width: 0px;
}

h2 {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

table {
	border-spacing: 0px;
	width: 100%;
}

table thead th {
	border-bottom: 1px solid #E1E1E1;
	border-top: 1px solid #E1E1E1;
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

table tr td {
	border-bottom: 1px solid #E1E1E1;
	padding: 5px;
}

table tbody tr:hover {
	background-color: #FFFFFF;
}

button {
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	cursor: pointer;
	height: 35px;
	width: 100px;
	outline: none;
}

button.mini {
	cursor: pointer;
	width: 37px;
}

button:hover {
	background: #FAFAFA url('imgs/menu.png') repeat-y left top;
}

input[type="text"], input[type="password"], input[type="number"] {
	border: 1px solid #E1E1E1;
	padding: 5px;
	width: 250px;
	text-transform: uppercase;
	outline: none;
}

input[type="radio"] {
	cursor: pointer;
	outline: none;
}

textarea {
	border: 1px solid #E1E1E1;
	padding: 5px;
	width: 490px;
	height: 190px;
	text-transform: uppercase;
	outline: none;
}

select {
	border: 1px solid #E1E1E1;
	padding: 5px;
}

a {
	color: #FFFFFF;
}

a:hover {
	color: #E1E1E1;
}

div.divisao {
	clear: both;
	height: 0px;
}

p.mensagem {
	background-color: #FFFFD4;
	box-shadow: 2px 2px 10px #A1A1A1;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 20px;
	cursor: pointer;
	padding: 10px;
	width: auto;
	text-align: center;
}

div.cabecalho {
	background-color: #000000;
	color: #FFFFFF;
	margin: 0px;
	padding: 10px;
	box-shadow: 2px 2px 10px #A1A1A1;
	height: 80px;
}

div.cabecalho div.titulo {
	color: #CC5A71;
	font-size: 48px;
	--font-weight: bold;
	width: 600px;
	float: left;
}

div.cabecalho div.login {
	color: #FFFFFF;
	float: right;
	margin: 16px 0px;
}

div.cabecalho div.login img {
	border: 2px solid #FFFFFF;
	box-shadow: 2px 2px 10px #A1A1A1;
}

div.corpo {}

/*********************************************************/
/** Módulo de acesso ao painel de controle              **/
/*********************************************************/

div.acesso {
	background-color: #FFFFFF;
	box-shadow: 2px 2px 10px #A1A1A1;
	padding: 10px 20px;
	margin: 30px auto;
	width: 280px;
}

div.acesso p.titulo {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

div.acesso form p input {
	width: 95%;
}


div.acesso form p:last-child{
	text-align: center;
}

/*********************************************************/
/** Módulo menu principal do painel de controle         **/
/*********************************************************/

div.menu {
	background-color: #FFFFFF;
	box-shadow: 2px 2px 10px #A1A1A1;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 220px;
}

div.menu ul {
	margin: 0px;
	padding: 0px;
}

div.menu ul li {
	border-bottom: 1px solid #E1E1E1;
	display: block;
}

div.menu ul li:hover {
	background: #FAFAFA url('imgs/menu.png') repeat-y left top;
}

div.menu ul li a {
	color: #000000;
	display:block;
	padding: 10px 20px;
	text-decoration: none;
}

div.conteudo {
	width: auto;
	margin-left: 220px;
	padding: 10px;
}

div.conteudo p.titulo {
	background-color: #FFFFFF;
	box-shadow: 2px 2px 10px #A1A1A1;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 20px;
	padding: 10px;
	width: auto;
}

div.conteudo div.box {
	padding: 0px 20px;
}

div.conteudo div.opcoes {
	background-color: #FFFFFF;
	box-shadow: 2px 2px 10px #A1A1A1;
	position: fixed;
    top: 50%;
    right: 10px;
	padding: 10px;
	text-align: center;
}

div.conteudo a {
	color: red;
	text-decoration: none;
}

div.conteudo a:hover {
	color: blue;
}

div.conteudo div.erro404 {
	text-align: center;
}