/* This CSS file is part of the HTML5 / CSS3 tutorial on http://www.lingulo.com */
/*@import url("http://fonts.googleapis.com/css?family=Open+Sans|Baumans");*/
/* GLOBAL */
@import url('../fonts/fonts.css');
@font-face {
    font-family: 'danube_';
    src: url('danube_-webfont.eot');
    src: url('danube_-webfont.eot?#iefix') format('embedded-opentype'),
         url('danube_-webfont.woff') format('woff'),
         url('danube_-webfont.ttf') format('truetype'),
         url('danube_-webfont.svg#danube_') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'soft_ornaments_seventeen';
    src: url('soft_ornaments_seventeen-webfont.eot');
    src: url('soft_ornaments_seventeen-webfont.eot?#iefix') format('embedded-opentype'),
         url('soft_ornaments_seventeen-webfont.woff') format('woff'),
         url('soft_ornaments_seventeen-webfont.ttf') format('truetype'),
         url('soft_ornaments_seventeen-webfont.svg#danube_') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bradhitc-webfont';
    src: url('bradhitc-webfont.eot');
    src: url('bradhitc-webfont.eot?#iefix') format('embedded-opentype'),
         url('bradhitc-webfont.woff') format('woff'),
         url('bradhitc-webfont.ttf') format('truetype'),
         url('bradhitc-webfont.svg#danube_') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
    font-family: 'Entypo';
    src: url('Entypo-webfont.eot');
    src: url('Entypo-webfont.eot?#iefix') format('embedded-opentype'),
         url('Entypo-webfont.woff') format('woff'),
         url('Entypo-webfont.ttf') format('truetype'),
         url('Entypo-webfont.svg#danube_') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
        background:#FFF url(../img/EsferaNucleu.png) 50% 0% no-repeat;
		-webkit-background-size: 100%;
 		-moz-background-size: 100%;
  		-o-background-size: 100%;
  		background-size: 90%;
        font-family: 'Open Sans', sans-serif;
        color:#333;
		margin-left:80px;
}


