@charset "utf-8";

body {width:100%;margin:0;padding:0;background:#DDD;}


/* HEADER */
header {width:100%;height:70px;background:#FFF;}
  #logoarea{width:10%;height:70%;padding:1% 0 0 0;margin:auto;}
  #voltarea{width:5%;height:60%;padding:1%;margin:0.7% 0 0 1%;float:left;}
   #voltarea a{font:bold 16px Arial;color:#888;text-decoration:underline #888;}
    #voltarea a:hover{color:#a12830;}
	
/* SECTION CORPO */
section#corpo{width:100%;height:95%;background:#DDD;}

/* FILTRO DIFERENCIAL DE ALÍQUOTAS*/
  #facilitador_uf{width:60%;height:150px;border-top:5px solid #B1343A;margin-left:20%;margin-top:3%;padding:1% 3% 1% 3%;border-radius:5px;background:#FFF;}
  #selec_estado_tit{width:60%;height:30px;margin-left:20%;background:#FFF;font:normal 13px arial; color:#a12830;padding-bottom:1%;}
  #selec_estado {width:60%;height:100px;font:normal 13px arial;margin-left:20%;background:#FFF;}
  #selec_estado table{width:80%;height:80%;margin:auto;text-align:center;padding-right:1%;}
  #estados img{margin-left:2%;}

/* AVISO FERRAMENTA*/  
  #aviso_1{width:60%;height:50px;background:#FFFF80;padding:1%;margin:auto;margin-top:1%;font:bold 13px arial;color:red;display:none;}
  #aviso_2{width:60%;height:50px;background:#FFFF80;padding:1%;margin:auto;margin-top:1%;font:bold 13px arial;color:red;display:none;}
  #aviso_3{width:60%;height:50px;background:#FFFF80;padding:1%;margin:auto;margin-top:1%;font:bold 13px arial;color:red;display:none;}
  #avisoreducao{width:60%;height:50px;background:#FFFF80;padding:1%;margin:auto;margin-top:1%;font:bold 13px arial;color:red;display:none;}

/* FILTRO DIFERENCIAL DE ALÍQUOTAS*/
  #dados_calculadora{width:60%;height:230px;border-top:5px solid #B1343A;margin-left:20%;margin-top:3%;padding:1% 3% 1% 3%;border-radius:5px;background:#FFF;}
  #dados_calculadora img{width:40%;float:right;}
  .facil_tit{height:7%;font:bold 19px arial;color:#a12830;text-decoration:underline;}
  .facil_subtit{height:30px;font:bold 13px arial;color:#a12830;padding:1% 0 1% 0;text-align:center;}
  .titulo_input{width:15%;font:bold 12px arial;}
  .facil_input{width:25%;font:bold 12px arial;}
  .facil_desc{font:normal 13px arial;}
  .facil_select{height:28px;width:55%;font:bold 12px arial;}
  .input{width:90px;height:20px;border-radius:3px;text-align:center;}
  .select{height:28px;border-radius:3px;}
  .botaofil {width:80px;height:30px;background:#AAA;border-radius:5px;border:none;
   box-shadow:0px 2px 1px #555;font:bold 16px arial;color:#FFF;-webkit-transition:0.3s;float:right;}
  .botaofil:hover{background:#b00d0c;}
  .botaoabrir {width:40%;height:100%;margin:0;background:#AAA;border-radius:5px;border:none;
  box-shadow:0px 2px 1px #555;font:bold 16px arial;color:#FFF;-webkit-transition:0.3s;}
  .botaoabrir:hover{background:#b00d0c;} 
  #valores_antecipa{width:60%;height:290px;margin-top:0.3%;margin-left:20%;padding:1% 3% 1% 3%;background:#FFF;display:none;}
  #valores_diferenca{width:60%;height:290px;margin-top:0.3%;margin-left:20%;padding:1% 3% 1% 3%;background:#FFF;display:none;}
  
  
 /*RESULTADO*/ 
 
 #resultado{width:54%;margin-top:0.3%;margin-left:20%;padding:1% 3% 1% 3%;background:#FFF;display:none;}
    #resultado table {width:95%;margin-left:3%;text-align:center; border-collapse: collapse;}
	  #resultado table tr td {border:1px solid #000;}
	  .dados_titulo{height:25px;background:#DDD;font:bold 12px arial;}
     .dados_resul{height:28px;font:normal 12px arial;}
     .input_resul{width:25%; text-align:center;border:none;background:#FFF;color:#111;};
 
 /*TEXTO CEST*/
 #txt_cest{width:60%;font:normal 13px Helvetica;margin:0.5% 0 0 20%;padding:0.5% 0 0.5% 0;background:#FFF;}
   #txt_cest p{padding:0 2% 0 2%;}
 
 /*BASE LEGAL*/
 #base_legal{width:58%;padding:1%;margin:2% 0 0 20%;font:normal 13px Helvetica;background:#FFF;}
 #base_legal h2{font:bold 14px Helvetica; color:#B1343A; padding:1% 0 1% 0;};
 .paragrafo{margin-left:50px;};
 
 /*AVISO ATUALIZAÇÃO*/
 #avisos{width:40%;background:#FFFF80;margin:auto;margin-top:2%;}
 .avisos{width:100%;font:bold 13px Helvetica;color:red; text-align:center; text-decoration:underline;}
 
  /*FOOTER */
  footer{width:100%;height:100px;}