@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Contrail+One&display=swap');
.oswald{font-family: 'Oswald', sans-serif; line-height: 2em;}
.contrail{font-family: 'Contrail One', cursive;}

body {
	margin: 0;
	padding: 0;
	font-family: "Tahoma";
	font-size: 14px;
	color: #333;
	line-height: 1.7em;
}

#head{
	background: /*url("../images/bg_head.jpg")*/ #021153;
	background-size: cover;
}


#listra{
	background: url("../images/listra.png") no-repeat;
	height: 100%;
	background-size: 100% 100%;
}
#menu li{
	float: left;
	padding: 15px 8px 10px 8px;
	height: 60px;
}
#menu li a:hover{
	text-decoration: none;
}
#menu li:hover{
	background: #fff;
	color: #314686;
}
#menu li i{
	top: -2px;
	position: relative;
}


#menu li ul{
  position: absolute;
  max-width: 250px;
  background: #fff;
  padding: 10px;
  display: none;
  margin-left: -8px;
  margin-top: 8px;
  float: left;
  z-index: 99;
} 
#menu li ul li{
  width: 90%;
  color: #314686;
  float: left;
  margin-left: 10px;
  text-align: left;
  border-radius: 1px;
  font-size: 0.8em;
  height: 35px;
  padding: 0;
}
#menu li ul li:hover{
  text-decoration: underline;
}


.news{
	height: 0;
	background-size: cover;
	position: relative;
}

.news .manchete{
	position: absolute;
	float: left;
	bottom: 0%;
	padding: 5% 3% 3% 3%;
	background: url("../images/bg_manchete.png");
	background-size: 100% 100%;
	width: 100%;
}
.categoria{
	padding: 0px 10px;
	background: #009f9b;
	float: left;
	font-size: 12px;
	border-radius: 5px;
}
.categoria.verde{ background: #009f9b;color: white }
.categoria.vermelho{ background: #ff304b;color: white }
.categoria.laranja{ background: #ff7200;color: white }
.categoria.verde2{ background: #009f3d;color: white }


.acesso{
	width: 30%; 
	margin:10px 1.5%; 
	border: 1px solid #ddd;
	border-radius: 5px;
}

#portal{
	background: url("../images/bg_portal.png");
	background-size: 100% 100%;
	padding: 60px 30px 10px 30px;
	max-width: 360px;
}

#portal input,#portal select{
	width: 100%;
	border:1px solid #ddd;
	border-radius: 8px;
	padding: 10px;
	margin: 5px 0;
	font-size: 13px;
	height: 40px;
}

#portal .ta-2{
	height: 15px;
	margin-top: 8px;
}

#conheca .top{
	background: #009139;	
	padding: 9px 25px;
}
#conheca .corpo{
	width: 100%;
	height: 0;
	padding-bottom: 20%;
	background: url("../images/conheca.jpg");
	background-size: cover;
}
#conheca .base{
	background: #82cb23;
	height: 13px
}
.banner{
	border: #ccc dashed 1px;
	padding: 5px;
}
.banner .marca{
	font-size: 10px;
	color: #96A4A5;
	margin: 0 0 2px 0;	
}

.bottom-column 
{
   display: inline-block;
   vertical-align: middle;
   float: none;
}

.footer-top{
    padding: 0 0 60px 0;
    background: #333;
    text-align: left;
    color: #aaa;
}
.footer-top p{
	text-indent: 0;
	margin:2px 0px;
}
.footer-bottom {
    padding: 15px 0 17px 0;
    background: #444;
    text-align: left;
    color: #aaa;
}
.fadeIn:hover {
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}


.hand{
	cursor:pointer;
}	

#ops{
	font-size:100px; 
}	

.bold{font-weight: 700;}

.caps{
	text-transform: uppercase;
}

.last{ margin-right:0px !important;}
.first{ margin-left:0px !important;}

.clear{ clear:both; }

.borda_last{ border:none !important;}

.left{
	float:left;
}
.right{
	float:right;
}

.justify{
	text-align: justify;
}

img, object, embed {max-width:100%;}
img {height:auto;}


.espace1{ margin-top:4px}
.espace2{ margin-top:6px}
.espace3{ margin-top:8px}
.espace4{ margin-top:10px}
.espace5{ margin-top:15px}
.espace6{ margin-top:20px}
.espace7{ margin-top:30px}
.espace8{ margin-top:40px}
.espace9{ margin-top:50px}
.espace10{ margin-top:60px}
.espace11{ margin-top:80px}

.sep1{ margin-left:4px}
.sep2{ margin-left:6px}
.sep3{ margin-left:8px}
.sep4{ margin-left:10px}
.sep5{ margin-left:15px}
.sep6{ margin-left:20px}
.sep7{ margin-left:30px}
.sep8{ margin-left:40px}
.sep9{ margin-left:50px}
.sep10{ margin-left:60px}
.sep11{ margin-left:80px}

.espaceimg{margin-right: 6px;}

.italico{ font-style:italic;}
.strong{ font-family: 'arialb';}
.underline{ text-decoration:underline;}


.borda{
	-webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
	border-style:solid; 
	border-width:2px;
}
/*.borda:hover{
	 opacity: 1; filter: alpha(opacity = 100)
}*/

