/* CSS Document */

html{height:100%;}

body{
	height:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4a4a4a;
	background-image: url(images/sug_pad_02.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	text-align:center;
	}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#014e9c;
	background-image:url(images/seta.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	margin:0;
}
h2{
	clear:both;
	display:block;
	width:100%;
	height:20px;
	background-color:#5c87b1;
	font-weight:bold;
	color:#b5d2ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px 0 0 5px;
	margin: 0 0 2px 0;
}
h2:before {
	content:".: ";
}
h3{
	font-weight:bold;
	color:#004c9a;
	font-size:11px;
	margin:0;
	padding:0;
}
h4{
	font-weight:bold;
	color:#004c9a;
	font-size:11px;
	margin-top:30px;
	padding:0;
}
hr {
	border-top:1px dashed #002D59;
	border-right:none;
	border-bottom:none;
	border-left:none;
	height:1px;
	margin:3px 0px 3px 0px;
	width:99%;
}
a:link {	color: #2a77a7;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #2a77a7;}
a:hover {	text-decoration: underline;	color: #143353;}
a:active {	text-decoration: none;	color: #2a77a7;}

#geral{
	width:753px;
	margin: 0 auto;
	text-align:left;
}
#site_centro{
	width:753px;
	float:left;
	height:100%;
	background-color:#FFFFFF;
}
form{
	padding:0;
	margin:0;
	border:0;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#barra_sanepar{
	height:20px;
	background-color:#FFFFFF;
}

#logo_san{
	width:85%;
	float:left;
	background:url(images/fundo_barra.gif) repeat-x;
}

#btns_barra{
	width:15%;
	float:right;
	background:url(images/fundo_barra.gif) repeat-x;
}

#btns_barra ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
#btns_barra li{
	margin-right:4px;
	margin-bottom:0;
	float:right;
	}
#topo{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	height:64px;
	background-image:url(images/topo.jpg);
}	
#img_topo{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	height:64px;
	background-image:url(images/topo2.jpg);
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx MENU xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#menu_lista, #menu_lista ul {	list-style:none;	padding: 0;	height: 45px;	float:right;	margin: 6px -52px 0 0;	margin/*\**/: 6px 5px 0 0\9;	}
#menu_lista li {float:left; margin:0 8px 0 0; background-image:url(images/menuEsq.gif); background-repeat:no-repeat; padding:0;}
#menu_lista a {	display: block;	padding:8px 13px 10px 25px;	text-align:center;	text-decoration: none;	margin-right: -5px; *margin-right:0; *margin-left:5px;	font-family:"Trebuchet MS";	font-size:12px;	color:#ffffff;	background-image:url(images/menuDir.gif);	background-repeat:no-repeat;	background-position:right;	line-height:100%;	}
#menu_lista a:hover{	text-decoration:none;	color:#fff;}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#barra_data{
	width: 743px;
	height: 16px;
	background-color:#4f6f8f;
	color:#9ab2ca;
	font-size:9px;
	padding: 3px 5px 0 5px;
	margin:0 0 5px 0;
	clear:both;
}
#barra_data a:link {color: #ffffff; text-decoration: none;}
#barra_data a:visited {	color: #ffffff;	text-decoration: none;}
#barra_data a:hover {color: #90bdfa; text-decoration: underline;}
#barra_data a:active {color: #90bdfa; text-decoration: none;}

#linkExterno{
	float:right;
	font-weight:bold;
	*position:relative;
	*right: 3px;
	*top:-12px;
}

#texto_central{
	height:100%;
	background-color:#FFFFFF;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#conteudo{	
	width:100%;
	min-height:390px;	
	margin:0;
}
#menu{
	width:179px;
	float:right;
	height:25px;
	background-image:url(images/sliMenu.jpg);
	background-repeat:no-repeat;
	padding-left:140px;
	padding-top:17px;
}
select{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
optgroup{
	background-color:#FFFFFF;
	color:#143353;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:3px 0;
}
option{
	background-color:#efefef;
	color:#4f6f8f;
	font-size:11px;
}
#conteudo01{	
	text-align:center;
	width:100%;
	min-height:390px;
	background-image:url(images/sli_06.jpg);
}

