@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,900,700italic);
@charset "utf-8";
body { font-size: 14px; font-family: 'Titillium Web', Calibri, Arial, sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; height: auto; font-weight: 300; background-color: #ffffff; color: #000000; }
* { margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none; }
html { overflow-x: hidden; }

/* GERAIS */
a:link, a:visited, a:hover { color:#000000; text-decoration:none; font-size: 12px; font-family: 'Titillium Web'; }
.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; float: none; height: 0px;  }
.titulo { width: 100%; height: 36px; font-size: 36px; line-height: 36px; padding: 25px 0px; color: #12385d; font-style: italic; font-weight: 300; background: url(../imagens/faixa-titulo.png) repeat-x 0px 29px; }
.titulo b { font-weight: 700; }
.titulo span { background-color: #ffffff; padding-right: 15px; }
.titulo .linha { position: absolute; left: 50%; margin-left: 460px; margin-top: 4px; width: 50%; height: 36px; background: url(../imagens/faixa-titulo.png) repeat-x center center; }
.titulo2 { width: 100%; height: 36px; font-size: 36px; line-height: 36px; padding: 25px 0px; color: #12385d; font-style: italic; font-weight: 300; background: url(../imagens/faixa-titulo.png) repeat-x 0px 29px; }
.titulo2 b { font-weight: 700; }
.titulo2 span { background-color: #f5f5f5; padding-right: 15px; }
.titulo2 .linha { position: absolute; left: 50%; margin-left: 460px; margin-top: 4px; width: 50%; height: 36px; background: url(../imagens/faixa-titulo.png) repeat-x center center; }
.util { width: 1024px; margin: 0 auto; height: auto; }
.animacao { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mascara2 { display: none; position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(13,28,44,0.8); z-index:1009; }
#amensagem { display: none; position: fixed; z-index: 100000; left: 0; top: 0; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); width: auto; min-width:100%; padding: 20px 40px; font-size: 24px; line-height: 24px; font-family: 'Titillium Web'; font-style: normal; font-weight: 700; color: #ffffff; text-align: center; height: auto; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); letter-spacing: -1px; }
.blur { opacity: 0.6; -webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px); }
.r3 { border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

#screenshot{position: absolute; width:auto; max-width:500px; height: auto; z-index: 10; background-color:#153d65; padding: 10px; font-weight:bold; display: none; color: #ffffff; font-family: 'Titillium Web'; text-align: left; font-size:14px; z-index: 1000; font-weight: 400; }
#screenshot span { font-size: 18px; text-align: left; text-transform: uppercase; }

.tooltip-title { width: 300px; height: auto; position: absolute; left: 50%; margin-left: -150px; margin-top: 100px; top: 0; z-index: 1000; display: none; }
.tooltip-title .conteudo-title { background-color: rgba(255,255,255,0.9); text-align: center; padding: 15px; width: auto; height: auto; color: #153d65; font-family:'Source Sans Pro'; font-size: 15px; line-height: 18px; }
.tooltip-title .conteudo-title p { font-size: 20px; font-weight: bold; text-align: center; }

/* POPUP */
#fechar { z-index:100001; position:fixed; }
#mascara { position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.8); z-index:100001; }

/* MENU CELULAR */
.menucel { display: none; position: absolute; top: 20px; right: 15px; z-index: 1001; width: 40px; height: 40px; background: url(../imagens/menucel.png) no-repeat center center; }
.menucel:hover, .menucelativo { position: absolute; cursor: pointer; top: 20px; right: 15px; z-index: 1001; width: 40px; height: 40px; background: #bea43a url(../imagens/menucel.png) no-repeat center center; }
.menucelular { display: none; width: 100%; list-style-type: none; position: absolute; top: 0px; left: 0px; margin-top: 84px; z-index: 1001; }
.menucelular li { width: 100%; height: auto; padding: 4px 0px; text-align: center; background-color: #21365c; border-bottom: #444444 1px solid; color: #FFFFFF; font-family: 'Lato'; font-size: 18px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; }
.menucelular a { cursor: pointer; }
/* MENU CELULAR */

/* TOPO */
.topo { width: 100%; height: 331px; top: 0; z-index: 1000; background: url(../imagens/bg-topo.png) no-repeat center center; position: absolute; }
.topo .logomarca-ad-judici { cursor: pointer; width: 240px; height:135px; position: relative; z-index: 101; margin: 35px 0px 0px 10px; background-image: url(../imagens/logomarca-ad-judici.png); background-repeat: no-repeat; background-position: center top; float: left; background-size: auto 100%; }
.topo #menu { position: relative; width: auto; margin: 0px; padding: 0px; float: right; overflow: hidden; z-index: 9009; height: 80px; -webkit-transition: all 0.5s; transition: all 0.5s; }
.topo #menu ul { list-style-type: none; }
.topo #menu ul li { list-style-type: none; width: auto; float: left; }
.topo #menu ul li a { display: block; text-decoration: none; width: auto; padding: 0px 25px; float: left; height: 80px; line-height: 80px; outline: none; color: #ffffff; font-weight: 400; font-size: 16px; font-family: 'Titillium Web', Calibri, Arial, sans-serif; }
.topo #menu ul li a:hover { text-decoration: underline; cursor: pointer; }
.topo #menu ul li a.ativo { text-decoration: underline; cursor: pointer; display: block; width: auto; padding: 0px 25px; float: left; height: 80px; line-height: 80px; outline: none; color: #ffffff; font-weight: 400; font-size: 16px; font-family: 'Titillium Web', Calibri, Arial, sans-serif; }

/* HOME */
#home { width: 100%; height: 0px; padding: 0; position: relative; z-index: 102 }
/* HOME */

/* SUB HOME */
#sub-home { width: 100%; height: 779px; clear: both; background: url(../imagens/bg-atuacao.png) no-repeat center center; margin: 0px; position: relative; z-index: 104; margin-top: -400px; }
#sub-home .cates { width: 100%; height: 220px; clear: both; margin-top: 280px; position: relative; z-index: 103 }
#sub-home .cates ul { list-style-type: none; width: 100%; height: 220px; left: 0; }
#sub-home .cates ul li { width:200px; height: 220px; float: left; cursor: pointer; margin-top: 20px; display: block; overflow: none; }
#sub-home .cates ul li img { width: 140px; text-align: center; margin: 10px 45px 7px 45px; height: 140px; overflow: hidden; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#sub-home .cates ul li p { color: #a38a45; font-size: 20px; line-height: 20px; font-family: 'Titillium Web'; font-weight: 300; text-align: center; text-transform: uppercase; }
#sub-home .cates ul li:hover { margin-top: 10px; }
#sub-home .cates ul li:hover p { font-weight: 600; }
/* SUB HOME */

/* INSTITUCIONAL */
#quemsomos { width: 100%; height: auto; clear: both; padding-top: 90px; background-color: #ffffff; margin-top: -265px; position: relative; z-index: 103 }
#quemsomos h1 { width: 63%; height: auto; background:url(../imagens/bg-slogan.png) no-repeat center center; padding: 30px; color: #153d65; font-size: 24px; line-height: 28px; font-family: 'Titillium Web'; font-weight: 300; text-align: center; font-style: italic; margin: 0px 15% 0px 15%; }
#quemsomos .col1 { width: 49%; float: left; height: auto; color: #666666; font-size: 15px; margin-left: 10px; line-height: 19px; font-family: 'Titillium Web'; font-weight: 400; text-align: justify; font-style: italic; padding: 20px 0px }
#quemsomos .col1 h1 { width: 100%; clear: both; height: auto; color: #153d65; font-size: 30px; line-height: 30px; font-family: 'Titillium Web'; font-weight: 200; font-style: italic; text-align: left; margin: 0px; padding: 0px 0px 20px 0px;  }
#quemsomos .col1 h1 span { font-weight: 500; }
#quemsomos .col1 .textos { width: 100%; height: auto; float: left; }
#quemsomos .col1 .textos ul { width: 100%; height: auto; list-style-type: none; margin: 35px 0px 15px 0px; text-align: center; }
#quemsomos .col1 .textos ul li { width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px); width: -o-calc(100% - 130px); width: calc(100% - 130px); padding: 20px 0px 10px 130px; margin: 0px; height: auto; overflow: hidden; float: left; text-align: center; color: #545555; font-size: 14px; }
#quemsomos .col1 .textos ul li:nth-child(1) { background:url(../imagens/icone-missao.png) no-repeat center left; }
#quemsomos .col1 .textos ul li:nth-child(2) { background:url(../imagens/icone-visao.png) no-repeat center left; }
#quemsomos .col1 .textos ul li:nth-child(3) { background:url(../imagens/icone-valores.png) no-repeat center left; }
#quemsomos .col1 .textos ul li h1 { width: 100%; height: auto; clear: both; background: transparent; padding: 0px; clear: both; color: #ae8b3f !important; font-size: 24px !important; line-height: 24px; font-family: 'Titillium Web'; font-weight: 300; text-align: left; }
#quemsomos .col1 .textos ul li h1 span { font-weight: 500; }
#quemsomos .col1 .textos ul li h2 { width: 100%; height: auto; clear: both; padding: 10px 0px; color: #666666 !important; font-size: 15px !important; line-height: 18px; font-family: 'Titillium Web'; font-weight: 300; text-align: left; font-style: italic; }
#quemsomos .col2 { width: 49%; float: right; height: auto; }
#quemsomos .col2 img { width: 90%; height: auto; text-align: center; margin: 5%; }
#quemsomos .col2:hover img { opacity: 0.8; -webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px); }
#quemsomos .profissionais { width: 100%; height: 900px; background:url(../imagens/bg-equipe.png) no-repeat center center; padding-top: 283px; margin-top: -200px; }
#quemsomos .profissionais #foo1p { width:40px; height: 79px; background-image: url(../imagens/setas-colaboradores.png); background-repeat: no-repeat; background-position: top left; position: absolute; left: 50%; margin-left: -510px; margin-top: 80px; z-index: 150; cursor: pointer; }
#quemsomos .profissionais #foo1n { width:40px; height: 79px; background-image: url(../imagens/setas-colaboradores.png); background-repeat: no-repeat; background-position: top right; position: absolute; right: 50%; margin-right: -500px; margin-top: 80px; z-index: 150; cursor: pointer; }
#quemsomos .profissionais h1 { width: 100%; height: auto; margin: 0px; clear: both; background: transparent; padding: 100px 0px 60px 0px; clear: both; color: #153d65 !important; font-size: 30px !important; line-height: 30px; font-family: 'Titillium Web'; font-weight: 300; text-align: center; }
#quemsomos .profissionais h1 span { font-weight: 600; }
#quemsomos .profissionais ul { list-style-type: none; width: 100%; height: 350px; }
#quemsomos .profissionais ul li { width:42%; height: 330px; float:left; margin: 0px 4%; }
#quemsomos .profissionais ul li.maior { width: 92% !important; }
#quemsomos .profissionais ul li .profissa { width:100%; height: 330px; position: relative; text-align: center; }
#quemsomos .profissionais ul li .profissa .dadoscola { width:70%; margin-left: 15%; font-weight: 400; text-align: center; color: #153d65; font-size: 13px; line-height: 16px; }
#quemsomos .profissionais ul li .profissa .dadoscola p { color: #153d65; font-size: 18px; line-height: 20px; font-weight: 700; text-align: center; text-transform: uppercase; padding-bottom: 15px; }
#quemsomos .profissionais ul li .profissa img { width: 150px; text-align: center; margin: 50px 75px 25px 75px; height: 150px; overflow: hidden; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
/* INSTITUCIONAL */

/* PROCESSOS */
#processos { width: 100%; height: auto; clear: both; margin: -270px 0px 0px 0px; background:url(../imagens/bg-processos.png) no-repeat center bottom; position: relative; z-index: 103; padding-bottom: 215px; }
#processos h1 { width: 100%; height: auto; clear: both; padding: 0px 0px 40px 0px; clear: both; color: #153d65 !important; font-size: 30px !important; line-height: 30px; font-family: 'Titillium Web'; font-weight: 200; text-align: left; font-style: italic; }
#processos p { width: 80%; color: #153d65; font-size: 15px; background:url(../imagens/topo-processos.png) no-repeat right top; line-height: 19px; font-family: 'Titillium Web'; font-weight: 300; text-align: left; padding: 20px 0px; font-style: italic; }
#processos .pros { width: 100%; height: auto; float: left; background-color: #ffffff; }

#processos .pros .arquivos { display: none; width: -moz-calc(98% - 30px); width: -webkit-calc(98% - 30px); width: -o-calc(98% - 30px); width: calc(98% - 30px); padding: 15px; height: auto; border: #bfbfbf 1px solid }
#processos .pros .arquivos h4 { line-height: 30px; text-align: center; color: #1a1a1a; font-size: 18px;  }
#processos .pros .arquivos ul { width: 100%; margin: 10px 0px; height: auto; list-style-type: none; }
#processos .pros .arquivos ul li { padding: 0px; width: -moz-calc(50% - 14px); width: -webkit-calc(50% - 14px); width: -o-calc(50% - 14px); width: calc(50% - 14px); height: 30px; line-height: 30px; background-color: #d6b969; color: #ffffff; margin: 5px; float: left; font-family: 'Titillium Web'; font-weight: 300; font-size: 16px; text-align: center; }
#processos .pros .arquivos ul li:hover { background-color: #12385d; }
#processos .pros .arquivos .labeltexto { color: #515252; font-family:'Titillium Web'; width: 95%; height: auto; margin: 10px 0px 0px 0px; padding: 5px 4px 5px 0px; font-size: 15px; line-height: 14px; text-align: left; }
#processos .pros .arquivos .campo { color: #515252; font-family:'Titillium Web'; background-color: #f1efef; width: 100%; height: 22px; margin: 5px 0px 10px 0px; padding: 4px; font-size: 15px; text-align: left; float: left; }
#processos .pros .arquivos select { color: #515252; background-color: #f1efef; width: 100%; height: 30px; margin: 5px 0px; padding: 4px; font-size: 15px; text-align: left; float: left; }
#processos .pros .arquivos .campo2 { color: #515252; background-color: #f1efef; width: 100%; font-family: 'Titillium Web'; height: 90px; margin: 5px 0px; padding: 4px; font-size: 15px; text-align: left; float: left; }
#processos .pros .arquivos .bt-manda { position: relative; background-color: #12385d;-moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; height: auto; font-size: 15px; font-family: 'Titillium Web'; text-transform: uppercase; cursor: pointer; padding: 15px 20px; font-style: normal; color: #ffffff; text-align: center; font-weight: 400; margin-top: 15px; }
#processos .pros .arquivos .bt-manda:hover { background-color: #515252; color: #ffffff; }


#processos .pros ul { width: 100%; height: auto; list-style-type: none; margin: 35px 0px 15px 0px; }
#processos .pros ul li { width: -moz-calc(50% - 65px); width: -webkit-calc(50% - 65px); width: -o-calc(50% - 65px); width: calc(50% - 65px); padding: 0px 7px 0px 25px; margin: 10px; border:#bfbfbf 1px solid; float: left; height: auto; min-height: 30px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #ffffff; }
#processos .pros ul li h4 { cursor: pointer; line-height: 30px; float: left; text-align: left; color: #1a1a1a; font-size: 15px;  }
#processos .pros ul li.mais { background:url(../imagens/ico-mais.png) no-repeat 5px 10px; }
#processos .pros ul li.menos { background:url(../imagens/ico-menos.png) no-repeat 5px 10px; }
#processos .pros ul li .vtudo { display: none; width: 100%; position: relative; clear: both; height: auto; }
#processos .pros ul li .vtudo .empresas { cursor: pointer; width: 205px; height: 200px; margin: 20px 7px 0; text-align: center; float: left; }
#processos .pros ul li .vtudo .empresas img { max-width: 205px; max-height: 205px; padding: 5px 0px; text-align: center; }
#processos .pros ul li .vtudo .empresas h2 { width: 100%; height: auto; padding: 5px 0px; clear: both; color: #3e403f; font-size: 12px; line-height: 16px; font-family: 'Titillium Web'; font-weight: 300; text-align: center; text-transform: uppercase; font-weight: 600; }
#processos .pros ul li .vtudo .empresas h3 { width: 100%; height: auto; clear: both; color: #3e403f; font-size: 12px; line-height: 16px; font-family: 'Titillium Web'; font-weight: 700; text-align: center; font-weight: 300; }
#processos .pros ul li:hover { font-weight: 700; }
/* PROCESSOS */

/* BLOG */
#blog { width: 100%; height: auto; clear: both; background-color: #ebebeb; margin: 0px; padding-top: 20px; position: relative; z-index: 103 }
#blog h1 { width: 100%; height: auto; clear: both; padding: 20px 0px; clear: both; color: #153d65 !important; font-size: 30px !important; line-height: 30px; font-family: 'Titillium Web'; font-weight: 200; text-align: left; font-style: italic; }
#blog p { width: 100%; color: #153d65; font-size: 15px; line-height: 19px; font-family: 'Titillium Web'; font-weight: 300; text-align: left; padding: 20px 0px; font-style: italic; }
#blog .materia { display: none; width: 100%; border-top:#a19f9f 1px solid; height: auto; color: #675f58; font-size: 14px; line-height: 18px; font-family: 'Titillium Web'; font-weight: 300; text-align: center; padding: 15px 0px 30px 0px; }
#blog .materia h1 { width: 100%; height: auto; padding-top: 10px; clear: both; color: #12385d; font-size: 20px; line-height: 24px; font-family: 'Titillium Web'; font-weight: 700; text-align: left; }
#blog .materia h2 { width: 100%; height: auto; padding: 10px 0px; clear: both; color: #3f3d3d; font-size: 16px; line-height: 20px; font-family: 'Titillium Web'; font-weight: 500; text-align: left; }
#blog .materia h3 { width: 100%; height: auto; clear: both; color: #a19f9f; font-size: 14px; line-height: 18px; font-family: 'Titillium Web'; font-weight: 300; text-align: left; }
#blog .materia p { text-align: left; }
#blog .materia img { text-align: center; float: left; padding: 0px 10px 10px 0px; width: 250px; }
#blog .materia .tags { width: 100%; height: auto; float: left; clear: both; margin: 20px 0px; }
#blog .materia .tags ul { width: 100%; height: auto; list-style-type: none; }
#blog .materia .tags ul li { width: auto; padding: 4px 6px; margin: 1px; height: auto; float: left; text-align: center; color: #12385d; font-size: 10px; border:#12385d 1px solid; background-color: #f5f5f5; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
#blog .materia .tags ul li:hover { background-color: #12385d; color: #ffffff; }
#blog .materia .fechamateria { cursor: pointer; width: auto; padding: 4px 6px; margin: 1px; height: auto; float: right; text-align: center; color: #12385d; font-size: 10px; border:#12385d 1px solid; background-color: #f5f5f5; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
#blog .postagem .historico { width: 100%; height: auto; float: left; }
#blog .postagem .historico ul { width: 100%; height: auto; list-style-type: none; }
#blog .postagem .historico ul li.primeiro { width: 30%; padding: 10px; margin: 0px 10px 20px 0px; height: auto; float: left; text-align: center; color: #675f58; font-size: 15px; }
#blog .postagem .historico ul li.primeiro img { width: 100%; height: auto; }
#blog .postagem .historico ul li.primeiro .nomecat { position: absolute; margin: -40px 0px 0px 10px; width: auto; height: auto; clear: both; color: #ffffff; background-color: #12385d; font-size: 12px; line-height: 12px; font-family: 'Titillium Web'; font-weight: 400; text-align: left; text-transform: uppercase; padding: 5px; }
#blog .postagem .historico ul li.primeiro h2 { width: 100%; height: auto; padding: 5px 0px; clear: both; color: #515252; font-size: 16px; line-height: 20px; font-family: 'Titillium Web'; font-weight: 300; text-align: left; }
#blog .postagem .historico ul li.primeiro h3 { width: 100%; height: auto; clear: both; color: #515252; font-size: 14px; line-height: 18px; font-family: 'Titillium Web'; font-weight: 400; text-align: left; font-style: italic; }
#blog .postagem .historico ul li.primeiro h4 { width: 100%; height: auto; clear: both; color: #12385d; font-size: 12px; line-height: 12px; font-family: 'Titillium Web'; font-weight: 400; text-align: left; text-transform: uppercase; }
#blog .postagem .historico ul li.primeiro h5 { width: 100%; height: auto; padding-top: 10px; clear: both; color: #515252; font-size: 11px; line-height: 11px; font-family: 'Titillium Web'; font-weight: 700; text-align: left; }
#blog .postagem .historico ul li.primeiro:hover { background-color: #ffffff; }
#blog .postagem .historico ul li { width: 30%; padding: 10px; margin: 0px 10px 20px 0px; height: 140px; float: left; text-align: center; color: #675f58; font-size: 15px; }
#blog .postagem .historico ul li h2 { width: 100%; height: auto; padding: 5px 0px; clear: both; color: #515252; font-size: 16px; line-height: 20px; font-family: 'Titillium Web'; font-weight: 300; text-align: left; }
#blog .postagem .historico ul li h3 { width: 100%; height: auto; clear: both; color: #515252; font-size: 14px; line-height: 18px; font-family: 'Titillium Web'; font-weight: 400; text-align: left; font-style: italic; }
#blog .postagem .historico ul li h4 { width: 100%; height: auto; clear: both; color: #12385d; font-size: 12px; line-height: 12px; font-family: 'Titillium Web'; font-weight: 400; text-align: left; text-transform: uppercase; }
#blog .postagem .historico ul li h5 { width: 100%; height: auto; padding-top: 10px; clear: both; color: #515252; font-size: 11px; line-height: 11px; font-family: 'Titillium Web'; font-weight: 700; text-align: left; }
#blog .postagem .historico ul li:hover { background-color: #ffffff; }
/* BLOG */

/* CONTATO */
#contato { width: 100%; height: auto; clear: both; background: #ffffff url(../imagens/bg-contato.png) no-repeat center top; margin: 0px; position: relative; padding-top: 35px; padding-bottom: 400px; }
#contato .pg-contato { max-width: 100%; height: auto; padding: 95px 0px 40px 0px; position: relative; z-index: 105; }
#contato .pg-contato .bloco1 { width: 300px; float: left; }
#contato .pg-contato .bloco1 .telefone { height: auto; min-height: 22px; margin: 20px 0px 5px 0px; color: #3f3f3f; font-size: 18px; line-height: 22px; text-align: left; font-weight: 300; font-style: normal; clear: both; font-style: italic; }
#contato .pg-contato .bloco1 .horario { height: auto; min-height: 22px; margin: 20px 0px 5px 0px; color: #3f3f3f; font-size: 18px; line-height: 22px; text-align: left; font-weight: 300; font-style: normal; clear: both; font-style: italic; }
#contato .pg-contato .bloco1 .localiza { height: auto; min-height: 22px; margin: 20px 0px 5px 0px; color: #3f3f3f; font-size: 18px; line-height: 22px; text-align: left; font-weight: 300; font-style: normal; clear: both; font-style: italic; }
#contato .pg-contato .bloco1 .email { height: auto; min-height: 22px; margin: 20px 0px 5px 0px; color: #515252; font-size: 18px; line-height: 22px; text-align: left; font-weight: 300; font-style: normal; clear: both; font-style: italic; }
#contato .pg-contato .bloco1 p { height: auto; margin: 5px 0px 15px 0px; font-style: italic; color: #747777; font-size: 14px; line-height: 16px; text-align: left; font-weight: 300; letter-spacing: 0px; font-style: italic; }
#contato .pg-contato .bloco2 { width: 500px; height: auto; margin-top: 10px; float: right; padding: 10px 0px 10px 100px; text-align: center; overflow: hidden;}
#contato .pg-contato .bloco2 .labeltexto { color: #515252; font-family:'Titillium Web'; width: 95%; height: auto; margin: 10px 0px 0px 0px; padding: 5px 4px 5px 0px; font-size: 15px; line-height: 14px; text-align: left; }
#contato .pg-contato .bloco2 .campo { color: #515252; font-family:'Titillium Web'; background-color: #f1efef; width: 100%; height: 22px; margin: 5px 0px 10px 0px; padding: 4px; font-size: 15px; text-align: left; float: left; }
#contato .pg-contato .bloco2 select { color: #515252; background-color: #f1efef; width: 100%; height: 30px; margin: 5px 0px; padding: 4px; font-size: 15px; text-align: left; float: left; }
#contato .pg-contato .bloco2 .campo2 { color: #515252; background-color: #f1efef; width: 100%; font-family: 'Titillium Web'; height: 90px; margin: 5px 0px; padding: 4px; font-size: 15px; text-align: left; float: left; }
#contato .pg-contato .bloco2 .bt-manda { position: relative; background-color: #12385d;-moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; height: auto; font-size: 15px; font-family: 'Titillium Web'; text-transform: uppercase; cursor: pointer; padding: 15px 20px; font-style: normal; color: #ffffff; text-align: center; font-weight: 400; margin-top: 15px; }
#contato .pg-contato .bloco2 .bt-manda:hover { background-color: #515252; color: #ffffff; }
/* CONTATO */

/* BANNER TEXTO */
.banner-paginas { width: 100%; height: auto; clear: both; margin: 0px; position: relative; z-index: 1; background-color:#4e4f4f; }
.banner-paginas .cabecalho { width: 100%; height: auto; padding: 40px 0px 0px 0px; font-style: italic; color: #ffffff; font-size: 36px; line-height: 40px; font-family: 'Titillium Web'; font-weight: 300; text-align: center; background:url(../imagens/faixa-falha.png) no-repeat center top; }
.banner-paginas .cabecalho span { font-weight: 700; }
.banner-paginas h1 { color: #ffffff; font-size: 22px; padding: 10px 0px; line-height: 24px; font-family: 'Titillium Web'; font-weight: 400; text-align: center; font-style: italic; }
.banner-paginas h1 span { font-weight: 700; }
.banner-paginas p { color: #ffffff; font-size: 14px; padding: 10px 0px 40px 0px; line-height: 18px; font-family: 'Titillium Web'; font-weight: 400; text-align: center; }
/* BANNER TEXTO */

/* RODAPÉ */
.rodape {  width: 100%; height: auto; position: relative; background: url(../imagens/bg-rodape.png) no-repeat center top; margin-top: -650px; z-index: 104; }
.rodape .mapa-site { width: 100%; height: auto; min-height: 200px; padding-top: 320px; }
.rodape .mapa-site .bloco10 { width: 325px; height: 265px; float: left; list-style-type: none; padding-top: 20px; }
.rodape .mapa-site .bloco20 { width: 325px; height: 265px; float: left; list-style-type: none; padding-top: 20px; }
.rodape .mapa-site .bloco30 { width: 325px; height: 265px; float: left; list-style-type: none; padding-top: 20px; }
.rodape .mapa-site .blocos { width: 325px; height: auto; float: left; list-style-type: none; padding-top: 20px; }
.rodape .mapa-site .blocos li.mapas { color: #d6b969; font-size: 18px; font-family: 'Titillium Web'; text-align: left; line-height: 20px; padding-bottom: 5px; font-weight: 600; font-style: italic; }
.rodape .mapa-site .blocos li.conts { color: #d6b969; font-size: 18px; font-family: 'Titillium Web'; text-align: left; line-height: 20px; padding-bottom: 5px; font-weight: 600; font-style: italic; }
.rodape .mapa-site .blocos li.horas { color: #d6b969; font-size: 18px; font-family: 'Titillium Web'; text-align: left; line-height: 20px; padding-bottom: 5px; font-weight: 600; font-style: italic; }
.rodape .mapa-site .blocos li.local { color: #d6b969; font-size: 18px; font-family: 'Titillium Web'; text-align: left; line-height: 20px; padding-bottom: 5px; font-weight: 600; font-style: italic; }
.rodape .mapa-site .blocos li.redes { color: #d6b969; font-size: 18px; font-family: 'Titillium Web'; text-align: left; line-height: 20px; padding-bottom: 5px; font-weight: 600; font-style: italic; }
.rodape .mapa-site .blocos li.sub { color: #ffffff; font-size: 14px; font-family: 'Titillium Web'; text-align: left; padding-left: 10px; font-style: italic; line-height: 17px; }
.rodape .mapa-site .blocos li.chama { color: #ffffff; font-size: 14px; font-family: 'Titillium Web'; text-align: left; padding: 14px 0px; font-style: italic; line-height: 17px; }
.rodape .mapa-site .blocos li.chama2 { color: #ffffff; font-size: 14px; font-family: 'Titillium Web'; text-align: left; padding: 9px 0px 9px 0px; line-height: 15px; }
.rodape .mapa-site .blocos li.facebook { float: left; padding-right: 3px; margin-left: 3px; width:17px; height:17px; background: url(../imagens/sprite-redes.png) no-repeat -46px 2px; }
.rodape .mapa-site .blocos li.twitter { float: left; padding-right: 3px; margin-left: 3px; width:17px; height:17px; background: url(../imagens/sprite-redes.png) no-repeat -19px 2px; }
.rodape .mapa-site .blocos li.google { float: left; padding-right: 3px; margin-left: 3px; width:17px; height:17px; background: url(../imagens/sprite-redes.png) no-repeat -71px 2px; }
.rodape .mapa-site .blocos li.youtube { float: left; padding-right: 3px; margin-left: 3px; width:17px; height:17px; background: url(../imagens/sprite-redes.png) no-repeat 6px 2px; }
.rodape .mapa-site .blocos li.linkedin { float: left; padding-right: 3px; margin-left: 3px; width:17px; height:17px; background: url(../imagens/sprite-redes.png) no-repeat -97px 2px; }
.rodape .mapa-site .blocos li { color: #ffffff; font-size: 14px; font-family: 'Titillium Web'; text-align: left; padding-left: 5px; line-height: 17px; }
.rodape .final { width: 100%; height: 70px; clear: both; padding: 0px; background-color: #d6b969; position: relative;overflow: hidden; }
.rodape .final .libes { width:78px; height:21px; margin-right: 10px; float: right; background:url(../imagens/logomarca-libes.png) no-repeat center center; margin-top: 25px; }
.rodape .final .direitos { width: 60%; float: left; text-align: left; margin-left: 10px; padding: 0px; line-height: 70px; font-size: 11px; font-family: 'Titillium Web'; text-transform: uppercase; font-weight: 600; color: #ffffff; }
/* RODAPÉ */

@media screen and (max-width: 1024px) {
	.util { width: 100%; }
	.topo { height: 84px; background: #21365c; }
	.topo .logomarca-ad-judici { width: 125px; height:64px; padding: 10px 20px; background-color: #ffffff; background-size: 125px auto; background-position: center center; background-image: url(../imagens/logomarca-ad-judici.png); margin: 0px; }
	.topo #menu { display: none; }
	.menucel { display: inherit; }
	#quemsomos h1 { width: 94%; height: auto; background: transparent; padding: 30px 0px; margin: 0px 3%; }
	#processos { background: #ffffff; margin-top: 0px; }
	#processos h1 { text-align: center; padding-top: 25px; }
	#processos p { width: 100%; text-align: center; }
	#blog h1 { text-align: center; }
	#blog p { width: 94%; text-align: left; padding: 20px 3%; }
	#blog .postagem { width: 100%; clear: both; position: relative; height: auto; }
	#blog .postagem .historico { width: 94%; clear: both; position: relative; height: auto; float: none; padding: 0px 3%; }
	#blog .postagem .historico ul { width: 100%; height: auto; list-style-type: none; text-align: center; }
	#blog .postagem .historico ul li.primeiro { width: 46%; padding: 10px 0px; margin: 0px 2% 20px 2%; height: auto; float: left; }
	#blog .postagem .historico ul li.primeiro:hover { background-color: #ebebeb; }
	#blog .postagem .historico ul li { width: 46%; padding: 10px 0px; margin: 0px 2% 20px 2%; height: auto; float: left; }
	#blog .postagem .historico ul li:hover { background-color: #ebebeb; }
	#contato { width: 94%; height: auto; clear: both; background: #ffffff; padding: 20px 3% 0px 3%; padding-bottom: 50px; }
	#blog .materia { width: 94%; padding: 15px 3% 30px 3%; }
	#quemsomos .profissionais ul li .profissa .dadoscola { width:94%; margin-left: 3%; }
}
@media screen and (max-width: 750px) {
	#quemsomos .col1 { width: 94%; margin: 0px 3%; float: none; }
	#quemsomos .col1 h1 { text-align: center;}
	#quemsomos .col1 .textos ul li { min-height: 100px; }
	#quemsomos .col2 { width: 94%; margin: 0px 3%; float: none; height: auto; }
	#contato .pg-contato { padding-top: 15px; }
	#contato .pg-contato .bloco1 { width: 100%; float: left; }
	#contato .pg-contato .bloco2 { width: 100%; }
	.rodape .mapa-site { display: none; }
	.rodape { background: #ffffff; margin-top: 0px; z-index: 104; }
}
@media screen and (max-width: 670px) {
	#quemsomos .profissionais { height: auto; clear: both; background: #bea43a; padding-top: 0px; margin-top: 0px; }
	#quemsomos .profissionais ul { height: auto; padding-bottom: 20px; }
	#quemsomos .profissionais ul li { width:94%; height: auto; float:none; margin: 0px 3% 20px 3%; }
	#processos { width: 94%; clear: both; margin: -20px 0px 0px 0px; padding: 0px 3%; background:#ffffff; position: relative; z-index: 103; padding-bottom: 0px; }
}
@media screen and (max-width: 590px) {
	#blog .materia img { text-align: center; float: none; padding: 10px;width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); }
	#processos .pros ul li { width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); width: -o-calc(100% - 65px); width: calc(100% - 65px); }
	#processos .pros .arquivos ul li { padding: 0px; width: -moz-calc(100% - 14px); width: -webkit-calc(100% - 14px); width: -o-calc(100% - 14px); width: calc(100% - 14px); }
	#processos .pros ul li .vtudo .empresas { cursor: pointer; width: 100%; height: 200px; margin: 20px 7px 0; text-align: center; float: left; }
}
@media screen and (max-width: 500px) {
	#blog .postagem .historico ul li.primeiro { width: 96%; padding: 10px 0px; margin: 0px 2% 20px 2%; height: auto; float: left; }
	#blog .postagem .historico ul li { width: 96%; padding: 10px 0px; margin: 0px 2% 20px 2%; height: auto; float: left; }
}