@charset "UTF-8";
html, body {
  height: 100%;
}

#superior {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
}

section {
  display: block;
}

.wrap {
  clear: both;
}

#container {
  background: #FFFFFF !important;
}

#superior {
  background: none !important;
  font-family: Arial,Verdana,Helvetica,Sans-serif;
  color: #333333;
}

.entry-title {
  margin-top: 10px;
  font-size: 18px;
  color: #333;
  padding-bottom: 5px;
  border-bottom: 1px solid #666666;
  font-family: "Verdana", sans-serif;
  margin-bottom: 1.5em;
}

.video.row {
  text-align: center;
}
.video.row p {
  margin: 0;
}
.video.row span p {
  padding: 0 5px 5px;
}

.menu-principal-container .menu div:first-child {
  margin-left: 20px;
  margin-right: -20px;
}

.menu-rodape-container {
  padding-left: 32px;
}
.menu-rodape-container .menu div:first-child {
  margin-left: 20px;
  margin-right: -20px;
}

/* # TOOLBOX - toolbox.css */
.toolbox {
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: table;
  width: 100%;
}

.social-networks-share {
  background-color: none;
  height: auto;
  margin: 0;
  width: 100%;
  text-align: center;
}

.text-right {
  text-align: right;
}

.social-networks-share .sharrre {
  float: left;
  padding: 0 0 0 10px;
}
.social-networks-share .sharrre .button {
  margin: 0 10px;
  vertical-align: middle;
}
.social-networks-share #email_share {
  background: url("../img/email24.png") no-repeat 0px 3px;
  display: inline-block;
}
.social-networks-share .button.googleplus {
  max-width: 200px;
  overflow: hidden;
}
.social-networks-share #email_share a {
  display: block;
  height: 20px;
  padding: 5px 10px 0 30px;
  color: #333;
  font-family: Arial;
  font-size: 12px;
  text-decoration: underline;
}
.social-networks-share .sharrre {
  padding: 0;
  float: none;
}
.social-networks-share .sharrre .button {
  display: inline-block;
  width: auto;
  margin: 0 5px;
}
.social-networks-share #email_share {
  display: inline-block;
  padding: 0;
  margin: 0 0 10px 0;
}

.entry-meta {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  color: #a3a3a3;
  padding: 3px;
  font-family: "Open Sans", sans-serif;
}

/* ### Header */
header .top {
  margin-bottom: -20px;
}

/* ### External Links */
.external-links {
  padding: 7.61px 0;
}

.wrap-tools ul li {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 0;
}

.external-links ul li {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 0;
  padding-right: 6px;
  border-right: 1px solid #999;
  padding-left: 0;
  margin-right: 6px;
}
.external-links ul li:last-child {
  border-right: none;
}
.external-links ul li .link {
  color: #444;
}

@media (max-width: 768px) {
  .external-links ul li {
    padding-right: 2px;
    padding-left: 0;
    margin-right: 2px;
  }

  .wrap-tools ul li {
    margin: 0 5px 0 0;
  }
  .wrap-tools ul.list-tools {
    float: left;
  }

  #sitemap .menu-rodape-container .menu div, #sitemap .menu-principal-container .menu div {
    display: table-row;
  }

  .div_banner_educacao {
    height: auto !important;
  }
}
.customNews {
  margin-bottom: 10px;
}

section.customNews ul.menu .col {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 2px solid #723a6c;
}
section.customNews ul.menu .laranja .col {
  border-top: 2px solid #ff8523;
}
section.customNews ul.menu .azul .col {
  border-top: 2px solid #09b4c6;
}
section.customNews ul.menu h3 a {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  line-height: 24px;
  letter-spacing: -1px;
  font-weight: bold;
  color: #723a6c;
}
section.customNews ul.menu .laranja h3 a {
  color: #ff8523;
}
section.customNews ul.menu .azul h3 a {
  color: #09b4c6;
}
section.customNews ul.menu a.menu-link.sub-menu-link {
  font-weight: bold;
  color: black;
  font-size: 14px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}
section.customNews p {
  font-weight: normal;
  font-size: 12px;
  margin: 0;
  line-height: 24px;
  font-family: 'Open Sans', sans-serif;
}
section.customNews h2.topo-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

/* ### Tools */
.wrap-tools ul.list-tools {
  float: right;
  padding: 5px 0 0 0;
}
.wrap-tools ul li a {
  background: url("../img/sprite-tools.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 20px;
  text-indent: -9999px;
  width: 20px;
  outline: none;
}
.wrap-tools ul li a.print {
  display: block;
}
.wrap-tools ul li.item01 a {
  background-position: 0 0;
  color: #FFFFFF;
  text-indent: -9999px;
}
.wrap-tools ul li.item02 a {
  background-position: -20px 0;
}
.wrap-tools ul li.item03 a {
  background-position: -40px 0;
}
.wrap-tools ul li.item04 a {
  background-position: -60px 0;
}
.wrap-tools ul li.item01 a:hover {
  background-position: 0 -20px;
}
.wrap-tools ul li.item02 a:hover {
  background-position: -20px -20px;
}
.wrap-tools ul li.item03 a:hover {
  background-position: -40px -20px;
}
.wrap-tools ul li.item04 a:hover {
  background-position: -60px -20px;
}

.row.no-gutter {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/* ###  Busca */
section#top {
  margin: 10px 0;
}

.busca-desktop .wrap-busca form {
  float: right;
}

.wrap-busca input.input-text, .wrap-busca input#s {
  -moz-border-radius: 5px 5px 5px 5px;
  -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
  border-radius: 5px;
  background: url("../img/busca.png") no-repeat scroll left center transparent;
  border: 1px solid #CCCCCC;
  color: #666666;
  font-size: 11px;
  font-weight: normal;
  height: 29px;
  padding: 5px 5px 5px 30px;
  width: 140px;
  background-color: #f8f8f8;
}

.search-form .search-field {
  -moz-border-radius: 5px 5px 5px 5px;
  -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
  border-radius: 5px;
  background: url("../img/busca.png") no-repeat scroll left center transparent;
  border: 1px solid #CCCCCC;
  color: #666666;
  font-size: 11px;
  font-weight: normal;
  height: 29px;
  padding: 5px 5px 5px 30px;
  width: 140px;
  background-color: #f8f8f8;
}

.wrap-busca input.input-text:hover, .wrap-busca input.input-text:focus {
  border: 1px solid #999;
}
.wrap-busca input#s:hover, .wrap-busca input#s:focus {
  border: 1px solid #999;
}
.wrap-busca input.input-submit, .wrap-busca input#searchsubmit {
  width: 100%;
  border: none;
  cursor: pointer;
  color: #FFF;
  height: 30px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 10px;
  font-family: Arial;
  font-weight: bold;
  text-transform: uppercase;
  text-indent: -9999px;
  padding: 0 5px 5px 5px;
  background: #ff8523 url("../img/btn-search.png") no-repeat center center;
}

.busca-desktop .wrap-busca input#searchsubmit {
  width: 100px;
}

.wrap-busca input.input-submit:hover, .wrap-busca input#searchsubmit:hover {
  background-color: #ef7514;
}
.wrap-busca .screen-reader-text {
  display: none;
}

#busca .post {
  padding-top: 10px;
}

/* ### Barra Amarela / Barra SP */
.yellow-bar {
  position: relative;
  min-height: 60px;
  background: #ffcc00;
  margin-top: 10px;
}
.yellow-bar .flag {
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 156px;
  height: 127px;
  display: block;
  text-indent: -9999px;
  background: transparent url("../img/bandeira_m_2019.png") bottom left no-repeat;
  background-size: 110px;
}
.yellow-bar .logo-govsp {
  background-image: url("../img/logo-govsp_2019.png");
  background-repeat: no-repeat;
  display: block;
  height: 72px;
  text-indent: -9999px;
  width: 185px;
  float: right;
  background-position-y: center;
}
.yellow-bar .logo {
  margin-left: 142px;
  padding-top: 20px;
  max-width: 50%;
  float: left;
  font-family: "Verdana", sans-serif;
  line-height: 18px;
}
.yellow-bar .logo .link {
  color: #111111;
  text-decoration: none;
}
.yellow-bar .logo .line1 {
  font-size: 12px;
  display: block;
  font-weight: normal;
}
.yellow-bar .logo .line2 {
  font-size: 20px;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 5px;
}

@media (max-width: 768px) {
  .yellow-bar {
    margin-top: 0;
  }
  .yellow-bar .flag {
    height: 100%;
    background: transparent url("../img/bandeira_m_2019.png") bottom left no-repeat;
  }
}
/* ### Logo
<h1 class="logo">
<a class="link" href="/">
<span class="line1">Governo do Estado de S├â┬úo Paulo</span>
<span class="line2">Secretaria da Educa├â┬º├â┬úo</span>
</a>
</h1>
*/
/* ### Header: Redes sociais */
.top-social-networks {
  padding: 34px 0 25px 40px;
  float: left;
}
.top-social-networks .social-link {
  background: url("../img/sprite-social-black.png") no-repeat scroll 0 0 transparent;
  display: block;
  margin-right: 6px;
  float: right;
  height: 23px;
  line-height: 18px;
  text-indent: -9999px;
  width: 23px;
  opacity: 0.55;
}
.top-social-networks .social-link.twitter {
  background-position: 0 -25px;
}
.top-social-networks .social-link.youtube {
  background-position: 0 -50px;
}
.top-social-networks .social-link:hover {
  opacity: 0.85;
}

#content blockquote {
  background: #fcdece;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-style: italic;
  clear: both;
}
#content blockquote p {
  color: #d25f3c;
  font-family: 'AllerItalic', Arial;
  font-size: 18px;
  margin: 0;
  line-height: 22px;
}
#content .entry-content p {
  /* text-align:justify; */
  line-height: 22px;
  color: #444;
  clear: both;
}

/* ### Breadcrumbs */
nav#breadcrumbs {
  margin: 30px 0 15px 0;
  color: #666666;
  font-size: 12px;
}
nav#breadcrumbs ul li {
  font-size: 12px;
}
nav#breadcrumbs ul li a {
  text-decoration: none;
  color: #999999;
}
nav#breadcrumbs ul li a:hover {
  text-decoration: underline;
}

/* ### Imagem Unica */
section.image-only {
  margin: 0 0 20px 0;
}
section.image-only .legend {
  background-color: #666666;
  color: #FFFFFF;
  font-size: 11px;
  padding: 5px 10px;
}
section#mapa-endereco {
  margin: 0 0 20px 0;
}
section#mapa-endereco p {
  margin: 0;
  font-size: 14px;
}

/* ### Fale conosco > Mapa*/
.relatedposts {
  margin-top: 10px;
}
.relatedposts .related-thumb {
  margin-bottom: 5px;
  font-weight: bold;
  min-height: 150px;
  background-position: center;
  background-size: cover;
}

.search-result-thumb {
  min-height: 80px;
  background-size: cover;
  background-position: center;
}

.search-result.entry-header .entry-title {
  border-bottom: 0.5px solid #666666;
}

.search-results .entry-meta {
  text-align: left;
}
.search-results p {
  margin-bottom: 5px;
}
.search-results .entry-summary {
  margin-top: 5px;
}

.search-form {
  margin-bottom: 20px;
}

.search-result {
  margin-bottom: 10px;
}
.search-result h2 {
  margin: 0;
}

.search-results h1.entry-title {
  margin-bottom: 20px;
}

h2.result-title {
  font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.grey-box {
  text-align: center;
  font-family: Verdana;
  font-size: 15px;
  background-color: #dddddd;
  vertical-align: middle;
  padding: 10px 5px;
}

.gallery {
  margin: 0 auto 18px;
}
.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery img {
  box-shadow: 0px 0px 4px #999;
  border: 1px solid white;
  padding: 8px;
  background: #f2f2f2;
}
.gallery img:hover {
  background: white;
}

.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
  max-width: 84%;
  height: auto;
}

.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px;
}
.gallery dl, .gallery dt {
  margin: 0;
}
.gallery br + br {
  display: none;
}

/* # Extra */
#extra {
  width: 140px;
  float: right;
  padding: 240px 0 0;
  position: relative;
}

/* ### Redes sociais */
.social-networks {
  margin: 0 0 25px 0;
  display: table;
  width: 100%;
}
.social-networks h3 {
  font-size: 12px;
  font-weight: normal;
  padding: 5px 0;
  color: #666;
  margin: 0 0 5px 0;
}
.social-networks ul {
  display: table;
  list-style: none outside none;
  margin: 0 auto;
  width: 98%;
}
.social-networks ul li {
  display: inline;
  float: left;
  height: 16px;
  margin: 0 5px 0 0;
}
.social-networks ul li a {
  background: url("../img/sprite-redes-sociais.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 16px;
  line-height: 18px;
  text-indent: -9999px;
  width: 16px;
}
.social-networks ul li.item01 {
  color: #0E6285;
  font-family: Arial;
  font-weight: bold;
}
.social-networks ul li.item01 a {
  background-position: 0 0;
}
.social-networks ul li.item02 a {
  background-position: -16px 0;
}
.social-networks ul li.item03 a {
  background-position: -64px 0;
}
.social-networks ul li.item04 a {
  background-position: -48px 0;
}
.social-networks ul li.item05 a {
  background-position: -54px 0;
}

#extra .social-networks {
  position: absolute;
  top: 0;
  right: 0;
  width: 175px;
}
#extra .social-networks h3 {
  float: left;
  padding: 8px 0;
}
#extra .social-networks ul {
  width: auto;
  padding: 7px 0;
}

#latest-news h3 {
  color: #eb7634;
  font-family: 'AllerBold', Arial;
  font-size: 19px;
}

section#inferior {
  background: #f5f5f5 !important;
}

footer {
  padding: 0px 0 0 !important;
  background: none !important;
  width: auto !important;
}
footer div.wrap {
  width: 100%;
}
footer div.box {
  margin: -0 auto;
  padding: 10px 19px;
  width: 940px;
  padding-top: -50px;
}
footer h3 {
  background-color: #f5f5f5 !important;
  color: #666666;
  float: left;
  font-size: 14px;
  letter-spacing: 0;
  margin-bottom: 15px;
  margin-top: 7px;
  padding: 0 5px;
}
footer ul {
  margin-left: 0;
}
footer ul li {
  background: url("../img/bg-footer-lista.png") no-repeat scroll left center transparent;
  color: #999999;
  font-size: 12px;
  list-style: none outside none;
  margin-bottom: 5px;
  padding: 0 0 0 10px;
  font-style: italic;
  display: block;
  clear: both;
}

#sitemap {
  margin: 0 auto;
  padding: 20px 0 0;
  background: url("../img/bg_footer_sitemap_2.png") repeat-x scroll left 18px transparent;
}
#sitemap div.colHome {
  position: absolute;
  z-index: 100;
}
#sitemap .colHome {
  width: 34px !important;
  padding-right: 30px !important;
}
#sitemap .colHome h2 {
  text-indent: -9999px;
  height: 26px !important;
}
#sitemap .colHome h2 a {
  display: block;
  background: url(../img/home3.png) no-repeat #f5f5f5 !important;
  width: 34px !important;
  height: 26px !important;
}
#sitemap ul.footer-menu {
  clear: both;
}
#sitemap ul.footer-menu li a {
  color: #666 !important;
  text-decoration: none;
}
#sitemap ul.footer-menu li a:hover {
  text-decoration: underline;
}
#sitemap .col {
  padding-right: 20px;
  max-width: 125px;
}

footer #signature {
  padding-bottom: 5px;
  display: block;
  text-align: center;
  background: none !important;
  border: none !important;
}
footer #signature address {
  font-style: normal !important;
  padding: 12px 0 0 !important;
  margin: 0 auto;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #666 !important;
  float: none !important;
}
footer #signature span.adr {
  font-size: 14px !important;
  line-height: 18px !important;
  color: #666 !important;
}
footer #signature address .org {
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}
footer .yellow-bar {
  height: 60px;
}
footer .yellow-bar .wrap {
  margin: 0 auto;
  height: 60px;
  background: transparent url("../img/bandeira_m_2019.png") bottom left no-repeat;
  background-size: contain;
}
footer #logo-govsp {
  float: right;
  padding: 20px 10px 0;
}
footer #logo-govsp a {
  background-image: url(../img/logo-govsp_2019.png);
  background-repeat: no-repeat;
  display: block;
  height: 40px;
  width: 103px;
  text-indent: -9999px;
  background-size: cover;
  margin-top: -10px;
}

