/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, 
video { margin:0; padding:0; font-size:100%; font:inherit; outline:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/* FIM RESET */

/*************************
********ELEMENTOS*********
*************************/

/* LINKS */

a {
	color:#467689;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.NoLink{text-decoration:none;}
a.botao {
	display:inline-block;
	width:auto;
	height:30px;
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	line-height:30px;
	color:#FFFFFF;
	background:url('img/botao.png') repeat-x top;
	text-shadow: 1px 1px 0px #92af2b;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}
a.botao:hover {
}

/* TITULOS */

h2 {
	padding-bottom:3px;
	font-size:16px;
	line-height:16px;
	border-bottom:1px solid #467689;
	color:#467689;
}
h3 {
	font-size:14px;
	line-height:14px;
}
h4 {
	font-size:13px;
	line-height:13px;
}
h5 {
	font-size:12px;
	line-height:12px;
}
h6 {
	font-size:11px;
	line-height:11px;
}

/* FORMS */

form {
	width:100%;
}
.formulario .texto {
	width:200px;
}
form input,
form select,
form textarea {
	
}

.EditBTN 
{
	background:url(img/icons_tabela.png) no-repeat 0 0;
	width:16px;
	height:16px;
	display:inline-block;
}
.EditBTN:hover
{
	background:url(img/icons_tabela.png) no-repeat  0 -16px;
	
}
.DeleteBTN 
{
	background:url(img/icons_tabela.png) no-repeat -64px 0px;
	width:16px;
	height:16px;
	display:inline-block;
}
.DeleteBTN:hover
{
	background:url(img/icons_tabela.png) no-repeat -64px -16px;
}
.UpdateBTN 
{
	background:url(img/icons_tabela.png) no-repeat -48px -0px;
	width:16px;
	height:16px;
	display:inline-block;
}
.UpdateBTN:hover
{
	background:url(img/icons_tabela.png) no-repeat -48px -16px;
}
.CancelBTN 
{
	background:url(img/icons_tabela.png) no-repeat -32px -0px;
	width:16px;
	height:16px;
	display:inline-block;
}
.CancelBTN:hover
{
	background:url(img/icons_tabela.png) no-repeat -32px -16px;
}
.TopInsertBTN
{
	background:url(img/TopInserir.png) no-repeat 0px 0px;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:2px;
}
.TopInsertBTN:hover
{
	background:url(img/TopInserir.png) no-repeat 0px -20px;
}
.TopExportBTN
{
	background:url(img/TopExportar.png) no-repeat 0px 0px;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:2px;
}
.TopExportBTN:hover
{
	background:url(img/TopExportar.png) no-repeat 0px -20px;
}

.TopCloneBTN
{
	background:url(img/TopClonar.png) no-repeat 0px 0px;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:2px;
	font-size:12px;
}
.TopCloneBTN:hover
{
	background:url(img/TopClonar.png) no-repeat 0px -20px;
}
.TopSaveBTN
{
	background:url(img/TopGravar.png) no-repeat 0px 0px;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:2px;
	font-size:12px;
	
}
.TopSaveBTN:hover
{
	background:url(img/TopGravar.png) no-repeat 0px -20px;
}
.TopDeleteBTN
{
	background:url(img/TopEliminar.png) no-repeat 0px 0px;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:2px;
	font-size:12px;
}
.TopDeleteBTN:hover
{
	background:url(img/TopEliminar.png) no-repeat 0px -20px;
}
.TopBackBTN
{
	background:url(img/TopVoltar.png) no-repeat 0px 0px;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:2px;
	font-size:12px;
	
}
.TopBackBTN:hover
{
	background:url(img/TopVoltar.png) no-repeat 0px -20px;
}
.TopKeyBTN
{
	background:url(img/key.gif) no-repeat 0px 0px;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:0px;
	font-size:12px;
}
.TopKeyBTN:hover
{
	background:url(img/key.gif) no-repeat 0px -16px;
}

.HeaderStyle
{
	font: bold 11px Verdana, Helvetica, sans-serif;
	background: url(img/bgMenuHeader.png) repeat-x left center;
	border-bottom: 1px solid #C5C5C5;
	/*padding: 7px 10px 6px;*/
	padding: 2px 10px 2px;
}

.Box
{
	border: Solid 1px #D6D6D6;
	background-color:White;
	border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/*************************
**********BASE************
*************************/

/* HTML+BODY+WRAPPER */

html {

}
body {

	background:#EEEEEE url('img/base.png') repeat-x;
	font-family: Verdana, Arial, sans-serif;
	color:#777777;
	text-align:left;
	font-size:11px;
	
}
#wrapper {
	width:960px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	border:1px solid #DDDDDD;
	background:#FFFFFF;

	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:0px 0px 10px #CCC;
	-webkit-box-shadow:0px 0px 10px #CCC;
	box-shadow:0px 0px 10px #CCC;
}

/* CABECALHO */

#cabecalho {
	width:900px;
	height:60px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	background:url('img/cabecalho_base.png') repeat-x;
	-webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	text-shadow: 1px 1px 0px #FFFFFF;
}
#cabecalho .logo {
	float:left;
	width:200px;
	height:55px;
	padding-top:3px;
	padding-bottom:2px;
}
#cabecalho .logo h1 {
	width:200px;
	height:55px;
	text-indent:-9999px;
}
#cabecalho .logo h1 a {
	display:block;
	width:200px;
	height:63px;
	background:url('img/logo.png') no-repeat;
}
#cabecalho .menu {
	float:right;
	height:75px;
}
#cabecalho .menu ul {
	height:60px;
	padding-top:0px;
}
#cabecalho .menu ul li {
	float:left;
	display:block;
	height:60px;
	width:65px;
	margin-left:20px;
	list-style:none;
	text-align:center;
}
#cabecalho .menu ul li.activo,
#cabecalho .menu ul li:hover {
	font-weight:bold;
}
#cabecalho .menu ul li a {
	display:block;
	height:20px;
	padding-top:40px;
	line-height:20px;
}
#cabecalho .menu ul li a:hover {
	text-decoration:none;
}
#cabecalho .menu ul li.inicio {
	background:url('img/icons_inicio.png') no-repeat top center;
}
#cabecalho .menu ul li.inicio.activo,
#cabecalho .menu ul li.inicio:hover {
	background:url('img/icons_inicio.png') no-repeat bottom center;
}
#cabecalho .menu ul li.intervencao{
	background:url('img/doc.png') no-repeat center center;
}
#cabecalho .menu ul li.intervencao.activo,
#cabecalho .menu ul li.intervencao:hover {
	background:url('img/doc_h.png') no-repeat center center;
}

