* {padding: 0; font-size: 100%; border: none; outline: none; box-sizing: border-box;}
body{
font-family:'Open Sans',sans-serif;
background-color:#999999;
font-size:1em;
margin-top:0px;
}

.principal{
	width:95%;
	padding:10;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}
.clean{clear:both;}

#logo{
margin-top:0px;
padding:0px;
}

header{
width:100%;
height:250px;
}

section{
background-color:#ffffff;
padding:10px
}

.contador{
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 10px;


}

#main{
width:100%;
max-width:1000px;
background-color:#fff;
margin:0 auto;
}

nav{
background-color:#000000;
width:100%;
max-width:1000px;
position:absolute;
float: left;
}

nav ul{
list-style:none;
padding:0;
margin:0;
}

nav li{
position:relative;
}

nav > ul > li{
width:20%;
float:left;
z-index:2;
}
nav ul li a{
display:block;
text-align:center;
background-color:#000000;
padding:10px;
text-decoration:none;
color:#fff;
}
nav ul li a:hover{
background-color:#00bcff;
transition:all .27s;
}

nav li ul{
display:none;
}

nav li:hover ul{
display:block;
}

h1{
font-family:verdana;
font-size: 25px;
font-weight: bold;
}

h2{
font-family:verdana;
font-size: 20px;
font-weight: bold;
}

.h2_left{
	font-family:verdana;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #FF0000;
}

.titulo_site{
	font-family:verdana;
	font-size: 22px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
}

