body{
	/*color:#80dfff;*/
	color:red;
	font-family:helvetica;
	/*font-weight:500px;*/
	background-color:#1f1f14;
	margin:2%;
}





.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 12px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: grey;
  min-width: 400px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: black;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}







iframe.src{
	background-color:#1f1f14;
}

a:link, a:visited { 
	text-decoration:none; 
	/*color:#66CD00;*/
	color:#ffe0b3;
	width: auto;
	height: auto;
} 

a.segue:link, a.segue:visited {
	text-decoration:none; 
	/*color:#66CD00;*/
	color:yellow;
	width: auto;
	height: auto;
}

buttom#texto.segue{
		text-decoration:none; 
	/*color:#66CD00;*/
	color:yellow;
	width: auto;
	height: auto;
}

iframe{
	background-color: #1f1f14;
	/*color:green;*/
}
img{
	/*background:url(screen_erro/loading.gif);
	background-color:rgb(57,109,166);*/
	height:20%; 
	text-align: center; 
	border:1px solid red;
}
img:hover{
	-webkit-filter: saturate(150%);
    -moz-filter: saturate(150%);
    -ms-filter: saturate(150%);
    -o-filter: saturate(150%);
	filter: saturate(150%);
	transition: .4s;
	/*-webkit-transform: scale(3.05);
    transform: scale(3.05);*/
}

img.bad:hover{
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	transition: .4s;
	filter: grayscale(100%);
	/*-webkit-transform: scale(3.05);
    transform: scale(3.05);*/
}
#logBG {
	position: fixed;
	margin-left:410px;
	margin-top:-37px;
	font-size:8pt;
	z-index:2;
	color:red;
}

button#texto{
	background-color:#ffad33;
}

.blur{
	-webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
	filter: blur(5px);
	transition: .4s;
}

img.bad{
	background:url(screen_erro/loading.gif);
	background-repeat: no-repeat;
	background-position: center; 
	background-size: auto auto;
	/*background-blend-mode: luminosity;*/
	background-color:red;
	text-align: center; 
	border:1px solid red;
	max-width: 79%;
	min-width: 78%;
    max-height:80%;
    min-height:20%;
	/*filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    background-repeat: no-repeat;
	background-position: center; 
	background-size: auto auto;
    width: 276px;
    height:176px;
	max-width: 79%;
	min-width: 78%;
    max-height:80%;
    min-height:20%;
    background-size: 80% 80%;

    width: 339px;
    height:178px;
    background-size: 50% 70%;
   
    */
}
.image {
	background:url(newFrank/imagens/FRANKico.jpg);
    height:100px;
    width:100px;
    display: block;
    float:left;
}

.image  a {
    display: none;
}

.image  a:hover {
    display: block;
    
}


.menor { 
	text-align:center;
	width:55px;
}
.maior { text-align:left;}

.normal{text-align:center;}

.pag{
	text-align:center;
	color:orange;
	font-weight:bold;
	width:25px;
}

.telas { width: 50%; text-align: center; float: left;}


.pagobs{
	text-align:center;
	color:orange;
	font-weight:bold;
	width:25px;
	line-height:160%;
}

.li{
	float:left;
}
.margem{
	padding-right:20%; 
}
/*
#ap			{color:white;width:10%;text-align:left;}
#editoria   {color:white;width:12%;text-align:left;}
#anunciante	{color:white;width:20%;text-align:left;}
#centimetro	{color:white;width:5%;text-align:left;}
#soma		{color:white;width:8%;text-align:left;}
#col		{color:white;width:2%;text-align:left;}
*/
#ap			{color:white;width:100px;text-align:left;}
#editoria   {color:white;width:120px;text-align:left;}
#anunciante	{color:white;width:200px;text-align:left;}
#centimetro	{color:white;width:50px;text-align:left;}
#soma		{color:white;width:80px;text-align:left;}
#col		{color:white;width:20px;text-align:left;}

#L_ap			{color:white;width:191px;text-align:left;}
#L_editoria   {color:white;width:264px;text-align:left;}
#L_anunciante	{color:white;width:304px;text-align:left;}
#L_centimetro	{color:white;width:173px;text-align:left;}
#L_soma		{color:white;width:180px;text-align:left;}
#L_col		{color:white;width:143px;text-align:left;}


#heads_fixed{	
	color:white;
	position: fixed;
	/*margin-left:5px;
	margin-right:5px;
	text-align:center;
	width:20%; alinhamento errado no head*/
	width:175px; /*alinhamento errado no head*/
}
#fiodata{
	color:white;
	width:30px;
	text-align:center;
}