.iTP
{
	display:inline-block;
	width:115px;
	margin:25px;
	text-align:center;
	padding-top:135px;
	font-size:80%;
	font-weight:600;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
  	-o-background-size: 100%;
  	background-size: 100%;
}
.iTP:hover
{
	cursor:pointer;
}
.iconExcel{
	display:inline-block;
	width:23px;
	height:23px;
	margin-left:7px;
	background: transparent url('../img/microsoft-excel-2019.png') no-repeat;
	background-size:cover;
}
/********************************** pop ups ****************************/
.blockTela
{
     z-index:999;
     position:absolute;
     width:100%;
     background:transprent;
     top:0;
     left:0;
     height:100%;
     margin:0;
     display:none;
}
.popUp
{
	position:absolute;
	display:none;
	z-index:21000;
	left:50%;
	text-align:center;


	padding:0;
	border:0.08em solid #00AAED;
	border-bottom:5px solid #00AAED;
	border-left:3px solid #00AAED;
	border-right:3px solid #00AAED;


	box-shadow:0.3em 0.5em .7em #555;
	background:rgba(255,255,255, 0.93);
}
.popUp  p
{
 margin:15px;
 text-align:left;
 color:#000;
}
.legenda
{
	width:10px;
	height:10px;
	border-radius:10px;
	display:inline-block;
	margin-right:5px;
	margin-left:20px;
	vertical-align:middle;
}
.botClose
{
	background: linear-gradient(#900,#900,#c00,#F00,#C00);
	display:inline-block;
	position:relative;
	float:right;
	width:35px;
	height:23px;
	margin:-2px 2px 1px 1px;
	color:#FFF;
	border:0.07em solid #999;
	border-radius:4px;
	text-align:center;
}
.botClose:hover{cursor:pointer}
.popUp input
{
	text-align:center;
	width:80%;
	font-size:15pt !important;
	line-height:25px;
	margin:5px 0;
	box-sizing:border-box;
	
}

.popUp  input[type=text], .popUp  input[type=date], .popUp  select, 
.popUp  textarea
{
	background:#FFC !important; 
	font-family:monospace !important; 
	box-shadow: inset .1em .1em .2em #A99;
}
.popUp  input[type=button] 
{
	background:#FFF !important; 
	box-shadow:.05em .05em .1em #CCC; 
	font-family:monospace !important;
	width:auto; 
	box-sizing:border-box; 
	padding:10px; 
}



.popAcerto > label> div{width:300px !important;}
#popSubst, .popHelp, .Contas, .popBaixa
{
	width:550px;
	height:550px;
	margin-left:-225px;
	top:20%;
}
.popLiquida, .popDiversos
{
	width:850px;
	height:600px !important;
	margin-left:-455px;
	top:10%;
}


#GridDiversos .dtVazia input[type=text]{ background: #F46 !important }

.Alert
{
	color:#000;
	background:#FEFEFE;
	min-width:250px !important;
	max-width:550px;
	min-height:250px !important;
	top:20%;
	z-index:21001;
}

.Alert  h1
{
	margin:0 auto;
	padding:0;
	margin-bottom:15px;
	font-family:tahoma !important;
	width:100% !important;
}
.Alert h1 >.title
{
	font-size:18px;
	float:left;
	margin-left:45px;
	margin-top:-3px;
}
.Alert .icos2
{
	float:left;
	margin-left:35px;
	margin-top:-25px;
	font-size:1.7em !important;
	color:#FC0;
	text-shadow: 1px 0px 0px #888, -1px 0px 0px #888, 0px 1px 0px #888, 0px -1px 0px #888; 
}
.Alert #AlertButtons
{
	display:none;
}
.Alert input[type=button]
{
	width:auto;
	min-width:100px;
	padding:5px 20px;
	background:linear-gradient(#577D9D,#E3ECF0,#B1CACF,#577D9D);
	background:radial-gradient(#ddd,#c9c9c9,#888,#555);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */

background: rgb(238,238,238); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgb(238,238,238) 0%, rgb(204,204,204) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	border-radius:7px;
	border:0.08em solid #AAA;
	box-shadow: 0.05em 0.05em .05em #AAA;
	
	font-family: tahoma;
	font-size:15px !important;
	font-weight:normal;
}
 #AlertButtons
{
	position:absolute;
	width:100%;
	bottom:5px;
	margin:5px auto;
	
}

#popLogoff
{
	width:360px;
	margin-left:-180px;
    top:150px;
}

#barraTopo, .barTop
{
	width:100%;
	height:26px;
	line-height:23px;
	color:#FFF;
	text-align:left;
	background: linear-gradient(#577D9D,#E3ECF0,#B1CACF);
	background: rgba(10, 90, 160,.6);
	background: rgba(0, 150, 240,.9);
	margin-top:-30px;
	margin-left:-2px;
	border-left:2px solid #00AAED;
	border-right:2px solid #00AAED;
	padding-top:5px;
	text-shadow:.01em .01em .02em #09F;
}
#barraTopo .barEsfera, .popUp .esfera, #menuBtn .esfera{
   font-family: 'soft_ornaments_seventeen';
   text-shadow:none;
   color:#09F;
}
#barraTopo .barEsfera, .popUp .esfera{
   font-family: 'soft_ornaments_seventeen';
   text-shadow:none !important;
   
}

#barraTopo .barEsfera
{
    font-size:30px !important;
    margin: 10px 10px -5px  7px;
	color:#FFF !important;
	/*text-shadow:.01em .01em .01em #FFF;*/
	vertical-align:middle !important;
}

#popSubst,#barraTopo, .barTop{border-radius:4px 4px 0 0;}


#popSubst input
{
/*	text-align:center;
	width:80%;
	font-size:20pt !important;
	line-height:25px;   */
}

#popSubst textarea {background:#efefef; width:80%; padding:7px}
.popUp h1
{
    font-family: 'bradhitc-webfont';
    font-weight:800;
    font-size:250%;
	margin:25px 0 10px 0;
	text-shadow: .02em .02em .04em #888;
}
.popUp .esfera{
   color:#09F;
   font-weight:normal;
   font-size:180%;
   vertical-align:top;
   margin: 0 5px;
}
.ClassAlteraConta
{
	color:#000 !important; border:.07em solid #F60; background: #0FF !important;
}

.blur
{
		filter:blur(5px);
		/*filter:grayscale(100%);*/
}

#aguarde
{
	position:absolute; box-shadow:.1em .2em .5em #555; top:50%; margin-top:-45px; left:50%; margin-left:-150px; box-sizing:border-box; z-index:20; width:300px; height:90px; font-size:80%; border-radius:200px; background:#555; color:#FFF; text-align:center; padding-top:20px;
}
#aguarde > img
{
	display:inline-block; margin-right:20px; vertical-align:top; width:50px;
}
#aguarde > p
{
display:inline-block; font-style:italic;	
}

#menuBtn{
position:absolute;
bottom:40px; 
left:15px;
width:auto;
height:2.4em;
box-shadow: 0.5em 1.2em 0.9em rgba(0,0,0,.3);
padding:22px 0px 23px 0px;
background:#FFF;
background: radial-gradient(#FFF,#FFF, #EEE, #DDD, #DDD, #09F, #09F);
border-radius:8em;
text-align:center;
line-height:20pt;
z-index:4998;
}
#menuBtn .esfera {font-size:7em; margin:0; margin-top:20px;}
#menuBtn:hover{ cursor:default;}

#menu{
position:absolute;
width:1px;
height:1px;
z-index:9999;
bottom:0px;
left:-100px;
background:rgba(0,150,220,0.9);
transition: width 1s, height 1s;
transition-timing-function: ease-in-out;
border-radius:50em;
box-shadow: .01em 0.02em .08em rgba(0,0,0,.5);
color:#FFF;
}
#MenuFinanceiro{
box-sizing:border-box;
border-radius:50em;
box-shadow: .01em 0.02em .08em rgba(0,0,0,.5);
color:#FFF;
display:none;
position:relative;
margin-left:-50px; 
margin-top:-100px;
padding-top:50px;
background:rgba(0,150,220,0.95); 
width:350px;
height:350px;
}
#MenuFinanceiro ul  li{width:100px !important;}
.menuShow{
width:600px !important;
height:600px !important;
left:0px;
padding:50px;
text-align:center;
border:1em solid #FFF;
animation-name: MenuRolando;
animation-duration:1s;
}
.menuContent{
display:none;
position:relative; 
text-align:left; 
margin:0; 
margin-left:70px;
margin-right:auto; 
margin-top:200px;
animation-name: MenuRodando;
animation-duration:.5s;
}
.menuSaindo{
animation-name: MenuSaindo;
animation-duration:1s;
}
.menuContentHide{
animation-name: SaiMenuRodando;
animation-duration:1s;
}
.menuContent ul li ul{
position:absolute;
left:95px;
top:-218px;
}
.menuContent ul li ul li {
line-height:23px;
width:190px;
padding:2px 7px;
box-sizing:border-box;
border-bottom:0.06em solid #FFF;
transition: background 0.3s, color 0.5s;
margin-bottom: 1px;
border-radius:10px 0 10px 0;
}
.menuContent ul li ul li:hover{
cursor:pointer;
background:#FFF;
color:#000;
}
#Hlp /* botao de ajuda*/
{
	border-radius:20px; width:40px !important; height:40px; font-size:25px; line-height:25px; background:#FFF; border:0.07em solid #AAA; transition:all .45s ease;
}
#Hlp:hover
{
	cursor:pointer;
	background:#F60;
	color:#FFF;
	border-color:#F60;	
}
#tGrid tr, .colhover {transition:all .2s ease-out ;}
#tGrid tr:hover, .colhover { background: #FE0 !important; color: #000 !important;}
/*******************************************/

