body {
	/*background: #ffb744 url(../images/bg_2.jpg) repeat left bottom;*/
    background: #dbe98a url(../images/bg_2.jpg);
	 font-family: verdana, arial, tahoma;
	 color: black;
 	 margin: 0;
    font-size: 100%;
	 background-repeat: repeat-x;
}
*  {
    margin:0;
    padding:0;
}
html, body {height:100%;}
.geral {
    min-height:100%;
    position:relative;
    width:800px;
}
.footer_bar {
    position:absolute;
    bottom:0;
    width:100%;
}
.content {overflow:hidden;}
.aside {width:200px;}
.fleft {float:left;}
.fright {float:right;}
div {
	vertical-align: top;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 8px;
}
section {
	vertical-align: top; 
	margin: 0 auto;
}
h2, h1, h3 {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 4px;
	color: teal;
}
strong {
   font-size: large;
   font-weight: bold;
	background-color: grey;
	color: white;
  /*text-shadow: 4px 4px 6px #000000;*/
   border: 3px solid #DCDCDC;
   border-radius: 8px;
   padding-left: 7px;
   padding-right: 10px;
   background-image: url(../images/arrow2red.png) no-repeat;
}
blockquote {
	font-weight: bold;
	color: white;
	background-color: #72675f;
} 
em {
   font-size: large;
   font-weight: bold;
	/*background-color: grey;*/
	background-image: linear-gradient(to right, #CACAFF , #8080C0 , navy , #000064);
	color: white;
  /*text-shadow: 4px 4px 6px #000000;*/
   border: 3px solid #DCDCDC;
   border-radius: 8px;
   padding-left: 7px;
   padding-right: 10px;
   background-image: url(../images/arrow2red.png) no-repeat;
}
.iconTitle {
   font-size: large;
   font-weight: bold;
	background-color: grey;
	color: white;
  /*text-shadow: 4px 4px 6px #000000;*/
   border: 3px solid #DCDCDC;
   border-radius: 8px;
   padding-left: 7px;
   padding-right: 10px;
   background-image: url(images/arrow2red.png);
   background-repeat: no-repeat;
   background-position: left;
}
a:link {
   color: lime;
	text-decoration: none;
}
a:visited {
 color: #72675f;
}
a:hover {
  color: #1e90ff;
  text-decoration: underline overline;
}
a:active {
 color: red;
}
#page {
	width: 100%;
	max-width: 930px;
	/*background-color: #316e66;*/
   margin: 0 auto;
}
    /** MAIN **/
#main {
        width: 100%;
        color: #000000;
        
        padding: 0px 0px 0px 0px;
    }
#main h1 {
    color: teal;
    padding-bottom: 0px;
    background: url(../images/bg-20x20.gif);
    	}
img {
	border: 0;
	padding: 2px 10px 2px 2px;
	alignment-baseline: central;
}
.vmid {
	border: 0;
	 vertical-align: sub;
}
small{
	box-align: baseline;
	text-indent: 12px;
}
figure {
	float: right;
  /*width: 30%;*/
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
figcaption {
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
p{
	text-align: justify;
}
p:first-letter{
    display:block;
    float:left;
    margin:0px;
    /*color:Navy; */
    font-size: 110%; 
    font-weight: bold;
}
ul {
	margin-left: 2%;
	padding-left: 4px;
	list-style: disc;
}
p:before{ 
    content: "";
    color:#f00;
}
p:selection {
  background-color: #FFA;
  color: #000;
}
#header {
	margin-bottom: 0px;
	padding-top: 20px;
}
/** Logo **/
#logo {
	float: left;
	margin-bottom: 5px;
	margin-left: 49px;
}
#logo2 {
	float: none;
	margin-bottom: 5px;
	margin-left: 49px;
}
.quadro1 {
background-color: #F0F0F0;
border: 3px solid #DCDCDC;
margin-bottom: 4px;
margin-top: 4px;
border-radius: 12px;
padding-left:5%;
padding-right: 5%;
}
.quadro1a {
background-color: #F0F0F0;
border: 3px solid #DCDCDC;
margin-bottom: 3px;
margin-top: 0px;
border-radius: 12px;
padding-left:2%;
padding-right: 2%;
padding-bottom: 7px;
}
.quadro2 {
background-color: #f0e68c;
border: 3px solid #DCDCDC;
margin-bottom: 4px;
margin-top: 4px;
border-radius: 12px;
}
.quadro3 {
background-color: #FFFFFF; 
opacity: 0.6;
filter: alpha(opacity=30);
border: 3px solid #DCDCDC;
margin-bottom: 4px;
margin-top: 4px;
border-radius: 12px;
}
.quadro4 {
background-color: #BFBFFF;
border: 3px solid navy;
margin-bottom: 4px;
margin-top: 4px;
border-radius: 12px;
padding-left:5%;
padding-right: 5%;
padding-bottom: 7px;
}
.quadro5 {
background-color: #CCFFCC;
border: 3px solid #DCDCDC;
margin-bottom: 4px;
margin-top: 4px;
border-radius: 12px;
padding-left:5%;
padding-right: 5%;
}
.verso {
	border: 0;
	color: #191970;
	font-size: medium;
	margin-left: 15px;
	alignment-baseline: central;
}
.versalete {
 color: olive;
 font-size: 105%;
 float: none;
 margin-left: 10%;
 margin-right: 10%;
}
.note {
	border: 0;
	color: #191970;
	font-size: small;
	text-align: center;
}
.ondas  {
	background: url(../images/back_ondas.gif);
   background-repeat: no-repeat;
}
.ondas2  {
	background: url(../images/back_ondas4.gif);
   background-repeat: no-repeat;
}
.destaque {
	background-color: yellow;
}
.popuptextlink {
        color: darkblue;
        font-weight: bold;
        }
