/*  CSS Reset de Thalis Valle */

    html, body, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var, dl, dt,
    dd, ol, ul, li, fieldset, form, label, legend, table,
    caption, tbody, tfoot, thead, tr, th, td  {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-family: inherit
    }

    img  {
    display:block
    }

    :focus {
    outline: 0
    }

    ol, ul  {
    list-style: none
    }
ul.corneta
  {
    list-style: none;
    list-style-image: url(img/cor1_ul.jpg);
    list-style-position: inside;
    }

    table  {
    border-collapse: separate;
    border-spacing: 0
    }

    caption, th, td  {
    text-align: left;
    font-weight: normal
    }

    lockquote:before, blockquote:after, q:before, q:after {
    content: ""
    }

    blockquote, q  {
    quotes: "" ""
    }

#popup {
        position: absolute;
        top: 30%;
        left: 30%;
        width: 300px;
        height: 150px;
        padding: 20px 20px 20px 20px;
        border-width: 2px;
        border-style: solid;
        background: #ffffa0;
        display: none;
        }
#cabecae
        {
          left: 1em;
          position: absolute;
          top: 0em;
          padding-left: 0em;
          padding-right: 0em;
          margin-left: 0em;
          margin-right: 0em;
        }
#cabecad
        {
          right: 2em;
          left: 12%; /* alterar esta percentagem será diminuído o marquee */
          width: 80%;
          position: relative;
          top: 1em;
          padding-left: 0em;
          padding-right: 0.2em;
          margin-left: 0em;
          margin-right: 0em;
        }

body {
        margin:0;
	padding:0;
	width:98.3%;
	border:none;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	background:#98fb98;
	color:#333;
	text-align:center;
	}
/* marquee com borda */
marquee {
          border-style: outset;
          border-color: #00FFFF;
          color: #0000ff;
          font-style: oblique;
          font-size: 12px;
	}


#tudo {
	width:99%;
	margin:0 auto;
	margin-left:15px;
	text-align:justify;
/*	border:dotted #c30; */
	}
#tudo_a {
	width:80%;
	color:#ffffff;
        margin:0em 0em 0em 1em;
        padding:0em 0em 0em 1em;
	text-align:justify;
	border:dotted #009900;
	background-color: #0000ff;
	}
#tudo_b {
 	width:99%;
 	font: 16px verdana, arial, helvetica, sans-serif;
	margin:0 auto;
	text-align:justify;
	}
#topo {
	background-repeat: no-repeat;
	position: relative;
	margin-left:5px;
	width:99%;
	height: 100px;
	background-position: 0px 0px;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #333333;
	border-left: none;
}
#topo2 {
	background-repeat: no-repeat;
	position: absolute;
	margin-left:5px;
	width:99%;
	height: 100px;
	background-position: 0px 0px;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #333333;
	border-left: none;
}
#topo_a {
	background-repeat: no-repeat;
	font: 16px verdana, arial, helvetica, sans-serif;
	position: absolute;
	margin-left:5px;
	width:99%;
	height: 100px;
	background-position: 0px 0px;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #333333;
	border-left: none;
}
/* figura alinhada à esquerda */
#figesq
       {
         position: absolute;
         top: 10em;
         left: 0.2em;
         /* border: 1 1 1 1 solid; */
       }
#fig_baixo
       {
         position: relative;
         top: 20px;
         text-align:"center";
       }
#fig_centro
       {
         position: relative;
         top: 30px;
         left: 1%;
       }
#map_new
       {
         position: relative;
         top: 1em;
         left: 0.2em;
         /* border: 1 1 1 1 solid; */
       }
/* figura alinhada à direita falacli */
#figdirfala
       {
         position: relative;
         top: 10em;
         left: 24em;
         color: #00FF00;
       }
#dir_a
       {
         position: relative;
         padding: 5em 10em 0em 0em;
         margin: 5em 10em 0em 60em;
         padding: 0em 0em 0em 0em;
       }