input, textarea, select
{
        font-family: 'bradhitc-webfont','Open Sans', sans-serif;
        font-size:16px;
		font-weight:800;
        padding: 7px;
        outline: 0;
        border:0;
        width:250px;
        background: #CFD;
        border-radius:3px;
        color:#000;
		text-transform:uppercase;
}


input[type=checkbox] {
    width: 20px;
}

#Advice
{
	display:none;
	width:100%;
	min-height:100%;
	text-align:center;
	background:rgba(255,255,255, .95);
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
}
#txtAdvice
{
	margin-left:auto;
	margin-right:auto;
	min-height:300px;
	padding:10px;
	/*background:#FFF;*/
	-webkit-border-radius:2ex;
	border-radius:2ex;
}

#Modal{position:absolute; display:none; background:rgba(21,21,21,.6);width:100%; height:100%; z-index:5000; left:0; top:0}
#Infos{position:absolute;display:none; width:90%; min-height:125px; padding:20px 20px 20px 10px; text-align:center; z-index:5001; background:rgba(255,255,255,.9); left:10%; -webkit-border-radius:4ex; border-radius:4ex; box-shadow:.2em .1em .5em #222; font-weight:700}
#esfera{
	font-family:'soft_ornaments_seventeen';
	font-size:120px !important;
	color:#09F;
	margin:40px auto;
	width:250px;
	

}
#result{display:none; text-align:center}
#result img{width:50px}

#BuscaReceberPagar:active, #Limpar:active, #Sair:active,
#btnOk:active, #btnCancelar:active, #LimpaParcelas:active, #GerarParcelas:active, #GravaParcelas:active,
#btnLiquidar:active, #btnBaixar:active,
#btnRefresh:active, #btnRelatPlanConta:active
{
	box-shadow: 0 -.02em  .1em #CCC !important; 
	transform: translateY(.2em);
}

