body{
	/*text-align:center;*/
	margin:0px;
	padding:0px;
	/*background: url("imagens/background.jpg"); */
	/*background-color:#dfd79b;*/
        background-color:#3d577b;
	background-repeat: repeat; 
	background-attachment: fixed;

}

body,font,div,th,td,p { 
    font-size: x-small; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


a {
    color: #000;
    text-decoration: underline; 
}

a:hover {
	background:#e4e4ff;
}
/*=========================================================================================*/

#site, #chat{
	width:777px;
	margin:8px auto 7px 8px;
        /*margin:1px auto 7px 0px;*/
	text-align:justify;
	background-color:#fff;
        border: 1px solid #fff;
	padding: 0px 0px 30px 0px;
        /*border-top-width: 2px;
        border-bottom-width: 2px;*/
}

#chat{
	margin:0px auto 0px auto; /*35px auto 35px auto*/
        border-color: #fff;
}

/*=========================================================================================*/
#cabecalho{
        position:relative;
	background-color:#f2f2f2;
        top: 0px;
        left:0px;
        height:140px;
}

#conteudo{
	position: relative;
	top:63px;
	left:0px;
	padding: 0px 0px 10px 0px;
	background-color:#FFF;
	border:0px solid #0000ff;
        width: 775px;
        min-height: 300px;
}

#conteudo1{
	position: absolute;
	top:0px;
	left:40px;
	padding: 0px 0px 0px 0px;
	background-color:#FFF;
	border:0px solid #ec921a;
        width: 330px;
}

#conteudo2{
	position: relative;
	top:0px;
	left:400px;
	padding: 0px 0px 0px 0px;
	background-color:#FFF;
	border:0px solid #ec921a;
        width: 330px;
}

#conteudo3{
	position: relative;
	top:0px;
	left:50px;
	padding: 0px 0px 0px 0px;
	background-color:#FFF;
	border:0px solid #ec921a;
        width: 670px;
}

/*=========================================================================================*/

div#logo{
    position: absolute;
    width:167px;
    height:104px;
    top: 14px;
    left: 65px;
    background-image:url("imagens/cnm_logo.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:5;
}

div#logotsu{
    position: absolute;
    width:132px;
    height:174px;
    top: 27px;
    left: -1px;
    background-color: #fff;
    background-image:url("imagens/logo_tsu.jpg");
    background-repeat:no-repeat;
    background-position:2px 0px;
    z-index:10;
}
div#chamada{
    position: absolute;
    width:120px;
    height:70px;
    top: 27px;
    left: -1px;
    background-color: #fff;
    background-repeat:no-repeat;
    background-position:2px 0px;
    z-index:10;

	padding:6px;
	color:black;
    letter-spacing:1px;
    font-size:12px;
    text-align:left;
}

div#bordaseinvxxxxxxxxx{
    position: absolute;
    width:18px;
    height:26px;
    top: 105px;
    left: -1px;
    background-image:url("imagens/bordaseinv.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:-1;
}
div#bordaieinv{
    position: relative;
    width:18px;
    height:26px;
    top: 65px;
    left: -1px;
    background-image:url("imagens/bordaseinv.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:50;
}
div#bordaidinv{
    position: relative;
    width:18px;
    height:26px;
    top: 39px;
    left: 760px;
    _left:758px;
    background-image:url("imagens/bordaidinv.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:50;
}
div#bordasexxxxxxxxxxxxx{
    position: absolute;
    width:18px;
    height:35px;
    top: 121px;
    left: -1px;
    background-image:url("imagens/bordase.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:-1;
}
div#bordasetopoxxxxxxxxxxx{
    position: absolute;
    width:18px;
    height:18px;
    top: -1px;
    left: -1px;
    background-image:url("imagens/bordasetopo.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:-1;
}
div#bordasdxxxxxxxx{
    position: absolute;
    width:18px;
    height:35px;
    top: 121px;
    left: 760px;
    _left:758px;
    background-image:url("imagens/bordasd.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:-1;
}
div#bordasdtopo{
    position: absolute;
    width:18px;
    height:18px;
    top: -1px;
    left: 760px;
    _left:758px;
    background-image:url("imagens/bordasdtopo.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:500;
}
div#bordasdinv{
    position: absolute;
    width:18px;
    height:26px;
    top: 114px;
    left: 760px;
    _left:758px;
    background-image:url("imagens/bordasdinv.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:500;
}