/* fomulário para */
input
{
/*  background-color: #B0E0E6; */
  font: 12px verdana, arial, helvetica, sans-serif;
  color:#003399;
  border:2px solid #000099;
}
#form
     {
       font:12 arial, verdana, helvetica, sans-serif;
     }
#form th
      {
        padding:0.1em;
        font: bold 15 arial, verdana, helvetica, sans-serif;
        border-bottom:0em solid #00FFFF;
      }
#form tr
      {
        padding:0.1em;
        font: bold 15 arial, verdana, helvetica, sans-serif;
        border-bottom:0em solid #00FFFF;
      }
#form td
        {
          padding:0.2em;
        }
#form input
           {
             background:#00FFFF;
             border:0.1em dashed #ff9900;
           }
#form select
            {
              background:#00FFFF;
            }
#form textarea
              {
                border:0.1em dashed #ff9900;
                background:#00FFFF;
              }
#form input.botao
                 {
                   background:#0000FF;
                   color:#FFFFFF;
                   border:0.1em solid #0000FF;
                 }
.fundo_topo {
        background-image: url(Untitled-2_r2_c2.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
/* Posicionamento de imagem no centro da página*/
#imgpos
      {
        position:absolute;
        left:50%;
        top:50%;
        margin-left:-110px; /* Dependendo do tamanho da img o quanto da esquerda*/
        margin-top:-40px;   /* Dependendo do tamanho da img o quanto do topo*/
      }
#topo1 {
	height:50px;
	border-bottom:1px solid #c30;
	}
#rodape {
	background-color: #ffcc00;
	position: relative;
	margin-left:10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0000ff;
	padding: 3px;
	clear: both;
	text-align:center;
}
#rodape1 {
	clear:both;
	text-align:center;
	border-top:1px solid #0000ff;
	}
#principal {
	float:left;
	background-color: #0000ff;
	color:#ffffff;
	width:66%;
	margin-left:10px;
	text-align:justify;
	border-width: 0 1px;
	padding: 0 2px;
	border:dotted #0000ff;
	}
#principal_t {
	width:50%;
 	text-align:justify;
	border-width: 0 5px;
	padding: 0 2px;
	border:dotted #0000ff;
	}
#esq {
	width:10%;
	float:left;
	margin: 15px 0px 0px 0px;
	font-size: 150%;
	}
#fonte {
	font-size: 150%;
	color: #0000ff;
	}
#fonte_a {
	font-size: 130%;
	color: #0000ff;
	}
#direita {
	width:20%;
	background-color: #ffcc00;
	float:left;
/*	margin-left:10px; */
	margin: 15px 0px 0px 16px;
	padding: 0 2px 0 0;
	}
#direita_a
          {
            float:left;
            background-color: #0000ff;
            color:#ffffff;
            width:21%;
            margin-left:0px;
            text-align:justify;
            border-width: 0 1px;
            padding: 0 2px;
            border:dotted #0000ff;
          }
#editorial {
	border: 1px solid #333333;
	padding: 0px;
	margin: 2px;
	background-image: url(img/fundo_box.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#editorial_a {
	border: 1px solid #333333;
	padding: 5px 25px 5px 5px;
	margin: 5px 15px 5px 5px;
	background-image: url(img/fundo_box.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#menor {
	color: #006699;
	font-size: 9px;
	text-align: left;
}
#menor_am {
	color: #0000ff;
	font-size: 12px;
	text-align: left;
}
#menu {
	font-size: 12px;
	color: #000000;
	background-color: #f3f781;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#menu a {
	text-decoration: none;
	color: #0000ff;
}
#menu a:visited {
	text-decoration: none;
	color: #0000ff;
}
#menu a:hover {
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;

}
#menu2 {
        margin-top:50px;
        font-size: 12px;
	color: #0000ff;
	background-color: #FFCC00;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#menu2 a {
	text-decoration: none;
	color: #0000ff;
}
#menu2 a:visited {
	text-decoration: none;
	color: #0000ff;
}
#menu2 a:hover {
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;

}
.txgrande {
	font-size: 20px;
	color: #0000ff;
}
.txazul {
	font-size: 16px;
	color: #0000ff;
	text-align: center;
}
.txazul_b {
	font-size: 16px;
	color: #0000ff;
	text-align: justify;
}
.tabazul
        {
          font-weight:bold;
border-style: solid solid solid solid;
border: groove;
        }
