@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url("tinymce.css");
 
.b400{font-weight: 400}
.b500{font-weight: 500}
.b600{font-weight: 600}
.b700{font-weight: 700}

body {
	margin: 0;
	padding: 0;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 16px;
	color: #0032c5;
	background-color: #b7d7f7;
}

#logo{
	display:flex;
	align-items:center;
	justify-content:center;
}

#media{
	background: url('../images/play.png') no-repeat center / contain;
	width: 90px;
	height: 90px;
}

#logoff{
	position: absolute;
	right: 10px;
	top: 20px;
	font-size: 22px;
}

label {
	display: block;
	position: relative;
	margin: 40px 0px;
}

.label-txt {
	position: absolute;
	top: -1.6em;
	padding: 10px;
	font-family: sans-serif;
	font-size: .8em;
	letter-spacing: 1px;
	transition: ease .3s;
}

.input {
	width: 100%;
	padding: 10px;
	background: transparent;
	border: none;
	outline: none;
}

.line-box {
	position: relative;
	width: 100%;
	height: 1px;
	background: #1173c0;
}

.line {
	position: absolute;
	width: 0%;
	height: 2px;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	background: #8BC34A;
	transition: ease .6s;
}

.input:focus+.line-box .line {
	width: 100%;
}

.label-active {
	top: -3em;
}

#btn_login{
	background: url('../images/login.png') no-repeat center / contain;
	width: 80px;
	height: 80px;
	border: none;
}

.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;
}

.botao{
	background: #fff;
	border-radius: 30px;
	padding:6px 20px 4px 20px;
	display: inline-block;
}

.hand{
	cursor:pointer;
}	

#ops{
	font-size:100px; 
}	

.bold{font-weight: 700;}

.caps{
	text-transform: uppercase;
}

.dashed{
	border-bottom: 1px dashed #d6d5d5;
}
 
/*.borda_bottom:not(:last-child) {
  border-bottom: 1px dashed #1F1E1E;
}*/

.center{
	margin: auto;
}

.clear{ clear:both; }

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

.justify{
	text-align: justify;
}

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


.espaceimg{margin-right: 6px;}

.italico{ font-style:italic;}
.strong{ font-weight: bold;}
.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;
}
.padding{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

li{
	list-style: none;
}

.vermelho{ color:#E94C3D;  border-color:#E94C3D; }
.verde{color: #008C23;; border-color: #008C23;}
.azul{color:#0772bd;  border-color:#0772bd;}
.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:#ffbf00;  border-color:#ffbf00;}
.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;
} 

.fb_iframe_widget_fluid_desktop, 
.fb_iframe_widget_fluid_desktop span, 
.fb_iframe_widget_fluid_desktop iframe {
            max-width: 100% !important;
            width: 100% !important;
 }

											/* P�GINA INTERNA  */


#bg_transparencia{
	background-color: #e5e4ee;
}

#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: #ff0000;
  color: white;
  transition: background-color .4s;
}
#pages a.active {
  background-color: #ff0000;
  color: white;
  border: 1px solid #ff0000;
}

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

	#solucoes{height: auto;}
}



.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; }
}

.anime {
	opacity: 0;
}

.anime-init {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }