/* TEMAS DO NAVBAR */
.navbar.tema-primario{
background:#ff6eee; 
margin-bottom:0px;	
}
blocoMenu
.navbar.tema-secundario{
background:#cc530c; 
margin-bottom:0px;	
}

.block.topo-painel{
margin:0px; 
padding-top:40px;
padding-bottom:10px;
height:120px;
	

background: rgba(0, 0, 0, 0.85); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) 10%, rgba(0, 0, 0, 0.85)); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) 10%,rgba(0, 0, 0, 0.85)); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) 10%,rgba(0, 0, 0, 0.85)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0.85)', endColorstr='rgba(0, 0, 0, 0.85)',GradientType=0 ); /* IE6-9 */		
	
}

/* FONTE DO TITULO */
.title{
text-align: center !important;
width: 100% !important;
}

/* ALINHAR IMAGEM DA ENTRADA */
.Aligner {
            display: flex;
            align-items: center;
            justify-content: center;
            height:90%;
        }

        .Aligner-item {
            max-width: 50%;
        }

        .Aligner-item--top {
            align-self: flex-start;
        }

        .Aligner-item--bottom {
            align-self: flex-end;
        }
		
 /* Importando Fonte */
        @font-face {
            font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
            font-style: normal;
            font-weight: 400;
            src: url('fonts/arial-black-bold.ttf') format('truetype');
        }
		
/* Custom color theme */
:root {
  --f7-theme-color: #000000;
  --f7-theme-color-rgb: 255, 45, 85;
  --f7-theme-color-shade: #000000;
  --f7-theme-color-tint: #141414;
}
/* Invert navigation bars to fill style */
:root,
:root.theme-dark,
:root .theme-dark {
  --f7-bars-bg-color: var(--f7-theme-color);
  --f7-bars-bg-color-rgb: var(--f7-theme-color-rgb);
  --f7-bars-translucent-opacity: 0.9;
  --f7-bars-text-color: #fff;
  --f7-bars-link-color: #fff;
  --f7-navbar-subtitle-text-color: rgba(255,255,255,0.85);
  --f7-bars-border-color: transparent;
  --f7-tabbar-link-active-color: #fff;
  --f7-tabbar-link-inactive-color: rgba(255,255,255,0.54);
  --f7-sheet-border-color: transparent;
  --f7-tabbar-link-active-border-color: #fff;
}
.appbar,
.navbar,
.toolbar,
.subnavbar,
.calendar-header,
.calendar-footer {
  --f7-touch-ripple-color: var(--f7-touch-ripple-white);
  --f7-link-highlight-color: var(--f7-link-highlight-white);
  --f7-button-text-color: #fff;
  --f7-button-pressed-bg-color: rgba(255,255,255,0.1);
}
.navbar-large-transparent,
.navbar-large.navbar-transparent {
  --f7-navbar-large-title-text-color: #000;

  --r: 255;
  --g: 45;
  --b: 85;
  --progress: var(--f7-navbar-large-collapse-progress);
  --f7-bars-link-color: rgb(
    calc(var(--r) + (255 - var(--r)) * var(--progress)),
    calc(var(--g) + (255 - var(--g)) * var(--progress)),
    calc(var(--b) + (255 - var(--b)) * var(--progress))
  );
}
.theme-dark .navbar-large-transparent,
.theme-dark .navbar-large.navbar-transparent {
  --f7-navbar-large-title-text-color: #fff;
}	

.tabbar .tab-link-active, .tabbar-labels .tab-link-active{
	border-top:2px solid red !important;
	font-size:32px;
}	

#link1{
	border-top:1px solid #000000;
	color:#000000;
}

#link1.tab-link-active{
	border-top:2px solid #000000 !important;
}

#link2{
	border-top:1px solid #000000;
	color:#000000;
}

#link2.tab-link-active{
	border-top:2px solid #000000 !important;
}

#link4{
	border-top:1px solid #000000;
	color:#000000;
}

#link4.tab-link-active{
	border-top:2px solid #000000 !important;
}

#link5{
	border-top:1px solid #000000;
	color:#000000;
}

#link5.tab-link-active{
	border-top:2px solid #000000 !important;
}



.float{
	animation: float 3s ease-in-out infinite;
	box-shadow: 0 0 32px 32px white;
}	
		
	@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}	
		
.special-card{
	background: #000000;
	color:white;
}