@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
html, body {height:100%;}

body{background:#FFF; font-family:"Open Sans", Verdana, Geneva, sans-serif;}
#bg_top{width:100%; height:525px; position:relative; float:left; background:url(../imagens/bg-topo.jpg)top center no-repeat; z-index:999;}
#bg_conteudo{width:100%; height:auto; position:relative; float:left; background:none; padding-top:65px;}
.bg_rodape{width:100%; height:180px; position:relative; float:left; background:#1a86b5;}

#topo{width:980px; height:525px; position:relative; float:left; left:50%; margin-left:-490px;}
#topo .logo{width:230px; height:160px; position:relative; float:left; left:50%; margin-left:-115px; margin-top: 15px; margin-bottom: 20px;}

#menu{width:980px; height:85px; position:absolute; right:0px; bottom:-65px; background:#1a86b5;}
#menu ul{width:980px; height:85px; position:relative; float:left;}
#menu ul li{width:150px; height:85px; position:relative; float:left; display:inline-block; text-align:center;}
#menu ul li hr{ display: none}
#menu ul li img{margin:10px 50px 2px 50px;}
#menu ul li a{width:150px; height:85px; position:relative; float:left; background:#1a86b5 url(../imagens/bg-menu.png) top center no-repeat; color:#FFF; font:400 16px "Open Sans", Verdana, Geneva, sans-serif;}
#menu ul li a:hover{background:rgba(0,0,0,0.2) url(../imagens/bg-menu.png) top center no-repeat}
#menu ul #telefones{width:187px; height:79px; position:relative; float:right; padding:3px; color:#FFF; background:rgba(0,0,0,0.3); text-align:center; font:400 18px "Open Sans", Verdana, Geneva, sans-serif;}
#menu ul #telefones strong{ font:600 22px "Open Sans", Verdana, Geneva, sans-serif;}

#menu ul li .fone {width: 350px; height: 20px; position: relative; float: left; padding: 2px; text-align:center}
#menu ul li .whats {width: 170px; height: 40px; position: relative; float: right; padding: 2px}

#menu ul li .whats .bt-whats-footer{ width: 150px; height:20px; position: relative; float:left; right: 0; background: #379802; color: #fff; padding: 3px; z-index: 10; margin: 2px 10px; }

#menu ul li .whats .bt-whats-footer .pulse{ cursor: pointer; box-shadow: 0 0 0 rgb(255 223 0 / 40%); animation: pulse 2s infinite; }

.centralizar{width:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px;}
#banner{width:980px; height:350px; position:relative; float:left; }


#convenios{width:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px; padding:10px 0px;}
#convenios h2{color:#1a86b5; font:600 16px "Open Sans", Verdana, Geneva, sans-serif;}
#convenios img{position:relative; float:left; margin-right:15px;}

.rodape{width:980px; height:180px; position:relative; margin-left:-490px; left:50%; background:none;}
.rodape .r-left, .rodape .r-center, .rodape .r-right {width:326px; height:145px; position:relative; float:left; padding-top:10px; list-style:none;}
.rodape li a{color:#FFF; font:400 12px "Open Sans", Verdana, Geneva, sans-serif;}
.rodape li a:hover{ color:#ddd;}
.rodape p{color:#FFF; font:400 12px "Open Sans", Verdana, Geneva, sans-serif;}
.rodape p strong{color:#FFF; font:400 16px "Open Sans", Verdana, Geneva, sans-serif;}

.rodape .direitos{width:980px; height:25px; position:relative; float:left; line-height:25px; color:#FFF;}
.rodape .direitos p{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF; line-height:25px; position:relative; float:left;}
.rodape .direitos p strong{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
.rodape .direitos a{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
.rodape .icones_rodape{width:261px; height:25px; position:relative; float:right;}
.chrome, .mozilla, .opera, .ie, .safari, .html5, .css3{width:23px; height:25px; position:relative; float:right;}
.html5, .css3{height:25px;}
.logo_gray{width:98px; height:25px; position:relative; float:right;}

/* CSS HOME */

.box-empresa{width:940px; height:auto; padding:10px; margin:30px 10px 10px 10px; background:#FFF;}
.box-empresa #img-clinica{width:450px; height:300px; position:relative; float:left; margin-right:10px;}
.box-empresa .desc-empresa{width:480px; min-height:300px; position:relative; float:left;text-align: left !important;}
.box-empresa .desc-empresa h2{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}
.box-empresa .desc-empresa h2 strong{color:#1a86b5; font:600 16px "Open Sans", Verdana, Geneva, sans-serif;}
.box-empresa .desc-empresa h3{color:#535353; font:400 13px "Open Sans", Verdana, Geneva, sans-serif; line-height:20px;}

.box-empresa .bt-profissionais{color:#1a86b5; font:600 16px "Open Sans", Verdana, Geneva, sans-serif; padding:5px; border:1px solid #CCC; margin-bottom:10px; position:relative; float:left; width:940px; margin-top:10px;}
.box-empresa .box-quem-somos{width:940px; height:auto; position:relative; float:left; overflow:hidden;}
.box-empresa .box-quem-somos .box-profissionais{width:920px; padding:10px 10px 45px 10px; height:auto; position:relative; float:left; margin:2px 0; background:#EEE;}
.box-empresa .box-quem-somos .box-profissionais h2{color:#535353; font:600 15px "Open Sans", Verdana, Geneva, sans-serif; padding:0; border:0;}
.box-empresa .box-quem-somos .box-profissionais h2 strong{color:#535353; font:600 10px "Open Sans", Verdana, Geneva, sans-serif;}
.box-empresa .box-quem-somos .box-profissionais p{color:#535353; font:400 13px "Open Sans", Verdana, Geneva, sans-serif; margin-top:10px;}
.box-empresa .box-quem-somos .box-profissionais .cv{padding:5px 10px; color:#1a86b5; font:600 12px "Open Sans", Verdana, Geneva, sans-serif; background:#FFF; position:absolute; bottom:5px; right:5px;}

.divisor{width:980px; height:auto; position:relative; float:left;}

.box-home{width:920px; height:auto; position:relative; float:left; padding:10px; margin:30px 20px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E;}
.box-home h2{color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif; margin: 10px 0;}
.box-home p{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}
.box-home img{position:relative; float:left; margin:10px;}

.box-home .saiba-mais{padding:3px 10px; background:#1a86b5; color:#FFF; position:absolute; bottom:10px; right:10px;}
.box-home .saiba-mais:hover{background:rgba(0,0,0,0.2);}

/* PAGINA PSICOLOGIA */

.divisor{width:980px; height:auto; position:relative; float:left;}
.submenu{width:980px; height:35px; position:relative; float:left; background:#1a86b5; margin-top:10px;}
.submenu .li{height:35px; position:relative; float:left;}
.submenu .li a{height:35px; line-height:35px !important; position:relative; float:left; padding:0 25px; text-align:center;
font:400 13px "Open Sans", Verdana, Geneva, sans-serif;}
.submenu .li .current{height:35px; line-height:35px !important; position:relative; float:left; padding:0 25px; text-align:center;
font:400 13px "Open Sans", Verdana, Geneva, sans-serif;background:rgba(0,0,0,0.2);}
.submenu .li:hover{background:rgba(0,0,0,0.2);}
.box-psicologia{width:960px; height:auto; position:relative; float:left; padding:10px; margin:30px 0px 30px 0px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E;}
.box-psicologia h2{color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif;}
.box-psicologia p{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}
.box-psicologia img{position:relative; float:left;}
.box-psicologia .descricao{width:730px; height:auto; position:relative; float:right;}

.box-psicologia .saiba-mais{padding:3px 10px; background:#1a86b5; color:#FFF; position:absolute; bottom:10px; right:100px;}
.box-psicologia .saiba-mais:hover{background:rgba(0,0,0,0.2);}

/* PAGINA PSICOPEDAGOGIA */

.divisor{width:980px; height:auto; position:relative; float:left;}
.submenu2{width:980px; height:35px; position:relative; float:left; background:#1a86b5; margin-top:10px;}
.submenu2 .li{height:35px; position:relative; float:left;}
.submenu2 .li a{height:35px; line-height:35px !important; position:relative; float:left; padding:0 25px; text-align:center;
font:400 13px "Open Sans", Verdana, Geneva, sans-serif;}
.submenu2 .li .current{height:35px; line-height:35px !important; position:relative; float:left; padding:0 25px; text-align:center;
font:400 13px "Open Sans", Verdana, Geneva, sans-serif;background:rgba(0,0,0,0.2);}
.submenu2 .li:hover{background:rgba(0,0,0,0.2);}
.box-psicopedagogia{width:960px; height:auto; position:relative; float:left; padding:10px; margin:30px 0px 30px 0px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E;}
.box-psicopedagogia h2{color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif;}
.box-psicopedagogia p{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}
.box-psicopedagogia img{position:relative; float:left;}
.box-psicopedagogia .descricao{width:730px; height:auto; position:relative; float:right;}

.box-psicopedagogia .saiba-mais{padding:3px 10px; background:#1a86b5; color:#FFF; position:absolute; bottom:10px; right:100px;}
.box-psicopedagogia .saiba-mais:hover{background:rgba(0,0,0,0.2);}

/* PAGINA CONTATO */

.box-contato{width:960px; height:auto; position:relative; float:left; padding:10px; margin:30px 0px 30px 0px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E;}
.box-contato h2{color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif;}
.box-contato p{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}

#box-formulario{width:316px; height:auto; position:relative; float:left; margin-top:20px;}
#box-formulario .esp_campo{width:300px; height:auto; position:relative; float:left; margin-bottom:10px;}
#box-formulario .txt_campo{width:300px; height:auto; font:normal 12px Verdana, Geneva, sans-serif; color:#535353; position:relative; float:left;}
#box-formulario input{width:300px; height:15px; padding:5px; position:relative; float:left; z-index:0; border:1px solid #CCC; outline:none;}
#box-formulario select{width:300px; height:30px; padding:5px; position:relative; float:left; z-index:0; border:1px solid #CCC; outline:none;}
#box-formulario textarea{width:300px; height:48px; padding:5px; position:relative; float:left; border:1px solid #CCC; outline:none;}
#box-formulario label.error{width:auto; position:absolute; font:bold 10px Verdana, Geneva, sans-serif; float:left; color:#CD2122;
right:0px; z-index:1;}
#box-formulario .input-error{border:1px solid #CD2122; background:#FFF url(imagens/input-error.png) top right no-repeat;}
#box-formulario .bt_enviar{width:100px; height:30px; position:relative; float:right; color:#FFF; background:#444; text-align:center; cursor:pointer;}
#box-formulario .bt_enviar:hover{background:#C00;}

.mapa{width:493px; height:auto; position:relative; float:right; background:#DDD; margin:35px 0 0 10px; padding:10px;}
.mapa iframe{width:493px; height:300px;}
/* PAG SUCESSO */

.box-sucesso{width:960px; height:auto; position:relative; float:left; padding:10px; margin:30px 0px 30px 0px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E;}
.box-sucesso h2{color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif;}
.box-sucesso p{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}

.box-sucesso2{width:280px; position: relative; float: left;}
.box-sucesso2 img{width:250px; height:auto; position:relative; margin-left:10px;}
.box-sucesso2 h1{font:bold 14px "Open Sans", Verdana, Geneva, sans-serif; color:#C00;}
.box-sucesso2 p{font:normal 14px "Open Sans", Verdana, Geneva, sans-serif; color:#666;}

/* paginas CV */

.box-cv{width:940px; height:auto; padding:10px; margin:30px 10px 10px 10px; background:#FFF;}
.box-cv h2{color:#1a86b5; font:600 16px "Open Sans", Verdana, Geneva, sans-serif;}
.box-cv h3{color:#535353; font:600 11px "Open Sans", Verdana, Geneva, sans-serif;}
.box-cv p{color:#535353; font:400 13px "Open Sans", Verdana, Geneva, sans-serif; line-height:20px;}


@media only screen and (min-width:280px) and (max-width:979px) {
	body{background:#FFF; font-family:"Open Sans", Verdana, Geneva, sans-serif;}
	#bg_top{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-topo.jpg)top center no-repeat; z-index:999; box-sizing:border-box}
	#bg_conteudo{width:100%; height:auto; position:relative; float:left; background:none; padding-top:25px;box-sizing:border-box}
	.bg_rodape{width:100%; height:auto; position:relative; float:left; background:#222;padding: 30px; box-sizing: border-box;}
	#topo{width:100%; height:auto; position:relative; float:left; left:0; margin-left:0px;}
	
	#menu{width:100%; height:auto; position:relative; float:left; right:0; bottom:0;}
	#menu ul{width:100%; height:auto; position:relative; float:left;}
	#menu ul li img{ margin: 10px 0px 2px 30%; box-sizing: border-box; position: relative;float: left;}

	#menu ul li a:hover{background:rgba(0,0,0,0.2) url(../imagens/bg-menu.png) top center no-repeat}
	#menu ul #telefones{ width:100%; height:auto; position:relative; float:left; color:#FFF; background:#1a86b5; text-align:center; font:400 18px "Open Sans", Verdana, Geneva, sans-serif; padding: 10px; box-sizing:border-box}
	#menu ul li p{ line-height: 2; box-sizing:border-box; position:relative; float:left; padding-bottom: 5px; }
	#menu ul li hr{ border-top: 1px solid white; display:block}
	#menu ul #telefones strong{ font:600 22px "Open Sans", Verdana, Geneva, sans-serif;}
	
	#menu ul li{width:100%; height:auto; position:relative; float:left; display:inline-block; text-align:center;}
	
	#menu ul li a { width: 100%; height: auto; position: relative; float: left; background: #1a86b5 url(../imagens/bg-menu.png) top center no-repeat; color: #FFF; font: 400 16px "Open Sans", Verdana, Geneva, sans-serif; padding: 5px;margin-bottom: 1px;box-sizing: border-box;}
	

	#menu ul li .fone {width: 100%; height: auto; position: relative; float: left; padding: 5px; margin: 5px 0; text-align:center; box-sizing:border-box}
	#menu ul li .whats {width: 50%; height: auto; position: relative; float: left; padding: 5px; box-sizing:border-box}
	
	#menu ul li .whats .bt-whats-footer{ width: 100%; height:auto; position: relative; float:left; right: 0; background: #379802; color: #fff; padding: 5px; z-index: 10; margin: 5px 0px; box-sizing:border-box}
	
	#menu ul li .whats .bt-whats-footer .pulse{ cursor: pointer; box-shadow: 0 0 0 rgb(255 223 0 / 40%); animation: pulse 2s infinite; }
	
	.centralizar{width:100%; height:auto; position:relative; float:left; left:0; margin-left:0;}
	#banner{width:100%; height:130px !important; position:relative; float:left;display: block;}
	
	#convenios{width:100%; height:auto; position:relative; float:left; left:0; margin-left:0; padding:10px 30px; box-sizing:border-box}
	#convenios h2{color:#1a86b5; font:600 16px "Open Sans", Verdana, Geneva, sans-serif;}
	#convenios img{position:relative; float:left; margin-right:15px;}
	
	.rodape{width:100%; height:auto; position:relative; margin-left:0; left:0; background:none;}
	.rodape .r-left, .rodape .r-center, .rodape .r-right {width:100%; height:145px; position:relative; float:left; padding-top:10px; list-style:none;}
	.rodape li a{color:#FFF; font:400 12px "Open Sans", Verdana, Geneva, sans-serif;}
	.rodape li a:hover{ color:#ddd;}
	.rodape p{color:#FFF; font:400 12px "Open Sans", Verdana, Geneva, sans-serif;}
	.rodape p strong{color:#FFF; font:400 16px "Open Sans", Verdana, Geneva, sans-serif;}
	
	.rodape .direitos{width:100%; height:auto; position:relative; float:left; line-height:25px; color:#FFF; padding: 20px 0; box-sizing: border-box;}
	.rodape .direitos p{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF; line-height:25px; position:relative; float:left; box-sizing: border-box; padding-right: 50px;}
	.rodape .direitos p strong{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
	.rodape .direitos a{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
	.rodape .icones_rodape{width:100%; height:25px; position:relative; float:left;}

/* CSS HOME */

.box-empresa{width:100%; height:auto; padding:30px; margin:0px 0px 0px 0px; background:#FFF; position: relative; float: left; box-sizing:border-box}
.box-empresa #img-clinica{width:100%; height:300px; position:relative; float:left; margin-right:10px;}
.box-empresa .desc-empresa{width:100%; height:auto; position:relative; float:left; padding: 20px 0;}
.box-empresa .desc-empresa h2{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}
.box-empresa .desc-empresa h2 strong{color:#1a86b5; font:600 16px "Open Sans", Verdana, Geneva, sans-serif;}
.box-empresa .desc-empresa h3{color:#535353; font:400 13px "Open Sans", Verdana, Geneva, sans-serif; line-height:30px;}

.box-empresa .bt-profissionais{color:#1a86b5; font:600 16px "Open Sans", Verdana, Geneva, sans-serif; padding:5px; border:1px solid #CCC; cursor:pointer; margin-bottom:10px; position:relative; float:left; width:100%; margin-top:10px; box-sizing: border-box;}
.box-empresa .box-quem-somos{width:100%; height:auto; position:relative; float:left; overflow:hidden;}
.box-empresa .box-quem-somos .box-profissionais{width:100%; padding:10px 10px 10px 10px; height:auto; position:relative; float:left; margin:2px 0; background:#EEE; box-sizing:border-box}
.box-empresa .box-quem-somos .box-profissionais h2{color:#535353; font:600 15px "Open Sans", Verdana, Geneva, sans-serif; padding:0; border:0;}
.box-empresa .box-quem-somos .box-profissionais h2 strong{color:#535353; font:600 10px "Open Sans", Verdana, Geneva, sans-serif;}
.box-empresa .box-quem-somos .box-profissionais p{color:#535353; font:400 13px "Open Sans", Verdana, Geneva, sans-serif; margin-top:10px;}
.box-empresa .box-quem-somos .box-profissionais .cv{ width: 100%; height:auto; padding:10px; margin:10px 0; color:#1a86b5; font:600 12px "Open Sans", Verdana, Geneva, sans-serif; background:#FFF; position:relative; float:left; bottom:0px; right:0px; box-sizing:border-box}

.divisor{width:100%; height:auto; position:relative; float:left;}

.box-home{width:100%; height:auto; position:relative; float:left; padding:30px; margin:30px 0px 10px 0px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E;box-sizing: border-box;}
.box-home h2{width:100%; color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif; position:relative; float:left; text-align:center;}
.box-home p{width:100%; color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; position:relative; float:left; text-align:center;}
.box-home img{position:relative; float:left; margin:5px 20%;}

.box-home .saiba-mais{ width: 100%; padding:3px 10px; margin: 10px 0; background:#1a86b5; color:#FFF; position:relative; float:left; bottom:0px; right:0px; box-sizing:border-box}
.box-home .saiba-mais:hover{background:rgba(0,0,0,0.2);}

.chrome, .mozilla, .opera, .ie, .safari, .html5, .css3{width:23px; height:25px; position:relative; float:left;}
.html5, .css3{height:25px;}
.logo_gray{width:98px; height:25px; position:relative; float:left;}

/* PAGINA PSICOLOGIA */

.divisor{width:100%; height:auto; position:relative; float:left; box-sizing:border-box}
.submenu{width:100%; height:auto; position:relative; float:left; background:#1a86b5; margin-top:10px; box-sizing:border-box}
.submenu .li{ width:100%; height:35px; position:relative; float:left;box-sizing:border-box}
.submenu .li a{height:35px; line-height:35px !important; position:relative; float:left; padding:0 25px; text-align:center;
font:400 13px "Open Sans", Verdana, Geneva, sans-serif;}
.submenu .li .current{height:35px; line-height:35px !important; position:relative; float:left; padding:0 25px; text-align:center;
font:400 13px "Open Sans", Verdana, Geneva, sans-serif;background:rgba(0,0,0,0.2);}
.submenu .li:hover{background:rgba(0,0,0,0.2);}
.box-psicologia{width:100%; height:auto; position:relative; float:left; padding:10px; margin:30px 0px 30px 0px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E; box-sizing: border-box;}
.box-psicologia h2{color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif;}
.box-psicologia p{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; text-align: justify;}
.box-psicologia img{position:relative; float:left; margin-left: 25%;}
.box-psicologia .descricao{width:100%; height:auto; position:relative; float:right; padding:20px; box-sizing:border-box}

.box-psicologia .saiba-mais{padding:3px 10px; background:#1a86b5; color:#FFF; position:absolute; bottom:10px; right:100px;}
.box-psicologia .saiba-mais:hover{background:rgba(0,0,0,0.2);}

/* PAGINA PSICOPEDAGOGIA */


.submenu2{width:100%; height:auto; position:relative; float:left; background:#1a86b5; margin-top:10px; box-sizing:border-box}
.submenu2 .li{ width: 100%;height:35px; position:relative; float:left;}
.submenu2 .li a{height:35px; line-height:35px !important; position:relative; float:left; padding:0 25px; text-align:center;
font:400 13px "Open Sans", Verdana, Geneva, sans-serif;}
.submenu2 .li .current{height:35px; line-height:35px !important; position:relative; float:left; padding:0 25px; text-align:center;
font:400 13px "Open Sans", Verdana, Geneva, sans-serif;background:rgba(0,0,0,0.2);}
.submenu2 .li:hover{background:rgba(0,0,0,0.2);}
.box-psicopedagogia{width:100%; height:auto; position:relative; float:left; padding:20px; margin:30px 0px 30px 0px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E; text-align:justify; box-sizing: border-box; box-sizing:border-box}
.box-psicopedagogia h2{color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif;}
.box-psicopedagogia p{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}
.box-psicopedagogia img{position:relative; float:left; padding-left: 20%;}
.box-psicopedagogia .descricao{width:100%; height:auto; position:relative; float:right;}

.box-psicopedagogia .saiba-mais{padding:3px 10px; background:#1a86b5; color:#FFF; position:absolute; bottom:10px; right:100px;}
.box-psicopedagogia .saiba-mais:hover{background:rgba(0,0,0,0.2);}

/* PAGINA CONTATO */

.box-contato{width:100%; height:auto; position:relative; float:left; padding:30px; margin:30px 0px 30px 0px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E; box-sizing: border-box;}
.box-contato h2{color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif;}
.box-contato p{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}

#box-formulario{width:100%; height:auto; position:relative; float:left; margin-top:20px;}
#box-formulario .esp_campo{width:100%; height:auto; position:relative; float:left; margin-bottom:10px;}
#box-formulario .txt_campo{width:100%; height:auto; font:normal 12px Verdana, Geneva, sans-serif; color:#535353; position:relative; float:left;}
#box-formulario input{width:100%; height:30px; padding:5px; position:relative; float:left; z-index:0; border:1px solid #CCC; outline:none; box-sizing: border-box;}
#box-formulario select{width:100%; height:30px; padding:5px; position:relative; float:left; z-index:0; border:1px solid #CCC; outline:none;}
#box-formulario textarea{width:100%; height:48px; padding:5px; position:relative; float:left; border:1px solid #CCC; outline:none;box-sizing: border-box;}
#box-formulario label.error{width:auto; position:absolute; font:bold 10px Verdana, Geneva, sans-serif; float:left; color:#CD2122;
right:0px; z-index:1;}
#box-formulario .input-error{border:1px solid #CD2122; background:#FFF url(imagens/input-error.png) top right no-repeat;}
#box-formulario .bt_enviar{width:100%; height:30px; position:relative; float:right; color:#FFF; background:#444; text-align:center; cursor:pointer;}
#box-formulario .bt_enviar:hover{background:#C00;}

.mapa{width:100%; height:400px; position:relative; float:left; background:#DDD; margin:35px 0 0 0px; padding:10px; box-sizing:border-box}
.mapa iframe{width:100%; height:380px; box-sizing:border-box}

.box-psicopedagogia .descricao{width:100%; height:auto; position:relative; float:right;padding: 20px;box-sizing: border-box;}

/* PAG SUCESSO */

.box-sucesso{width:100%; height:auto; position:relative; float:left; padding:10px; margin:30px 0px 30px 0px; background:#EEE; border-top:3px solid #7861AB; border-bottom:10px solid #52528E;box-sizing: border-box;}
.box-sucesso h2{color:#1a86b5; font:600 20px "Open Sans", Verdana, Geneva, sans-serif;}
.box-sucesso p{color:#535353; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}
	
}