/*
Theme Name: Qualiágua
Theme URI: http://www.qualiagua.com.br
Description: Este tema foi desenvolvido pela equipe web da Feedback
Version: 1.0
Author: FeedbackMais Comunicação
Author URL: http://www.feedbackmais.com.br
Tags: portal
*/

/*Reset*/
* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: 'berlin Sans FB';
}
#container {
  width: 100%;
  margin: 0 auto;
  background-image: url(images/bg.jpg);
  background-repeat: repeat;
}
#corpo {
  width: 900px;
  margin: 0 auto;
}
#clear {
  clear: both;
}

/*Header*/
#header {
  width: 100%;
  height: 185px;
  float: left;
  margin-top: 28px;
}

#header_nav_left {
  width: 363px;
  float: left;
  position: relative;
  margin-top: 30px;
}
#header_nav_left ul {
  list-style: none;
}
#header_nav_left li {
  width: 121px;
  float: left;
  display: inline;
}

#header_logo {
  width: 174px;
  float: left;
}

#header_nav_right {
  width: 363px;
  float: right;
  margin-top: 30px;
}
#header_nav_right ul {
  list-style: none;
}
#header_nav_right li {
  width: 121px;
  float: right;
  display: inline;
}

#header_painel_login {
  width: 150px;
  float: right;
  margin-top: 40px;
  color: #308fab;
}
#header_painel_login a {
  color: #8abdd2;
  text-decoration: none;
}
#header_painel_login a:hover {
  color: #308fab;
}

#first_section {
  justify-content: space-between;
  display: flex;
}

/*Content*/
#content {
  width: 100%;
  height: 810px;
  float: left;
}

#content_banner {
  width: 425px;
  margin-top: 30px;
}
#content_banner ul {
  list-style: none;
}
#content_banner span {
  display: block;
  float: left;
  width: 100%;
  color: #fdcc2d;
  font-size: 20px;
  margin: 20px 0 10px 0;
  text-align: center;
  text-transform: uppercase;
}
#content_banner p {
  color: #fff;
  font-size: 16px;
  margin: 10px 0 10px 0;
  text-align: justify;
}

#content_banner_pager {
  text-align: center;
}
#content_banner_pager a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 6px;
  margin: 2px;
  padding: 2px 4px;
  border-radius: 8px;
  background: #095394;
  color: #095394;
}
#content_banner_pager a:hover {
  background: #74a9da;
  color: #74a9da;
}
#content_banner_pager .activeSlide {
  background: #decc2d;
  color: #decc2d;
}

/*Sidebar*/
#sidebar {
  width: 425px;
  height: auto;
  text-align: center;
}

#sidebar_destaque {
  width: 100%;
  float: left;
  padding: 30px 0 20px 0;
}
#sidebar_destaque p {
  font-size: 16px;
  color: #ffffff;
  text-align: justify;
}

#sidebar_resultado {
  width: 424px;
  height: 172px;
  margin-top: 70px;
  float: left;
  background-image: url(images/sidebar_resultado_bg.png);
}
#sidebar_resultado form {
  display: block;
  width: 212px;
  margin: 40px 0 0 12px;
  float: left;
}
#sidebar_resultado form label {
  display: block;
  width: 100%;
  float: left;
  text-align: left;
  color: #ffcc2a;
  padding: 2px 0 2px 0;
}
#sidebar_resultado form input {
  background-color: transparent;
  padding: 2px 0 2px 0;
  border: solid 1px #4591c2;
  width: 216px;
  height: 16px;
  color: #ffffff;
  font-size: 11px;
  border-radius: 5px;
  moz-border-radius: 5px;
}
#sidebar_resultado form img {
  padding: 10px 0 0 0;
}
#sidebar_resultado form input.submit {
  display: block;
  float: left;
  margin-top: 8px;
  width: 76px;
  border: none;
}

#sidebar_resultado_painel {
  width: 212px;
  margin: 40px 0 0 12px;
  float: left;
  text-align: left;
}
#sidebar_resultado_painel span {
  display: block;
  float: left;
  width: 100%;
  text-align: left;
  font-size: 18px;
  margin: 5px;
  color: #ffffff;
}
#sidebar_resultado_painel ul {
  display: block;
  float: left;
  padding-left: 20px;
  color: #ffcc29;
}
#sidebar_resultado_painel li {
  float: left;
  width: 100%;
  border-bottom: solid 1px #477098;
  padding: 4px;
}
#sidebar_resultado_painel li a {
  color: #a9b9cb;
  text-decoration: none;
}
#sidebar_resultado_painel li a:hover {
  color: #fff;
}