/* ### Pagina├º├úo Normal */
.pagination {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}
.pagination ul {
  overflow: hidden;
  list-style: none outside none;
  margin: 0 auto;
  width: 435px;
}
.pagination ul li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(js/pie/PIE.htc);
  /*borda arredondada para IE*/
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}
.pagination ul.control-pagination li a {
  color: #666666;
  display: block;
  float: left;
  font-weight: bold;
  padding: 5px 10px;
  text-decoration: none;
}
.pagination ul.control-pagination li a:hover {
  text-decoration: underline;
}
.pagination ul li.current {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #666666;
  font-weight: bold;
  padding: 6px 10px;
}

hgroup {
  display: table;
  width: 100%;
  background: url(../img/fio-more.jpg) repeat-x scroll center;
}

.titulo hgroup {
  background: none;
}

hgroup h3 {
  display: block;
  float: right;
  margin: 0;
}
hgroup h3 a {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: none repeat scroll 0 0 #fff;
  color: #f8945b;
  border: solid 1px #f8945b;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 24px;
  padding: 6px 0 0;
  text-align: center;
  text-decoration: none;
  width: 90px;
  font-family: Arial;
}
hgroup h3 a:hover {
  text-decoration: underline;
  background-color: #f8945b;
  color: #fff;
}

/* ### ├Ültimas Not├¡cias */
.rpwe-desc-box {
  height: 85px;
  padding: 5px;
  color: white;
}

.row.no-gutter.roxo {
  background-color: #723a6c;
}
.row.no-gutter.azul {
  background-color: #09b4c6;
}
.row.no-gutter.laranja {
  background-color: #ff7e22;
}

.rpwe-title a, .rpwe-summary, .rpwe-more-link {
  color: white;
}

.rpwe-li a:hover {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid #FFF;
}

.rpwe-summary {
  margin-top: 5px;
}

a.rpwe-more-link {
  border-bottom: 1px dashed #FFF;
}

.rpwe-li {
  margin-bottom: 10px;
}
.rpwe-li a:hover, .rpwe-li a:active, .rpwe-li a:focus, .rpwe-li a:visited, .rpwe-li a:valid {
  color: white;
  text-decoration: none;
}
.rpwe-li a.rpwe-more-link:active, .rpwe-li a.rpwe-more-link:focus {
  border: 1px dotted white;
}
.rpwe-li .rpwe-title a:active, .rpwe-li .rpwe-title a:focus {
  border: 1px dotted white;
}

.rpwe-title a {
  font-size: 1.1em;
  font-family: Verdana;
  font-weight: 700;
  margin-bottom: 3px;
}

.rpwe-img {
  background-size: cover;
}

.rpwe-aligncenter {
  background-position: center;
}

.rpwe-alignleft {
  background-position: left;
}

.rpwe-alignright {
  background-position: right;
}

/* ### Institucional */
#content img {
  max-width: 100%;
  height: auto;
}

/* # RESULTADOS BUSCA */
section#lista-resultados {
  margin-top: 20px;
  width: 100%;
}

table.resultados {
  width: 100%;
  margin: 0px 0px 10px 0px;
  background-color: #fff1ea;
}
table.resultados th {
  background: none repeat scroll 0 0 #FCDECE;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  color: #DB6624;
  font-size: 12px;
  font-weight: normal;
  padding: 10px 4px;
  vertical-align: middle;
}
table.resultados tr.line td {
  border-bottom: solid 1px #fff;
}
table.resultados td {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  color: #333333;
  font-size: 12px;
  padding: 10px 4px;
  vertical-align: middle;
  text-align: center;
}

section#lista-escola {
  margin-top: 20px;
  width: 100%;
}

/* # TIPOGRAFIA */
h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  margin: 0 0 10px 0;
  letter-spacing: 0px;
  color: #333;
  font-weight: normal;
}

h3 {
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 10px 0;
  letter-spacing: 0px;
  color: #333;
}

h4 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 10px 0;
  letter-spacing: 0px;
  color: #333;
}

h5 {
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  margin: 0 0 15px 0;
  color: #0E6285;
}

p {
  color: #333333;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 15px;
}

a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* # MENUS - menus.css */
nav#menu-principal {
  width: 100%;
  height: 38px;
  float: left;
  border: 1px solid #DDDDDD;
  background: #efefef;
  /* old browsers */
  background-image: -o-linear-gradient(white, #efefef);
  /* opera */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #efefef));
  /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#efefef',GradientType=0 );
  /* ie */
}
nav#menu-principal ul.menu {
  width: 100%;
  display: block;
  float: left;
  max-height: 37px;
  position: absolute;
}

