// MCB  #015CC7   #0079CC        CBAF #019002  #30A202
html,body{
margin:0px;padding:0px;
font-family:verdana,arial;
}
h1,h2,h3{margin-top:0px;}
HR{clear: both;height:0px;border-bottom:3px solid #70A0F0;color:#FFFFFF;}
IMG,TABLE{max-width:98%;}
IMG{border: 2px dashed #70A0F0;border-radius:6px;padding:0.5%;}
#IMGindex{border:0px;padding:0px;}
TABLE{border: 3px solid #70A0F0;border-radius:6px;}
TD{border-bottom: 1px solid #70A0F0;border-radius:6px;}
.borda{border: 3px solid #70A0F0;border-radius:6px;text-align:center;padding:1% 0px 1% 0px;}
header{
    position: fixed;
    display:block;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100px;
    background: #0050C0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000050', endColorstr = '#0050C0');
    background-image: linear-gradient(#000050, #0050C0);
    border-bottom: 1px #303030 solid;
    z-index:100000000;
}
footer{
    background: #303030;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#707070', endColorstr = '#303030');
    background-image: linear-gradient(#707070, #303030);
    border-top: 2px #000000 solid;
	color:#f0f0f0;
	display:block;
	width:100%;
}
footer a{color:#F0F0F0;margin:2%;}
#menu{
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    top: 78px;
    left: 0px;
    background: #C0C0C0;
    background-image: linear-gradient(#F0F0F0, #C0C0C0);
    color: #FFFFFF;
}
#menu a{margin: 2%;color: #303030;}

.BTaream{background: #90B0F0;margin:1% 3% 1% 3%;border: outset 3px #507090;border-radius: 5px;width:18%;height:35px;color: #ffffff;font-weight: bold;font-size:16px;font-size: 1.5vw;}
.BTaream1{background: #90B0F0;margin:1% 2% 1% 2%;border: outset 3px #507090;border-radius: 5px;width:26%;height:35px;color: #ffffff;font-weight: bold;font-size:16px;font-size: 1.5vw;}
#logo{display:block;float:left;width:25%;white-space: nowrap;}
#logo img{border:0px;}
#Tudo{margin:0px;background-color: rgba(240, 240, 250, 0.95);min-height:500px;
  padding:105px 0px 1% 3px;
  font-size:18px;
  color:#000000;
}
#Tudo a{color:#A07050;}
#Tudo a:hover{color:#F07050;}

#boasv{position:absolute;top:113px;left:13px;color:#F0F0F0;display:block;width:60%;font-size:23px;z-index:100000;}
#boasv small{font-size:16px;}
#FormIndex{display:block;width:29%;position:absolute;top:105px;left:71%;font-size:1.3vw;}
TD{text-align:center;}
#DivIMG{display:block;float:left;width:22%;height:285px;min-width:120px;border-radius:6px;border: 2px dashed #C05050;margin:1%;text-align:center;}
#DivIMG IMG{max-height:72%;}
.TabelaIMG{border: 2px solid #C05050;border-radius:6px;padding:10px;margin-left:1%;display:block;width:96%;background:#F0E0A0;}



#menu1{position: fixed;left: 79%;top: 105px;width: 19%;border: 1px #70A0F0 solid;border-radius: 6px;display:none;background-color: #f0f0f0;z-index:10000000;}
#menu1 a{display:block;width: 100%;height:25px;border-bottom: 1px #70A0F0 solid;text-align: center;text-decoration: none;padding-top:1%;font-family: arial;font-weight: bold;font-size: 15px;font-size:3vw;color:#003060;border-radius: 6px;}
#menu1 a:hover{background:#90C0f0;}
.lpos{margin-left:25%;font-size:16px;}

#acesso{position: absolute;left: 33%;top: 2px;width: 62%;height: 54px;border: 2px #A07070 dotted;border-radius: 6px;font-family:verdana;font-size:13px;font-size:1.2vw;padding:10px 0px 0px 1%;display:none;color:#F0F0F0;text-align:center;}
#acesso a{color:#F0F0FF;}


#indique{position: fixed;display:none;left: 70%;top: 105px;height: 80px;border-radius: 6px;  opacity: 0.5;filter: alpha(opacity=50);background:#FFFFFF;}
#indique:hover{opacity: 0.9;filter: alpha(opacity=90);}
#indique table{float:left;}
#indique IMG{border:0px;padding:0px;}
#PubliCB{position: relative;display:block;left: 1%;top: 10px;width: 60%;height: 135px;border: 0px #A07070 dotted;border-radius: 6px;text-align:center;}

#botaoesc{
	border-radius: 6px;
	background-color:#909090;
	display:none;
	width: 55px;
	height: 55px;
	margin: 3% 3%;
	float:right;
	border: 1px solid #505050;
	cursor:pointer;
}
#botaoesc hr{
	color:#c0c0c0;
	background-color:#c0c0c0;
	margin-top:12px;
	height:2px;
	width:70%;
	border:0px;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
} 
ul{
	list-style-image: url('imagens/mais.png');
	margin-top:6px;
}
// LI::before {content: "\f00c";}
#logodesc{color:#C75C00;margin-top:-4px;}
//.ativo{background:#F0E0C0;}
.resp{margin-top:2px;}
.perg{color:#303030;margin-top:18px;}
/* ==========================================================================
    Forms
   ========================================================================== */
#Tudo .container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  margin-left: 5%;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
#Tudo .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
#Tudo .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
#Tudo .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#Tudo .container input:checked ~ .checkmark {
  background-color: #2176a3;
}

/* Create the checkmark/indicator (hidden when not checked) */
#Tudo .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
#Tudo .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
#Tudo .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#Tudo input[type="checkbox"]{}
#Tudo input[type="text"],
#Tudo input[type="email"],
#Tudo input[type="number"],
#Tudo input[type="password"],
#Tudo input[type="date"],
#Tudo select,
textarea,
#Tudo input[type="url"] {
  color: #fff;
  border: 1px solid #000;
  background: transparent;
  background-color: rgba(0, 10, 30, 0.8);
  padding: 5px 5px;
  width: 90%;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#Tudo input[type="text"]:focus,
#Tudo input[type="email"]:focus,
#Tudo input[type="number"]:focus,
#Tudo input[type="date"]:focus,
#Tudo select:focus,
textarea:focus,
#Tudo input[type="password"]:focus,
#Tudo input[type="url"]:focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-color: #9090F0;
}
#Tudo button{border-radius:12px;background:#50A000;font-weigth:bold;color:#FFFFFF;font-size:20px;font-family:arial black;display:pointer;}
#Tudo input[type="button"]{border-radius:12px;background:#50A000;font-weigth:bold;color:#FFFFFF;font-size:20px;font-family:arial black;}
#Tudo input[type="file"]{
font-size:90%;
font-weight:bold;
background-color: rgba(0, 0, 30, 0.8);
color:#f0f0f0;
border-color:#003060;
border:2px solid #909090;
border-radius:4px;
padding: 1% 2% 1% 3%;
width:85%;
display:block;
margin-botton:1%;
}
#Tudo input[type="submit"]{
font-size:130%;
font-weight:bold;
margin:15px;
float:right;
background:#003060;
color:#f0f0f0;
border-color:#003060;
border-radius:4px;
}
#Tudo input[type="submit"]:hover {
background:#003040;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c0c0c0;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c0c0c0;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #c0c0c0;
}
label {
  font-weight: normal;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    color:#500000;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
    Structure & Defaults
   ========================================================================== */