@charset "UTF-8";
/* CSS Document */
/* Desenvolvido por André Dantas */
/* 2019 */

* {margin: 0;
padding: 0;}

body {
background-color: #ccc;}
   
#top {
width: 100%;
height: auto;
background-color: #fff;}

#toprow {
width: 900px;
height: 80px;
margin: 0 auto;
padding-top: 28px;
padding-bottom: 45px;}
	  
#logo {
width: 500px;
height: auto;
float: left;}

#logo img {
width: 350px;}

#side {
width: auto;
height: auto;
float:right;
padding-top: 25px;}

#menu {
width: 100%;
height: 45px;
background-color: #fff;
border-top: 1px solid #efefef;
border-bottom: 2px solid #c1c1c1;}
	  
#submenu {
width: 900px;
height: 45px;
margin: 0 auto;
padding-top: 15px;}

.submenu {
list-style: none;}
.submenu li{
    float: left;
    position: relative;
    padding: 0px 30px 0px 0px;}
.submenu li a:link {
color: #787878;
font-family: Arial, sans-serif;
font-size: 15px;
text-decoration: none;
padding: 0px 0px 12.5px 0px;}

.submenu li a:visited {
color: #787878;}

.submenu li a:hover {
color: #c42323;}

.submenu li a:active {
color: #c42323;}

.submenu li a.current {
color: #c42323;
font-weight: bold;
border-bottom: 2px solid #c42323;}

#space {
width: 100%;
background-color: #efefef;}

#content {
width: 900px;
height: auto;
margin: 0 auto;
background-color: #efefef;
padding-top: 20px;
padding-bottom: 20px;}

#content h2 {
font-size: 25px;
font-family: Arial, sans-serif;
color: #1a2d89;
font-weight: 400;}

.topic {
font-size: 14px;
font-family: Arial Black, sans-serif;
color: #1e36ac;
font-weight: 800;}

.text {
font-family: Arial, sans-serif; 
font-size: 14px;
color: #545454;
text-align: justify;
line-height: 150%;}

#wlc {
width: 100%;
height: 380px;
background-image: url(images/wlc.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;}

#view {
width: 900px;
height: auto;}

#wlc h3 {
font-size: 22px;
font-family: Arial Black, Arial, sans-serif;
padding-top: 179px;
color: #fff;
text-align: center;}

#footer {
width: 100%;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
background-color: #ccc;
color: #444;
text-align: left;
font-size: 13px;
line-height: 1.5;
font-family: Arial, sans-serif;}

#footerin {
width: 900px;
margin: 0 auto;}

#footerinx {
background-color: #aaa;
width: 900px;
height: 90px;
margin: 0 auto;}

#footer a:link {
color: #444;
font-family: Arial, sans-serif;
font-size: 12.5px;
text-decoration: underline;}

#footer a:visited {
color: #444;
font-family: Arial, sans-serif;
font-size: 12.5px;
text-decoration: underline;}

#footer a:hover {
color: #111;
font-family: Arial, sans-serif;
font-size: 12.5px;
text-decoration: underline;}

p {
font-family: Arial, sans-serif; 
font-size: 14px;
color: #545454;
text-align: justify;
line-height: 150%;}

a:link {
font-family: Arial, sans-serif;
font-size: 14px;
color: #000000;
text-decoration: none;}

a:hover {
color: #006CFF;}

a:visited {
color: #000000;}

hr {
border-width: 0; 
height: 1px;
border-top-width: 1px;}

.email {
color: #1a2d89;}

.tab1 {
border: 0;
width: 100%;
text-align: justify;}

.td1 {
width: 270px;
padding: 0 15px 0 15px;}

.td1 p {
line-height: 150%;
text-align: justify;
font-family: Arial, sans-serif;
font-size: 14px;
color: #464646;}

.td2 {
width: 600px;}

.td2 p {
font-size: 21px;
font-family: Helvetica, Arial, sans-serif;
color: #555;
font-weight: 200;
line-height: 140%;}

.td2x {
width: 300px;
text-align: right;}

.td3 {
width: 550px;}

.td3 p {
font-family: Arial, sans-serif; 
font-size: 14px;
color: #545454;
text-align: justify;
line-height: 150%;}

.td3x {
width: 310px;
text-align: right}

.td3y {
width: 350px;
text-align: right;
padding: 0 0 0 20px;}

.sent {
font-family: Arial, sans-serif; 
font-size: 18px; 
color: #73c984;
text-align: justify;
padding-bottom: 8px;}