#conteudo01 p{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:13px;
	margin-bottom:-10px;
	margin-bottom/*\**/:45px\9;
}
#conteudo01 ul{
	list-style:none;
	margin-left:45px;
	*margin-left:95px;
}
#conteudo01 li{
	float:left;
	margin-right:20px;
}
.center{
text-align:center;
}
.titulo01{
	width:385px;
	padding-top:30px;
	padding-left:180px;
	*padding-left:0;
	text-align:center;
	}

fieldset{
	background-image:url(images/sli_03.jpg);
	background-repeat:no-repeat;
	width:135px;
	height:265px;
	height/*\**/:220px\9;
	border:none;
	padding:0 25px 0 20px;
	color:#666666;
}
legend{
	display:block;
	color:#FFFFFF;
	text-align:center;
	background-image:url(images/leg01.jpg);
	background-repeat:no-repeat;
	margin-left:-2px;
	*margin-left:-9px;
	margin-top:25px;
	margin-top/*\**/:-20px\9;
	margin-bottom:17px;
	height:42px;
	width:137px;
	padding-top:5px;
	*position:relative;
	*top:-20px;
	*margin-top:0;
	*margin-bottom:0;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#conteudo02{	
	width:100%;
	min-height:390px;
	background-image:url(images/telainicialBens.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	margin:0;
}
.titulo02{
	padding-top:15px;
	padding-left:10px;
	width:300px;
	float:left;}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.titMenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#143353;
}
#submenu{
	width:240px;
	height:210px;
	position:relative;
	top:80px;
	left:275px;
	*top:106px;
	*left:-40px;
	
}
#altura_tela_menu{
	height:390px;
}
th{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
	background-color:#929292;
	height:24px;
	text-align:center;
	border-left: 1px solid #FFFFFF;
}

.cabecalho_gridView{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#929292;
	text-align:center;
	border-left: 1px solid #FFFFFF;
}

.cabecalho_tabelaDetalhada{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#404040;
	background-color: #A8A8A8;
	text-align:center;
	border-left: 1px solid #FFFFFF;
}

.cabecalho_tabelaDetalhadaSubtitulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#404040;
	background-color: #CFCFCF;
	text-align:center;
	border-left: 1px solid #FFFFFF;
}

.form_botao 
{
    height:22px;
	width: 60px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:2px;
	padding-right:4px;
	padding-bottom:2px;
	padding-left:4px;
	margin-left:1px;
	margin-right:1px;
	margin-top:2px;
    border:1px outset #114A80;
	background:url(images/botao.png) repeat-x;
}

.form_botao2
{
    height:22px;
	width: 150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:2px;
	padding-right:4px;
	padding-bottom:2px;
	padding-left:4px;
	margin-left:1px;
	margin-right:1px;
	margin-top:2px;
    border:1px outset #114A80;
	background:url(images/botao.png) repeat-x;
}

#tabelas{
	width:733px;
	margin-left:8px;
}
#tabelas table{
	margin-left:-1px;
	margin-bottom:10px;
	width:739px;
	text-align:center;
}
#tabelas td{
	padding:6px 3px;
	border-left: 1px solid #FFFFFF;
}
.tabPar{
	background-color:#e8e8e8;
}
.tabImpar{
	background-color:#f8f8f8;
}
.colBranca{
	background-color:#ffffff;
}
.tabPaginacao{
	text-align:center;
	font-size:10px;
	border-left: 1px solid #000000;
	width:300px;
}

table table tr
{
  width:300px;
}

#tabelas1{
	width:97%;
	margin-left:8px;
}

#tabelas1 table
{
    margin-bottom:10px;
	width:728px;
}

#tabelas1 td{
	padding:6px 3px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#tabelas2{
	width:733px;
	margin-left:8px;
}

#titulo{
	width:733px;
	margin-left:8px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#rodape {
	clear:both;
	display:block;
	bottom:0;
	text-align: center;
	padding-top:10px;
	color:#92bfeb;
	background-color:#143353;
	height: 24px;
	width:753px;
	font-size:10px;
}