body { margin: 0 0 0 0;
}

* { font-family: Arial, Verdana, Tahoma; font-size: 14px; }

.clBody {  }

.carteira { position: relative; height: 49mm; margin: 0px 0px 0px 0px; }
.carteira .image { width:170mm; height:49mm; z-index:0; position: relative; top:0px; left: 0px; }
.carteira DIV { z-index: 99; }

.carteira DIV { position: relative; top: -75px; left: 15px; width: 290px; margin: 3px 1px 1px 1px;}
.carteira DIV P { font-size: 10px; color: #004bab; font-family:Arial; line-height: 12px; }
.carteira DIV P SPAN { color: Black; font-weight: bold; font-size: 13px; }
.crModa, .crVali { color: Black; display: inline; }
.crModa { padding: 0px 25px 0px 10px; }
.crVali { padding: 0px 30px 0px 20px; }
SPAN.crCod { padding: 0px 10px 0px 50px; color: #339999; }


.clHeader 
{
	width: 100%; height: 120px;
	border-bottom: inset 1px #002859;
	padding: 0px 0px 0px 30px; 
	background-color: #5c789a; 
	background-image: url(/img/header-acvl.jpg); 
	background-attachment: fixed;
	background-position:top left;
	background-repeat: no-repeat;
	}
	
.clHeader H1 { margin: 0 0 0 120px; padding: 0px 0px 0px 0px; font-size: 24px; color: White;}
.clHeader H2 { margin: 0 0 0 120px; padding: 0px 0px 0px 0px; font-size: 18px; color: White;}

.clMenu { padding: 5px 15px 5px 15px; border: inset 1px Navy; width: 100%; background-color: Navy; }
.clMenu A { color: White; padding: 5px 5px 5px 5px;  text-decoration: none;}
.clMenu A:hover { color: #00ff01; background-color: Black;}
.clMenu H2 { display: none; }
.clMenu UL { margin: 0 0 0 0; }
.clMenu UL LI { display: inline;  }

.clMenuDir 
{
	left: 650px; top: 155px; width: 150px; 
	position: absolute;  
	padding: 5px 5px 5px 5px; 
	background-color: #EFEFEF; 
	border: solid 1px Gray;
	}
.clMenuDir H2 { display: none; }
.clMenuDir UL { margin: 0 0 0 0; padding: 0 0 0 0; }
.clMenuDir UL LI { list-style-type:none; }
.clMenuDir UL LI A { padding: 1px 5px 1px 5px; width: 140px; display: block; }
.clMenuDir UL LI A:hover { background-color: #999999; }

.dvPrevisaodoTempo 
{
    margin: 2px 2px 2px 2px;
    padding: 1px 1px 1px 0px;
    border: dotted 1px #EFEFEF;
    background-color: #E6F4FF;
    background-image: url(http://www4.climatempo.com.br/climatempo/images/yysuprev.gif);
    background-repeat:no-repeat;
    background-position: -60px -30px;
    width:140px;height:100px;display:block;
    
}


.clCAllPagesTop , .clContent 
{
	padding: 10px 20px 20px 30px; 
	margin: 0px 0px 0px 0px; 
	width: 590px; 
	display: block; 
}
.clContent H2 { padding: 5px 5px 5px 15px;  width: 500; background-color:#888888; color: White;}
.clContent H3 { padding: 5px 5px 5px 15px;  width: 480; background-color: #888888; color: White;}


.clFooter
{
	padding: 5px 5px 5px 5px;
	background-color: Navy;
	color: White;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 30px;
}
.clFooter A { color: #00ff01; padding: 5px 5px 5px 5px;  text-decoration: none;}

.TR1 { color: #444444; background-color: #FFFFFF; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: Gray; }
.TR2 { color: #222222; background-color: #EFEFEF; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: yellow; }
.TR1 A, .TR2 A { color: #333333; }

textarea, xINPUT { width: 400px; color: #222222;}
.btEnviar  { width: 120px; background-color: #DDDDDD; }

.EditPeq, .EditMed, .EditGra 
{
    background-color: #EFEFFF; color: #335577;
    border: solid 1px #aaaaaa; 
}
.EditPeq { width: 60px; }
.EditMed { width: 100px; }
.EditGra { width: 250px; }

input, textarea {  }

.WizHeader 
{
    font-size: 16px; 
    font-weight:bold; color: #002255; font-family: Arial; 
    margin: 1px 5px 1px 10px;  background-color: #EFEFEF; }
.WizSideBar 
{
    font-size: 16px; font-weight:bold; color: #225599; font-family: Arial; 
    background-color: #EFEFEF;
    padding: 5px 5px 5px 5px;
    width: 100px;
    background-color:#EFEFEF; 
    
}
.WizSideBar A { font-size: 12px; color: #336699; font-family: Arial; text-decoration: none; }

.WizNav {background-color: #EFEFEF;
    padding: 2px 2px 2px 2px;
}
.WizStep {background-color: #E0E0E0;
    padding: 5px 5px 5px 5px;
    font-size: 12px; color: Navy; font-family: Arial;
}
.WizStep span b { color: #3377AA; }
.WizStep span {  margin: 0 5px 0 5px; display:inline-block;
    
    width: 95px; 
    font-size: 12px; color: Navy; font-family: Arial;
    }
    
small { margin: 0 5px 0 5px; font-size: 10px; color: #335577; }

.edwatermark { font-size: 10px; color: Gray; }    



.tab { width : 500px; height :20px; }


.DefaultTab 
{
  color:black; 
  cursor:default;
  width : 210px;
  height :20px;
  text-align: center ;
  border-color :rgb(100,135,220);
  border-bottom :solid 2px;
}

.DefaultTabHover 
{
  background-color: #336699;
  color:White ;
  cursor:hand  ;
  width :210px;
  height :22px;
  text-align: center ;
}


.SelectedTab 
{
  color :White ;
  background-color: rgb(100,135,220);
  cursor:default;
  width : 210px;
  height : 20px;
  text-align: center ;
}