.menu-principal-container {
  width: 100%;
  overflow: hidden;
  height: 500px;
}

nav#menu-principal ul.menu li {
  display: block;
  float: left;
  text-align: center;
  position: relative;
  border: none;
}
nav#menu-principal ul.menu li a {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #DDDDDD;
  color: #666;
  display: block;
  float: left;
  font-family: 'AllerBold';
  font-size: 11px;
  height: 37px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 11px 30px;
}
nav#menu-principal ul.menu li.last a {
  border-right: 0px solid #DDDDDD;
}
nav#menu-principal ul.menu li.menu-item-has-children a {
  padding-right: 25px;
  background: url(../img/arrow-nav.png) no-repeat scroll center right;
}
nav#menu-principal ul.menu li ul.sub-menu ul.sub-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: 0;
}
nav#menu-principal ul.menu li ul.sub-menu li.menu-item:hover ul.sub-menu {
  display: block;
}
nav#menu-principal ul li ul.sub-menu {
  display: none;
  position: absolute;
  left: 0;
  float: left;
  border: none;
  z-index: 30000;
  margin-top: 37px;
  margin-left: 0;
}
nav#menu-principal ul.menu li ul.sub-menu li {
  display: block;
  border-bottom: 1px solid #9b5c39;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  width: 100%;
}
nav#menu-principal ul.menu li ul.sub-menu li a {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  text-transform: none;
  color: #FFF;
  text-align: center;
  background: #eb7634;
  width: 100%;
  height: auto;
  padding: 10px 5px;
  border-bottom: 1px solid #fccaad;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  min-width: 150px;
}
nav#menu-principal ul.menu li ul.submenu li a:hover, nav#menu-principal ul.menu li ul.sub-menu li a:hover {
  background: #fcdece;
  color: #d25f3c;
}
nav#menu-principal ul.menu li:hover ul.submenu, nav#menu-principal ul.menu li:hover ul.sub-menu {
  display: block;
}
nav#menu-mobile {
  margin: 0 auto;
  width: 95%;
}
nav#menu-mobile ul {
  display: block;
}
nav#menu-mobile ul li.first {
  display: block;
  border: 1px solid #e6651c;
  text-shadow: 1px 0px 0px #000000;
  filter: dropshadow(color=#000000, offx=1, offy=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fe813b;
  background: -moz-linear-gradient(top, #fe813b 0%, #e56822 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe813b), color-stop(100%, #e56822));
  background: -webkit-linear-gradient(top, #fe813b 0%, #e56822 100%);
  background: -o-linear-gradient(top, #fe813b 0%, #e56822 100%);
  background: -ms-linear-gradient(top, #fe813b 0%, #e56822 100%);
  background: linear-gradient(top, #fe813b 0%, #e56822 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe813b', endColorstr='#e56822',GradientType=0 );
}
nav#menu-mobile ul li.first a.menu {
  background: url(../img/arrow-mobile.png) no-repeat scroll right center;
  display: block;
  padding: 10px 20px;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
}
nav#menu-mobile ul li a.menu:hover {
  text-decoration: none;
}
nav#menu-mobile ul li ul.sub {
  display: none;
  position: absolute;
  z-index: 300000;
  background: #eee;
  width: 95%;
  margin: 0 0 0 -1px;
  border: 1px dotted #bbb;
}
nav#menu-mobile ul li ul.sub.menu ul.sub-menu {
  background: #dbdbdb;
  display: none;
}
nav#menu-mobile ul li ul.sub.menu ul.sub-menu ul.sub-menu {
  background: #c6c6c6;
  display: none;
}
nav#menu-mobile ul.menu li.menu-item-has-children {
  background: url(../img/arrow-mobile-closed.png) no-repeat scroll right -4px;
}
nav#menu-mobile ul.menu ul.sub-menu li.menu-item-has-children {
  background: url(../img/arrow-mobile-white-closed.png) no-repeat scroll right -4px;
}
nav#menu-mobile ul.menu li.menu-item-has-children.open {
  background: url(../img/arrow-mobile-open.png) no-repeat scroll right -4px;
}
nav#menu-mobile ul.menu ul.sub-menu li.menu-item-has-children.open {
  background: url(../img/arrow-mobile-white-open.png) no-repeat scroll right -4px;
}
nav#menu-mobile ul.menu li.menu-item-has-children.open > ul.sub-menu {
  display: block;
}
nav#menu-mobile ul li ul.sub.menu li.menu-item-has-children.open > ul.sub-menu {
  display: block;
}
nav#menu-mobile ul li ul.sub li {
  display: block;
  border: 1px solid #ccc;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
