/*---------------------------------------------------------------------
** Site.......: JB
** Arquivo....: estilo.css
** Finalidade.: Folha de estilos para a formatação do site.
** Criação....: 21/07/2008
** Atualização: 21/07/2008
---------------------------------------------------------------------*/

/*** DEFINIÇÃO GERAL *************************************************/
* {
	text-decoration:none;
	margin:0;
	padding:0;
	vertical-align:middle;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	outline:0;
}

body
{
	margin:0;
	background-color:#009966;
	text-align:center; /*centralizada conteúdo*/
/*	background-image:url(../images/fundo_topo2.jpg);
	background-repeat:repeat-x;*/
	background-image:url(../images/bg_topo.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#center_align{
	width:100%; height:100%;
	text-align:center;
}

#cabecalho {
	margin:0 auto;
	height:211px;
}

#topo {
	margin:0 auto;
	width:780px;
	height:211px;
	background-image:url(../images/img_topo2.jpg);
	background-repeat:no-repeat;
}

#conteudo {
	margin:0 auto;
	height:auto;
	background-color:#ffffff;
}

#conteudo_interno {
	margin:0 auto;
	width:790px;
}

#conteudo_adsense {
	float:left;
	width:790px;
	height:70px;
	padding-top:60px;
	padding-bottom:20px;
}

#pagina_interna {
	display:block;
	padding: 5px 5px 5px 5px;
	text-align:left
}

#txt_img {
	float:left;
	padding-top:20px;
	margin-left:30px;
	_margin-left:10px;
}

#brd_left, #brd_right {
	float:left;
	width:15px;
	border-top:5px solid #EEE;
	border-bottom:5px solid #EEE;
}

#brd_left{
 	border-left:5px solid #EEE;
}
#brd_right{
	border-right:5px solid #EEE;
}

#texto {
	float:left;
	width:450px;
	padding-left:0px;
	padding-top:10px;
	text-align:justify;
}

#separador {
	float:left;
	padding-left:20px;
}

#imagem {
	float:left;
	width:272px;
}

#rodape{
	margin:0 auto;
	height:119px;
	background-image:url(../images/bg_bottom.jpg);
	background-repeat:repeat-x;
}

#rodape_interno {
	margin:0 auto;
	width:790px; height:103px;
	background-image:url(../images/img_rodape.jpg);
	background-repeat:no-repeat;
}
#conteudo_rodape {
	padding-top:10px;
	padding-right:70px;
	text-align:right;
	color:white
}
.limpa_float{
	clear:both;
}

/*** LOGOS ***************************************************************/

.seloW3C {
	height:15px;
	width:80px;
	margin-top:0px;
	/* Hack para o IE6 e para o IE7
	*margin-top:-10px  */
}

/*** MEDIAS SOCIAIS *****************************************************
**
************************************************************************/
.media_icons {
	position:absolute;
	margin-left:700px;
	margin-top:0px;
	/*width:95px;*/
	height:35px;
	background-color:#FFFFFF;
	border-radius:3px;
	padding-right: 5px;
}
.itens_media li {
	float:left;
	padding-left:5px;
	padding-top:5px;
	display:inline;
}
.itens_media li a:hover { text-decoration:none }

.icoFacebook, .icoGooglePlus, .icoYoutube {
	width:30px;
	height:30px;
}


/*** MENU ***************************************************************
**
** Menu do topo e Menu do rodape
************************************************************************/
.menu {
	float:left;
	margin-top:136px;
	margin-left:110px;
	width:650px;
	height:30px;
}

.menu_rodape {   }

.menu_rodape li a:hover { text-decoration:underline }