input[type=submit]
{
        width:auto;
        padding: 5px 18px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #333333;
        color: #fff;
}
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=number],
input[type=tel], select, textarea
{
	font-family:'Open Sans', sans-serif,Arial, Helvetica, sans-serif;
	font-weight:normal;
}
input[type=file] {
    font-family: 'Courier New', Courier, monospace !important;
    font-weight: normal;
    text-transform: lowercase;

}

input[type=number] {
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

p
{
        margin:5px 0;
        line-height:25px;
}

a
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}

strong
{
        font-weight:bold;
}

figcaption strong
{
        border-bottom: 1px solid #FA6;
        padding-bottom:10px;
        margin: 10px 0;
        display:block;
}

figcaption
{
        line-height: 25px;
        font-size:14px;
        width:200px;
}

hr
{
        background-color: #FA6;
        border:0;
        height:1px;
        margin:20px 0;
}


/* HEADER */

header
{
        position:relative;
        width:auto;
        max-width:900px;
        margin: 0 auto 20px auto;
}

header h2
{
        margin:35px 0 0 0;
        font-size:2em;
        color:#069;
		letter-spacing:-1px;
/*        font-family: 'Baumans', cursive;*/
		font-family: 'danube_', cursive;
		line-height:14px;
}
header h2 > span{font-family: 'bradhitc-webfont','Open Sans', sans-serif; font-size:55%; letter-spacing:0.05em}
header h2 div{
	 font-family: 'soft_ornaments_seventeen';
	 font-size:2.3em;
	 color: #09F;
	 float:left;
	 margin-top:10px;
	 margin-right:4px;
 } 

header p
{
        font-family: 'bradhitc-webfont','Open Sans', sans-serif;
        font-size:18px;
        color: #4A463B;
        margin-left:10px;
		margin-top:5px;
}
#dolar{position:absolute; top:80px; right:5px; width:auto; font-size:65%; text-align:right }
.citacao{font-size:67%; font-style:italic;}
nav
{
        position:absolute;
        right:0;
        bottom:0;
}

nav ul
{
        list-style:none;
}

nav ul li
{
        display:block;
        float:left;
        padding:3px 15px;
}

nav ul li a
{
        font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        transition: all .25s ease;
}

nav ul li a:hover
{
        color:#E56038;
}

.subSlide
{
	position:absolute;
	top:127px;
	left:0;
	width:100%;
	/*height: 400px;*/
	text-align: center;
	background:rgba(255,170,80,.96);
	z-index:20;
	box-shadow: inset .09em .09em .5em #630;
	font-size:90%;
	z-index:19;
	
}
.SubMenus
{
	display:none;
	position:relative;
	margin:12px auto;
	padding:10px;
	max-width:980px;


}
.SubMenus h3
{
	margin-bottom:7px;
	font-weight:800;
	border-left: 2px solid #333;
	text-indent:8px;
	line-height:20px;
}
.SubMenus ul
{
	width:220px;
	float:left;
	margin-right:10px;
	margin-bottom:15px;

}
.SubMenus li{display:block; line-height: 28px; text-indent:8px; border-bottom:0.08em solid #963}
.SubMenusIt > li.first{border:none !important;}
#SbLj,#SbSft,#SbHlp, #SbCct
{
	text-align:left !important;

}
/*
#alternative_menu
{
        width: 150px;
        position:absolute;
        top:100px;
        left:50%;
        margin-left: -75px;
        display:none;
}
*/
.cMenu
{
	display:none;
	width:110px;
	min-height:20px;
	max-height:22px;
	box-sizing:border-box;
	font-size:80%;
	font-weight:700;
	text-shadow:.03em .03em .03em #555;
	font-style:italic;
	padding:3px;
	background:#fcfcfc !important;
	color:#000;
	position:absolute;
	z-index:20000;
	border:0.08em solid #CCC;
	border-radius:20px;
	box-shadow: .1em .2em .04em #777;
}
#alternative_menu
{
        width: 95%;
        position:absolute;
        top:80px;
		padding:5px;
        display:none;
		margin:0 auto;
		text-align:center;
		z-index:100;
}
#alternative_menu > div.bot{margin:5px auto;float:left; width:150px; margin:2px; line-height:2em; background:#FFF; border:0.1em solid #F62}
#alternative_menu .subs{display:none; position:absolute; width:300px; background:#FFF; top:-70px;left:50%; margin-left:-150px;min-height:250px; padding:5px; text-align:left; box-shadow: 0px 2px 5px -1px #777; font-size:14px}
#alternative_menu .subs h2{background:#c00; color:#FFF; text-align:center; font-size:14px; font-weight:bold; line-height:30px; width:30px; height:30px; border-radius:5px; position:relative; margin-top:-20px; margin-left:-20px; margin-bottom:15px;}

#alternative_menu .subs ul{width:95%; float:left; margin-right:10px; font-size:1.2em;}
#alternative_menu .subs ul li{height:40px; line-height:40px;text-indent:12px; border-bottom:0.1em solid #EEE; display:block}
#alternative_menu .subs ul li:first-child{text-indent:2px; border:none;}
#alternative_menu .subs ul li:last-child{margin-bottom:1em}
#alternative_menu .subs h3{border-left: .3em solid #C00; padding-left:2px;font-weight:700; font-family:"Open sans" }
#alternative_menu .subs li span{display:block}


.voltaTopo{position:fixed; bottom:0; margin-bottom:80px; right:2%; width:3em; height:3em;z-index:500;}
.voltaTopo img{max-width:100%}

#listaContas> #splashs{color:#FFF};

/* 3 COLUMNS */

#boxcontent
{
        width:auto;
        max-width:900px;
        margin:0 auto;
        padding:70px 0 45px 0;
}

#boxcontent article
{
        float:left;
        width:250px;
        margin-right:45px;
        font-size:14px;
}

#boxcontent article h3
{
        font-family: 'Open Sans', sans-serif;
        font-size:25px;
        margin-bottom:10px;
        margin-left:75px;
}

#boxcontent article img
{
        float:left;
}

#boxcontent article p
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        margin-left:75px;
}