.txazul_a {
	font-size: 14px;
	color: #0000ff;
	text-align: center;
}
.preto {
	font-size: 16px;
	color: #0000ff;
	text-align: center;
}
/*.txpequeno {
	font-size: 16px;
	color: #990000;
	margin-top: 2px;
}
*/
.txpequeno {
	color: #006699;
	font-size: 18px;
	text-align: center;
}
#txmenor
       {
	 font-size: 10px;
       }
#foto {
	float: left;
	margin: 4px;
}
.botao2 {
	border: 1px solid #0000ff;
	background-color: #F8F7F1;
}
.botao_a {
	border: 1px solid #0000ff;
	color: #0000ff;
	font-size: 120%;
	background-color: #98fb98;
}
.botao
      {
        position:relative;
        top:20px;
        left:50px;
        margin:0px;
        padding:0px;
      }
.botao a, .botao a:visited
                         {
                           font: bold 12px/24px arial, helvetica, sans-aerif;
                           padding:0px;
                           text-decoration: none;
                           text-align:center;
                           color:#fff;
                           background: #666 url('img/botao_link.gif') no-repeat center center;
                           width:120px;
                           height:24px;
                           display:block;
                         }

.botao a:hover
             {
               background: #666 url('img/botao_hover.gif') no-repeat center center;
               color:#999;
             }
.botao1
     {
       position:relative;
       top:0px;
       left:2px;
       margin:0px;
       padding:0px;
     }

.botao1 a, .botao1 a:visited
                         {
                           font: bold 12px/24px arial, helvetica, sans-aerif;
                           padding:0px;
                           text-decoration: none;
                           text-align:center;
                           color:#fff;
                           background: #228B22 url('img/b2.gif') no-repeat center center;
                           width:100px;
                           height:24px;
                           display:block;
                         }

.botao1 a:hover
             {
               background: #228B22 url('img/b1.gif') no-repeat center center;
               color:#009900;
             }
.style1 {color: #000000}
.style2 {
	color: #0000ff;
	font-style: italic;
}
#ret a {
	color: #0066CC;
	text-decoration: none;
        margin: 0px 0px 0px 0px;
	padding: 2px;
}
#ret a:visited {
	color: #0066CC;
	text-decoration: none;
        margin: 0px 0px 0px 0px;
	padding: 2px;
}
#ret a:hover {
	color: #0066CC;
	text-decoration: none;
	border: 1px solid #333333;
        margin: 0px 0px 0px 0px;
	padding: 1px;
}
.bordaum td
           {
             background:#f0ffff;

           }
.bordadois td
           {
             background:#0000ff;
             color:#ffffff;
           }
.bordatres td
           {
             background:#ffd700;
             border:1px solid #87ceeb;
           }
/* Tabela com linhas duplas */
table.tabeladois
               {
                 border-width: 1 1 1 1;
                 border-style: solid solid solid solid;
                 border-top: 0;
                 border-right: 0.1em;
                 border-bottom: 0;
	         border-left: 0.1em;
	         border: groove;
	         table-layout:fixed;
	         word-wrap:break-word;
               }
tr.linhadois
             {
               background-image: url(img/bege.gif);
               display: block;
	       text-align: center;
               border-width: 1 1 1 1;
               border-style: solid solid solid solid;
               border-top: 0;
               border-right: 0.1em;
               border-bottom: 0;
	       border-left: 0.1em;
	       border: groove;
             }