/*div#logo2{
    position: absolute;
    width:167px;
    height:125px;
    top: -34px;
    left: 45px;
    background-image:url("imagens/cnm_logo2.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:1;
}
*/
div#imagemtopo{
    position:absolute;
    width:489px;
    height:122px;
    top: -1px;
    left: 289px;
    _left: 287px;
    background-color:#f2f2f2;
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:1;
}

#faixasombra{
    position: absolute;
    width:777px;
    _width:775px;
    height:9px;
    top: 0px;
    left: 0px;
    background-image:url("imagens/retaS1.png");
    background-repeat:repeat-x;
    background-position:0px 0px;
/*    border-bottom:1px solid #aaa8f8;*/
}

#curvax{
    position: absolute;
    width:157px;
    height:76px;
    top: 132px;
    left: -1px;
    background-image:url("imagens/curvaS1.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
}

#teto{
    position: absolute;
    width:136px;
    height:99px;
    top: 355px;
    left: 0px;
    background-image:url("imagens/teto.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:1;
}

#curva2{
    position: absolute;
    width:149px;
    height:80px;
    top: 57px;
    left: 629px;
    background-image:url("imagens/curvaS2.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    
}

#quinise{
    position: absolute;
    width:15px;
    height:12px;
    top: -1px;
    left: -1px;
    background-image:url("imagens/quininhase.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:1;
}

#quiniid{
    position: relative;
    width:15px;
    top:1px;
    _top:6px;
    height:12px;
    left: 315px;
    background-image:url("imagens/quininhaid.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:1;
}


/*=========================================================================================*/

.subclass {
    border: 1px solid #ccc; 
    background-color: #f8f8f8;
    padding: 4px 7px 4px 7px;
    margin-top:3px;
    margin-bottom:7px;
    background-image: url('imagens/titulo4.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

#apoio{
    position:absolute;
    color: #fff;
    background-color:#fff;
    background-image: url('imagens/titulo2.png');
    
    padding-top:6px;
    padding-bottom:6px;
    letter-spacing:4px;
    font-size:12px;
    margin:0px;
    width:130px;
    _width:132px;
    position: absolute;
    top: 0px;
    left: 815px;
    border: 1px solid #fff; 
    text-align:center;
    z-index:101;
}

/*
#escalador{
    position:absolute;
    width:35px;
	height: 139px;
    top: 100px;
    left: 1015px;
    background-color:#fff;
    background-image: url('imagens/escaladorChamine.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:5;
}*/

#escalador{
    position: absolute;
    width:35px;
	height: 139px;
    top: 50px;
    left: 780px;
    background-image:url("imagens/escaladorChamine.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:50;
}

#quadro{
    position:absolute;
    background-color:#fff;
	padding: 2px;
    width:151px;
    top: 0px;
    left: 815px;
    border: 1px solid #fff; 
}
#quadro p.titulo {
    color: #fff;
    background-image: url('imagens/titulo2.png');
    padding-top:6px;
    padding-bottom:6px;
    letter-spacing:4px;
    font-size:12px;
    margin:0px;
    text-align:center;
    z-index:101;
}
#quadro p.corpo {
    font-size:11px;
    color: #000;
	padding: 4px;
    text-align:left;
}

#texto {
    position: relative;
    text-align: justify;
    width: 640px;
    border: 0px;
    left: 0px;
    padding:15px;
    padding-top:1px;
    border-bottom: 1px dashed #dddbfb;
}