nav#menu-mobile ul li ul.sub li a {
  display: inline-block;
  color: #666;
  font-size: 14px;
  font-family: arial;
  font-weight: bold;
  padding: 10px;
  text-shadow: 1px 0px 0px #FFFFFF;
  filter: dropshadow(color=#FFFFFF, offx=1, offy=0);
}

/* # Submenu */
/*Menu Mobile*/
/* # FORMMULARIOS
<form class="form">
<label><span>text</span><input type="text" name="name" value="" class="input-text"></label>
<label><span>text</span><textarea name="mensagem" class="input-textarea"></textarea></label>
<label><span>text</span><input type="submit" value="Enviar" class="input-submit"></label>
</form>
*/
.form-group.row {
  display: flex;
  align-items: center;
}

.form, .wpcf7-form {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
  margin: 0;
  padding: 10px 20px;
  background: #f5f5f5;
  border: 1px solid #CCC;
  height: auto;
  overflow: hidden;
}

.form-full {
  width: 100%;
}

.form-white {
  background-color: transparent;
  border: none;
  padding: 0;
}

.form label {
  float: left;
  margin: 5px 15px 0 0;
}

.form-full label {
  display: block;
  width: 100%;
}

label.half {
  width: 45%;
}
label.last {
  float: right;
}

.form label.label-submit, .wpcf7-form label.label-submit {
  display: block;
  width: 100%;
  margin: 0;
}

.form label span {
  display: block;
  font-weight: bold;
  padding: 4px 0 2px 0;
  color: #666;
  font-size: 12px;
}

.wpcf7-form span {
  font-weight: bold;
  font-size: 12px;
  color: #666;
}

.form label input.input-text, .wpcf7-form input.input-text {
  border: 1px solid #CCC;
  color: #666;
  font-size: 14px;
  height: 18px;
  padding: 5px;
  width: 97%;
  font-family: Arial;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
}

.form label select.input-select, .wpcf7-form select.input-select {
  border: 1px solid #CCC;
  color: #666;
  height: 28px;
  padding: 5px;
  width: 100%;
  font-size: 14px;
  font-family: Arial;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
}

.form label textarea.input-textarea, .wpcf7-form textarea.input-textarea {
  border: 1px solid #CCC;
  width: 100%;
  height: 200px;
  color: #666;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
}

.form label input.input-submit, .wpcf7-form input.input-submit {
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  color: #FFF;
  height: 30px;
  padding: 5px;
  width: 100px;
  display: block;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  padding: 0 5px 5px 5px;
  background: #999999;
}

.form label input.input-submit:hover, .wpcf7-form input.input-submit:hover {
  background: #666666;
}

.form label input.input-text:hover, .wpcf7-form input.input-text:hover, .form textarea.input-textarea:hover, .wpcf7-form textarea.input-textarea:hover, .form label input.input-text:focus, .wpcf7-form input.input-text:focus, .form textarea.input-textarea:focus, .wpcf7-form textarea.input-textarea:focus, .form label select.input-select:hover, .wpcf7-form select.input-select:hover, .form label select.input-select:hover, .wpcf7-form select.input-select:hover {
  background-color: #f8f8f8;
  border: 1px solid #999;
}

.form-newsletter .input-submit {
  margin-top: 20px;
}

#form-contato fieldset {
  margin-right: 0;
}
#form-contato .form label {
  margin-right: 0;
}
#form-contato .form input.input-text {
  width: 565px;
}

.wpcf7-form input.input-text {
  width: 565px;
}

#form-contato .form input.input-text.ddd {
  width: 60px;
  margin: 0 10px 0 0;
}
#form-contato .form input.input-text.tel {
  width: 480px;
}
#form-contato .form textarea.input-textarea {
  width: 565px;
  padding: 5px;
}