td.colunadois
             {
               display: block;
	       text-align: left;
               border-width: 1 1 1 1;
               border-style: solid solid solid solid;
               border-top: 0;
               border-right: 0.1em;
               border-bottom: 0;
	       border-left: 0.1em;
	       border: groove;
             }

table.gogab
	{
	visibility: visible;
	width: 80%;
	position: relative;
	text-align: justify;
	font-style: italic;
	font-weight: bold;
	}
table.gogc
	{
	visibility: visible;
	width: 98%;
	position: relative;
	text-align: center;
	}
tr.goga
	{
	background-color: transparent;
	}
tr.gogc
	{
	background-color: transparent;
	text-align: center;
	}
td.goga
	{
	background-color: transparent;
	padding: 0px 0.2em 0px 0.2em;
	border-width: 0.2em 0.2em 0.2em 0.2em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: justify;
	}
td.gogc
	{
	background-color: transparent;
	padding: 0px 0.2em 0px 0.2em;
	border-width: 0.2em 0.2em 0.2em 0.2em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: justify;
	font-size: 120%;
        color:#ff0000;
        font-weight: bold;
	}
td.gogcj
	{
	background-color: transparent;
	padding: 0px 0.2em 0px 0.2em;
	border-width: 0.2em 0.2em 0.2em 0.2em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: justify;
        color:#ff0000;
        font-weight: bold;
	}
td.gogd
	{
	background-color: transparent;
	padding: 0px 0.2em 0px 0.2em;
	border-width: 0.2em 0.2em 0.2em 0.2em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: center;
	}
td.gogab
	{
	color:#0000ff;
	background-color: transparent;
	padding: 0px 0.2em 0px 0.2em;
	border-width: 0.2em 0.2em 0.2em 0.2em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: justify;
	}
td.gogac
	{
        background-color: transparent;
	padding: 0px 0.2em 0px 0.2em;
	border-width: 0.2em 0.2em 0.2em 0.2em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: justify;
	}
td.gogad
	{
	background-color: transparent;
	padding: 0px 0.2em 0px 0.2em;
	border-width: 0.2em 0.2em 0.2em 0.2em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: right;
	}
th.goga
	{
	padding: 0.1em 0.2em 0.2em 0.2em;
	border-width: 0.1em 0.1em 0.1em 0.1em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: transparent;
	text-align: justify;
	}
/* Tabela sem borda*/
table.sem
	{
        border: 1;
        visibility: visible;
	table-layout:fixed;
	width:95%;
	word-wrap:break-word;
	position: relative;
	}
tr.sem
	{
 	font: bold;

	}
td.sem
	{
	background-color: #ffffff;
	text-align: center;
	}
/* Tabela simples*/
table.sem2
	{
        border: 1;
        visibility: visible;
	table-layout:float;
	width:50%;
	word-wrap:break-word;
	position: relative;
	}
tr.sem2
	{
 	font: bold;

	}
td.sem2
	{
        background-color:transparent
	text-align: center;
	}
td.sem3
	{
        background-color:transparent
	text-align: justify;
	}
/*Tabela com fundo branco*/
/* Tabela branca usa o seu conteúde é wite com texto em black */
table.branca
	{
        color: #000000;
        visibility: visible;
	table-layout:fixed;
	width:80%;
	word-wrap:break-word;
	position: relative;
	}
tr.branca
	{
	font-size: 12;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #ffffff;
	}
td.branca
	{
	background-color: #ffffff;
	text-align: left;
	}
td.op
	{
        width:10%;
        background-color: #ffffff;
	text-align: left;
	}
th.branca
	{
	text-align: left;
	}
#main {
    display:inline; /*Bug da margem dupla para floats no IE*/
    float:left;
    width:30%;
    margin-left:20%;
    background-color: #F8F7F1;
    }
/* Transforma as cracterísticas nos links conforme especificado */
a:link
              {
                text-decoration: none;
                color: #ffff00;
              }
a:visited
                 {
                   text-decoration: none;
                   color: #ffffff;
                 }