.destaq{
	font-family:verdana;
	font-size: 30px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.painel_final{
	font-size: 18px;
	font-weight: bold;
	color: #A60036;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.migalha {
	font-size: 14px;
	color: #666;
	border-bottom: 1px dashed #333;

}
.migalha a { color: #666; }

.subpainel_final{
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 10px;


}
.titulo{
	font-size: 20px;
	font-weight: bold;
	color: #A60036;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.subtitulo{
	font-size: 18px;
	font-weight: normal;
	text-align: justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

h3{
font-family:verdana;
font-size: 18px;
font-weight: normal;
text-align: justify;
}
h4{
font-family:verdana;
font-size: 14px;
font-weight: bold;
}

h5{
color: #000000;
font-size:1.2em;
font-weight:normal;
text-align: center;
vertical-align: top;
width:100%; 

}

h6{
color: #000000;
font-size:1.5em;
font-weight:normal;
text-align: center;
vertical-align: top;
width:100%; 
margin:0px;
}
.subcategoria_azul{
	font-family:verdana;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #0000FF;
}
.subcategoria_vermelho{
	font-family:verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #FF0000;
}

.Fixar{
position:fixed;
top:0;
z-index:3;
}

.galerias{width:100%; float: left; padding: 3% 4%;}
.galeria{
	width:100%;
	background-color: #cccccc;
	text-align: left;
	border-radius: 7px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #666666;
	background-image: url(../biblia/ig/bg_fundo.jpg);
	font-weight: bold;	
	font-family:verdana;
	font-size: 18px;
}

.galeria_1{
	width:100%;
	background-color: #cccccc;
	text-align: left;
	border-radius: 7px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #666666;
	background-image: url(../biblia/ig/bg_fundo.jpg);
	font-weight: bold;
	
	font-family:verdana;
	font-size: 18px;
}

.galeria_2{
	width:100%;
	background-color: #FFFF59;
	text-align: left;
	border-radius: 7px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #666666;
	background-image: url(../biblia/ig/bg_fundo_2.jpg);
	font-family:verdana;
	font-size: 18px;
	font-weight: bold;
}

.galeria_3{
	width:100%;
	background-color: #FFFF59;
	text-align: left;
	border-radius: 7px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #666666;
	background-image: url(../biblia/ig/bg_fundo_3.jpg);
	font-family:verdana;
	font-size: 18px;
	font-weight: bold;
}

.pparedes{width:100%; float: left; padding: 3% 4%;}
.pparede{width:100%; background-color: #cccccc; text-align: left; border-radius: 7px; margin-bottom: 3%;}
.pparede img{border-radius: 10px 10px 10px 10px;}
.pparede img{width:100%;}


.livros{
	width:100%;
	float: left;
	padding: 3% 4%;
	


}


.lista_social{
margin: 0 auto;
float: center;
width: 50%;
background-color: #cccccc;
text-align: center;
overflow: auto;
 }

.lista_s1, .lista_s2, .lista_s3, .lista_s4{
float: left;
}
	
.lista_s1, .lista_s2, .lista_s3, .lista_s4{
	width: 25%;
	background-color: #cccccc;
	text-align: center;
	padding: 5px;
	border: thin solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.lista_s1{width: 25%;}
.lista_s2{width: 25%;}
.lista_s3{width: 25%;}
.lista_s4{width: 25%;}

.list_sub{
font-family:verdana;
font-size: 12px;
font-weight: normal;
text-align: left;
}
.livro{
	background-color: #cccccc;
	text-align: left;
	border-radius: 7px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #666666;
	background-image: url(../biblia/ig/bg_fundo.jpg);
	width:22%;
	float: left;
	margin-right: 2%;
	text-align: center;
		font-family:verdana;
	font-size: 18px;
	font-weight: bold;
}

.capitulos{
	width:100%;
	float: left;
	padding: 3% 4%;
	

}
.cap{
	background-color: #cccccc;
	text-align: left;
	border-radius: 7px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #666666;
	background-image: url(../biblia/ig/bg_fundo.jpg);
	width:22%;
	float: left;
	margin-right: 2%;
	text-align: center;
	font-weight: bold;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.centro{
text-align: center;
vertical-align: middle;
}

.correio{
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #E9E9E9;
	padding: 20px;
	border: thin solid #666666;
}

.frente{
text-align: right;
vertical-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.alerta{
text-align: center;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #FF0000;
padding:10px;
color: #FFFFFF;
}

.doacoes{
text-align: center;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
background-color: #A4FFD1;
padding: 8px;
}

.doacoes a:link{
color: #000000;
text-decoration: none;

}
.doacoes a:hover{
color: #000000;
text-decoration: none;
width: 100%;
}

.doacoes a:active{
color: #000000;
text-decoration: none;

}

.doacoes a:visited{
color: #000000;
text-decoration: none;
}

.alerta_doacao{
text-align: center;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
background-color: #6CB6FF;
padding:10px;
color: #000000;
width: 100%;
}

.texto_titulo{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: left;
vertical-align: middle;
}

.texto_sub{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
vertical-align: middle;
}

.Mobile{
display:none;
}

#destaque{
width:100%;
margin-top:50px;
display:table;
margin-bottom:50px;
text-align: center;
vertical-align: middle;
}

.Container p{
padding-left:20px;
padding-right:20px;
font-size:.938em;
text-align:justify;
}

.container{
	widh:100%;
	height: auto;
	background: #007bbf;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-flow: wrap;
	margin: 5px;
}

.box{
	widh:20%;
	height: 40px;
	background: yellow center center;
	margin: 5px;
	box-sizing: border-box;
	font-size: 20px;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

.container_h2{
	font-size:18px;
	text-align:center;
	color: #000000;
	background-color: #88E69D;
	vertical-align: middle;
	padding: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.container_centro{
	font-size:18px;
	text-align:center;
	color: #000000;
	background-color: #EF9CB9;
	vertical-align: middle;
	padding: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


.Imagens{
text-align:center;
margin:0px;
}

.Botoes{
text-align:center;
margin-top:50px;
margin-bottom:50px;
}

.Top{
cursor:pointer;
}

.final{
width:100%;
background-color:#DFDFDF;
}

footer{
width:100%;
color:#fff;
font-size:.75em;
padding-top:25px;
padding-bottom:25px;
background-color:#000000;
text-align:center;
}
.conta{
width:100%;
padding-top:15px;
padding-bottom:15px;
font-size: 16px;
font-weight: normal;
color: #000000;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding: 10px 0px 0px 10px;
}

img, video, audio{
max-width:100%;
}

.video {
    width: 100%;
    height: auto;
}

a:link {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:visited {
text-decoration: none;
}

.campo {
	border-radius: 8px;
	border:1px solid #CDCFD0;
	padding: 10px 20px 10px 20px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	font-weight: bold;
}
.camp {
	border-radius: 8px;
	border:1px solid #CDCFD0;
	padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	font-weight: bold;
	
}
.campu {
	border-radius: 8px;
	border:1px solid #CDCFD0;
	padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	font-weight: bold;
	width: 100%;
}

.loginButton {
background: -moz-linear-gradient(90deg, #0459B7, #08ADFF) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(90deg, #0459B7, #08ADFF) repeat scroll 0 0 transparent;
border: 1px solid #093C75;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFFFFF;
color: #FFFFFF;
cursor: pointer;
font-family: Arial,sans-serif;
font-size: 12px;
font-weight: bold;
margin-right: -1em;
margin-top: 1em;
padding: 5px 10px;
text-decoration: none;
text-shadow: 0 1px 1px #333333;
text-transform: uppercase;
height: 40px;
width: 100%;
}
.loginButton:hover {
background: -moz-linear-gradient(90deg, #067CD3, #0BCDFF) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(90deg, #067CD3, #0BCDFF) repeat scroll 0 0 transparent;
border-color: #093C75;
text-decoration: none;
}

.loginButton:active {
background: -moz-linear-gradient(90deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(90deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
border-color: #093C75;
outline: medium none;;  
}

.painel{/*simula largura do site*/
border:1px solid red; /*borda de marcação*/
padding:8px;
margin: 0 auto;
width: 100%; /* Valor da Largura */
}

.painel_sub{/*simula largura do site*/
float: center;
margin: auto;
padding:5px;
width: 200px; /* Valor da Largura */
}

.painel_titulo {
color: #990000;
text-align: left;
vertical-align: top;
width:100%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
}

.painel_titulo_3 {
color: #333333;
text-align: left;
vertical-align: top;
width:100%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}

.painel_titulo_2 {
color: #990000;
text-align: center;
vertical-align: top;
width:100%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
}

.painel_desc {
color: #000000;
font-size: 20px;
font-weight:normal;
text-align: justify;
vertical-align: top;
}
.painel_opc {

}
.painel_click {
color: #666666;
font-size: 18px;
font-weight:normal;
text-align: right;
vertical-align: top;
}
.painel_click_2 {
color: #666666;
font-size: 18px;
font-weight:normal;
text-align: center;
vertical-align: top;
}

.painel_video{/*simula largura do site*/
border:1px solid red; /*borda de marcação*/
padding:8px;
margin: 0 auto;
width: 100%; /* Valor da Largura */
height:100%;
}

figure {
float: left;
margin: 10px 10px 10px 10px;
}

.clear{clear: both;}

.btcontrole {
width:15%;
height:40px;
background-color: #3d7bb3;
color:#FFFFFF;
box-shadow:0 1px 0 #ffffff;
}
.btcontrole:hover{
background-color: #8BBADC;
box-shadow:0 3px 0 #FF0000;
}
.btcontrole:active{
position:relative;
top:3px;
box-shadow:none;
}


.btcontrole_cor {
width:15%;
height:40px;
background-color: #FF6262;
color:#FFFFFF;
box-shadow:0 1px 0 #ffffff;

}
.btcontrole_cor:hover{
background-color: #FF6262;
box-shadow:0 3px 0 #FF0000;
}
.btcontrole_cor:active{
position:relative;
top:3px;
box-shadow:none;
}

.box_verde {
background: linear-gradient(#6e9935, #6e9935);
color: #FFF !important;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;
}

.box_verde a{
color: #FFF;
}

.box_amarelo{
background: linear-gradient(#bc9a45, #bc9a45);
color: #FFF !important;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;
}
.box_amarelo a{
color: #FFF;
}

.box_azul{
background: linear-gradient(#A4BFDC, #8DA2B9);
color: #FFF !important;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;
}

.box_azul a{
color: #FFF;
}

.box_azul_fechado{
background: linear-gradient(#315d8b, #315d8b);
color: #FFF !important;
padding-top: 8px;
padding-bottom: 8px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;

}

.box_menu{
font-family:verdana;
font-size: 20px;
font-weight: bold;
}

.box_submenu{
font-family:verdana;
font-size: 12px;
font-weight: bold;
}

.box_azul_f{
background: linear-gradient(#315d8b, #315d8b);
color: #FFF !important;
padding: 10px 10px 10px 10px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;
text-align: left;
}
.campi {
	padding: 5px 5px 5px 5px;
	color: #FFFF00;
	font-weight: bold;
	background:transparent;
	font-family:verdana;
	font-size: 16px;

}


.box_azul_fechado a{
color: #FFF;
}


.box_vermelho{
background: linear-gradient(#efb82f, #efb82f);
color: #FFF !important;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;
}

.box_vermelho a{
color: #FFF;
}


.box_cinza{
background: linear-gradient(#B5B5B5, #7F7F7F);
color: #FFF !important;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;
}

.box_cinza1{
background: linear-gradient(#BBBABA, #9E9E9E);
color: #FFF !important;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;
}

.box_cinza1 a{
color: #FFF;
}
.negrito{
	font-weight: bold;
	display: inline;
}

.box_cinza2{
background: linear-gradient(#B4A2A2, #928585);
color: #FFF !important;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;
}

.box_cinza2 a{
color: #FFF;
}


.box_cinza3{
background: linear-gradient(#AA7070, #815555);
color: #FFF !important;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px;
margin: 0px;
margin-top: 10px;

}

.box_cinza3 a{
color: #FFF;
}

.box_verde, .box_amarelo .box_azul .box_azul_fechado .box_vermelho .box_cinza1 .box_cinza2 .box_cinza3 a:hover{
color: #0033FF;
}


@media screen and (min-width: 480px) {
.painel_sub{float: left;}
.painel_sub img{width:100%;}
.livro{width:18%; float: left; margin-right: 2%;}
.cap{width:18%; float: left; margin-right: 2%;}		
	
}


@media screen and (min-width: 768px) {

.loginButton{width:40%;}
.campo{width:40%;}
.galeria{width:48%; float: left; margin-right: 2%;}

.galeria_1{width:48%; float: left; margin-right: 2%;}
.galeria_2{width:48%; float: left; margin-right: 2%;}
.galeria_3{width:48%; float: left; margin-right: 2%;}
.livro{width:10%; float: left; margin-right: 2%;}
.cap{width:10%; float: left; margin-right: 2%;}
.pparede{width:45%; float: left; margin-right: 2%;}
}


@media screen and (min-width: 960px) {

.galeria{width:31%; float: left; margin-right: 2%;}
.galeria_1{width:31%; float: left; margin-right: 2%;}
.galeria_2{width:31%; float: left; margin-right: 2%;}
.galeria_3{width:31%; float: left; margin-right: 2%;}
 .cap{width:8%; float: left; margin-right: 2%;}
 .pparede{width:30%; float: left; margin-right: 2%;}
}


@media screen and (max-width:1000px){
body{
margin:0;
}

.box{
width: 30%;
height: 60px;
}


}


@media screen and (max-width:1050px){

header{
width:100%;
height:0px;
}

.box{
width: 95%;
height: 40px;
}

#logo{
display:none;
margin-top:0px;
padding:0px;
}

nav{
position:relative;
}

nav>ul>li{
width:100%;
height:auto;
float:none;
}

nav ul li a{
padding:12px;
text-align:left;

}nav ul li a:hover{
transition:all 0s;
}

nav li ul li a{
background-color:#47494e;
}

.Mobile{
display:block;
background-color:#000;
color:#fff;
text-decoration:none;
padding:12px;
}

nav ul{
display:none;
}

#destaque{
margin:0;
}


footer{
margin-top:20px
}
}

@media screen and (max-width:1050px){
.lista_s1{width: 50%;}
.lista_s2{width: 50%;}
.lista_s3{width: 50%;}
.lista_s4{width: 50%;}
}



@media only screen and (max-width: 960px) {
.lista_social{width: 80%; }
}


@media only screen and (max-width: 800px) {
.lista_social{width: 80%; }
}

@media only screen and (max-width: 500px) {
.lista_social{width: 100%; }
.lista_s1{width: 50%;}
.lista_s2{width: 50%;}
.lista_s3{width: 50%;}
.lista_s4{width: 50%;}
}