.itens_menu li   { display:inline; color:#666666; line-height: 10px}
.itens_menu li a { color:#666666; vertical-align:baseline; }

.aba_off, .aba_on{
	float:left;
	margin-left:1px;
	background:url(../images/bg_abax.jpg) no-repeat;
	width:88px;
	height:55px;
	display:block;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}

.aba_off{
	font-weight:bold;
	/* Hack para o IE6 e para o IE7
	*padding-top:5px  */
	/*text-indent:-5000px;*/
}

.aba_on{
	background-position:0 -55px;
	font-weight:bold;
	/* Hack para o IE6 e para o IE7
	*padding-top:5px  */
	/*text-indent:-5000px;*/
}

.lnk_off, .lnk_on{
	padding-top:65px;
	font-size:12px;
}
.lnk_off { color:#666666; }
.lnk_on  { color:#FFFFFF; }

/*** TEXTO ****************************************************************/

h2 {
	color:#009933;
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px
}

h3 {
	color:#000000;
	font-weight:bold;
	font-size:13px;
	padding-bottom:5px
}

p { padding-bottom:10px; font-size:12px }

p a {vertical-align:baseline; font-size:12px;font-weight:bold;color:darkblue }

p a:hover { text-decoration:underline }

.conteudo_abas { padding:20px; text-align:left;  }

.titulo { font-weight:bold; }

.titulo_grande { font-weight:bold; font-style:italic; font-size:18px; color:#666666 }

.texto {font-size:12px; line-height:20px;  }

.copyright {
	color:#666666;
	font-size:10px;
	padding-top:5px;
}


/*** FORMULARIO *********************************************************/

#formulario {
	width:240px;
	height:auto;
	padding-bottom:10px;
	padding-left:20px;
	float:left;
	text-align:left;
	padding-top:50px;
}

#texto_formulario {
	float:left;
	width:240px;
	padding-left:0px;
	padding-top:10px;
	text-align:justify;
}

.uniao{
	float:left; margin-right:10px
}
.relacionado{
	float:left;
	width:280px;
	margin-bottom:3px;
}

label {
	width:auto;
	height:15px;
	line-height:18px;
	font-weight:bold;
	display:block;
	padding-top:5px
}

select {
	border: 1px solid #999999;
	text-align: left;
	/*display: table;*/
	background-color: #FFFFFF;
	width:auto;
	height:17px;
}

.caixa-de-texto {
	border: 1px solid #999999;
	text-align: left;
	/*display: table;*/
	background-color: #FFFFFF;
	height:15px;
}

.caixa-de-texto-desativado {
	border: 1px solid #BBBBBB;
 	color: #888888;
	text-align: left;
	/*display: table;*/
	background-color: #EEEEEE;
	height:15px;
}

.area-de-texto {
	border: 1px solid #999999;
	text-align: left;
	/*display: table;*/
	background-color: #FFFFFF;
}

.botao {
	border: 1px solid #666666;
	background-color: #CCCCCC;
	text-align: center;
	padding-left:2px;
	padding-right:2px;
}
.botao:hover {
	background-color:#EEEEEE;
}

.botao-erro {
	border: 1px solid #FF0000;
	background-color: #FFAAAA;
	text-align: center;
}

/*** FORMATAÇÃO DAS PÁGINAS INTERNAS******************************************/

/* SERVICOS */

#servicos {
	width:600px;
	height:auto;
	text-align:left;
	background-color:#99FF00;
	display:table;
	float:left;
	margin-left:50px;
}

#servicos1 {
	width:200px;
	height:auto;
	text-align:left;
	background-color:#00CCCC;
	float:left;
}

#servicos2 {
	width:400px;
	height:auto;
	text-align:left;
	background-color:#0099CC;
	float:left;
}


/* CONTATO  */

#contato {
	width:700px;
	height:auto;
	margin-left:40px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:10px;
	text-align:left;
	display:table;
	float:left;
}

#contato_informacoes {
	width:240px;
	height:auto;
	float:left;
	padding-left:10px;
	text-align:left;
}
#q1_topo, #q1_bot {
	float:left;
	width:234px;
	height:30px;
	background-image:url(../images/contato_topQ1.jpg);
	background-repeat:no-repeat;
}
#q1_bot {
	background-image:url(../images/contato_botQ1.jpg);
	background-repeat:no-repeat;
}
#q1_linha {
	float:left;
	width:234px;
	padding-left:20px;
	background-image:url(../images/contato_linQ1.jpg);
	background-repeat:repeat-y;
}

#separacao {
	width:220px;
	padding-top:60px;
	text-align:center;
	float:left;
}

