/* ======================================================== */
/* Theme Name: WordPress Site                                */
/* Theme URI: http://wordpress.org/                          */
/* Version: 1.0                                              */
/* Author: JJoao                                             */
/* Description: Tema Wordpress modernizado com Montserrat    */
/* ======================================================== */

/* ======================================================== */
/* 0. Font Import                                           */
/* ======================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

/* ======================================================== */
/* 1. CSS Variables                                         */
/* ======================================================== */
:root {
    --main-font: 'Montserrat', Tahoma, Arial, Verdana, sans-serif;
    --main-color: #000000;
    --link-color: #0033FF;
    --link-hover-color: #0066CC;
    --sidebar-bg-color: #ffffff;
    --header-color: #00FF33;
    --footer-color: #00CC33;
}

/* ======================================================== */
/* 2. Global Styles                                        */
/* ======================================================== */
body {
    margin: 0 auto !important;
    background-color: #9DF6FF;
    padding: 0 0 30px 0;
    font: 12px var(--main-font);
    color: var(--main-color);
}

a {
    color: var(--link-color);
    text-decoration: none;
}
a:visited {
    color: var(--link-color);
}
a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}

img {
    border: none;
}

p {
    padding: 0 0 15px;
    margin: 0;
}

h2 {
    padding-bottom: 3px;
    margin: 0 0 2px;
    border-bottom: 1px solid #ccc;
    font: bold 16px var(--main-font);
    color: #ccc;
}
h2 a, h2 a:visited { color: var(--link-hover-color); text-decoration: none; }
h2 a:hover { color: var(--link-hover-color); text-decoration: none; }

h3 {
    font: normal 140%/100% var(--main-font);
    color: var(--link-hover-color);
    margin: 10px 0 5px;
}

h4 {
    font: normal 130%/100% var(--main-font);
    color: var(--link-hover-color);
    margin: 10px 0 5px;
}

form {
    margin: 0;
    padding: 0;
}

/* ======================================================== */
/* 3. Page Layout                                          */
/* ======================================================== */
#page {
    margin: auto;
    width: 750px;
    background: #9DF6FF url(images/ambienteefrio-3.jpg) top center repeat-y;
}

/* ======================================================== */
/* 4. Header Area                                          */
/* ======================================================== */
#header {
    height: 202px;
    background: #9DF6FF url(images/ambienteefrio-1.jpg) top center no-repeat;
    position: relative;
    color: var(--header-color);
}

#header_img {
    position: relative;
    padding: 30px 0 0 40px;
    height: 60px;
}
#header_flash {
    position: relative;
    top: 0;
    margin-right: 0;
    padding: 0;
    text-align: right;
}
#header_img .description {
    position: absolute;
    left: 110px;
    bottom: 3px;
    font-size: 14px;
    color: #c9eefe;
}

/* ======================================================== */
/* 5. Main Navigation                                      */
/* ======================================================== */
#nav {
    list-style: none;
    margin: 0;
    right: 10px;
    bottom: 0px;
    position: absolute;
}
#nav li {
    float: left;
    margin-left: 5px;
    padding-bottom: 3px;
}
#nav .current_page_item a,
#nav .current_page_item a:visited {
    color: var(--link-hover-color);
    text-decoration: none;
}
#nav .page_item a {
    display: block;
    color: #333;
    padding: 10px 15px 0 15px;
    font: bold 12px var(--main-font);
    text-decoration: none;
}
#nav .page_item a:hover {
    color: var(--link-hover-color);
}

/* ======================================================== */
/* 6. Content Area                                         */
/* ======================================================== */
#content {
    padding: 10px 25px 10px 5px;
    float: right;
    width: 485px;
    overflow: hidden;
}

.post {
    clear: both;
    padding-top: 15px;
}

.entry {
    float: right;
    width: 535px;
}

.post-cat {
    padding-left: 20px;
    float: left;
    font-size: 95%;
    color: #666666;
}

.post-content {
    clear: both;
    padding-top: 10px;
}

/* ======================================================== */
/* 7. Pagination                                           */
/* ======================================================== */
.navigation {
    clear: both;
    padding: 10px 0;
}

.navigation a,
.navigation a:visited {
    color: #495233;
}

.previous-entries a {
    float: left;
    padding-left: 18px;
    background: url(images/nav-left.gif) no-repeat left center;
}

.next-entries a {
    float: right;
    padding-right: 18px;
    background: url(images/nav-right.gif) no-repeat right center;
}

/* ======================================================== */
/* 8. Pages                                                */
/* ======================================================== */
.page {
    display: block;
    width: 750px;
    clear: both;
    z-index: 2;
    margin-bottom: 10px;
}

/* ======================================================== */
/* 9. Sidebar                                              */
/* ======================================================== */
#sidebar {
    background: url(images/ambienteefrio-2.jpg) top left no-repeat;
    float: left;
    margin-left: 0;
    padding: 120px 0 0 20px;
    width: 200px;
    color: #666666;
    overflow: hidden;
}

#sidebar h2, #sidebar .sidebartitle {
    padding: 2px 2px 2px 6px;
    margin: 20px 0 2px 1px;
    font: bold 14px var(--main-font);
    color: #ffffff;
    background: #ffffff url(images/menu_titulo.gif) bottom right repeat-y;
}

#sidebar ul {
    margin: 0;
    padding: 0;
}
#sidebar ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
#sidebar ul li ul {
    padding-left: 5px;
    margin: 0;
}
#sidebar ul li ul li {
    padding: 0;
    background: none;
}