#textofundocor, #textoindex {
    position: relative;
    text-align: justify;
    left: 0px;
    padding:0px;
    border: 1px solid #ccc; 
    background-color: #f8f8f8;
    /*background-color:#ececef;*/
}

#textofundocor { 
    width:400px;
    padding:1px;
}

#textofundocor p.titulo, #textoindex p.titulo {
    color: #3d577b;
    background-color:#ececef;
    background-image: url('imagens/titulo.png');
    padding:8px;
    margin-top:12px;
/*    margin-left:15px;
    margin-right:15px;
    margin-top:0px;
    /*font-weight:bold;*/
    border-bottom: 1px solid #cdcbeb;
    border-top: 1px solid #cdcbeb;
    text-align:center;
}

#textofundocor p {
    padding:10px;
    padding-top:1px;
}
#textofundocor p.titulo {
    margin-top:0px;
    padding:3px;
}
#boasVindas {
    position:absolute;
    color:#fff;
    margin:0px;
    left:614px;
    top:102px;
    z-index:1000;
    width:165px;
}

#cabecalhoLogin {
    position:absolute;
    padding:2px;
    padding-left:3px;
    padding-right:3px;
    background-color:#3d577b;
    color:#fff;
    margin:0px;
    border: 1px solid #fff;
    /*border-top-width:0px;*/
    left:695px;
    top:3px;
    z-index:50;
    font-size:9px;
    width:72px;
}
#cabecalhoLogin a{
    color:#fff;
    text-decoration:none;
}
#cabecalhoLogin a:hover{
    background: #d31f1f;
}

h3.titulo {
    
    margin-bottom:15px;
    margin-top:0px;
    letter-spacing:4px;
    
    background-color:#fff;
    color: #3d577b;
    padding:8px;
/*    margin-left:15px;
    margin-right:15px;
    margin-top:0px;
    /*font-weight:bold;*/
    border-bottom: 1px solid #cdcbeb;
    text-align:center;

/*    border-left:5px solid;
    border-bottom:1px solid;
    color:#18af13;
    border-color:#18af13;
*/    
}


ul#seta {
  list-style-image: url("imagens/setinha.png");
}

ul#seta li {
  padding: 3px;
}

p.icone {
    height:1%; /* Fix for MSIE peekaboo bug */
    padding:5px;
}
p.icone img {
    float:left;
    margin:2px;
}

.clear {
    clear:both;
    padding:5px;
}
p.foot {
    color:#eee;
    margin-left:285px;
}

/*=========================================================================================*/

dl, dt, dd {
	margin: 0 0 0 0px;
	padding: 0;
        font-size: xx-small;
}
dd {
    margin-top: 6px;
    _margin-top: 1px;
}

.listamenu {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	list-style-type:none;
}

li.listamenu a {
    padding-left:3px;
}

#menu2 {
	position: absolute;
	width: 777px;
        top: 117px;
        left: 0px;
        _top:104px;
	z-index:50;
}
#menu2 dl, #menu2 dl.larg {
	float: left;
	width: 111px;
        _width:111px;
	margin: 0 0 0 0px; /*sup dir inf esq*/
}
#menu2 dl.larg {
	_width: 109px;
}

#menu2 dt {
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	background: #3d577b;
        /*background: #656d74;*/
        letter-spacing:1px;
        color: #fff;
	border-width: 0px;
	z-index:200;
	height: 14px;
	/*_height: 12px;*/
        padding-top: 1px;
}
#menu2 dd {
	border: 1px solid #cfcfcf;
	background: #f0f0f0;
        border-top-width:0px;
	visibility:hidden;
        padding-top: 2px;
}


#menu2 li {
	padding-left:0px;
	text-align: left;
	background: #fff;
}
#menu2 li a, #menu2 dt a {
	background: #f0f0f0;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 14px;
        
}
#menu2 dt a {
	background: #3d577b;
        color: #fff;
        padding-top:3px;
        padding-bottom:3px;
        background-image: url('imagens/titulo3.png');
}