a:hover
       {
         color: #4169E1;
         margin: 0; /* hack para o IE*/
         background-color: #66ffff;
       }
a:active
                {
                  text-decoration:none;
                  color: #009900;
                }

/* Alinhamento de imagem */
.left {float:left; margin-left:0; margin-right:10px; margin-bottom:5px;}
.right {float:right; margin-right:0; margin-left:10px; margin-bottom:5px;}
.center {float:none; display:block; margin-left:auto; margin-right:auto;}

a.classe_a:link
              {
                text-decoration: blink;
                color: #0000ff;
              }
a.classe_a:visited
                 {
                   text-decoration: none;
                   color: #0000ff;
                 }
a.classe_a:hover
       {
         text-transform: uppercase;
         color: #4169E1;
         margin: 0; /* hack para o IE*/
         background-color: #0000ff;
       }
a.classe_a:active
                {
                  text-decoration:none;
                  color: #009900;
                }
a.classe1:link
              {
                text-decoration: none;
                color: #0000ff;
              }
a.classe1:visited
                 {
                   text-decoration: none;
                   color: #0000ff;
                 }
a.classe1:hover
       {
         text-transform: uppercase;
         color: #4169E1;
         margin: 0; /* hack para o IE*/
         background-color: #ffffff;
       }
a.classe1:active
                {
                  text-decoration:none;
                  color: #009900;
                }
/* O mesmo do classe 1, sem uppercase*/
a.classe1s:link
              {
                text-decoration: none;
                color: #0000ff;
              }
a.classe1s:visited
                 {
                   text-decoration: none;
                   color: #0000ff;
                 }
a.classe1s:hover
       {
         color: #4169E1;
         margin: 0; /* hack para o IE*/
         background-color: #ffffff;
       }
a.classe1s:active
                {
                  text-decoration:none;
                  color: #009900;
                }
a.classe1a:link
              {
                text-decoration: none;
                color: #0000ff;
              }
a.classe1a:visited
                 {
                   text-decoration: none;
                   color: #000000;
                 }
a.classe1a:hover
       {
         text-transform: uppercase;
         color: #4169E1;
         margin: 0; /* hack para o IE*/
         background-color: #ffffff;
       }
a.classe1a:active
                {
                  text-decoration:none;
                  color: #009900;
                }
a.classe1b:link
              {
                text-decoration: blink;
                color: #0000ff;
              }
a.classe1b:visited
                 {
                   text-decoration: none;
                   color: #0000ff;
                 }
a.classe1b:hover
       {
         color: #4169E1;
         margin: 0; /* hack para o IE*/
         background-color: #ffffff;
       }
a.classe1b:active
                {
                  text-decoration:none;
                  color: #009900;
                }
a.classe1ba:link
              {
                text-decoration: blink;
                color: #0000ff;
              }
a.classe1ba:visited
                 {
                   text-decoration: none;
                   color: #0000ff;
                 }
a.classe1ba:hover
       {
         color: #4169E1;
         margin: 0; /* hack para o IE*/
         background-color: #ffffff;
       }
a.classe1ba:active
                {
                  text-decoration:none;
                  color: #009900;
                }
a.classe2:link
              {
                text-decoration: none;
                color: #009900;
              }
a.classe2:visited
                 {
                   text-decoration: none;
                   color: #000000;
                 }
a.classe2:hover
       {
         text-transform: uppercase;
         color: #ff0;
         margin: 0; /* hack para o IE*/
         background-color: #ff0;
       }
a.classe2:active
                {
                  text-decoration:none;
                  color: #0000ff;
                }
a.classe3:link
              {
                text-decoration: none;
                color: #0000ff;
              }
a.classe3:visited
                 {
                   text-decoration: none;
                   color: #0000ff;
                 }
a.classe3:hover
       {
         color: #0000ff;
         margin: 0; /* hack para o IE*/
         background-color: #009900;
       }
a.classe3:active
                {
                  text-decoration:none;
                  color: #0000ff;
                }