.popuptextbox {
        /*width: 40%;*/
              margin: 0 auto;
              background: rgba(255,255,255,0.2);
              padding: 5px;
              border: 2px solid rgb(225, 250, 2);
              border-radius: 10px/10px;
              background-clip: padding-box;
              font-size: small;
              text-align: center;
        }
/*------------------------------ Sprites ------------------------------*/
#navigation li, #navigation li a:hover, #navigation li.selected a {
         color: rgba(255,255,255, 0.3);
    }
#contents div.box, #contents div.box > div, #contents div.body {
	/* background-image: url(../images/content-box.png);*/
	/* background-repeat: no-repeat;*/
}
#main div.box, #main div.box > div, #main div.box > div > div {
	background-image: url(../images/bg-box.png);
	background-repeat: no-repeat;
}
/*------------------------------ NAVIGATION ------------------------------*/
#navigation {
        /*background: url(../images/bg-navigation.png) no-repeat;*/
        background: url(../images/bg-title.jpg);
        clear: both;
        height: * ;
        width: 100%;
        max-width: 910px;
        margin: 0 auto;
        padding: 5px 5px 5px 5px;
    }
#navigation ul {
	display: inline-block;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
	background-position: 0 -118px;
	background-repeat: no-repeat;
	height: 37px;
	width: 122px;
	margin: 0;
	padding-left: 1px;
	text-align: center;
}
#navigation li:first-child {
	background: none;
	margin-left: 0;
	padding-left: 0;
}
#navigation li a {
	color: #fff;
	display: block;
	font: bold 14px/48px Arial, Helvetica, sans-serif;
	height: 49px;
	text-decoration: none;
	text-transform: uppercase;
	/*text-transform: uppercase;*/
}
#navigation li a:hover {
/*	background-position: 0 -59px; */
	/** color: #6d6157;**/
	text-decoration: underline;
}
#navigation li.selected a {
	background-position: 0 0;
	color: #80FF80;
	text-transform: uppercase;
}
/*------------------------------ NAVIGATION END ------------------------------*/
.item1 {
	/*display: list-item; */
	color: teal;
	padding-left: 18px;
}
.item2 {
	/*display: list-item; */
	font-size: x-small;
	color: #8b0000;
	padding-left: 18px;
}
.item3 {
	/*display: list-item; */
	float: right;
	font-size: x-small;
	color: #8b0000;
	padding-left: 18px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 18px;
	border: 3px solid #DCDCDC;
	margin: 7px 7px 7px 7px;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
	color: #594334;
	font-size: 14px;
	line-height: 37px;
	margin: -38px 0 20px;
	padding-top: 42px;
	text-transform: uppercase;
}
#footer > div {
	background-color: #ac9e94;
	height: 37px;
	width: 90%;
	border-bottom: 1px solid #72675f;
	border-top: 1px solid #cdbeb2;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
#footer ul.navigation {
	float: left;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul.navigation li {
	float: left;
	margin-right: 10px;
}
#footer ul.navigation li a {
	color: #594334;
	padding: 0 5px;
	text-decoration: none;
}
#footer ul.navigation li:first-child a {
	border-left: 0;
	padding-left: 10px;
}
#footer ul.navigation li a:hover {
	color: #eee7c3;
}
#footer ul.navigation li.active a {
	color: #fff;
	/*text-transform: capitalize; */
	text-transform: uppercase underline;
}
#footer p {
	margin: 0;
	text-align: center;
	text-transform: none;
}
.quadro_horiz {
        width: 300px;
        min-height: 250px;
        position: relative;
        border: 1px solid #369;
        /*border-left: 40px solid orange; */
        padding: 5px 5px 8px 5px;
        color: rgba(0, 0, 0, 0.5);
        background: #E1F7F1;
        font-size: medium;
        display: inline-block;
    }
.quadro_horiz2 {
  width: 308px;
  min-height: 250px;
  position: relative;
  border: 0px solid #369;
  /*border-left: 40px solid orange; */
        padding: 0px;
        color: rgba(0, 0, 0, 0.5);
        font-size: medium;
        display: inline-block;
        vertical-align: top;
    }
.quadro_horiz h3 {
        font: bold 12px Sans-Serif;
        letter-spacing: 2px;
        text-transform: uppercase;
        background: url(../images/bg-title.jpg);
        /*background: #369;*/
        color: #fff;
        font-size: medium;
        padding: 5px 10px;
        margin: 0 0 10px 0;
        line-height: 24px;
        vertical-align: top;
    }
.quadro_horiz2 h3 {
        font: bold 12px Sans-Serif;
        letter-spacing: 2px;
        text-transform: uppercase;
        background: url(../images/bg-title.jpg);
        /*background: #369;*/
        color: #fff;
        font-size: medium;
        padding: 5px 10px;
        margin: 0 0 10px 0;
        line-height: 24px;
    }
    
.quadro_horiz3 {
  width: 308px;
  position: relative;
  border: 3px solid #369;
border-radius: 12px;
background: white;
margin-bottom: 4px;
margin-top: 4px;
padding: 7px;
color: rgba(0, 0, 0, 0.5);
font-size: medium;
display: inline-block;
    }