#cabecalho .menu ul li.reporting{
	background:url('img/chart.png') no-repeat center center;
}
#cabecalho .menu ul li.reporting.activo,
#cabecalho .menu ul li.reporting:hover {
	background:url('img/chart_h.png') no-repeat center center;
}
#cabecalho .menu ul li.tabelas{
	background:url('img/folder.png') no-repeat center center;
}
#cabecalho .menu ul li.tabelas.activo,
#cabecalho .menu ul li.tabelas:hover {
	background:url('img/folder_h.png') no-repeat center center;
}


#cabecalho .menu ul li.user{
	background:url('img/user.png') no-repeat center center;
	width:auto;
}
#cabecalho .menu ul li.user.activo,
#cabecalho .menu ul li.user:hover {
	background:url('img/user.png') no-repeat center center;
}


#cabecalho .menu ul li.definicoes {
	background:url('img/icons_definicoes.png') no-repeat top center;
}
#cabecalho .menu ul li.definicoes.activo,
#cabecalho .menu ul li.definicoes:hover {
	background:url('img/icons_definicoes.png') no-repeat bottom center;
}
#cabecalho .menu ul li.logout {
	background:url('img/logout.png') no-repeat top center;
}
#cabecalho .menu ul li.logout.activo,
#cabecalho .menu ul li.logout:hover {
	background:url('img/logout.png') no-repeat bottom center;
}