h1{
	margin-top:1%;
	color:orange;
	/*font-size:10pt;*/
	font-size:2.5vw;
	line-height:100%;
	text-align:center;
	font-weight:bold;
	z-index:2;
	
}
h2{
	color:orange;
	/*font-size:25pt;*/
	font-size:3.1vw;
	text-align:left;
	font-weight:bold;
	line-height:15%;
	margin-top:10px;
	z-index:2;
}

h3{
	
	color:orange;
	font-size:25pt;
	text-align:left;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:15px;
	line-height:110%;
	
}
h4{
	margin-top:25px;
	color:orange;
	line-height:150%;
	/*font-size:14pt;*/
	font-size:1.5vw;
	text-align:left;
	font-weight:bold;
	margin-left:10px;
}
h5{
	color:orange;
	font-size:15pt;
	text-align:left;
	font-weight:bold;
	margin-top:0.3%;
	margin-left:0.5%;
	/*width: 15%; */
	max-width: 300px; 
	text-align: left; 
	float: left;
	line-height:130%;
}
#h9{
	color:orange;
	font-weight:normal;
	font-size:8pt;
	text-align:left;
	font-weight:bold;
	margin-top:0.2%;
	margin-left:10px;
	/*width: 15%; */
	max-width: 230px; 
	text-align: center; 
	float: left;
	line-height:120%;
}


.h6{
	margin-top:3%;
	font-size:0.8vw; 
	text-align:left;
	font-weight:normal; 
	line-height:30%; 
	color:#7a7a52;
}
.started{
	/*margin-top:4%;*/
	font-size:0.6vw; 
	text-align:left;
	font-weight:normal; 
	line-height:30%; 
    margin-top:12px; 
	margin-bottom:-10px; 
	color:#b36b00
	max-width: 300px; 
}

.descryp{
	/*margin-top:4%;*/
	font-size:0.6vw; 
	text-align:left;
	font-weight:normal; 
	line-height:30%; 
    margin-top:5px; 
	margin-bottom:-17px; 
	color:#b36b00
}


@media only screen and (max-width: 1020px) {
    h3 {
		/*fixed	   	
	    position: fixed; <---- isso faz deslocar para esquerda entao ajustar padding lateral em % para centralizar
		background-color: #1f1f14;
		margin-top:-200px; 
		padding-bottom:30px;
        padding-top:30px;
        padding-right:8%;
        padding-left:10px;
        fixed*/
    	/*margin-left:10%;*/
        font-size:9.5vw;
        text-align: center; 
        
        
    }
    h5 {
        float: none;
        color: orange;
        font-size:7vw;
        line-height:120%;
        max-width: 100%;
        max-height:100%;
        text-align: center; 
        margin-top:90px;
    }    
    .h6 {
    	margin-top:10px;
    	font-size:5vw; 
    	font-weight:normal; 
    	line-height:80%; 
        text-align: center; 
        margin-bottom:-20px;
    }
    .started{
		/*margin-top:4%;*/
		font-size:4vw; 
		text-align: center; 
		font-weight:normal; 
		line-height:30%; 
	    margin-top:42px; 
		margin-bottom:-10px; 
		color:#b36b00
    }
    .descryp{
    	/*margin-top:4%;*/
    	font-size:4vw;  
    	text-align:center;
    	font-weight:normal; 
    	line-height:30%; 
        margin-top:20px; 
    	margin-bottom:-10px; 
    	color:#b36b00
    }
    
    h4 {
        font-size:2.0vw;
        text-align: center; 
    } 

    h2 {
    	margin-top: 10px;
        font-size:3.6vw;
        text-align: center; 
    } 
    
    
    body {
    	 
    	 /*margin-top:190px;fixed*/
	     margin:1%;
	     text-align: center; 
    }
    img{
		width:100%;
		height:50%;
		text-align: center; 
		border:1px solid red;
	}
	a:link, a:visited { 
		text-decoration:none; 
		/*color:#66CD00;*/
		color:#ffe0b3;
		width: auto;
		height: auto;
	} 

}


#cad_conclu{ /*relogio atualizacao*/
	color:#7a7a52;
	font-weight:normal;
	margin-bottom:-15px; 
	/*line-height:150%;
	font-size:12pt;
	text-align:left;
	
	margin-top:-51px;
	margin-left:299px;*/
}




