body{
	/*color:#80dfff;*/
	color:red;
	font-family:helvetica;
	/*font-weight:500px;*/
	background-color:#1f1f14;
	/*margin-left:2%; EXCLUSIVO SARAWEB*/
	/*margin-top:77px;  EXCLUSIVO SARAWEB*/
	/*margin-top:4.5%;*/
	
}
a:link, a:visited { 
	text-decoration:none; 
	/*color:#66CD00;*/
	color:#33ff77;
	width: auto;
	height: auto;
} 


iframe{

}

img{
	
	background:url(screen_erro/loading.gif);
	background-repeat: no-repeat;
	background-position: center; 
	background-size: auto auto;
	/*background-blend-mode: luminosity;*/
	background-color:rgb(57,109,166);
	text-align: center; 
	border:1px solid red;
	max-width: 79%;
	min-width: 78%;
    max-height:80%;
    min-height:20%;
    


}

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);*/
}

.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;
    /*z-index: -1;*/
}

.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:50px;
}

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


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




#ap			{color:white;width:100px;text-align:left;}
#editoria   {color:white;width:200px;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;}

#heads{	
	color:white;
	/*margin-left:5px;
	margin-right:5px;
	text-align:center;
	width:20%; alinhamento errado no head*/
	width:75px; /*alinhamento errado no head*/
}
#fiodata{
	color:white;
	width:35px;
	text-align:center;
}

#editoria{
	width:140px;
	text-align:left;
	color:white;
	/*color:#b3e6ff;*/
}
h1{
	margin-top:20px;
	color:orange;
	/*font-size:10pt;*/
	font-size:2.5vw;
	line-height:100%;
	text-align:center;
	font-weight:bold;
	
}
h2{
	color:orange;
	/*font-size:25pt;*/
	font-size:3.5vw;
	text-align:left;
	font-weight:bold;
	line-height:25%;
	margin-top:20px;
}


h3{ /*BACKGROUND EXCLUSIVO SARAWEB*/
	color:orange;
	font-size:3.5vw;
	text-align:left;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:15px;
	line-height:110%;
}


h4{
	margin-top:40px;
	color:orange;
	line-height:150%;
	/*font-size:14pt;*/
	font-size:1.4vw;
	text-align:left;
	font-weight:bold;
	margin-left:10px;
}
h5{ /*nome da BG*/
	color:blue;
	font-size:125%;
	/*font-size:15pt;*/
	text-align:left;
	font-weight:bold;
	margin-top:0.3%;
	margin-left:0.6%;
	/*margin-right:1%;*/
	/*width: 15%; */
	max-width: 16%; /*alterar aqui*/
	/*min-width: 290px; alterar aqui para responsivo*/
	float: left;
	line-height:130%;
}


#h9{
	color:blue;
	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{ /*atualizada em*/
	margin-top:2%;
	font-size:73%;
	text-align:left;
	font-weight:normal; 
	line-height:120%; 
	color:#7a7a52;
	max-width: 80%;
	min-width: 70%;
}
.h6srv{
	margin-top:10%;
	font-size:58%;
	text-align:left;
	font-weight:normal; 
	line-height:30%; 
	color:blue;
}

.started{ /*reiniciada em*/
	/*margin-top:4%;*/
	font-size:58%;
	/*font-size:0.8vw; */
	text-align:left;
	font-weight:normal; 
	line-height:110%; 
    margin-top:12px; 
	margin-bottom:-10px; 
	color:#b36b00;
	max-width: 81%;
	min-width: 70%;
}
.startedSVR{ /*reiniciada em*/
	/*margin-top:4%;*/
	font-size:58%;
	/*font-size:0.8vw; */
	text-align:left;
	font-weight:normal; 
	line-height:110%; 
    margin-top:12px; 
	margin-bottom:-10px; 
	color:#b36b00;
	max-width: 81%;
	min-width: 70%;
}

.descryp{ /*descrição*/
	/*margin-top:4%;*/
	/*font-size:0.6vw; */
	font-size:58%;
	text-align:left;
	font-weight:normal; 
	line-height:110%; 
    margin-top:2px; 
	margin-bottom:-19px; 
	color:#b36b00;
	max-width: 90%;
	min-width: 80%;
}