/*#slider_content1, #slider_content2, #slider_content3 ......#slider_contentN...*/

.SliderContent
{
        line-height: 25px;
        font-family: 'Open Sans', sans-serif;
        width:350px;
        position:absolute;
        top:20%;
        left:20%;
        display:none;
        z-index:11;
}


.SliderContent h3
{
        color:#EBE8DE;
        font-size:25px;
        font-weight:bold;
        margin-bottom:10px;
        background-color:#333333;
        padding:10px 15px;
        border-radius: 15px 0 15px 0;
        display:inline-block;
}

#slider_content1
{
        display:block;
}

.SliderContent p
{
        margin:0 0 30px 0;
        color:#FFF;
       	background:rgba(0,25,50,.8);
        padding:10px 15px;
        border-radius: 5px;
}

#formulario
{
	width:99%;
	margin:0 auto;
	position:relative;
	text-align:center;
	margin-left:-8px;
}
#formulario input[type=text],
#formulario input[type=email],
#formulario input[type=tel],
#formulario select,
#formulario textarea
{
	width:90%;
	margin:0 auto;
	margin-bottom:5px;
	text-align:left;
	font-size:15px; 
}
#formulario .boxForm > input, 
#formulario .boxForm > select,
#formulario .boxForm > textarea, .boxForm > .rotulo > input
{
	line-height:15px;
	height:15px;
    font-weight:400;
    text-transform:uppercase;
    background:rgba(220,250,255,.7);
	/*background:#FFF;*/
	/*background:rgba(240,245,245,1);*/
	/*box-shadow:inset 0.01em 0.04em .02em #AAA;*/
	/*box-shadow:inset 0.02em 0.0em .07em #AAA;*/
}
#formulario .boxForm > textarea
{
	height:65px;
}


 .boxForm
 {
 text-align:left;
 width:98%;
 float:left;
 padding:2px;
 }
  #formulario .boxForm > input, #formulario .boxForm .rotulo{display:inline-block;}
  #formulario .boxForm > input,#formulario .boxForm > select{font-weight:600}
  #formulario .boxForm > select{height:30px;}
  #formulario .boxForm .rotulo{width:8%; text-align:right;font-size:75%;-webkit-user-select:none;-moz-user-select:none; ms-user-selecr:none; user-select:none}
  #formulario .boxForm .rotulo:after{ content: ": " }
  #formulario .boxForm > placeholder{font-size:75%}
  #formulario .boxForm > input[type=button]{width:100px; height:30px;box-shadow:0.02em 0.05em 0.05em #DDD; border:1px solid #069; background:#FFF; color:#069; font-family:sans-serif;}
  #resumCob  input[type=radio]{width:auto; margin-left:20px}
  #resumCob:after, #limitecred:after{ content:none !important };
  

.indentif{display:block;float:right;} 
  
#linksites{
	position:absolute;
	display:none;
	top:-1%;
	z-index:50002 !important;
	left:0;
	width:100%;
	padding:0px;
	text-align:center;
	/*background:rgba(255,255,255,0.9);*/
}
#linksites img{max-width:100%}
#sobre{position:absolute; bottom:13%; width:250px; height:2.5em; line-height:2.5em;right:10%; background:#C90; color:#000}
#sobre:hover{cursor:pointer}
#sobre a {color:#000}
#tempo{position:absolute; bottom: 15%; right:10%; z-index:1001; width:120px; height:50px; padding:5px;}
#Contagem{position:relative; margin-top:0px; float:right; z-index:1000; width:10px; height:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em;}