#bannerPagSeguro {
	position:absolute;
	text-align:center;
	width:650px;
	height:300px;
	background-image:url(../images/banner.fw.png);
	background-repeat:no-repeat;
	z-index:1000;
}

.divBannerEscola {
    background-color:white;
    background-image:url('../images/img_slide_curso1.webp');
    background-repeat: no-repeat;
    background-size: 100%;
    width:99%;
    height: 300px;
    border: 3px solid #ccc;
}
.textoBannerEscola {
    margin-left: 15px;
    font-weight: bold;
    font-size: 3em;
    color: white;
    animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #000, 0 0 40px #000, 0 0 50px #000, 0 0 60px #000, 0 0 70px #000;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #000, 0 0 40px #000, 0 0 50px #000, 0 0 60px #000, 0 0 70px #000, 0 0 80px #000;
  }
}
@media only screen and (max-width: 600px) {
  .textoBannerEscola {
    font-size: 1.5em;
  }
}

#socialWhats {
    display:none;
}
@media screen and (max-width: 767px) {
	* {
		font-size: 1rem !important;
	}
	#topo {
		width:100% !important;
		height: 130px !important;
		background-position-y: 22px !important;
	}
	
	.media_icons {
		margin-left: unset !important;
		width: 100% !important;
	}
	
	#socialWhats {
        display:unset !important;
    }
	
	#google_translate_element {
	    margin-left:10px !important;
	}
	
	.menu {
		width:100% !important;
		height: 80px !important;
		line-height: 30px !important;
		margin-left: unset !important;
		border-bottom: 1px solid #eee !important;
	}
	
	.itens_menu li {
		line-height:unset !important;
		display:inline-flex !important;
	}
	
	.aba_off, .aba_on {
		float: unset !important;
		width: unset !important;
		height:unset !important;
		margin-left:unset !important;
		padding:5px !important;
		background: unset !important;
	}
	
	.aba_on {
	   background-position: unset !important;
	   background-color: green !important;
	}
	
	.aba_off {
	    
	}
	
	.lnk_off, .lnk_on {
	    padding-top:unset !important;
	}
	
	#conteudo_interno {
	    width: unset !important;
	    padding-left: 1rem !important;
        padding-right: 1rem !important;
	}
	
	.divBannerEscola {
	    background-size: cover !important;   
	}
	
	#txt_img {
	    margin-left:unset !important; 
	    width:100% !important;
	}
	
	#txt_img p {
	    width: auto !important;
	}
	
	#txt_img h2 {
	    padding-bottom:10px !important;
	}
	
	#brd_left, #brd_right {
	    display:none;
	}
	
	#texto {
	    width: unset !important;
	    height: unset !important;
	}
	
	#texto >div {
	    width:100% !important;
	}
	
	.ui-accordion .ui-accordion-content {
        padding: 1em 1.5em !important;
	}
	
    #imagem {
        float: unset !important;
        justify-content: center !important;
        display: inline-flex !important;
    }
    
    #accordion {
        width: 100% !important;
    }
    
    .fotosVideos {
        width: unset !important;   
    }
    
    #videoDiv {
        padding-top:10px !important;
    }
    
    #frameVideo {
        width: 100% !important;
    }
    
    #videoControls {
        height: auto !important;
        padding-top:10px !important;
    }
    
    #videoSelection {
        width: auto !important;
        height: auto !important;
    }
    
    #formulario {
        width: 100% !important;
        padding-left: unset !important;
    }
    
    #texto_formulario {
        width: 100% !important;
    }
    
	#redeSocial {
	    float: unset !important;
        width: unset !important;
        margin-left: unset !important;
        text-align: unset !important;
        width: 100% !important;
        justify-content: center !important;
        display: flex !important;
	}
	
	#rodape_interno {
		width: unset !important;
		background-image: unset !important;
	}
	#conteudo_rodape {
		padding-right: unset !important;
		text-align: unset !important;
	}
	.menu_rodape ul li, .menu_rodape ul li a, #conteudo_rodape p.copyright, #conteudo_rodape p.copyright a {
		color: white !important;
		padding-right: unset !important;
	}
}
}

/*** FIM ARQUIVO ***/