a.classe3a:link
              {
                text-decoration: none;
                color: #0000ff;
                font-size: 14px;
              }
a.classe3a:visited
                 {
                   text-decoration: none;
                   color: #0000ff;
                 }
a.classe3a:hover
       {
         color: #0000ff;
         margin: 0; /* hack para o IE*/
         background-color: #009900;
       }
a.classe3a:active
                {
                  text-decoration:none;
                  color: #0000ff;
                }
a.classe4:link
              {
                text-decoration: none;  /* O que apaece inicialmente */
                color: #0000ff;
              }
a.classe4:visited
                 {
                   text-decoration: none;
                   color: #ffffff;  /* O que apaece após o clique */
                 }
a.classe4:hover
       {
         color: #ffffff;
         text-decoration: none;
         margin: 0; /* hack para o IE*/
         background-color: #009900;
       }
a.classe4:active
                {
                  text-decoration:none;
                  color: #ffffff;
                }
a.classe4a:link
              {
                text-decoration: none;  /* O que apaece inicialmente */
                color: ##fff000;
                text-transform: uppercase;
                margin-left:5px;
              }
a.classe4a:visited
                 {
                   text-decoration: none;
                   color: #ffffff;  /* O que apaece após o clique */
                 }
a.classe4a:hover
       {
         color: #ffffff;
         text-decoration: none;
         margin: 0; /* hack para o IE*/
         background-color: #009900;
       }
a.classe4a:active
                {
                  text-decoration:none;
                  color: #ffffff;
                }
a.classe4b:link
              {
                text-decoration: none;  /* O que apaece inicialmente */
                color: #ffffff;
                margin-left:5px;
              }
a.classe4b:visited
                 {
                   text-decoration: none;
                   color: #ffffff;  /* O que apaece após o clique */
                 }
a.classe4b:hover
       {
         color: #ffffff;
         text-decoration: none;
         text-transform: uppercase;
         margin: 0; /* hack para o IE*/
         background-color: #0000ff;
       }
a.classe4b:active
                {
                  text-decoration:none;
                  color: #ffffff;
                }
a.classe5:link
              {
                background-color: #009900;
                text-decoration: none;  /* O que aparece inicialmente */
                color: ##fff000;
                text-transform: uppercase;
                margin-left:5px;
              }
a.classe5:visited
                 {
                   text-decoration: none;
                   color: #0000ff;  /* O que apaece após o clique */
                 }
a.classe5:hover
       {
         color: #ffffff;
         text-decoration: none;
         margin: 0; /* hack para o IE*/
         background-color: #ff0000;
       }
a.classe5:active
                {
                  text-decoration:none;
                  color: #ffffff;
                }
a.classe6:link
              {
                text-decoration: none;
                text-align: justify;
                color: #0000ff;
                font-size: 130%;
                font-weight:bolder;
              }
a.classe6:visited
                 {
                   text-decoration: none;
                   color: #009900;
                 }
a.classe6:hover
       {
         text-transform: none;
         color: #ffff00;
         margin: 0; /* hack para o IE*/
         background-color: #009900;
       }
a.classe6:active
                {
                  text-decoration:none;
                  color: #fff000;
                }
.azul
        {
           color: 0000ff;
        }
.branco
        {
           color: ffffff;
        }
ul
  {
    list-style-image: url(img/rmw_ul.gif);
    list-style-position: inside;
  }
/* outro efeito no texto. Para usar coloquedentro da div tudo a
div efeito1 com a frase desejada após fechar adiv coloque a div texto com a
mesma frase*/
#tudo2 {
	width:99%;
	margin:0 auto;
	text-align:justify;
	}