/****         a b a s         ****/

#caixa
	{
	    display: inline-block;
	    width: 99%;
	    min-height: 500px;
	}
	    #caixa p#abas
	    {
	        display: inline-block;
	        width: 90%;
	        height: 40px;
	        margin: 0;
	        padding: 0;
	        overflow: hidden;
	        vertical-align: bottom;
	        margin:10px 0 0 10px;
	    }
	        #caixa p#abas a
	        {
	            display: inline-block;
	            font-size: 12px;
	            font-weight: bold;
	            color: #111;
	            text-decoration: none;
	            padding: 12px 16px 12px 16px;
	            margin: 0;
	            background-color: rgba(210,240,250,.7);
	            border-radius:6px 6px 0 0;
	            border:.08em solid #888;
	            border-bottom:none;
	            box-shadow:.2em .5em .1em #888;
	        }
	            #caixa p#abas a:hover
	            {
                 background-color:rgba(255,134,0,.5);
                 background-color:rgba(250,250,250,.4);
	                color: #F80;
	            }
	            #caixa p#abas a.selected
	            {
                background-color: #F80;
                background-color:rgba(255,134,0,.5);
                background-color:rgba(250,250,250,.4);
	                color: #f80;
	            }
	    #caixa ul#conteudos
	    {
         display: inline-block;
	        width: 99%;
	        min-height: 500px;
	        margin: 0;
	        margin-left:10px;
	        padding: 0;
            background-color:rgba(255,134,0,.5);
            background-color:rgba(250,250,250,.4);
			/* background-color:rgba(245,245,245,.7);*/
			border:.08em solid #888;
            border-radius:0 6px 6px 6px;
			border-top:none;
			box-shadow:.3em .3em .3em #CCC;
	    }
            #caixa ul#conteudos > li
	        {
	            display: inline-block;
	            width: 99%;
	            min-height: 500px;
	            margin: 10px -5px 5px 5px;
	            padding: 0;
	            /*overflow: auto;*/
	       }