/* CONTEUDO */

#conteudo {
	width:900px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
}


/* TABELAS, GRIDVIEW */

table,
table tr,
table tr td,
table tr th {
	colspan:0;
	rowspan:0;
	border-collapse:collapse;
}
.GridViewHeader {
	padding-bottom:3px;
	font-size:16px;
	line-height:18px;
	border-bottom:1px solid #467689;
	font-family: Verdana, Arial, sans-serif;
	margin-bottom:5px;
}
.GridViewHeader a {
	font-size:12px;
}

.GridView {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	
}
.GridView th {
	background:url('img/cabecalho_base.png') repeat-x bottom;
	padding:5px;
	border-left:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}

.GridView td {
	border:1px solid #DDDDDD;
	line-height:18px;
	padding-left:5px;
	vertical-align:middle;
}
.GridView td input{
	
	vertical-align:top;
}
.GridView table td {
	background-image:none;
	border:0px;
}

.recordPageLink, .recordPageLink:link, .recordPageLink:visited, .recordPageLink:active, .recordPageLink:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
}

tr.gvPager {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	height:24px;
	font-weight:bold;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	background:url('img/cabecalho_base.png') repeat-x bottom;
	
}
.gvAltRow {
	background:url('img/cabecalho_base.png') repeat-x 0 -30px;
}
.GridViewFooter{
	padding:3px;
}
.GridOrderAsc {
	background:url('img/order.png') no-repeat 0px 0px;
	width:10px;
	height:8px;
	float:right;
	display:inline !important; 
}
.GridOrderDesc {
	background:url('img/order.png') no-repeat 0px -8px;
	width:10px;
	height:8px;
	float:right;
	display:block;
}
/* FIM TABELAS, GRIDVIEW */

.Label
{
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;	
	height:16px;
}
.TextBox 
{
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;	
	border:solid 1px #BBB;
	height:16px;
	
}

.DecimalBox 
{
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;	
	border:solid 1px #BBB;
	height:16px;
}

.DecimalBoxBold  
{
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;	
	border:solid 1px #BBB;
	height:16px;
	font-weight:bold;
	color:Navy;
}

.TextArea
{
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;	
	border:solid 1px #BBB;
	line-height:16px;
}
.DropDownList {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;	
	border:solid 1px #BBB;
	padding-top:1px;
	padding-bottom:1px;
	height:20px;
	margin-top:1px;
}
.ListBox{
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;	
	border:solid 1px #BBB;
	padding-top:1px;
	padding-bottom:1px;
	height:20px;
	margin-top:1px;
}


.recordPageHeaderTitle td
{
	padding-bottom:5px;
	font-size:16px;
	line-height:16px;
	border-bottom:1px solid #467689;
	font-family: Verdana, Arial, sans-serif;
	margin-bottom:5px;	
}
.recordPageHeaderTitle td table td
{
	border-bottom:0px solid #FFFFFF;
	padding-bottom:0px;
}
.recordPage
{
	padding-left:10px;
	padding-top:5px;
	border-collapse:separate;
	border-spacing:4px;
}

#WaitDiv
{
	background: url('img/spinner.gif') no-repeat;
	vertical-align:bottom;
}
.divMensagens
{
	float:left;
	background:url('img/alerta.png') no-repeat;
	font-size:12px;
	font-weight:bold;
	border-spacing:1px;
	color:#467689;
	width:630px;
	height:1px;
	margin-left:200px;
	padding:10px;
	text-align:left;
}
.spnMensagens
{
	font-size:12px;
	font-weight:normal;
	
}

