body.painel{
    font:12px Arial,Georgia, "Times New Roman", Times, serif;
    color:#333;
    background: #b5dfcf; # //cor de fundo do painel    STYLE DO SEMENTE
    

}
a:link, a:active, a:visited{
    text-decoration: none;
    color:#fbfeff;//cor da letra do menu
}
a:hover{
    text-decoration: underline;
}
#wrapper{
    width: 1400px;//era 980  isso aqui alrga o painel
    margin: 0 auto;
    /*background: #d5e3ea;
    //background-image: url(imagemficha2017_verso.JPG);
    //background-repeat: no-repeat;*/
    background:#dfe0e1;
	/*cor das telas*/
}

#wrapperFundo1{
    width: 1400px;//era 980  isso aqui alrga o painel
    /*eight:1200px;*/era 980  isso aqui alrga o painel
    margin: 0 auto;
    /*background: #d5e3ea;*/
    background-image: url(imagemficha2017_verso.JPG);

    
    background-repeat: no-repeat;

	
	
    /*/background:#d5e3ea;*/

	/*/cor das telas*/
}



#header{
    height: 70px;
    border-bottom: 2px solid #363636;
    padding: 10px;
}
#header h1{
    font-size: 25px;
    margin-top: 5px;
}
#wrap-content{
    display: table;
    height: auto;
    padding: 10px;
}
#content{
    float: right;
    width: 795px;
    padding-left: 15px;
}
#content h2{
    font-size: 20px;
    border-bottom: 1px solid #fbfbfb;
    margin-bottom: 10px;
}
#sidebar{
    float: left;
    width: 150px;
}
#sidebar ul li{
    padding: 2% 5%;
    width: 90%;
    background: #639e72;//cor do menu antes de clicar nele
    margin-bottom: 1px;
    font-size: 16px;
    display: block;
}


#accordion ul{
    display: none;
    margin: 5px 10px;
}
#accordion ul li{
    padding: 2%;
    width: 96%;
    background: #685a55;   //cor de fundo dos sub menus
    margin-bottom: 2px;
    display: block;
    font-size: 12px;
}


#footer{
    height: 20px;
    border-top: 2px solid #999;
    padding: 20px 10px;
    text-align: center;
}
#loginform{
    width: 600px;
    margin:100px auto;
	background: #d1d1d3;

}

#loginform1{
    width: 800px;
    margin:100px auto;
	background: #dbdcdd;

}


fieldset{
    border:5px solid #9c9ca0;//era border:1px solid #74071d
    padding:15px 10px;   //era 20px 10px
}

frameset rows="40%,60%"{
        
	    <frame src="titulo.htm">
}

#corteIframe {
	position:  absolute;
	clip: rect(40px,424px,750px,55px); 
	width: 424px; /* pode colocar o mesmo valor do segundo parâmetro */
} 



legend{
    font-size:16px;
    padding: 0 10px;
}

legend1{
    font-size:12px;
    //font-style: italic;
	padding: 0 10px;
	//ele aceitoi isso aqui colocando uma letra menor
}

form li{
    padding:5px;
    margin-bottom:1px;
}
form li.center{
    text-align:center;
}
form li.left{
    text-align: left;
}
form li.right{
    text-align: right;
}
form input[type=submit], form input[type=button]{
    cursor:pointer;
    padding: 2px 10px; //define o tamanho minimo do botao  ERA 5px 10px;
    border:1px solid #ccc;
    margin:0 5px;
}
form input[type=submit]:hover, form input[type=button]:hover{
    background: #dbe606;//quando passa por cima da uma amarelada no comando
    border:1px solid #95a02c;
}
input.MeuInput {  
     width: 120px;  
     //height: 10px;  
     //font-family: verdana;  
     background-color: #a6cbdb;  
}  


form label1{
    color:#2e2bbd;
    float:left;
    width: 60px;
    text-align: right;
    margin-right: 5px;
}
form label1a{
    color:#e21c05;
    /*float:left;*/
    width: 3px;
    text-align: left;
    margin-right:5px;
}
form label2{
    color:#140239;
    float:left;
    width: 80px;
    text-align: right;
    margin-right: 5px;
}
form label3{
    color:#07070a;
    float:left;
    width: 50px;
    size:12px;	
    text-align: right;
    margin-right: 5px;
}
form label.error{
    float:none;
    display: block;
    color:#f00;
    width: auto;
    text-align: left;
    padding-left: 105px;
}
form input[type=text], form input[type=password], form textarea{
    padding: 5px;
    border: 1px solid #ccc;
}
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus{
    background:#f8f8f8;
    border: 1px solid #666;
}
.radius5{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
.erro, .sucesso, .alerta, .pergunta{
    width:96%;
    padding:2%;
    margin:10px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
.sucesso{
    background: #eff4d4;
    border: 1px solid #8fad3d;
    color: #596c26;
}
.alerta{
    background: #ffea97;
    border: 1px solid #e2b500;
    color: #995f5b;
}
.erro{
    background: #efcec9;
    border: 1px solid #ad3f30;
    color: #943728;
}
.pergunta{
    background: #c6d8f0;
    border: 1px solid #4381cc;
    color: #5c58b9;
}


//exemplo de posicionamento  ver modulo pesquisas...


#box1 {
		position:absolute;
		top: 50px;
		left: 50px;
	}

	#box2 {
		position:absolute;
		top: 50px;
		right: 50px;
	}

	#box3 {

		position:absolute;
		top: 300px;
		left: 725px;
	}

	#box4 {
		position:absolute;
		bottom: 350px;
		left: 150px;
	}