@charset "utf-8";

html, body {
       margin: 0;
       padding: 0;
       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
       background-color: #E4E4E4;
       min-width: 300px;
   }

   header {
       width: 100% !important;
       position: relative;
       overflow: hidden;
       background: #330066;
       z-index: 1;
   }

       header:before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           width: 100% !important;
           height: 100%;
           background-color: #43054E;
           width: 100%;
           z-index: 2
       }

       header:after {
           content: '';
           width: 362px;
           height: 262px;
           border-radius: 23px;
           position: absolute;
           top: 50%;
           right: 0;
           margin-right: -131px;
           margin-top: -181px;
           -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
           background-color: 43054E;
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#885FB2', endColorstr='#330066', GradientType=1 );
           opacity: 0.86;
           z-index: 1
       }

       header .container {
           max-width: 1280px;
           display: block;
           text-align: center;
           position: relative;
           z-index: 3;
           color: #fff;
           margin: 0 auto;
       }

           header .container h1 {
               font-size: 48px;
               font-weight: 100;
               text-align: center !important;
           }


   section.main-content {
       padding: 52px 0 52px 0;
       z-index: 4;
       margin: 0;
   }


   section .container {
       margin: 0 auto;
       max-width: 940px;
       max-width: 940px;
       -webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.25);
       box-shadow: 3px 3px 12px rgba(0,0,0,0.25);
       padding: 24px 35px 50px;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       background: #F7F7F7;
   }

   .main-content .botoes {
       display: flex;
   }
   
   .titulo-personalizado{
	   font-size: 16pt;
   }
   
   .mensagem{
		text-align: justify;
		font-size: 18pt;
		margin-top: 10px;
		margin-button: 10px;
   }
   
   .mensagem-link{
		margin-bottom: 15px;
		font-size: 15pt;
   }

   section .container .titulo {
       font-size: 25px;
       color: #333333;
       font-weight: 100;
       margin: 15px 0 20px;
       text-align: left;
       cursor: help;
   }

   h3 {
       margin-bottom: 10px
   }

   section .container .titulo:after {
       content: '';
       display: block;
       width: 108px;
       height: 1px;
       background: #56148A;
   }

   .text, .textboxfocus, .textboxblur {
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       border-radius: 0;
       border: 1px solid #898E95 !important;
       width: 100%;
       padding: 9px 44px 9px 29px;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       font-size: 15px;
       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
       color: #333333;
       font-weight: 100
   }

   .mb-content-buttons input,
   .button {
       display: inline-block;
       margin: 0 auto;
       font-size: 12px;
       font-weight: 500;
       text-align: center;
       padding: 3px 38px;
       text-decoration: none;
       min-width: 185px;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       border-radius: 0;
       margin: 15px 15px 0;
       line-height: 15px;
       padding: 10px 0;
   }

       .mb-content-buttons input,
       .button.type1 {
           background: #56138a;
           border: 1px solid #56138a;
           color: #FFF
       }

           .mb-content-buttons input:hover,
           .button.type1:hover {
               background: #7018b4;
               border: 1px solid #7018b4;
           }

       .button.type2 {
           color: #330066;
           border: 1px solid #330066;
           background: initial;
       }

           .button.type2:hover {
               background: #330066;
               color: #ffffff;
           }

   @media screen and (max-width: 400px) {
       .button {
           display: block;
           width: 100%;
           margin: 15px 0;
       }
   }

   footer {
       width: 100% !important;
       background-color: #43054E;
       color: #fff;
       font-size: 15px;
       font-weight: 300;
       padding: 15px 0;
       display: flex;
       flex-direction: row;
   }

       footer img {
           display: inline-flex;
       }


       footer a {
           color: #fff;
           text-decoration: none;
       }


       footer .container {
           margin: 0 auto;
           max-width: 940px;
       }

       footer ul {
           display: inline-flex;
           list-style-type: none;
           margin: 0;
           padding: 0;
           color: #fff;
       }

           footer ul li {
               float: left;
           }

               footer ul li a {
                   color: #fff;
                   background: rgba(255,255,255,0.7);
                   width: 32px;
                   height: 32px;
                   margin: 10px;
                   vertical-align: middle;
                   border-radius: 100%;
                   display: block;
                   text-align: center;
               }

                   footer ul li a:hover {
                       background: #fff;
                   }


                   footer ul li a img {
                       margin-top: 10px;
                   }

       footer .social {
           float: right;
       }

       footer .logo-footer {
           float: left;
           margin-right: 15px;
       }

       footer .contact {
           float: left;
           padding: 15px;
           text-align: center;
       }

   @media(max-width:920px) {
       footer {
           display: flex !important;
           justify-content: center !important;
       }

           footer .social {
               width: 100%;
               display: flex;
               margin: 0 auto !important;
               float: none !important;
               justify-content: center;
           }

           footer .logo-footer {
               width: 100%;
               float: none;
               justify-content: center !important;
               text-align: center;
           }

               footer .logo-footer img {
                   width: 160px;
                   justify-self: center;
                   text-align: center;
               }

           footer .contact {
               float: none !important;
               margin: 0 auto !important;
               padding: 15px;
               text-align: center;
           }

       .main-content .botoes {
           display: inline-flex;
       }
   }

   @media(max-width:440px) {

       .main-content .botoes {
           display: flex;
           flex-direction:column-reverse;

       }
       .button {
           display: block;
           min-width: 100%;
       }
   }
   
  .logo{
	width: 147px;
    height: 88px;
    background-color: #43054E;
    text-indent: -5000em;
    background-image: url(./images/logoCEUB2021.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 147px;
    flex: 0 0 147px;
    position: relative;
    background-size: 116px;
  }