div.tudo2 {position:relative; background:#0000ff; width:12.8em; height:5em;}
div.texto2, div.efeito12, div.efeito22 {
	font: 50px "Arial black", Helvetica, sans-serif;
	}
div.texto2 {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	}
div.efeito12 {
	position:absolute;
	left: 2px;
	top: -2px;
	color:#0cf;
	}
div.efeito22 {
	position:absolute;
	left: 3px;
	top: -3px;
	color:#fff;
	}
/* div para colocar legenda na figura */
div.fig-leg
          {
            width: 25%;
            border-width: medium;
            border-style: outset;
            border-color: #5F9EA0;
            margin: 0.5em;
            padding: 0.5em;
            margin-left:-85px;
          }
div.fig-leg p
            {
              text-align: center;
              font-style: italic;
 /*             font-size: smaller; */
              text-indent: 0;
            }
/* Posição de texto para as cartas e comunicados */
#maintx
       {
         position: absolute;
         width: 97%;
         top: 4em;
         left: 1em;
         font-size: 16;
         text-align: justify;
       }
.dois1
     {  /* Classe para o cabeçalho */
      /* width:400px;  Largura total - Se você omitir ocupará toda a linha */
       font: 25px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
       color: #0000ff; /* Cor da fonte */
       text-align:center;
       background: #8EE481; /* Cor do fundo*/
       border-bottom: 2px solid #0000ff; /* Borda em baixo */
       border-left: 15px solid #0000ff; /* Borda a esquerda*/
       border-top: 2px solid #0000ff; /* Borda em cima */
       border-right: 15px solid #0000ff; /* Borda a direita */
       padding-left:5px; /* Espaçamento do texto a esquerda */
     }
.dois2
     {  /* Classe para o cabeçalho */
       width:400px; /* Largura total - Se você omitir ocupará toda a linha */
       font: 25px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
       color: #0000ff; /* Cor da fonte */
       text-align:center;
       background: #ff; /* Cor do fundo*/
       border-bottom: 2px solid #0000ff; /* Borda em baixo */
       border-left: 15px solid #0000ff; /* Borda a esquerda*/
       border-top: 2px solid #0000ff; /* Borda em cima */
       border-right: 15px solid #0000ff; /* Borda a direita */
       padding-left:5px; /* Espaçamento do texto a esquerda */
     }
.dois3
     {  /* Classe para o cabeçalho */
      /* width:400px;  Largura total - Se você omitir ocupará toda a linha */
       font: 25px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
       color: #ff0000; /* Cor da fonte */
       text-align:center;
       background: #8EE481; /* Cor do fundo*/
       border-bottom: 2px solid #ff0000; /* Borda em baixo */
       border-left: 15px solid #ff0000; /* Borda a esquerda*/
       border-top: 2px solid #ff0000; /* Borda em cima */
       border-right: 15px solid #ff0000; /* Borda a direita */
       padding-left:5px; /* Espaçamento do texto a esquerda */
     }
.estilo
      {  /* Classe para o cabeçalho */
       width:180px; /* Largura total - Se você omitir ocupará toda a linha */
       font: 12px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
       color: #0000ff; /* Cor da fonte */
       text-align:center;
       background: #87CEFA; /* Cor do fundo*/
       border-bottom: 2px solid #0000ff; /* Borda em baixo */
       border-left: 15px solid #0000ff; /* Borda a esquerda*/
       border-top: 2px solid #0000ff; /* Borda em cima */
       border-right: 15px solid #0000ff; /* Borda a direita */
       padding-left:5px; /* Espaçamento do texto a esquerda */
     }
img.pos  /* Colocação de imagem Os valores para a propriedade são: top, text-top, middle, baseline, text-bottom, bottom, sub, super, porcentagem e medida CSS */
              {
                vertical-align: middel;
              }
/* Alinhamento vertical de imagem com uma frase*/
img.meio
              {
                vertical-align: middle;
              }
img.dir
              {
                vertical-align: right;
              }
img.esq
              {
                vertical-align: left;
              }
/* Alinhamento vertical de imagem */
img.top1  /* Texto no topo e na esquerda da imgem*/
      {
        vertical-align: text-top;
      }
img.top2  /* Imagem no topo*/
      {
        vertical-align: top;
      }
h2.verde
        {
           color: 009900;
        }
h2.azul
        {
           color: 0000ff;
           font-size: 150%;
        }
h2.red
        {
           color: ff0000;
        }
h3.azul
        {
           color: 0000ff;
        }
    /* BOTÃO BÁSICO
    Exemplo:
        <a class="but" href="http://www.mainframe.blog.br" target="_blank">Normal Button</a>
    <button type="button" onclick="window.open('http://www.mainframe.blog.br');">Normal Button</button>
    */

.but
   {
    display: inline-block;
    background-color: #0000ff;
    color: #444;
    padding: 30px 20px;
    text-decoration: none;
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 16px;
    border: 0px;
    }
.ident
 {
   text-indent:25px
 }
#partebaixo
       {
         position: absolute;
         bottom: 0 px;
       }
#rodap
       {
         position: relative;
         bottom: 0 px;
       }
/* Alinhamento vertical de imagem, exemplo
<div class="figura">
  <p><img src="eiffel.jpg" width="136"
    height="200" alt="torre Eiffel">
  <p>Modelo da torre
    Eiffel no Parque Mini-France
</div>
*/
.meio
              {
                vertical-align: middle;
              }
.top
              {
                vertical-align: left;
              }
div.figure {
            float: left;
            width: 10%;
            padding: 0.8em;
}
div.figure_r {
            float: right;
            width: 10%;
            padding: 0.8em;
}
/* Texto piscando */
.blink
      {
        text-decoration: blink;
      }
      
/*Sobrepor imagens aparecem uma sobre a outra
Na página colocar desta forma;
<img src="img/mf2015/m1.jpg" alt="Criar Negócios Online">
</div>
<div id="emg2">
<img src="img/mf2015/m2.jpg" alt="Criar Negócios Online">
</div>
<div id="img3">
<img src="img/mf2015/m3.jpg" alt="Criar Negócios Online">
</div>
<div id="img4">
<img src="img/mf2015/m4.jpg" alt="Criar Negócios Online">
</div>
<div id="img5">
<img src="img/mf2015/m5.jpg" alt="Criar Negócios Online">
</div>
*/
#img1
    {  /* ID criada para identificar os elementos dentro do código HTML no arquivo index.html*/
               position: absolute; /* posição da imagem na página */
               left: 40%; /* distancia da imagem para a margem esquerda da página */
               bottom: 50%; /* distancia da imagem para o rodapé da página */
               width: 250px; /* largura da borda na imagem */
               height: 200px; /* altura da borda na imagem */
               border-width: 4px; /* espessura da borda na imagem */
               border-style: outset; /* estilo da borda na imagem */
               border-color: red; /* cor da borda na imagem */
               z-index: 1; /* identificação da camada na imagem para ser sobreposta por outras imagens */
    }

/* as demais regras não serã comentadas, pois contem as mesmas regras da anterior*/
#imag2 {
position: absolute;
left: 41%;
bottom: 51%;
z-index: 2;
}
#img3{
position: absolute;
left: 42%;
bottom: 52%;
z-index: 3;
}
#img4 {
position: absolute;
left: 43%;
bottom: 53%;
z-index: 4;
}
#img5 {
position: absolute;
left: 44%;
bottom: 54%;
z-index: 5;
}
.luto
     {  /* Classe para o cabeçalho */
     /*  width:300px;  Largura total - Se você omitir ocupará toda a linha */
       font: 25px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
       color: #ffffff; /* Cor da fonte */
       text-align:center;
       background: #000000; /* Cor do fundo*/
       border-bottom: 2px solid #000000; /* Borda em baixo */
       border-left: 15px solid #0000ff; /* Borda a esquerda*/
       border-top: 2px solid #000000; /* Borda em cima */
       border-right: 15px solid #0000ff; /* Borda a direita */
       padding-left:5px; /* Espaçamento do texto a esquerda */
     }
.azul
    {
      background-color: blue;
    }