.wpcf7-form textarea.input-textarea {
  width: 565px;
  padding: 5px;
}

label.error {
  background: #FBE3E4 url(../img/ico/erro.png) 5px center no-repeat;
  border: 1px solid #FBC2C4;
  color: #8A1F11;
  padding: 5px 25px;
  width: 110px;
}

.wpcf7-validation-errors {
  padding: 0.8em 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #8A1F11;
  background: #FBE3E4 url(../img/ico/erro.png) no-repeat scroll left center;
  border: 1px solid #FBC2C4;
}

.wpcf7-mail-sent-ok {
  padding: 0.8em 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #E6EFC2 url(../img/ico/accept.png) no-repeat left center;
  border: 1px solid #C6D880;
  color: #264409;
}

.wpcf7-not-valid-tip {
  padding: 2px 20px;
  color: #8A1F11;
  background: #FBE3E4 url(../img/ico/erro.png) no-repeat scroll left center;
  border: 1px solid #FBC2C4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: table;
  margin: 1px 0 0 0;
}

/*Alerts*/
.alert {
  display: none;
  background-color: #FCF8E3;
  border: 1px solid #FBEED5;
  border-radius: 4px 4px 4px 4px;
  color: #C09853;
  margin-bottom: 18px;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert-danger, .alert-error {
  background-color: #F2DEDE;
  border-color: #EED3D7;
  color: #B94A48;
}

.alert-success {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  color: #468847;
}

.alert-info {
  background-color: #D9EDF7;
  border-color: #BCE8F1;
  color: #3A87AD;
}

/* Formul├â╞Æ├é┬írio Rede de Professores Bloqueiros */
.form label {
  display: block;
  color: #444;
  font-weight: bold;
  font-size: 14px;
}
.form .text-check {
  font-size: 12px;
  line-height: 18px;
  margin-top: 0;
}
.form .block {
  overflow: hidden;
  margin-bottom: 10px;
}
.form .block.fields-required {
  width: 100%;
  margin-bottom: 20px;
  display: block;
}
.form .block .input-text {
  width: 50%;
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  color: #666666;
  font-family: Arial;
  font-size: 14px;
  height: 18px;
  padding: 5px;
}
.form .block .input-checkbox {
  -webkit-appearance: checkbox;
}
.form .block label {
  width: 38%;
  float: left;
  text-align: right;
}
.form .block .btn {
  background: #999;
  border: medium none;
  border-radius: 5px;
  color: #FFFFFF;
  display: block;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 12px;
  padding: 5px;
  margin: 0 5px 0 0;
  width: 100px;
  float: left;
}
.form .block .btn:hover {
  background: #666;
}
.form .block label.error {
  margin-left: 235px;
  text-align: left;
  width: 43%;
}
.form .alert-error {
  font-size: 12px;
  background: url("../img/ico/erro.png") no-repeat scroll 5px center #FBE3E4;
  border: 1px solid #FBC2C4;
  color: #8A1F11;
  padding: 5px 25px;
}
.form .alert-success {
  font-size: 12px;
  background: url("../img/ico/accept.png") no-repeat scroll 5px center #E6EFC2;
  padding: 5px 25px;
  border: 1px solid #C6D880;
  color: #264409;
}

.post-edit-link {
  font-weight: bold;
  font-style: italic;
}

/* ### TABELAS */
.entry-content table {
  width: auto;
  border-collapse: collapse;
  table-layout: fixed;
  word-wrap: break-word;
}
.entry-content tr {
  max-width: 100% !important;
}
.entry-content table th {
  color: #ffffff;
  background-color: #333333;
  font-size: 1.1em;
}
.entry-content table tr:nth-child(odd) {
  background-color: #eeeeee;
}
.entry-content td, .entry-content th {
  padding: 5px;
  width: auto;
}
.entry-content table, .entry-content th, .entry-content td {
  border: 1px solid #d7d7d7;
}

table a {
  color: #337ab7;
}

#infinite-handle {
  border-bottom: 1px solid #666666;
  text-align: center;
  margin-bottom: 10px;
}

.infinite-loader .spinner {
  margin: 0 auto;
}

#infinite-handle span {
  font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  border: 0;
  background-color: transparent;
  text-transform: uppercase;
}