tr:hover {background-color:#2e2e1f;}

table:hover {position: relative;}

table{
	/*margin-left:200px;*/
	border: 1px solid #7a7a52;
	/*border: 1px solid #7a7a52;*/
	padding: 15px;
	border-collapse: collapse;
	/*width:95%; ---------*/
	
	margin-right:25px;

}

th{ /* laterais */
	width:42px; /*tamanho fixo das colunas*/
	color:#7a7a52;
	background-color:#6b6b47;
	font-size:6pt;
	/*font-size:0.5vw;*/
	/*width:10%; ---------*/
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: center;

}
th.preimp{ /* laterais */
	width:108px;
	color:yellow;
	text-align:center;
}


tr{
	width:10px;
	
	text-align:center;
	vertical-align:center;



}
td{ /*nome edioria*/
	
	color:#7a7a52;
	font-size:10pt; /*mudar altura das linhas*/
	/*font-size:1.0vw;*/
	/*width:90px;*/
	text-align:center;
	padding: 4px; /*mudar altura das linhas tambem*/
	vertical-align: center;
}



.newshole {
	color:black;
	font-size:8pt;
	margin-left:18%;
	margin-right:18%;
	text-align:center;
	border:2px solid none;
	width:53%;
	/*width:53%; ---------*/
	height:15px;
	background-color:#ffb84d;
}	
.logstyle {
	color:black;
	text-align:left;
	font-size:8pt;
	margin-left:25%;
	margin-right:25%;
	text-align:center;
	border:2px solid none;
	width:39px;
	/*width:53%; ---------*/
	height:15px;
	background-color:#ffb84d;
}	

.none{background-color:#2e2e1e;}

#heads{	
	color:white;
	/*margin-left:28%; /*espaçamento lateral centralizado errado*/
	/*margin-right:28%; /*espaçamento lateral centralizado errado*/
	/*text-align:center;*/
	/*width:75px; /*alinhamento errado no head*/
}
#data_diretorio{	
	font-size:1.2vw;
	color:white;
	
	text-align:center;
	
}

#okk{
	font-size:1.5vw;
	
	margin-left:6%; /*espaçamento lateral centralizado errado*/
	margin-right:6%; /*espaçamento lateral centralizado errado*/
	text-align:center;
	border:2px solid none;
	/*width:75px;/*
	/*width:53%; ---------*/
	/*width:32px; */
	width:90%; /*alterar aqui junto letras head*/
	/*width:32px; */
	height:14px; /* faz fundo  none*/
	/*width:130%; 
	height:30%;*/
}
#okk_dir{
	font-size:1.4vw;
	margin-left:14%; /*espaçamento lateral centralizado errado*/
	margin-right:14%; /*espaçamento lateral centralizado errado*/
	text-align:center;
	border:2px solid none;
	/*width:75px;/*
	/*width:53%; ---------*/
	/*width:32px; */
	
	/*width:32px; */
	height:14px; /* faz fundo  none*/
	/*width:130%; 
	height:30%;*/
}

.ok01{background-color:#ffe0b3;color:black;}
.ok02{background-color:#ffd699;color:black;}
.ok03{background-color:#ffcc80;color:black;}
.ok04{background-color:#ffc266;color:black;}
.ok05{background-color:#ffb84d;color:black;}
.ok06{background-color:#ffad33;color:black;}
.ok07{background-color:#ffa31a;color:black;}
.ok08{background-color:#ff9900;color:black;}
.ok09{background-color:#e68a00;color:black;}
.ok10{background-color:#cc7a00;color:black;}
.ok11{background-color:#b36b00;color:black;}
.ok12{background-color:#995c00;color:black;}
.ok13{background-color:#804d00;color:black;}
.ok14{background-color:#663d00;color:black;}
.ok15{background-color:#4d2e00;color:black;}
.ok16{background-color:#331f00;color:black;}


.er{
	color:red;
}

.teste{
	text-align:center;
	border:2px solid none;
	background-color:green;	
	color:white;
}
.erro{
	text-align:center;
	border:2px solid none;
	background-color:red;
}

#box-toggle {
	width:500px;
	margin:0 ;
	text-align:justify;
	font:12px/1.4 Arial, Helvetica, sans-serif;
	}
#box-toggle .tgl {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	color:#c30; 
	margin-top:15px;
	}

.gallerycontainer{
	position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/

}

.thumbnail img{

}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
/*border: 1px solid blue;*/

}

.thumbnail span{ /*CSS for enlarged image*/
	/*position: relative;*/
	position: absolute;
	/*background-color: lightyellow;*/

	padding: 0px;
	left: -1000px;
	/*border: 1px dashed gray;*/
	visibility: hidden;
	color: black;
	text-decoration: none;
	width:65px;
	height:auto; 
	/*width:20%;
	height:20%; */
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}



.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	/*top: -90px;*/
	/*left: 500px; position where enlarged image should offset horizontally */
	left: 335px; /*position where enlarged image should offset horizontally */
	z-index: 150;
	transition: .4s;
}