/* ======================================================== */
/* 10. Search Form                                         */
/* ======================================================== */
#searchform {
    margin: 15px 0 0;
}
#searchform br {
    display: none;
}
#searchform #s {
    border: 1px solid #000099;
    width: 145px;
    height: 18px;
    padding: 2px 5px;
    background: #fff;
    margin-right: 2px;
    color: #333333;
    font-weight: bold;
    font-family: var(--main-font);
}
#searchform input {
    background: url(images/search.gif) no-repeat;
    border: none;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer;
}

/* ======================================================== */
/* 11. Footer                                              */
/* ======================================================== */
#footer {
    clear: both;
    height: 64px;
    font-size: 10px;
    color: var(--footer-color);
    background: #9DF6FF url(images/ambienteefrio-4.jpg) bottom center no-repeat;
}
#footer p {
    padding-top: 20px;
    text-align: center;
}
#footer h4 {
    font: normal 11px var(--main-font);
    color: #9cdbfb;
    margin: 10px 0 5px;
}
#footer_txt {
    font-size: 10px;
    font-weight: bold;
    color: #455fbc;
    text-decoration: none;
    font-family: var(--main-font);
}
#footer_txt a.ftxt {
    font-size: 10px;
    font-weight: bold;
    color: #455fbc;
    text-decoration: underline;
}
#footer_txt a.ftxt:hover {
    color: #0066CC;
    text-decoration: none;
}

/* ======================================================== */
/* 12. Tables (Purificadores / Ar condicionado)           */
/* ======================================================== */
.td_titulos, .td_titulos2 { padding-left:2px; font-size:11px; background-color:#E8F6A8; }
.td_valores, .td_valores2 { font-size:11px; background-color:#e1f5eb; }
.td_titulos3 { text-align:left; padding-left:2px; font-size:10px; background-color:#00CCFF; color:#333; }
.td_valores3 { vertical-align:middle; text-align:left; font-size:10px; background-color:#e1f5eb; color:#333; }
.td_titulos4 { vertical-align:middle; text-align:left; padding-left:2px; font-size:9px; background-color:#00CCFF; color:#ffffff; }
.td_valores4 { vertical-align:top; text-align:left; font: normal 9px var(--main-font); background-color:#CCCCCC; }
.td_titulos5 { vertical-align:middle; text-align:center; font-size:10px; background-color:#00CCFF; color:#000; }
.td_titulos6 { vertical-align:top; text-align:center; font-size:10px; background-color:#00CCFF; color:#000; }

.ar_condicionado_box { background: url(images/fundo_box.jpg); }

/* ======================================================== */
/* 13. Menus / Nav Lists                                    */
/* ======================================================== */
#navcontainer { /* none needed */ }
ul#navlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}
ul#navlist li {
    float: left;
    font-family: var(--main-font);
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0 4px 0;
    background-color: #eef4f1;
    border-top: 1px solid #e0ede9;
    border-bottom: 1px solid #e0ede9;
}
#navlist a, #navlist a:link {
    margin: 0;
    padding: 5px 9px 4px 9px;
    color: #495233;
    border-right: 1px dashed #d1e3db;
    text-decoration: none;
}
ul#navlist li#active {
    color: #95bbae;
    background-color: #deebe5;
}
#navlist a:hover {
    color: var(--link-hover-color);
    background-color: #d1e3db;
}

/* ======================================================== */
/* 14. Menus Laterais / Serviços / Marcas                  */
/* ======================================================== */
#listaservicos_titulos, #listaservicos {
    text-align:left;
    list-style-type:none;
    font-family: var(--main-font);
    color: #999999;
}
#listaservicos_titulos li a,
#listaservicos li a {
    text-decoration: none;
}

/* Menu 8 */
#menu8 { width: 190px; margin-top: 0; }
#menu8 ul { list-style: none; margin: 0; padding: 0; }
#menu8 li a {
    text-decoration: none;
    font-family: var(--main-font);
    height: 24px;
}
#menu8 li a:link, #menu8 li a:visited {
    color: #777;
    display: block;
    background: url(images/menu8.gif) no-repeat;
    padding: 8px 0 0 20px;
}
#menu8 .current_page_item a,
#menu8 .current_page_item a:visited {
    color: #777;
    display: block;
    background: url(images/menu8.gif) 0 -32px no-repeat;
    padding: 8px 0 0 25px;
}
#menu8 li a:hover, #menu8 .current_page_item a:hover {
    color: #257EB7;
    background: url(images/menu8.gif) 0 -32px no-repeat;
    padding: 8px 0 0 25px;
}
#menu8 li a:active, #menu8 .current_page_item a:active {
    color: #fff;
    background: url(images/menu8.gif) 0 -64px no-repeat;
    padding: 8px 0 0 25px;
}

/* Menu Marcas */
#menu_marcas {
    margin: 1px 10px;
    background-color: var(--sidebar-bg-color);
    border: 1px solid #ccc;
    border-radius: 2px;
}
#menu_marcas:hover {
    border: 1px solid #257EB7;
}

.cf7-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.95em;
}

.cf7-table td {
  vertical-align: top;
  padding: 3px 5px;
}

.cf7-table label {
  font-weight: bold;
  display: block;
  margin-bottom: 2px;
}

.cf7-table .form-field {
  width: 100%;
  padding: 4px 6px;
  font-size: 0.95em;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.cf7-table input[type="submit"],
.cf7-table input[type="reset"] {
  padding: 5px 10px;
  border-radius: 4px;
  border: none;
  background-color: #257EB7;
  color: #fff;
  cursor: pointer;
  margin:3px;
}

.cf7-table input[type="submit"]:hover,
.cf7-table input[type="reset"]:hover {
  background-color: #0066CC;
}