/* CSS Document */
body{
  font-size: 12px;
}

h1{
  font-size:20px;
  color:#0066CC;
  /*text-shadow: #DDDDDD;*/
  margin: 10px;
}

h2{
  font-size:14px;
  margin: 5px;
}

h2 a{
  color: #000;
}

#buttons{
  margin-left:320px;
}

dl{
  padding: 15px;
}
dt{
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}
dd{
  font-size: 12px;
}

p{
  text-align: justify;
  line-height: 20px;
}

#brpay{
  float : right;
}

#valida{
  position: relative;
  top: -8px;
  color:red;
  left:8px;
  clear:both;
}

#cadastro{
  float : left;
  width: 90%;
  margin-left: 50px;
  margin-top: 15px;
  color: #666666;
  clear:both;
}

#cadastro input, select, textarea{
  padding: 2px;
  margin: 2px 8px 8px 8px;
  clear:both;
}

#cadastro label{
  padding: 0px;
  margin: 0px;
  clear:both;
}

#cadastro button, reset, submit{
  padding: 5px;
  margin: 10px 10px 10px 10px;
  width: 85px;
  clear:both;
}

#gallery{
  float : left;
  width: 90%;
  margin-left: 20px;
  margin-top: 20px;
  color: #AAAAAA;
  clear:both;
}

#gallery img{
  padding: 5px;
  margin: 20px;
  border: 1px #666666 solid;
  background-color: rgb(232,232,232);
}

#toc{
  float : left;
  border: 2px #DDDDDD solid;
  list-style: outside url(../images/marker.gif);
  width: 180px;
  margin-right: 10px;
  margin-top: 20px;
  color: #AAAAAA;
}

#toc dd{
  margin-left: 20px;
}

#toc .title{
  font-weight: bold;
}

#toc a{
  text-decoration: none;
  color: #AAAAAA;
  font-size: 12px;
}

#toc a:hover{
  text-decoration: underline;
}

#conteudo{
  margin-left: 230px;
  margin-bottom: 15px;
}

.box h2{
  color: #00264D;
}

.box h2:hover{
  color: #C75414;
}

.div_box h1{
  
}

.div_box h1:hover{
  color: #C75414;
}

.box,.div_box{
  display: block;
  padding: 10px;
  margin: 5px;
  text-decoration: none;
  color: black;
}

.box{
  background: #F0F0F0;
}

.div_box{
  border: 0px orange solid;
}

.box:hover{
  text-decoration: none;
  background: #DDDDDD;
}

.box p{
  color: black;
  text-decoration: none;
}

.box p : hover{
  color: black;
  text-decoration: none;
}

.div_box ul{
  list-style: inside url(../images/marker.gif);
  padding : 10px;
  margin-bottom: 20px;
}

.produto_box{
  display: block;
  border: 1px orange solid;
  padding: 10px;
  margin: 5px;
  text-decoration: none;
  color: black;
}
#promo{
  width: 500px;
}
.tabela,.tabela td{
  border: 1px #DDDDDD solid;
  margin: 10px;
}
.tabela td,.tabela th{
  padding: 10px;
}
.tabela caption{
  font-size: 16px;
}
.tabela thead, .tabela tfoot{
  font-weight: bold;
  background-color: #DDDDDD;
}
.downloadlist{
  margin: 10px;
  list-style: none;
}
.downloadlist li{
  padding: 10px;
}

.download{
  background: url(../images/setup_icon.gif) no-repeat left center;
  display: block;
  height: 30px;
  padding-left: 30px;
  padding-top: 10px; 
  vertical-align: middle;
}

/* New TOC */
#TourMenu {
   float: left;
   width: 220px;
   margin-bottom: 10px; 
   }
#TourMenu div {
   margin: 0px;
   background: #f5f9ff;
   border: 1px solid #ddd;
   padding: 4px;
   }
#TourMenu ul {
   background: #DBEBFB;/*#EBECFF;*/
   padding: 2px;
   }
#TourMenu li {
   font-weight: bold;
   font-size: 12px;
	margin: 0px !important;
	padding: 0px !important;
	display: inline; /* IE Trick to get rid of extra padding between list items. */
	 }
#TourMenu li span {
   padding-left:2px;
   display: inline;
	font-size: 11px;
	line-height: 300%;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
   }
#TourMenu li a,
#TourMenu li a:hover {
   display: block;
   padding: 6px 2px 6px 12px;
   text-decoration: none;
   font-weight: normal;
	color: #555;
}
#TourMenu li a:hover {
   background: #3B82C1;/*#FFFFCC;*/
   color: white;
}

#TourMenu li a.active {
  background: #3B82C1 url(../images/mark.gif) no-repeat left center;
  color: white;
}
ul.questions{
  list-style-position: inside;
  padding: 10px;
}
ul.questions li{
  margin-bottom: 20px;
}

div.answer{
  padding: 20px 0 20px 0;
  border-top: 1px #AAA dashed;
}
.produto_box ul{
  padding: 10px;
}