﻿html, body {
  height: 100%;
}
body {
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  background: #1b1f4d;
  background: -ms-linear-gradient(#2f38a3, #1b1f4d);
  background-image: -ms-radial-gradient(center, ellipse farthest-corner, #2f38a3 0%, #1b1f4d 100%);
  background-image: -moz-radial-gradient(center, ellipse farthest-corner, #2f38a3 0%, #1b1f4d 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #2f38a3 0%, #1b1f4d 100%);
  background-image: -webkit-gradient(radial, center center, 0, center center, 510, color-stop(0, #2f38a3), color-stop(1, #1b1f4d));
  background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #2f38a3 0%, #1b1f4d 100%);
  background-image: radial-gradient(center, ellipse farthest-corner, #2f38a3 0%, #1b1f4d 100%);
  background-repeat: repeat;
  max-width: 985px;
  min-width: 600px;
  margin: auto;
  color: gray;
}
h1, h2, h3 {
  color: #2c76a3;
}



#CAB {
  clear: both;
  float: left;
  width: 100%;
  color: #2c76a3;
  background-color: white;
  text-align: left;
  padding: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-outline-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 10px 0 5px 0;
  height: 38px;
}
#CAB div {
  margin: 0;
  float: left;
}
#CAB div img {
  float: left;
  padding: 0;
  margin: 5px;
}
.Empresa {
  float: left;
  text-align: left;
  font-size: 200%;
  padding: 5px 5px 0 5px;
  margin: 0;
}
.Mensagem {
  float: left;
  text-align: right;
  font-size: 120%;
  padding: 12px 5px 10px 5px;
  margin: 0 0 0 0;
}

.colbase {
  clear: both;
  float: left;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-outline-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 5px;
  margin: 0 0 5px 0;
  color: #333333;
}
.colmed, .coltopo {
  float: left;
  width: 100%;
  position: relative;
}
.tricol {
  background: white;
  /* Coluna da direita */
}
.col1, .col2, .col3 {
  float: left;
  position: relative;
  padding: 0 0 1em 0;
  overflow: hidden;
}
.tricol .colmed {
  right: 25%;
  background: White;
  /*Coluna central */
}
.tricol .coltopo {
  right: 50%;
  background: white;
  /*Coluna da esquerda */
}
.tricol .col1 {
  width: 46%;
  left: 102%;
  color: #333333;
}
.tricol .col2 {
  width: 21%;
  left: 31%;
}
.tricol .col3 {
  width: 21%;
  left: 85%;
}

.caixasolida {
  clear: both;
  width: 97%;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-outline-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 0;
  -moz-box-shadow: 5px 5px 5px Black;
  -webkit-box-shadow: 5px 5px 5px Black;
  box-shadow: #000000 5px 5px 5px;
  behavior: url(PIE.htc);
  text-align: left;
  margin: 0;
  background-color: #bde5fd;
  color: Black;
}
.caixasolida h3, .caixasolida h5 {
  background-color: #2c76a3;
  color: #ffc783;
  padding: 5px 0px 5px 0px;
  text-align: center;
}
.caixasolida h3 {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-outline-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background-color: #2c76a3;
  color: #ffc783;
}
.caixasolida h5 {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-outline-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: #2c76a3;
  color: #ffc783;
}
.caixasolida p, .caixasolida h4 {
  padding-left: 10px;
  padding-right: 5px;
}
.caixasimples {
  clear: both;
  width: 92%;
  border-style: solid;
  border-width: 3px;
  border-color: #2c76a3;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-outline-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 0;
  text-align: left;
  margin: 0 0 5px 0;
}
.caixasimples h2, .caixasimples h3, .caixasimples h5 {
  background-color: #bde5fd;
  color: #020ea6;
  padding: 5px 0px 5px 0px;
  text-align: center;
}
.caixasimples p, .caixasimples a {
  padding-left: 10px;
  padding-right: 5px;
}
.caixaemlinha {
  clear: both;
  width: 97%;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-outline-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 0;
  -moz-box-shadow: 5px 5px 5px Black;
  -webkit-box-shadow: 5px 5px 5px Black;
  box-shadow: #000000 5px 5px 5px;
  behavior: url(PIE.htc);
  text-align: left;
  margin: 0;
  background-color: #bde5fd;
  color: Black;
  clear: both;
  width: 92%;
  border-style: solid;
  border-width: 3px;
  border-color: #2c76a3;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-outline-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 0;
  text-align: left;
  margin: 0 0 5px 0;
  display: inline-block;
  width: auto;
  max-width: 92%;
}
.caixaemlinha p, .caixaemlinha h4 {
  padding-left: 10px;
  padding-right: 5px;
}


.formulario {
	padding:5px;
}