#sidebar_resultado img.urgencia {
  display: block;
  float: right;
  margin: -55px 20px 0 40px;
}

/*Footer*/
#footer {
  width: 100%;
  height: 168px;
  margin: 0 auto;
  background-color: #ffffff;
  background-image: url(images/footer.jpg);
  background-repeat: no-repeat;
}
#footer_assinatura {
  position: absolute;
  right: 10px;
  margin-top: -30px;
  width: 80px;
  height: 20px;
  background: url(images/assinatura.png);
}

/*Page*/
#page {
  width: 100%;
  float: left;
  margin-top: 30px;
}
#page h1 {
  display: block;
  float: left;
  width: 100%;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #fdcc2d;
}
#page h2 {
  display: block;
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  margin-top: 20px;
  color: #a9b9cb;
}
#page p {
  color: #ffffff;
  font-size: 18px;
}
#page a {
  color: #93c9ff;
  text-decoration: none;
}
#page a:hover {
  color: #ffffff;
}

/*Page empresa*/
#page_empresa .activeEmpresa {
  color: #decc2d;
}
#page_empresa_table {
  float: left;
}
#page_empresa_exibe {
  width: 500px;
  height: 410px;
  float: right;
  overflow: auto;
}
#page_empresa_exibe h2 {
  margin-bottom: 10px;
}
#page_empresa_exibe ul {
  margin-top: 20px;
  color: #ffcc29;
}
#page_empresa_exibe ul li {
  margin: 0 0 10px 0;
  float: left;
  color: #fff;
}
#page_empresa_exibe .img {
  width: 470px;
  height: 150px;
  padding: 2px;
  border: #fff solid 1px;
  float: left;
}
#page_empresa_exibe p {
  display: block;
  width: 470px;
  float: left;
  margin: 20px 0 0 0;
  font-size: 14px;
  text-align: justify;
}

/*Page amostragem*/
#page_amostragem ul {
  display: block;
  float: left;
  padding-left: 20px;
  color: #ffcc29;
}

#page_amostragem_exibe {
  float: left;
  padding: 20px;
  background-image: url(images/amostragem_bg.jpg);
  background-repeat: repeat-x;
  background-color: #03294d;
}
#page_amostragem_exibe h1 {
  display: block;
  float: left;
  width: 100%;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #fdcc2d;
}
#page_amostragem_exibe h2 {
  display: block;
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: normal;
  margin-top: 20px;
  color: #a9b9cb;
}
#page_amostragem_exibe p {
  color: #ffffff;
  font-size: 18px;
}

#page_amostragem_exibe_pdf {
  padding: 2px;
  width: 160px;
  margin-bottom: 10px;
  border: solid 1px #4591c2;
  color: #ffffff;
  font-size: 11px;
  border-radius: 5px;
  moz-border-radius: 5px;
}
#page_amostragem_exibe_pdf a {
  display: block;
  float: right;
  margin: 11px 2px 0 0;
  font-size: 12px;
  color: #a9b9cb;
  text-decoration: none;
}
#page_amostragem_exibe_pdf a:hover {
  color: #ffffff;
}

.page_amostragem_exibe_tit {
  color: #ffffff;
  font-size: 18px;
  margin-left: 4px;
}
.page_amostragem_exibe_tex {
  color: #72b9fa;
  font-size: 14px;
  margin-left: 4px;
}
.page_amostragem_exibe_list_none {
  list-style: none;
}

#page_amostragem_exibe ol {
  color: #ffffff;
  font-size: 18px;
  margin: 0 0 20px 0;
}
#page_amostragem_exibe ol li {
  margin: 2px 0 0 30px;
}
#page_amostragem_exibe ol li ol {
  margin: 2px 0 30px 0;
}
#page_amostragem_exibe ol li ol li {
  color: #ccc;
}

/*Page galeria*/
#page_galeria_foto_thumb {
  width: 400px;
  float: left;
}
#page_galeria_foto_thumb li {
  display: block;
  width: 109px;
  height: 92px;
  float: left;
  margin: 20px 10px 10px 0;
  padding: 8px 0 0 10px;
  background-image: url(images/page_galeria_foto_thumb.png);
}
#page_galeria_foto {
  width: 459px;
  height: 328px;
  float: right;
  padding: 56px 0 0 36px;
  background-image: url(images/page_galeria_foto.png);
}

