body {
	font-family: "Tahoma";
	font-size: 1.0em;
	background: #cccccc;
}

table{	font-size: 0.9em;
}

 th{
	vertical-align: top;
	color: #333;
	font: 0.9em/20px Tahoma;
	padding:2px;
}


td {
	vertical-align: top;
	color: #333;
	font: 0.9em/20px Tahoma;
}

a {
	font-family: "Tahoma";
	font-size: 1.0em;
	text-decoration: none;
	color: #06F;
}

a:hover {
	color: #333;
	text-decoration: none;
}

p {
	font-family: "Tahoma"; 
	font-size: 1.0em;
	color: #000000;
}

h1{
	font-family: "Tahoma";
	font-size: 1.3em;
	color: #156D97;
	padding:0px;
	margin:0px;
}

h2{	font-family: "Tahoma"; font-size: 10pt;
	font-size: 1.2em;
	color: #999999;
		padding:0px; margin:0px;

}

h3{	font-family: "Tahoma"; font-size: 10pt;
	font-size: 1.1em;
	color: #000000;
		padding:0px; margin:0px;

}


select,
textarea,
input[type=text],
input[type=email],
input[type=date],
input[type=password],
input[type=file] {
	border: 1px solid #ddd;
	padding: 10px;
	font: 14px calibri, Arial;
	background-color: #EDF5FC;
}

input[type=button],
input[type=submit],
input[type=reset]{
	border: 1px solid #666;
	padding: 10px;
	background-color: #156D97;
	font-family: calibri, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{
	font: bold 14px calibri, Arial;
	border: 1px solid #dddddd;
	background-color: #666666;
}


input[type="checkbox"], input[type="radio"]{
	background: transparent;
	border: 0px;
    }





.botao{
	font: bold 8pt Tahoma;
	border: 1px solid; 
	border-radius:10px;
	background: #ffffff;
	}

.border { border: dotted 1px #ccc;}
.borderb {border-bottom: dotted 1px #666;}


#formpesq{
	background-color: #E4EAF1;
	border: 1px solid #CCC;
	padding: 5px;
	color: #000;
}

#content{
	padding:10px;

	}
	
	
/*botoes de paginaçao*/

.paginacao{
	margin:5px 0px 0px 0px;
	padding:2px;
	border: 1px dotted #d3c7b0;
	text-decoration: none;
	color: #000;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #f4f4f4;
}
.paginacaoseleted{
	margin-right: 2px;
	padding: 1px 7px 2px 7px;
	border: 1px dotted #d3c7b0;
	font: bold 11px Verdana, Arial;
	background:#CCC;
	text-decoration:none;
	color: #000;
}

.paginacao:hover {
	background-color: #eee;
	text-decoration: none;
}


/**/

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
	
	

#esq{
	float: left;
	text-align: left;
}
#dir{
	float: right;
		text-align: left;
}

.clear{
	clear: both;
	padding: 5px;
	}


/*formatar menu*/
#opmenuleft {
	FLOAT: left; WIDTH: 250px; PADDING-TOP: 15px
}
#opmenu {
	MARGIN: 10px 0px 5px
}


/* formatar menu principal*/
#opmenu P.sctn {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #dbdbdb; PADDING-BOTTOM: 0px; MARGIN: 0px 5px; FONT: 12px arial,verdana,helvetica,sans-serif; PADDING-TOP: 0px; BORDER-BOTTOM: #f9f9f9 0px solid
}
#opmenu P.sctn A {
	BORDER-RIGHT: #e5e5e5 1px solid;
	PADDING-RIGHT: 0px;
	BACKGROUND-POSITION: 95% 50%;
	BORDER-TOP: #e5e5e5 1px solid;
	DISPLAY: block;
	PADDING-LEFT: 5px;
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(imagens/spacer.gif);
	PADDING-BOTTOM: 4px;
	BORDER-LEFT: #e5e5e5 1px solid;
	COLOR: #444;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #e5e5e5 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	TEXT-DECORATION: none
}
#opmenu P.sctn A:hover {
	BORDER-RIGHT: #dbdbdb 1px solid; BORDER-TOP: #dbdbdb 1px solid; BACKGROUND-IMAGE: url(imagens/arrow_red.gif); BORDER-LEFT: #dbdbdb 1px solid; COLOR: #156D97; BORDER-BOTTOM: #dbdbdb 1px solid; BACKGROUND-COLOR: #fff
}
#opmenu P.sctnon {
	BORDER-RIGHT: #156D97 1px solid; PADDING-RIGHT: 0px; BACKGROUND-POSITION: 95% 50%; BORDER-TOP: #156D97 1px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(imagens/spacer.gif); PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px 5px; FONT: bold 11px arial,verdana,helvetica,sans-serif; BORDER-LEFT: #156D97 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #156D97 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #156D97
}



#opmenu P.sctnon A {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 0px; BORDER-LEFT: #000 0px solid; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-DECORATION: none
}


#opmenu P.sctnon A:hover {
	BACKGROUND-POSITION: 95% 50%; BACKGROUND-IMAGE: url(imagens/arrow_upt.gif); BORDER-LEFT: #000 0px solid; COLOR: #fff; BACKGROUND-REPEAT: no-repeat
}
/*--------*/


/* para formatar o meu secundario*/
#opmenu P.optn {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 3px; BORDER-TOP: #dbdbdb 1px solid; DISPLAY: none; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 3px 5px; BORDER-LEFT: #dbdbdb 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #dbdbdb 1px solid; LIST-STYLE-TYPE: none
}
#opmenu P.optn A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #5e5e5e; PADDING-TOP: 2px; BORDER-BOTTOM: #ececec 1px solid; TEXT-DECORATION: none
}
#opmenu P.optn A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #969696; TEXT-DECORATION: none
}
/*-------------------*/


/**/



.alerta{
	font-family: "Tahoma";
	font-size: 10px;
	color:#E2602A;
	padding:5px;
	margin:5px;
	border: 1px dotted #666;
	background: #FFF;
	font-weight: bold;
	}

.sucesso{
	font-family: "Tahoma";
	font-size: 10px;
	color:#060;
	padding:5px;
	margin:5px;
	border: 1px dotted #666;
	background: #FFF;
	font-weight: bold;
}

legend{
	padding: 3px;
	border-radius: 5px;
	background-color: #B0C1D7;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	}
	
	/**/	
#login{ max-width:600px; margin:0 auto; padding:3%;}
.janela_login{
	border:1px solid #cccccc;
	padding:30px;
	background:#fff; border-radius:30px;
}
.gestcont{
	font-size: 1em;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
	
	

/*smaller devices*/ 
@media only screen and (max-width: 600px) {
#login{width:95% !important;}
  
} 


/*smaller devices*/

@media only screen and (min-width: 601px) and (max-width: 800px) {
#login{width:95% !important;}
}