.inptLiberado{background:#DDFFDF !important; color:#033; font-weight:600 !important;}
.inptLiberado:focus{background:#FFC !important;}

/**************E  F  E  I  T  O  S    ****************************/
.sombra{
	box-shadow: 1px 0px 5px rgba(200,200,200,0.9);
	-moz-box-shadow: 1px 0px 5px rgba(199,199,199,0.9);
	-o-box-shadow: 1px 0px 5px rgba(199,199,199,0.9);
	}
.cantos{
	border-radius: 4ex;	
}
.cantos2px{border-radius: 2px;}
.cantos4px{border-radius: 4px;}
.cantos8px{border-radius: 8px;}


/* BUTTONS */
#FButtons
{
 width:auto;
 margin:20px 10px 5px;
 position:absolute;
 bottom:0;
}
#FButtons .Fbtn
{
   text-align:center;
   font-size:55%;
   border-radius:5px;
   padding:2px;
   width:40px;
   height:40px;
   display:inline-block;
   border:.08em solid #DDD;
   background:#FFF;
   background-image: linear-gradient(to bottom,#BBB,#CCC, #DDD, #EEE, #FFF, #DDD, #CCC,#BBB);
   
}
#FButtons .Fbtn:hover
{
   cursor:pointer;
   background:#777;
   color:#FFF;

}
 .Fbtn h2
 {
  margin:0;
  margin-top:8px;
 }
 
.button
{
        padding:7px 14px;
        border: 1px solid #c3532e;
        background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);
        background-color: #eb653c;
        color: #EBE8DE;
        text-shadow: 1px 1px 0px #ff8155;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);

}

.button:hover
{
        background:none #EBE8DE;
        border-color: #EBE8DE;
        text-shadow:none;
        color: #4A463B;
}


/* SPACER */

#spacer
{
        width:auto;
        height:70px;
        background-color:#e56038;
        position:relative;
        font-family: 'bradhitc-webfont';
        color:#fff;
        font-size:28px;
		font-weight:bold;
		position:relative;
}

#spacer p
{
        margin-top:22px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-450px;
}

#spacer .search
{
        margin-top:15px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-480px;
}
#abaSuport
{
	top:65px;
	width:100px;
	height:60px;
	background:#e56038 url(../img/support_w.png) 50% 50% no-repeat;
	position:absolute;
	z-index:10;
	right:0px;
	text-align:center;
	border-radius:0 0 1em 1em;
	padding:5px;
}
#abaSuport:hover
{
	cursor:pointer;
}
/* FOUR COLUMNS */

#four_columns, #text_columns
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        clear:both;
        width:auto;
        max-width:900px;
        margin:0 auto;
}

#four_columns h2, #text_columns h3, #text_columns h1
{
        font-size:20px;
        border-bottom: 1px solid #FA6;
        padding: 20px 0;
        margin-bottom: 20px;
}
#text_columns h1
{
        font-size:25px;
}

#four_columns .img-item
{
        float:left;
        margin-right:25px;
}

#four_columns .img-item a
{
        position:relative;
        display:block;
}

.thumb-screen
{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:113px;
        background: #000 url(../img/zoom.png) center center no-repeat;
        z-index:99;
        opacity: 0;
        transition: opacity .5s ease;
}

.thumb-screen:hover
{
        opacity:0.5;
}


/* TWO COLUMNS */

#text_columns article.column1, #text_columns .column2
{
        margin: 70px 0;
        font-size:14px;
        float:left;
        width:auto;
        max-width: 450px;
}

#text_columns .column2
{
        margin: 120px 0;
}

#text_columns .justify p
{
	text-align:justify;
}
.row
{
        position:relative;
        margin: 40px 0 0 50px;
        float:right;
        width:350px;
}

.row img
{
        float:left;
}

.row p
{
        margin-left: 100px;
}

.rocket, .clock
{
        top:0;
        left:0;
        position:absolute;
        height: 80px;
}

.rocket:hover
{
        opacity:0;
        transition: opacity 0.4s ease 0.2s;
        animation-name: stylie-transform-keyframes;
        animation-duration: 700ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        transform-origin: 0 0;
}

.clock:hover
{
        animation-name: stylie-transform2-keyframes;
        animation-duration: 100ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        transform-origin: 0 0;
}
.info
{
        animation-name: stylie-transform2-keyframes;
        animation-duration: 1000ms;
        animation-delay: 0ms;
        animation-fill-mode: both;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        transform-origin: 0 0;
}

.descricao h4
{
	font-size:120%; font-weight:bold
}
.minis
{
	text-align:center;
}
.minis img
{
	display:inline-block; width:50px; margin:-10px 7px 10px 10px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.minis img:hover
{
	cursor:pointer;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
/* FOOTER */

footer
{
        position:relative;
        clear:both;
        width:auto;
        height:600px;
        background:#69D;
}

footer .wrapper
{
        line-height:25px;
        margin: 0 auto;
        padding-top:30px;
        width:auto;
        max-width:900px;
        font-size:14px;
}

footer .wrapper .column
{
        font-family: 'Open Sans', sans-serif;
        color:#004;
        float:left;
        width:280px;
        margin-right:20px;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px solid #8AF;
        background:url(img/arrowright2.png) left 6px no-repeat;
}
footer .wrapper .column.midlist ul li ul li
{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
	padding-left:0px;
}
footer .wrapper .column.midlist ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .column.rightlist ul li a span
{
        margin-left:95px;
        display:block;
}

footer .wrapper .column.rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
        border:1px solid #002;
}

footer .wrapper .column.rightlist ul li a img:hover
{
        border-color: #5e5e5e;
}

footer .wrapper .column h4
{
        font-size: 16px;
        color: #002;
        border-bottom: 1px solid #8AF;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
		font-weight:900;
}

#copyright
{
        background: #002;
        height:70px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}
#copyright .wrapper
{
        font-family: 'Open Sans', sans-serif;
        padding-top:25px;
        color: #5e5e5e;
        font-size:14px;
        position:relative;
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}


/* SKIPLINK */
.go-top {
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
}

.go-top:hover {
        background-color: rgba(0, 0, 0, 0.6);
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 1px #d6d0c1 solid;
}
#slides
{
  display: none
}

/* Center the slideshow */
.container
{
        width:auto;
        margin: 0 auto;
        position:relative;
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
  color:red;
}

.SliderContent p  .responsive_button
{
        display:none;
        color:#000;
}


/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-width: 1215px)
{
		.iTP
		{
			margin-top:-15px  !important;
		}
	
       .SliderContent
        {
                width:auto;
                margin-right:50px;
        }
        .SliderContent h2
        {
                font-size:18px;
        }
        .SliderContent p
        {
                font-size:14px;
        }
        .SliderContent p  .responsive_button
        {
                display:inline;
        }
		.SliderContent a
		{
			color:#FFF !important;
		}

        .container .button
        {
                display:none;
        }
		.SubMenus li
		{
		line-height: 18px; font-size:75% !important;
		}
		
}

@media (max-width: 915px)
{
        #boxcontent article
        {
                float: none;
                margin: 30px auto 0 auto;
                width: 60%;
        }
        #spacer
        {
                font-size:15px;
        }
        #spacer .search
        {
                margin-top:19px;
                margin-right:-385px;
        }
        #spacer p
        {
                margin-left:-370px;
        }
        input, textarea, select
        {
                padding:4px;
                font-size:14px;
        }
        input[type="submit"]
        {
                padding: 1px 14px;
        }
        #four_columns
        {
                width: 500px;
        }
        #four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
        {
                margin-top: 25px;
        }
        #text_columns article.column1, #text_columns .column2
        {
                float:none;
                max-width: 500px;
                margin: 50px 30px 0 30px;
        }
        .column2 .row
        {
                float:none;
                margin:0 0 40px 50px;
        }
        footer .wrapper .column
        {
                font-size: 12px;
                width: 230px;
        }
		.SubMenus
		{
			margin:3px auto;
		}
		.SubMenus h3
		{
			margin-bottom:4px
		}
		.SubMenus ul
		{
			width:220px;
			float:left;
			margin-right:10px;
			margin-bottom:20px;
		}
		.SubMenus li
		{
		line-height: 15px; font-size:75% !important;
		}
		

}

@media (max-width: 765px)
{
       .container
        {
                height:1px;
                top: -1500px;
        }

        header
        {
                height:120px;
        }
		header h1{
		font-size:30px;
		}
		heder p{
			font-size: 14px
		}
        header nav
        {
                right: auto;
                bottom: auto;
                left: 50%;
                top:100px;
                margin-left: -184px;
        }
		        #alternative_menu
        {
                display:block;
				width:320px;
				right:0;
				top:50%;
        }
        header nav
        {
                display:none;
        }

        #spacer
        {
                height:100px;
        }
        #spacer p
        {
                text-align:center;
                position:static;
                margin: 0 auto;
                padding:15px 0 7px 0;
        }
        #spacer .search
        {
                text-align:center;
                position:static;
                margin: 0 auto;
        }
		#abaSuport
		{
			top:75px
		}
        footer
        {
                padding-bottom:70px;
                height: auto;
        }
        footer .wrapper
        {
                width: 350px;
                margin: 0 auto;
        }
        footer .wrapper .column
        {
                margin-top:30px;
                float:none;
                font-size: 14px;
                width: auto;
        }
        footer .wrapper .social
        {
                display:none;
        }
		
				#sobre
		{
		font-size:65%;
		width:auto;
		padding:5px;
		}
		#linksites{
		background:rgba(255,255,255,0.8);
		}
		#result
		{
			min-height:300px;	
		}
}