/*#menu li a:hover, #menu dt a:hover {
	background: #ec921a;
	color: #fff;
}
*/
#menu2 li a:hover, #menu2 dt a:hover {
        background-image: url('imagens/titulo2.png');
	color: #fff;
}


#faixa1,#faixa2,#faixa3,#faixa4{
	position: relative;
	width:111px;
	_width:111px;
	height:3px;
	top: 1px;
	left: 0px;
        _left:0px;
	border-bottom:3px solid #d31f1f;
}
#faixa2.larg{
    _width:109px;
}



/*=========================================================================================*/
/* Estilos para o formulario */

#ysub1 {
    border: 1px solid #ccc;
    padding: 0px 3px 5px 3px;
    background-color: #d6f3d6;
    margin-top: 2px;
}


.formPadrao, .formPadraoRelatorio, .formPadraoReduzido, .formCadastro, .formPadraoEditar {
    width:250px;
    padding:10px 20px;
    border: 1px solid #ccc; 
    background-color: #f8f8f8;
}

.formPadraoRelatorio {
    width:450px;
}

.formCadastro {
    padding:10px 210px 20px 100px;
}

.formPadraoReduzido {
    width:100px;
    padding:0px 0px 0px 15px;
    border: 0px; 
}

.formPadraoEditar {
    width:550px;
}

input#cxTexto, select#estSelect, input#botao, textarea#mensagem, textarea#relatorio, textarea#editar{
    width:240px;
    border: 1px solid #aaa8f8;
    background-color:#fff;
}
textarea#relatorio {
    width:450px;
}

input#botao{
    color:#7777f8;
    font-size:10px;
    width:130px;
}
select#estSelect{
    font-size:10px;
}

textarea#relatorio {
    height:8.0em;
}
textarea#mensagem {
	height:250px;
}

textarea#editar {
    height:350px;
    width:550px;
}

input#cxTexto.reduzido {
    width:80px;
}
input#botao.reduzido {
    width:65px;
}

input#cxTexto:focus, textarea#mensagem:focus, textarea#relatorio:focus {
    background: #f1fff1;
}

/* Estilos para a lista de definicao */
.formularioInsc {width:390px; left:0px;}
.formulario dt, .formularioInsc dt {margin-top:1.5em;}
.formulario dt.reduzido, .formularioInsc dt.reduzido {margin-top:0.3em;}
.formulario dd, .formularioInsc dd {margin:0; padding:0;}
.formulario dt.fundo, .formularioInsc dt.fundo {
    padding:4px;
    background-color:#3d577b; 
    color:#fff;
    font-size:11px;
    font-weight:bold;
    letter-spacing:2px;
    background-image: url('imagens/titulo3.png');
    width:340px;
}

/*=========================================================================================*/

table.tabelaEstilo {
    border-collapse: collapse;
    border:0px;
    border-spacing:0px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:auto; 
}

table.tabelaEstilo td {
    padding:4px;
    vertical-align : middle;
    border:1px solid #ccc;
}	

table.tabelaEstilo td.centro {
    text-align:center;
}	

table.tabelaEstilo td.direita {
    text-align:right;
}	

table.tabelaEstilo tr {
    border:1px solid #ccc;
}	

table.tabelaEstilo th {
    color: #3d577b;
    background-color:#ececef;
    background-image: url('imagens/titulo.png');
    border:1px solid #ccc;
    vertical-align : middle;
    padding:2px;
    text-align: center;
    font-weight: normal;
}	

/*=========================================================================================*/

.box, .handle {
    border: 1px solid #18af13;
}
.box {
    position: absolute;
    top: 200px;
    left: 720px;        
    z-index:6000;
    float: left;
    padding: 0px;
    width: 120px;
    height: 135px;
    margin-bottom: 3px;
    background-color: #f7f7f7;
}
.handle {
    cursor: move;
    height: 14px;
    color:#fff;
    font-size:10px;
    text-align: center;
    background-color:#18af13;
    padding:3px;
    margin-top:0px;
}