.MessageValidator
{
	font-size:12px;
}
/* LOGIN */
#login_wrapper {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-180px;
	margin-top:-135px;
}
#login_form {
	width:300px;
	height:210px;
	padding:30px;
	border:1px solid #DDDDDD;
	background:url('img/login_form_base.png') repeat-x;

	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:0px 0px 10px #CCC;
	-webkit-box-shadow:0px 0px 10px #CCC;
	box-shadow:0px 0px 10px #CCC;
}
#login_form .cabecalho {
	height:45px;
	width:300px;
	margin-bottom:10px;
}
#login_form .cabecalho .logo {
	float:left;
	height:45px;
	width:159px;
	background:url('img/Logo_pequeno.png') no-repeat;
}
#login_form .cabecalho .titulo {
	float:right;
	height:45px;
	width:81px;
	background:url('img/Login.png') no-repeat center;
}
#login_form input {
	width:258px;
	height:18px;
	margin-top:20px;
	padding-left:30px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #DDDDDD;

	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#AAAAAA;
	text-shadow: 1px 1px 0px #FFFFFF;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#login_form input:hover,
#login_form input:focus {
	color:#777777;
	outline:none;
}
#login_form input.username {
	background:url('img/login_form_username.png') no-repeat top left;
}
#login_form input.password {
	background:url('img/login_form_password.png') no-repeat top left;
}
#login_form .recuperar {
	float:left;
	margin-top:30px;
	line-height:26px;
}
#login_form input.botao {
	float:right;
	display:inline-block;
	width:auto;
	height:26px;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
	border:0px;
	margin-top:30px;

	background:url('img/botao_base.png') repeat-x;
	line-height:30px;
	color:#FFFFFF;
	cursor:pointer;
	text-shadow: 0px 0px 0px #FFFFFF;

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#login_form input.botao:hover,
#login_form input.botao:focus {
	-moz-box-shadow:0px 0px 3px #CCC;
	-webkit-box-shadow:0px 0px 3px #CCC;
	box-shadow:0px 0px 3px #CCC;
}


.MoveableWindow
{
	border-right: #335769 1px solid;
	border-top: #335769 1px solid;
	border-left: #335769 1px solid;
	border-bottom: #335769 1px solid;
	background-color: #ffffff;
}
.MoveableWindowTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	background-color: #335769;
	color: #FFFFFF;
	cursor: move;
}
.CloseImg
{
	background-image: url(img/Close.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.tag
{
	display:inline-block;
	width:auto;
	height:26px;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
	border:0px;
	

	background:url('img/botao_base.png') repeat-x;
	line-height:30px;
	color:#FFFFFF;
	cursor:pointer;
	text-shadow: 0px 0px 0px #FFFFFF;

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.tag:hover
{
	-moz-box-shadow:0px 0px 3px #CCC;
	-webkit-box-shadow:0px 0px 3px #CCC;
	box-shadow:0px 0px 3px #CCC;
	
}

.LOVSelect
{
	background:url(img/LOVSelect.png) no-repeat 0px 0px;
	padding-left:16px;
	padding-top:0px;
	padding-bottom:2px;
	font-size:12px;
}

.LOVClean
{
	background:url(img/LOVClean.png) no-repeat 0px 0px;
	padding-left:16px;
	padding-top:0px;
	padding-bottom:2px;
	font-size:12px;
}
.Check
{
	background:url(img/Check.png) no-repeat 0px 0px;
	padding-left:16px;
	padding-top:0px;
	padding-bottom:6px;
	font-size:12px;
}
.NoPermission
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Red;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	height: 200px;
	padding: 50px 0px 50px 0px;
}
.faqItem
{
	border: solid 1px gray;
    border-radius: 4px;
	background-color: #F8F8FF;	
	margin:5px;
	padding:5px;
}
.faqItem:nth-child(odd)
{
	border: solid 1px gray;
    border-radius: 4px;
	background-color: #F5F5F5;	
	margin:5px;
	padding:5px;
}