.border{
	border-radius:4px;
	border-style:solid; 
	border-width:2px;
}

li{
	list-style: none;
}

.vermelho{ color:#E94C3D;  border-color:#E94C3D; }
.verde{color: #008C23;; border-color: #008C23;}
.azul{color:#035A85;  border-color:#035A85;}
.creme{color:#E9E4CE;  border-color:#E9E4CE;}
.laranja { color: #EB7C15;  border-color:#EB7C15;}
.azul_light{ color: #1582AF; border-color: #1582AF;}
.azul_marinho{ color: #0c2851; border-color: #0c2851;}
.violeta { color: #875D8F;  border-color: #875D8F; }
.branco{ color:#FFFFFF;  border-color:#FFFFFF;}
.amarelo{color:#be9300;  border-color:#be9300;}
.cinza1{color:#CCCCCC;  border-color:#CCCCCC;}
.cinza2{color: #999999;  border-color:#999999;}
.cinza3{color: #666666;  border-color:#666666;}
.cinza4{color: #444;  border-color:#444}
.marrom{color: #5F4A39;  border-color:#5F4A39;}
.vinho{color: #832D2E;  border-color:#832D2E}
.preto{color: #000;  border-color:#000}

a:link {
	text-decoration: none;
	color: inherit;
}
a:visited {
	text-decoration: none;
	color: inherit;
}
a:hover {
	cursor:hand;
	text-decoration: underline;
	color: inherit;
}
a:active {
	text-decoration: none;
	color: inherit;
}



											/* P�GINA INTERNA  */



.texto p{
	font-size: 18px;
	font-family: Tahoma;
	text-align: justify; 
	line-height: 1.8;
	margin-bottom: 0;
	margin-top: 0;
	word-wrap: break-word; 
}


.news{
	height: 0;
	background-size: cover;
	position: relative;
}

.news .manchete{
	position: absolute;
	float: left;
	bottom: 0%;
	padding: 5% 3% 3% 3%;
	background: url("../images/bg_manchete.png");
	background-size: 100% 100%;
	width: 100%;
}

img, object, embed,iframe {max-width:100%;}
img {height:auto;}

#pages ul{
  display: inline-block;
}

#pages a {
  color: black;
  float: left;
  padding: 6px 12px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}
#pages a:hover {
  background-color: #287CAA;
  color: white;
  transition: background-color .4s;
}
#pages a.active {
  background-color: #287CAA;
  color: white;
  border: 1px solid #287CAA;
}

@media only screen and (min-width:769px) {
	.mob{display: none;}
	.desk{display: inherit;}
}
@media only screen and (max-width:768px) {
	.mob{display: inherit;}
	.desk{display: none;}

	.acesso{width: 40%; margin:7px 4%;}
	#conheca .corpo{ padding-bottom: 40%;}
}



.ta-1{  font-size:10px; }
.ta-2{  font-size:11px; }
.ta-3{  font-size:12px; }
.ta-4{  font-size:14px; }
.ta-5{  font-size:16px; }
.ta-6{  font-size:18px; }
.ta-7{  font-size:20px; }
.ta-8{  font-size:22px; }
.ta-9{  font-size:24px; }
.ta-10{  font-size:28px; }
.ta-11{  font-size:34px; }
.ta-12{  font-size:38px; }
.ta-13{  font-size:44px; }
.ta-14{  font-size:56px; }

@media only screen and (min-width: 992px) and (max-width: 1200px) {

.tb-1{  font-size:10px; }
.tb-2{  font-size:11px; }
.tb-3{  font-size:12px; }
.tb-4{  font-size:14px; }
.tb-5{  font-size:16px; }
.tb-6{  font-size:18px; }
.tb-7{  font-size:20px; }
.tb-8{  font-size:22px; }
.tb-9{  font-size:24px; }
.tb-10{  font-size:28px; }
.tb-11{  font-size:34px; }
.tb-12{  font-size:38px; }
.tb-13{  font-size:44px; }
.tb-14{  font-size:56px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.tc-1{  font-size:10px; }
.tc-2{  font-size:11px; }
.tc-3{  font-size:12px; }
.tc-4{  font-size:14px; }
.tc-5{  font-size:16px; }
.tc-6{  font-size:18px; }
.tc-7{  font-size:20px; }
.tc-8{  font-size:22px; }
.tc-9{  font-size:24px; }
.tc-10{  font-size:28px; }
.tc-11{  font-size:34px; }
.tc-12{  font-size:38px; }
.tc-13{  font-size:44px; }
.tc-14{  font-size:56px; } 
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
.td-1{  font-size:10px; }
.td-2{  font-size:11px; }
.td-3{  font-size:12px; }
.td-4{  font-size:14px; }
.td-5{  font-size:16px; }
.td-6{  font-size:18px; }
.td-7{  font-size:20px; }
.td-8{  font-size:22px; }
.td-9{  font-size:24px; }
.td-10{  font-size:28px; }
.td-11{  font-size:34px; }
.td-12{  font-size:38px; }
.td-13{  font-size:44px; }
.td-14{  font-size:56px; }
}