/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26/10/2017, 16:18:21
    Author     : Abelardo
*/

@charset "UTF-8";
@Import url(https://fonts.googleapis.com/css?family=Orbitron|Syncopate);

 body{    
    font-family: 'Arial', sans-serif;
    background-color: #ffd;
    color: rgba(0,0,0,1);
	
}

div#interface{
/*    width: 780px;*/
    background-color: darkgray;
   /* margin: auto auto 0px auto;
    box-shadow: 0px 0px 10px black;
    padding: -20px;*/
	text-align: center;
	
/*    margin: 7px auto 0px auto;*/
    box-shadow: 0px 0px 10px black;
    padding: 5px;
}

div#menu{
    width: auto;
    height: auto;
	text-align: center;	
    background: linear-gradient( darkblue, blue);
/*    background-color: dodgerblue;*/
    margin-top: 10px;
    margin-bottom: 10PX;
    
    box-shadow: 0px 0px 10px black;
    padding: 5px;
}

header#cabecalho{
    display: block;
/*    width: 600px;*/
    height: auto;
	text-align: center;
    background-color: #fff;
/*    margin: 7px auto 0px auto;*/
    padding: 2px;
	margin: 2px;
    padding: 10px;
/*    box-shadow: 0px 0px 10px black;*/
    
}


p{   
    text-indent: 10px;
	margin: 1px;   
	padding: 1px;
	
}


p#rd1{
    text-align: center;
	padding: 0px;
    color: dodgerblue;
    font-family: 'Syncopate',sans-serif;
    text-shadow: 3px 3px 5px rgba(0,0,0,.8);
    font-size: 64pt;
	
}

p#rd2{
    text-align: center;
    color: royalblue;
    font-family: "Syncopate",sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    font-size: 10pt;
	
}



p#cab-giig{
    text-align: center;
    color: blue;  
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    font-family: serif ;
    font-size: 60pt;
    margin: 1px auto 0px auto;
    padding: 2px;
}


a{
    color: #d33;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}



nav#menu{
  
    display: block;
    

}

nav#menu ul{
    list-style: none;
    text-transform: uppercase;
    position: relative;
    margin-top: 5px;    
    
    font-family: "arial",sans-serif;
    font-size: 9pt;
	padding: 5px;
    margin-bottom: 5px;
    
/*    left: 300px;*/
}






nav#menu li{
    display: inline-table;
    height: auto;
    background-color: darkblue;
    padding: 8px;
    margin-right:4px;
    margin-left: 4px;
    margin-top: 4px;
    transition: background-color .4s;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    box-shadow: 0px 0px 20px white;
}

nav#menu li:hover{
    background-color: deepskyblue;
	
}

nav#menu h1{
    display: none;
}

nav#menu a{
    color: #fff;
    text-decoration: none;
}

nav#menu a:hover{
    color: #fff;
    text-decoration: none;	
}

section#corpo{
/*    display: block;*/
    width: auto;
    height: auto;
	text-align: center;
    background-color: #add;
    margin: 2px auto 0px auto;
/*    padding: 10px;*/
    box-shadow: 0px 0px 10px black;
    
}

section#principal{
    width: auto;
    height: auto;
	text-align: center;
    background-color: #ffe;
    margin: 2px auto 0px auto;
    box-shadow: 0px 0px 10px black;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    
}

section#pesquisa{
    width: auto;
    height: auto;
	text-align: center;	
    background: linear-gradient( gray, white);
    margin: 10px auto 10px auto;
	padding: 10px 2px  10px 2px;
    box-shadow: 0px 0px 10px black;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}


form1{
	font-size: 20px;
	text-align: center;
	width: auto;
}

h2{
	
    padding: 20px;
    margin-top: 5px;
	font-size: 16px;
    
}

h3{
	margin-top: 2px;
    margin-bottom: 2px;
	font-size: 12px;   
}

h2#cab_ini_a1{
	text-align: center;
	background-color: dodgerblue;
	color: white;
	padding-top: 5px;
    padding-bottom: 5px;
}


h2#cab_car_a1{
	text-align: center;
	background-color: green;
	color: white;
	padding: 5px;
}


h2#cab_pan_a1{
	text-align: center;
	background-color: orangered;
	color: white;
	padding: 5px;
}