@media (max-width: 500px)
{
        #spacer
        {
                height:auto;
                padding-bottom:15px;
        }
		#abaSuport
		{
			top:75px
		}
        #four_columns
        {
                width:auto;
        }
        #four_columns .img-item
        {
                width: 200px;
                float:none;
                margin: 25px auto 0 auto;
        }
        #four_columns h2
        {
                margin: 0 30px;
        }
        .column2 .row
        {
                margin: 0 0 40px 10px;
                width:auto;
        }
        footer .wrapper
        {
                width:auto;
        }
        footer .wrapper .column
        {
                margin: 0 auto 15px auto;
                max-width:300px;
        }
        input, textarea
        {
                width:auto;
        }
		#formulario textarea
		{
			width:90%;
		}
        #alternative_menu
        {
                display:block;
				width:320px;
				left:50%;
				top:50%;
				margin-left:-156px;
        }
        header nav
        {
                display:none;
        }
        
        header p
        {
                padding-left: -60px;
                font-size:14px;
        }
		
		#sobre
		{
		font-size:65%;
		width:auto;
		padding:5px;
		}
		#tempo{
		bottom:-15%;
		font-size:0.8em;	
		}
		#linksites{
		top:27%;
		background:transparent;	
		}

}

.material-icons-outlined {
	vertical-align: middle;
	line-height: 1px;
	font-size: 35px;
}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes MenuRolando{
from{left:-600px;}
to{left:-100px;}
}
@keyframes MenuRodando{
0%{ transform:rotate(-90deg)}
100%{transform:rotate(0deg)}
}
@keyframes MenuSaindo{
from{left:-100px}
to{left:-600px;}
}
@keyframes SaiMenuRodando{
0%{ transform: rotate(5deg)}
100%{transform:rotate(-360deg)}
}