@charset "utf-8";
/* CSS Document */
/* ============================================== ULTIMA VERSÃO DO CSS ============================================== */

*{margin:0; padding:0; font-size:100%; border:none; outline:none; font-weight:300; box-sizing:border-box; font-family:'lato', sans-serif;}

body {background-image: url(../imagens/templatemo_bg_home.png); background-repeat:repeat-x;}

a{text-decoration:none}
ul{ list-style:none}
img{max-width:100%;}
b {font-weight:bold;}

#cabecalho{width:100%; height:106px; margin:0 auto;}
	.marca{width:30%; height:105px; float:left;}
	.data{width:66%; height:105px; text-align:right; color:#FFF; float:right;}
	.dtCompact{width:100%; height:20px; margin-top:35px; text-align:right; color:#FFF; float:right;}
	.dtFull{width:100%; height:20px; margin-top:35px; text-align:right; color:#FFF; float:right; display:none;}
	.logo{margin-left:15px; margin-top:19px; width:75px; height:69px; background-image:url(../imagens/mini-logo-EJD.png); background-repeat:no-repeat;}
	.name{width: 150px; height:auto; display:none; color:#CCCCCC; font-weight:bold; padding:5px; margin-left: 30px; font-size:12px;}

	/*#aClienteA{ padding:2px; text-align:center; width:150px; height:23px; margin-left:150px; float:left; margin-top:10px; background:#FFF; border-radius:5px;}*/
	
/*Menu*/
#idmenu{width:100%; height:40px; background-color:#000; z-index:9999;}
/*	.btn-menu {width:36px; height:36px; float:right; text-align:center; border-radius: 36px; cursor:pointer; margin-top:1px; margin-right:01%;}
	.btn-close{font-size: 3em; color:#fff; float:right; cursor:pointer; margin-right:05%;}*/

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ Menu temporario /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
	.menu{width:70%; height:30%; display:none; position:absolute; background-color: rgba(0,0,0,9); margin-top:0px; left:32%; z-index:9999;}
	.menu ul{width:100%; float:left; text-align:right}
	.menu li{padding:1.5%;}
	.menu li a{font-size:1.5em; color:#FFFFFF; padding: 2.5% 3%}
	.menu li a:hover{ background-color:#06F;}


/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ Menu temporario /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */
.btn-menu {width:36px; height:36px; float:right; text-align:center; cursor:pointer; color:#fff; background-color:#000; margin-top: 4px; }
.btn-close{width:30px; height:30px; font-size: 1.5em; cursor:pointer; float:right; color:#fff; background-color:#000; margin-top: 4px; }

.menu {width: 50%; height: auto ; float:right; position:absolute; left:50%; transition: all .2s; display:none; margin-top:6px;z-index:9999;}
.menu ul {clear:both; list-style: none;}
.menu ul li {width: 100%;}
.menu a { display: block; text-decoration: none; text-align: center; line-height:40px; background-color: #222; color: #fff;}
.menu ul ul {position: static; overflow: hidden; visibility: hidden; max-height: 0; transition: all 2s;}
.menu ul li:hover ul {visibility: visible; height: auto; max-height: 200px;}
.menu a:hover {background-color: #f4f4f4; color: #555;}
.menu ul ul li {border-bottom: solid 1px #ccc;}
.menu ul ul li a {background-color: #069;}


/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ Menu temporario /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */
.sticky {position: fixed; top: 0px;; width: 100%;}
.menu{height:250px;}

#location{}

#corpo{width:100%; min-height:800px; margin:0 auto; margin-top:5px; padding:5px;}
	.conteudo{margin-top:15px; padding:5px;background-color:#FFFFFF; border-radius:10px;}
	.box1{width:100%;height:auto; /*float:left;*/padding:5px;border-radius:05px;border: 1px solid #666; margin-top:5px; background-color:#FFF;text-align:justify;}
	.box2{}
		/* corpo.asp*/
			.banner{text-align:center}
			.index0{width:100%;height:auto; /*float:left;*/padding:5px;border-radius:05px;border: 1px solid #666; margin-top:5px; background-color:#FFF;text-align:justify;}
			.index1{width:100%;height:auto;/*float:left;min-height:160px;*/padding:5px;	border: 1px solid #666;	border-radius:05px;	margin-top:5px; background-color:#FFF; text-align:justify;}
			.title{ background-color:#09F; color:#FFF; text-align:right; padding:5px; font-weight:bold;}
			.fonte {font-size: 1.2em; color:#999; font-weight: 300; text-align:justify;}
			
		/* contatos.asp*/
			#form {height:auto;width: 100%;/*background-color:#DADADA;*/float:left;border:5px;padding:0px;}
			#form_cadastro {height:auto;width:100%;background-color:#FBFBFB;/*float:left;*/border:5px;padding:5px;}
			.form_cadastro{padding:05px;border:1px solid #DADADA;text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#666; }
			.topo_descr_cadastro{font-family:Tahoma, Geneva, sans-serif;font-size:14px;text-align:left;}
			.top_cadastro{font-family:Tahoma, Geneva, sans-serif;font-size:14px;text-align:justify;padding: 0.0em; margin:0 2em;}
			.campo{padding:10px;border:1px solid #DADADA;text-align:left;width:300px;}
			.divcampo{padding:10px;/*border:1px solid #DADADA;*/text-align:center;/*background-color:#262626;*/;}
			.divcampo_cadastro{padding:05px;/*border:1px solid #DADADA;*/text-align:left;/*background-color:#262626;*/}
			.send{padding:10px;border:1px solid #DADADA;text-align:left;width:150px;text-align:center;}
			.end{text-align:center;line-height: 30px;}
			
			.raz{width:300px;}
			.doc{width:150px;}
			.nome{width:305px;}
			.email{width:305px;}
			.dnasc{width:100px;}
			.cep{width:100px;}
			.cidade{width:170px;}
			.uf{width:30px;}
			.endereco{width:310px;}
			.numero{width:55px;}
			.complemento{width:100px;}
			.ddd{width:50px;}
			.telefone{width:100px;}
			.mensagem{width:310px;}
			.dominio{width:250px;}
			
			.nome-news{width:85%; margin:5px;}
			.email-news{width:85%; margin:5px;}
			.cad-news{width:305px; background:#333333; color:#FFFFFF; font-weight:bold;}
			
			.whats{width:50px; height:50px; background:url(../imagens/whatsapp-color.png); margin-left:43%;}
            .desafio {text-align: center;}
            .res-desafio{padding: 1px; border: 2px solid #DADADA; text-align: center; width: 35px; background-color:#ddd;}



#apoio {
    padding: 5px;
    display: none;
}

#mapa{clear:both; width:100%; margin-top:auto; padding:0px; margin: 0px;}

.news1{text-align:center; width:95%; height:auto; margin:auto 2%; padding:5%; background:#09F; border-radius:10px; }
.card{ text-align:center; /*float:left; width:100%; margin:auto 5%; padding:5%;*/}


/*================= Depoimentos =======================*/
#depo{width:100%;min-height:190px;max-height:300px;padding:0px;border: 5px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; font-weight:bold;overflow:auto;background-color:#fff; border-radius: 20px;}
#hard {float:left; /*width:300px;*/ background:#fff; padding:3px; border:1px; text-align:left; /*position:relative; clear:both;*/}
#designer {float:right; /*width:331px;*/ background:#fff; padding:3px; border:1px; text-align:right; /*position:relative; clear:both;*/}
.fontblack{font-family:Verdana, Geneva, sans-serif; font-size:12px;color:#000; font-weight:bold;}
.fontwhite{font-family:Verdana, Geneva, sans-serif; font-size:12px;color:#fff; font-weight:bold;}


/*================= E-mail =======================*/
#mailbox{width:256px; height:155px; background-image:url(../imagens/email.gif); background-repeat:no-repeat; /*float:left;*/ margin-right:5px;}
	.mailspace{padding:35px;}
	.mailinput{width:180px; background-color:rgba(223,223,223,1);}
	.mailcentral{margin-top:5px; margin-left: 60px;}
	.mailtxt{text-align:center;}

/*================= Rodape =======================*/

#footer{height:90px; background-color:#000; color:#FFF; text-align:center; padding:20px; clear:both;}
	.footer-fb{float:left;}	
    .footer-icon{float:left; width: 160px; margin-top:15px; padding:5px;}
    .footer-icon-txt{text-align:center;}
	.footer-inf{float:right;text-align:right; font-size:14px;}
	.counter{ font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#000;}
	.footer-icons-small{display:none;}

/*================= Privacidade e Termo =======================*/
.menu2{ margin: 10px; padding:10px;}
.menu2 a{text-decoration:nome;font-weight:bold;}
.menu2 a:hover{text-decoration:underline;}

.txt-termos{margin:5px; line-height: 25px;}
.recuo { text-indent:4em }

/*================= Auxiliares =======================*/
.revtxt{font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#424242;}
.destacar{text-transform:uppercase;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:18px;color:#000;}

	.img-box img.img-hover {display: none;}
	.img-box:hover img.img-default {display: none;}
	.img-box:hover img.img-hover { display: inherit;}


.col1{width:auto; height:auto; float:left; /*background-color:#999; */text-align:center;}
.col2{width:23%; margin: 2px; height:60px; float:left; background-color:#FFF; text-align:center; line-height:20px; border-bottom:#CCCCCC 1px solid;  font-size:14px;}
.col3{width:auto; height:auto; float:left; margin:0 auto;}
.col4{width:23%; margin: 2px; height:20px; float:left; background-color:#999; text-align:center; font-size:14px;}
.col6{float:left; width:21%;}/*Div esquerda painel tutor*/
.col7{float:right; width:78%;}/*Div direita painel tutor*/

.col8{background-color:#999999; height:30px; line-height:30px; /*width:100%;*/ margin:2px; padding:2px; border-radius:5px; font-size:14px;}
.col9{background-color:#CCC; height:auto; /*width:83%;*/ color:#FFFFFF; font-weight:bold; border-radius:15px;}

/*================= Área do Cliente =======================*/

.datastart{width:65%; border:1px solid #999; color:#999; height:33px;}
.send-datastart{text-align:center; height:31px; width:32%; background-color:#FFFFFF; }
.alinha{text-align: justify;}
.dados{padding:15px; border:#000000 solid 1px; border-radius:0px;}

.limpa{clear:both;} 
.icons-large{display:none;}
.space{margin:2px;}

.button1{background-color: transparent; border: none; color: transparent; background-image: url("../imagens/star0.png");height:25px; width:25px;}
.button1:hover {background-image: url("../imagens/star1.png"); cursor:pointer;}
.button2 {}
.button2:hover {background-image: url("../imagens/star2.png"); cursor:pointer; width:54px; margin-left:-29px;}
.button3 {}
.button3:hover {background-image: url("../imagens/star3.png"); cursor:pointer; width:84px; margin-left:-59px;}
.button4 {}
.button4:hover {background-image: url("../imagens/star4.png"); cursor:pointer; width:115px; margin-left:-90px;}
.button5 {}
.button5:hover {background-image: url("../imagens/star5.png"); cursor:pointer; width:145px; margin-left:-120px;}

#estrela-1 {margin-left:180px; margin-top:10px; min-width:27px; height:27px; float:left;}
.txt_aval{display:none;}

/*================= Pagamentos =======================*/

#pag{clear:both; margin:0 auto; width:95%; /*background-color:#EBEBEB;*/ font-size:1.2em; padding:5px; border:#000 1px solid; border-radius:5px; text-align:center;}
.pag1 {width:%; background-color:#EBEBEB; margin:5px; text-align:left; padding:5px;}


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

	.inibanner{float:left; width:70%;}/*Div Banner topo*/
	.inicliente{float:right; margin-right:2px; width:28%;}/*Div Area do Cliente*/

	#estrela-1 {display:none;}
	#estrela-2 {display:block; margin:5px; width:100%; text-align:center;}
	
	btn-close{visibility:hidden}	

	#apoio{display:block;}	
	.fb-page{width:356px;}
	.news{ width:350px; text-align:center; margin:5px; padding:2%; background:#09f; border-radius:10px;}
			.nome-news{width:85%; margin:5px;}
			.email-news{width:85%; margin:5px;}
			.cad-news{width:85%; background:#333333; color:#FFFFFF; font-weight:bold;}
	.dtCompact{display:none;}
	.dtFull{display:block;}
	.index1{width:49%; margin-left:4px; float:left;}
	.footer-fb{display:none;}
	.card{display:none;}
	.news1{display:none;}	
	.footer-icons-small{display:block; float:left;}
	.index0{width:99%; margin:3px;}	
	.box1{clear:both; margin-top:370px; min-height:120px;}
	?news{text-align:center; width:50%; height:auto; margin:auto 2%; padding:5%; background:#09F; border-radius:10px; }

	
	/*Cadastro*/
			.raz{width:60%;}
			.doc{width:20%;}
			.nome{width:50%;}
			.email{width:305px;}
			.dnasc{width:100px;}
			.cep{width:15%;}
			.cidade{width:50%;}
			.uf{width:30px;}
			.endereco{width:40%;}
			.numero{width:10%;}
			.complemento{width:15%;}
			.ddd{width:07%;}
			.telefone{width:25%;}
			.mensagem{width:70%;}
			.dominio{width:%;}
	
	.col2{width:24%;font-size:16px;}
	.col4{width:24%;font-size:16px;}
	.col6{float:left; width:15%;}/*Div esquerda painel tutor*/
	.col7{float:right; width:84%;}/*Div direita painel tutor*/
	.col8{font-size:16px;}

	
	.whats{width:260px; height:67px; background:url(../imagens/bt_whatsApp.jpg); margin-left:15%;}			
			
	#form {width: 50%;/*background-color:#DADADA;*/float:left;border:5px;padding:0px;}
	.form-pai{ height:450px;}
	.end{float:left; width:50%;}
	.txt_aval{display:block;}

    .dados-email{width: 90%; background: #F7F7F7; border: 1px solid #8B8B8B; padding: 20px; margin: 10px; }
    .msg {border: 1px solid #000000;}
    .footer-icon {display: none;}
    }

@media screen and (min-width:768px)
{
	.btn-menu{display:none;}
	.btn-close{display:none !important;}
	
.menu{width:600px; height:32px; float:none; left:20%; display:block !important;transition: all .4s; z-index:9999;}	
.menu ul li{float:left; width:120px;}
.menu a {line-height:34px; background-color: #000; color: #fff;  font-family: 'Arial'; font-weight:bold;}

#pag{width:80%;}
}


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

.menu{width:600px;; left:35%;}	
	
	
#cabecalho{width:970px;}
	.logo{margin-left:15px; margin-top:08px; width:100px; height:92px;transition: all .4s; background-image:url(../imagens/logo-EJD.png); background-repeat:no-repeat;}
#idmenu{margin:0 auto; height:40px; z-index:9999;}	
	.name{margin-left: 150px; font-size:14px;}
#corpo{width:970px;}
.conteudo{ width:71%; float:left;}	
#apoio{background-color:#FFF; border-radius:10px; display:block; width:28%; float:right; z-index:9999;}
.apoio{margin:0 auto;}	
.col3{float:none;}
.fb-page{width:256px !important;}
.footer-icons-small{display:none;}
.icons-large{display:block; padding:05px; margin:05px; margin-bottom:60px; margin-left:25px;}
.footer-inf{float:none; text-align:center;}
.box1{margin-top:390px;}

.news{ width:100%; margin:2px; padding:2%; background:#09f; border-radius:10px;}
	.nome-news{width:90%;}
	.email-news{width:90%;}
	.cad-news{width:70%;}

#pag{width:70%; margin-top:60px;}

}