h2#cab_fol_a1{
	text-align: center;
	background-color: blueviolet;
	color: white;
	padding: 5px;
}

h2#cab_not_a1{
	text-align: center;
	background-color: red;
	color: white;
	padding: 5px;
}

h3#cab_not_a2{
	text-align: center;
	background-color: red;
	padding: 3px;
    padding-top: 2px;
    padding-bottom: 1px;
    color: lightyellow;
}


h2#cab_sit_a1{
	text-align: center;
	background-color: goldenrod;
	color: white;
	padding: 5px;
}

p#txt_ini_a1{
    font-family: "calibri","arial",sans-serif;
    font-size: 20px;
	text-align: justify;
	color: #444;
	text-indent: 25px;
	padding-left: 2%;
	padding-right: 2%;
    padding-top: 10px;    
	
}

img {
    width: 99.9%;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;    
	padding-bottom: 2px;
    box-shadow: 0px 0px 10px  gray;
    background-color: sandybrown;
}

img#botao {
    width: 100px;
	padding-top: 10px;
}



footer#rodape{
    display: block;
    width: auto;
    height:auto;
    background-color: dodgerblue;
    margin: 7px auto 0px auto;
    padding: 8px;
    color: white;
    font-family: 'Syncopate',sans-serif;
	font-size: 12px;
    box-shadow: 0px 0px 10px black;
    clear: both;
    border-top: 1px solid #606060;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}


p#final{
	text-indent: 0px;
    text-align: center;
    color: white;
    font-family: monospace,sans-serif;
/*    text-shadow: 1px 1px 1px rgba(0,0,0,.6);*/
    font-size: 12pt;
    
}


/* testes*/

.principal {
  background-color: #def;
  margin: 5;	
  box-shadow: 0px 0px 10px black;
  height: auto;
  width: 100%;
}

div.wrapper{
  position: relative;
  width: 100%;
  margin: auto;
}

.bloco {
 /* height: auto;
/*  width: 300px;*/
 

  background: linear-gradient( gray, white);
  margin: 5px auto 15px auto;
  padding: 2px 10px  2px 10px;
  box-shadow: 0px 0px 10px 3px black;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.boxvideo{/*
    width: 410px;
    height: 315px;
    position: relative;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px; */
    
    margin: 10px auto 10px auto;
    padding: 10px 2px  10px 2px;
    box-shadow: 0px 0px 10px black;
    float: left;
}

.boxvideo iframe {
    position: absolute;    
    top: 10px;
    left: 10px;  
    bottom: 10px;
    width: 100%;
    height: 100%;
}

.foto_comum{ /*
    width: 300px;
    height: 168px;
    position: relative;
    padding-bottom: 10px;
    padding-left: 10px;
   
    margin-bottom: 10px;
    margin-left: 10px; */
/*    width: 400px;*/
    margin: 5px 0px 5px 0px;
    padding: 15px 1px  1px 1px;
    box-shadow: -1px 1px 3px 3px gray;
    float: left;
    
}
.foto_cartao{ 
    text-align: center;
    width: 290px;
    margin: 5px 5px 5px 5px;
    padding: 1px 1px 1px 1px;
    box-shadow: -1px 1px 3px 3px gray;
    float: left;    
}

.foto_texto{ 
    background: linear-gradient( #abc, white);
    text-align: center;
    width: 290px;
    height: auto;
    margin: 5px 5px 5px 5px;
    padding: 1px 1px 1px 1px;
    overflow-y: auto;
    box-shadow: -1px 1px 3px 3px gray;
    float: left; 
}

.texto_coluna{ 
    background: linear-gradient( #abc, white);
    text-align: center;
   
    height: auto;
    margin: 5px 5px 5px 5px;
    padding: 1px 1px 1px 1px;
    overflow-y: auto;
    box-shadow: -1px 1px 3px 3px gray;
    float: left; 
}


#meio{
    
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    height: auto;
    
    column-count: 1;
    column-gap: 10px;
    column-width: auto;
/*    background-color: aliceblue*/

}
/*
footer{
  text-align: center;
  background-color: red;
  color: #FFF;
  position: absolute;
  bottom: 0;
  line-height: 50px;
}*/