body {
	font-size: 12px;
	font-family: Tahoma, Arial;
	/*background: #FFFFFF;*/
	margin: 0 auto;
	padding: 0px;
	/*background-image: url('/images/grid.gif');*/
}


/* for all browsers that understand min-width */
#width {width:96%; min-width:980px; margin:0 auto;}

/* the bodge for IE6 browsers */
* html #minwidth {border-left:980px solid #fff; position:relative; float:left; z-index:1;}
* html #page_wrapper {margin-left:-980px; position:relative; float:left; z-index:2; text-align:left;}


#page_wrapper {
  text-align: left;

}


/**
 * VIEW SITE
 */
.a2 {
  /*border: 1px dotted orange;*/
  /*padding-left: 1em;*/
  padding-right: 1.5em;
  margin: 3px 3px;
  background-color: #FFFFFF;
  /*outline: 1px dotted gray;*/
}

.a2 h3 {
  color: #666666;
  border-bottom: 1px solid #EEEEEE;
  font-family: 	arial,verdana,helvetica,sans-serif;
  font-size: 14pt;
  font-weight: bold;
  padding-left: 14px;
  margin-bottom: 0px;
  /*text-align: right;*/
}

.a2 div {
  font-family: 	tahoma,georgia;
  font-size: 10pt;
  padding-left: 20px;
  padding-right: 20px;
  /*text-align: right;*/
}



ul {
  margin: 0;
  list-style-type: none;
}

#rosaVentos {
  /*margin: 0 auto;
  width: 150px;*/
  background-image: url('../images/RosaVentos.gif');
  background-repeat: no-repeat;
  /*background-position: 5px 5px;*/
  background-position: center center;
}


/**
 *  BLOCOS
 */
div.panel {
  margin: 10px 5px;
  /*border: 5px dotted red;*/
}

div.panelBody {
	border: 1px solid #B5C9DF;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding: 2px 4px 0px 4p;
}



h5 {
	color: #336397;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 6px;
	padding-left: 10px;
	background: #B5C9DF; /*#F0F5FB;*/
}


/**
 * MAPA
 */
#mapa {
  height: 420px;
  padding: 0 3;
}

/**
 * TABELAS
 */
#tabela_sites {
  color: #336397;
  background-color: #fff;
  font-family: tahoma, arial;
  font-weight: bold;
  font-size: 8pt;
  border-left: 1px solid #B5C9DF;
  border-right: 1px solid #B5C9DF;
  border-bottom: 1px solid #B5C9DF;
}

#tabela_sites h5 {
  margin: 0;
  padding: .5em 1em;
  background-color: #C2D8EF; 
  color: #336397;
  font-size: 10pt;
  font-weight: bolder;
}


#tabela_sites th {
  font-size: 9pt;
  height: 26px;
  background-color: #D6E3F1;
  border-bottom: 3px solid #5A95CF;
}

#tabela_sites tr.row0 {
  background-color: #F0F5FB;
}

#tabela_sites tr.row1 {
  background-color: #fff;
}

#tabela_sites a:link {
  text-decoration: none;
}

#tabela_sites a:hoover {
  text-decoration: underline;
}

#tabela_sites a:link,
#tabela_sites a:visited,
#tabela_sites a:active {
	color: #336397;
}


.ginput {
  font-family: tahoma;
  font-size: 7pt;
  border: 2px solid orange;
}



/**
 * ROUND CORNERS
 *  xsnazzy
 */

.xsnazzy h5, .zsnazzy h5 {
  margin:0;
  font-size:1.2em;
  padding:0 10px 5px 10px;
  border-bottom:1px solid #B5C9D;
  color: #336397;
}

.xsnazzy p, .zsnazzy p {
  margin:0;
  padding:5px 10px;
  font-size:10px;
}
.xsnazzy {
  background: transparent;
  /*width:240px; */
  /*float:left; */
  margin:0 3px;
  margin-bottom: .5em;
}

.xtop, .xbottom {
  display:block;
  background:transparent;
  font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
  display:block;
  overflow:hidden;
}
.xb1, .xb2, .xb3 {
  height:1px;
}
.xb2, .xb3, .xb4 {
  background:#fff;
  border-left:1px solid #B5C9DF; /* #444; */
  border-right:1px solid #B5C9DF; /*#444;*/
}
.xb1 {
  margin:0 5px;
  background:  #B5C9DF;
}
.xb2 {
  margin:0 3px;
  border-width:0 2px;
}
.xb3 {
  margin:0 2px;
}
.xb4 {
  height:2px;
  margin:0 1px;
}

.xboxcontent {
  display:block;
  border:0 solid  #B5C9DF;
  border-width:0 1px;
  height:auto;
}
* html .xboxcontent {
  height:1px;
}

.color_a {
  background: #B5C9DF;
  color:#fff;
}
.color_b {
  background:#d4d8bd;
  color:#000;
}
.color_c {
  background:#758279;
  color:#fff;
}
.color_d {
  background:#b2ab9b;
  color:#000;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 1px;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block; line-height: 0px;}

/* Hides from IE-mac \*/
* html .clearfix {height: 0;line-height: 0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

