﻿body 
{
	font-family: Tahoma;
	font-size:13px;
	color: #555;
	margin:0px;
	background-color: #e0e0e0;
}
a
{
	color: #073a7e;
	text-decoration:none;
}
a:hover
{
	color: #1c73e7;	
	text-decoration: underline;
}
#page
{
	width:773px;
	margin:auto;
	margin-top: 20px;
}
#top
{
	background: url(img/banner.jpg) no-repeat;
	display: block;
	width: 773px;
	height: 188px
}
#menu
{
	position:relative;
	top:163px;
}
#menu ul
{
	height: 25px;
	padding:0px;
	margin:0px auto;
}
#menu ul li
{
	display:inline;
	list-style-type:none;
	padding: 7px;
}
#menu ul li a
{
	color: #333;
	text-decoration:underline;
}
#menu ul li a:hover
{
	color: #1451a3;	
	text-decoration:none;
}
#body
{
	background: url(img/bg-content.jpg) repeat-y;
	display: block;
	width: 753px;
	margin:auto;
	height: 300px;
	display:table;
}
#body form
{
	padding:10px;
}
#bottom
{
	background: url(img/rodape-content.jpg) no-repeat;
	display: block;
	width: 753px;
	margin:auto;
	height: 9px;
}
#login-field
{
	width:331px;
	margin:auto;
}
#login-field .body
{
	background: url(img/bg-box.jpg) repeat-y;
	display:table;
	width:331px;
}
#login-field .top
{
	background: url(img/top-box.jpg) no-repeat;
	display:block;
	width:331px;
	height:10px;
	text-align:right;
}
#login-field .bottom
{
	background: url(img/rodape-box.jpg) no-repeat;
	display:block;
	width:331px;
	height:10px;
}
#login-field span
{
	padding:2px;
}
#login-field div label
{
	width: 100px;
	text-align:right;
	padding-right:10px;
	display:inline-block;
}
#login-field div .text
{
	width: 160px;
	display:inline-block;
	padding: 5px 5px;
	color: #333;
}
#login-field .button
{
	padding: 5px 25px;
	color: #333;
	float:right;
	margin-right:43px;
}
#box-field
{
	background: url(img/bg-box2.jpg) repeat-y;
	width:700px;
	margin:auto;
}
#box-field .body
{
	display:table;
	padding:10px;
}
#box-field .top
{
	background: url(img/top-box2.jpg) no-repeat;
	display:block;
	width:700px;
	height:10px;
	text-align:right;
}
#box-field .bottom
{
	background: url(img/rodape-box2.jpg) no-repeat;
	display:block;
	width:700px;
	height:10px;
}
#box-field h2
{
	font-size: 16px;
	margin:0px;
	padding:5px 0px;
	text-align:center;
}
#box-field h3
{
	font-size: 14px;
	margin:0px;
	padding:5px 0px;
	text-align:center;
	background: #ccc;
	width:90%;
	margin:auto;
}
#box-field .body span
{
	float: left;
	width: 220px;
	
}
#box-field .body span ul
{
	margin:0px;
	padding:0px 10px;
	list-style-type:none;
	text-align:center;
	width:90%;
	margin:auto;
}
#box-field .body span ul li
{
	background: #eee;
}
#box-field .body span ul li a
{
	display:block;
	padding:5px 0px;
}
#box-field .body span ul li a:hover
{
	background-color: #ddd;
}
input[type=text][readonly=readonly]
{
	border-style:none;
	color:#757588;
}
input[type=text][disabled=disabled]
{
	border-style:none;
	background-color:White;

}
select[disabled=disabled]
{
	border-style:none;
}