@media only screen and (max-width: 1800px) {
  	.descryp{ /*descrição*/
		/*margin-top:4%;*/
		/*font-size:58%; */
		font-size:0.6vw;
		
		text-align:left;
		font-weight:normal; 
		line-height:110%; 
	    margin-top:2px; 
		margin-bottom:-19px; 
		color:#b36b00;
		max-width: 90%;
		min-width: 80%;
	}
	.h6{ /*atualizada em*/
		margin-top:2%;
		font-size:1.1vw;
		text-align:left;
		font-weight:normal; 
		line-height:120%; 
		color:#7a7a52;
		max-width: 80%;
		min-width: 70%;
	}

}
	 	
@media only screen and (max-width: 1500px) {	
	.started{ /*reiniciada em*/
		/*margin-top:4%;*/
		/*font-size:58%;*/
		font-size:1.2vw;
		text-align:left;
		font-weight:normal; 
		line-height:110%; 
	    margin-top:12px; 
		margin-bottom:-10px; 
		color:#b36b00;
		max-width: 81%;
		min-width: 70%;
	}
}		
@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%;*/
		/*
		position: fixed;
		background-color:#1f1f14;
		padding-right:50%;
		padding-left:12%;
		padding-top:50px;
		padding-bottom:1%;
		margin-top:-195px;
		margin-bottom:55px;
		color:orange;
		font-weight:bold;
		line-height:110%;
        font-size:10.5vw;
        text-align: center; 
        */
        position: relative;
        font-size:3.5vw;
        text-align: center; 
        max-width: 100%;
	 	min-width: 100%;

    }
    body {
    	 margin-right:0px;
    	 /*margin-top:190px;fixed*/
	     margin-left:0px;
	     text-align: center; 
	     /*margin-top:150px; EXCLUSIVO SARAWEB*/
    }
    h5 {
        float: none;
        color: orange;
        font-size:7vw;
        line-height:100%;
        max-width: 100%;
        max-height:100%;
        text-align: center; 
        margin-top:90px;
	    margin-left:0%;
    }    
    .h6 {
    	margin-top:10px;
    	font-size:5vw; 
    	font-weight:normal; 
    	line-height:110%; 
        text-align: center; 
        margin-bottom:5px;
        max-width: 100%;
	 	min-width: 100%;
    }
    .started{
		/*margin-top:4%;*/
		font-size:4vw; 
		text-align: center; 
		font-weight:normal; 
		line-height:110%; 
	    margin-top:42px; 
		margin-bottom:-10px; 
		color:#b36b00;
		max-width: 100%;
     	max-height:100%;
    }
    .descryp{
    	/*margin-top:4%;*/
    	font-size:4vw;  
    	text-align:center;
    	font-weight:normal; 
    	line-height:30%; 
        margin-top:20px; 
    	margin-bottom:-15px; 
    	color:#b36b00;
    	max-width: 100%;
     	max-height:100%;

    }
    h4 {
        font-size:2.4vw;
        text-align: center; 
    } 
    h2 {
        font-size:5.5vw;
        text-align: center; 
    } 
    

    img{
		
		text-align: center; 
		border:1px solid red;
	    max-width: 98%;
	    max-height:100%;
	}
	a:link, a:visited { 
		text-decoration:none; 
		/*color:#66CD00;*/
		color:#ffe0b3;
		width: auto;
		height: auto;
	} 

}


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


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

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

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

}

th{
	color:#7a7a52;
	background-color:#6b6b47;
	font-size:7pt;
	/*width:10%; ---------*/
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: center;
}

td{
	color:#7a7a52;
	font-size:12pt;
	/*width:90px;*/
	text-align:center;
	padding: 8px;
	vertical-align: center;
}


#okk{
	font-size:8pt;
	margin-left:25%;
	margin-right:25%;
	text-align:center;
	border:2px solid none;
	width:39px;
	/*width:53%; ---------*/
	height:15px;
 }

.newshole {
	color:black;
	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;
}	
.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;}

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

.erro{
	
	text-align:center;
	border:2px solid none;
	width:39px;
	height:19px;
	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;
	}