/*Page serviços*/
#page_servicos {
  width: 100%;
  margin: 0 auto;
}
#page_servicos h2 {
  margin: 10px 0 20px 0;
}
#page_servicos ul {
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  color: #93c9ff;
  list-style: none;
}
#page_servicos ul li {
  margin-bottom: 5px;
}

/*Page emergencia*/
#page_emergencia {
  width: 500px;
  margin: 0 auto;
}
#page_emergencia h2 {
  margin: 30px 0 30px 0;
}
#page_emergencia ul {
  width: 400px;
  margin: 0 auto;
  font-size: 28px;
  color: #fff;
  list-style: none;
}

/*Page credenciamento*/
#page_credenciamento {
  width: 100%;
  color: #fff;
  padding-top: 10px;
  font-size: 18px;
}
#page_credenciamento .img {
  display: block;
  margin: 0 auto;
  margin-top: 50px;
}

/*Page Contatos*/
#page_contatos {
  width: 400px;
  height: 172px;
  float: left;
}
#page_contatos form {
  display: block;
  width: 212px;
  margin: 20px 0 0 12px;
  float: left;
}
#page_contatos form label {
  display: block;
  width: 100%;
  float: left;
  text-align: left;
  color: #ffcc2a;
  padding: 2px 0 2px 0;
}
#page_contatos form input {
  background-color: transparent;
  padding: 8px;
  border: solid 1px #4591c2;
  width: 216px;
  height: 16px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 5px;
  moz-border-radius: 5px;
}
#page_contatos form textarea {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  padding: 8px;
  border: solid 1px #4591c2;
  width: 400px;
  height: 150px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 5px;
  moz-border-radius: 5px;
}
#page_contatos form input.submit {
  display: block;
  float: left;
  margin: 8px 0 0 -4px;
  width: 80px;
  height: 25px;
  border: none;
}
#page_contatos form #Nome {
  width: 400px;
  margin-bottom: 10px;
}
#page_contatos form #Email {
  width: 400px;
  margin-bottom: 10px;
}
#page_contatos form #Fone {
  width: 400px;
  margin-bottom: 10px;
}

#page_contatos_destaque {
  float: right;
  width: 430px;
  background-color: transparent;
  padding: 10px;
  margin-top: 20px;
  border-radius: 10px;
  moz-border-radius: 10px;
  border: solid 1px #4591c2;
}
#page_contatos_destaque span {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 28px;
  color: #7aafd3;
}
#page_contatos_destaque p {
  font-size: 16px;
}

#page_contatos_destaque_confirmar p {
  font-size: 16px;
}

label.error {
  margin: -40px 0 0 280px;
  text-align: right;
  color: #ff0000;
}

/*Page resultado*/
#page_resultado {
  width: 100%;
  height: 490px;
  float: left;
  margin-top: 10px;
  overflow: auto;
}
#page_resultado h1 {
  display: block;
  float: left;
  width: 100%;
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 70px 0;
  color: #fdcc2d;
}
#page_resultado h2 {
  display: block;
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  margin-top: 20px;
  border-bottom: solid 1px #448eac;
}
#page_resultado .bax {
  display: block;
  margin-top: 40px;
  float: right;
  width: 100%;
  height: 50px;
}
#page_resultado .bax a {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}
#page_resultado .bax a:hover {
  color: #ccc;
}

#page_resultado_arquivo {
  float: left;
  width: 210px;
  padding: 20px 0 10px 0;
  margin: 0 5px 0 0;
}
#page_resultado_arquivo span {
  display: block;
  float: left;
  width: 100%;
  color: #a9b9cb;
}
#page_resultado_arquivo a {
  display: block;
  float: left;
}
#page_resultado_arquivo p {
  display: block;
  float: left;
  color: #fff;
  font-size: 12px;
  margin-top: 15px;
}

#page_resultado_buscar {
  width: 500px;
  position: absolute;
  margin-left: 380px;
}
#page_resultado_buscar form input {
  background-color: transparent;
  padding: 2px;
  border: solid 1px #4591c2;
  color: #ffffff;
  font-size: 14px;
  border-radius: 5px;
  moz-border-radius: 5px;
}
#page_resultado_buscar span {
  color: #fff;
  font-size: 18px;
}
#page_resultado_buscar form select {
  background-color: transparent;
  padding: 8px;
  border: 1px solid pink;
  font-size: 14px;
  border-radius: 5px;
  moz-border-radius: 5px;
}
#page_resultado_buscar form input.submit {
  cursor: pointer;
  display: block;
  float: left;
  margin: 8px 0 0 -4px;
  width: 80px;
  height: 25px;
  border: none;
}