/* 
Theme Name: Inoxar 
Description: Theme Inoxar
Author: Inoxar
Author URI: http://www.inoxar.com/
Version: 1.20
*/

body {
    margin: 0;                  /* margem padrão */
    padding: 10px;              /* espaço interno */
    font-size: 14px;            /* tamanho mais legível */
    font-family: 'Montserrat',Tahoma, Arial, Verdana, sans-serif;
    letter-spacing: 0.5px;      /* leve espaçamento entre letras */
    line-height: 1.5;           /* melhor leitura */
/* 
background: #1d3752 url('images/background-2014-04-004.jpg') top left fixed no-repeat;
*/
background: #1d3752 url('https://www.inoxar.com/wp-content/uploads/2014/04/doseadores-creme-2014-04-008.jpg') bottom left fixed no-repeat;

background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

a {
color : #1b2b3b;
text-decoration : none;
}
a:visited {
color : #0033ff;
text-decoration : none;
}
a:hover {
color : #0066cc;
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 #333;
font : bold 16px 'Montserrat', Tahoma, Arial, Verdana;
color : #000000;
}
h1 {
margin-top : 0;
color : #1b2b3b;
display : block;
padding : 0 0 5px 0;
border-bottom : 1px dotted #1b2b3b;
font-size : 20px;
line-height : 150%;
}
h2 a, h2 a:visited {
color : #000000;
text-decoration : none;
}
h2 a:hover {
color : #0066cc;
text-decoration : none;
}
h3 {
font : normal 140%/100% 'Montserrat', Tahoma, Arial, Verdana;
color : #000000;
margin : 10px 0 5px;
}
h4 {
font : normal 130%/100% 'Montserrat', Tahoma, Arial, Verdana;
color : #000000;
margin : 10px 0 5px;
}
form {
margin : 0;
padding : 0;
}
#header {
height : 170px;
width : 890px;
background : url(images/topo-001.jpg) no-repeat left top;
position : relative;
color : #00ff33;
}
#header .header_img {
float : left;
position : relative;
margin-left : 300px;
margin-top : 10px;
height : 130px;
}
html > body #header .header_img {
margin-left : 350px;
}
#header .header_menu {
float : right;
position : relative;
margin : auto 8px auto 10px;
height : 15px;
}
html > body #header .header_menu {
margin-right : 15px;
}
#header_flash {
position : relative;
margin-right : 0;
padding : 0;
text-align : right;
}
#header_img .description {
position : absolute;
text-align : right;
left : 110px;
bottom : 3px;
font-size : 14px;
color : #c9eefe;
}
#page {
width : 890px;
margin : 0 auto 0 auto;
padding : 0 0 20px 0;
text-align : left;
background : #ffffff url(images/inoxar2back.jpg) repeat-y right top;
color : #000000;
border : 2px solid #ffffff;
}
#content {
margin : 10px 0 0 5px;
float : left;
width : 630px;
overflow : hidden;
}

#content img {
border : 1px dotted #666666;
padding : 2px;
}

#content .img-thumb img{
    margin:5px 10px 5px 0px;
	/* borda redonda */ 
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;   
	/* sombra */    
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;        
}

#content .img-thumb img:hover {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
}


html > body #content {
margin-left : 15px;
}
.navigation {
clear : both;
padding : 10px 0;
}
.navigation a, .navigation a:visited {
color : #333333;
}
.previous-entries a {
float : left;
padding-left : 24px;
background : url(images/nav-anterior.gif) no-repeat left center;
}
.next-entries a {
float : right;
padding-right : 24px;
background : url(images/nav-proximo.gif) no-repeat right center;
}
#sidebar {
float : right;
margin-right : 4px;
margin-top : 40px;
padding : 0 0 0 0;
width : 200px;
color : #666666;
overflow : hidden;
}
html > body #sidebar {
margin-right : 10px;
}
#sidebar h2, #sidebar .sidebartitle {
padding : 2px 2px 2px 2px;
margin : 20px 0 2px;
font-size : 14px;
color : #ffffff;
}
#sidebar a, #sidebar a:visited {
color : #ccc;
text-decoration : none;
}
#sidebar a:hover {
color : #ffffff;
text-decoration : none;
}
#sidebar ul {
margin : 0;
padding : 0;
}
#sidebar ul li {
list-style : none;
margin : 0;
padding : 0;
border : none;
font-size : 13px;
line-height: 1.2;
text-align:left;
}
#sidebar ul li ul {
padding : 0;
margin : 0;
padding : 5px 0 8px 0;
}
#sidebar ul li ul li {
padding : 5px 0 8px 0;
border-bottom : 1px solid #000;
font-size : 12px;
}
#sidebar ul li ul li ul li {
padding : 5px 0 0 10px;
border : none;
font-size : 12px;
text-decoration : underline;
}

#searchsubmit {
background : url(images/search.png) no-repeat;
border : none;
width : 32px;
height : 32px;
vertical-align : middle;
cursor : pointer;
color : #ffffff;
font-size : 1px;
}
.center {
text-align : center;
}
img.center, img[align="center"] {
display : block;
margin-left : auto;
margin-right : auto;
}
.clear {
clear : both;
}
hr.clear {
clear : both;
visibility : hidden;
margin : 0;
padding : 0;
}
#menu8 {
width : 200px;
margin-top : 10px;
}
#menu8 ul {
list-style : none;
margin : 0;
padding : 0;
}
#menu8 li a {
text-decoration : none;
height : 32px;
voice-family : "\"}\"";
voice-family : inherit;
height : 24px;
}
#menu8 li a:link, #menu8 li a:visited {
color : #777;
display : block;
background : url(images/menu8.gif);
padding : 8px 0 0 20px;
}
#menu8 .current_page_item a:link, #menu8 .current_page_item a, #menu8 .current_page_item a:visited {
color : #777;
display : block;
background : url(images/menu8.gif) 0% -32px;
padding : 8px 0 0 25px;
}
#menu8 li a:hover, #menu8 .current_page_item a:hover {
color : #257eb7;
background : url(images/menu8.gif) 0% -32px;
padding : 8px 0 0 25px;
}
#menu8 li a:active, #menu8 .current_page_item a:active {
color : #fff;
background : url(images/menu8.gif) 0% -64px;
padding : 8px 0 0 25px;
}
.firstlocaleitem {
padding : 1px 1px 1px 1px;
margin : 1px 1px 1px 1px;
background-color : #f5f5f5;
border : 1px solid #f5f5f5;
min-height : 180px;
text-align : center;
}
.firstlocaleitem:hover {
background-color : #f5f5f5;
border : 1px solid #ff903f;
text-decoration : none;
}
.firstlocaleitem a:link {
font-size : 12px;
text-decoration : none;
}
.firstlocaleitem img {
margin : 5px 0 0 0;
border : 1px solid #ff903f;
}

.hide { display:none; }

.format_text {
font-size:0.8em; padding:3px; padding-left:10px;
}
#footer {
clear : both;
height : 40px;
font-size : 10px;
color : #00cc33;
text-align : center;
width : 890px;
}
#footer p {
padding-top : 35px;
text-align : center;
}
#footer h4 {
font : normal 11px Tahoma, Arial, Verdana;
color : #9cdbfb;
margin : 10px 0 5px;
}

.ticker-wrapper {
  width: 650px;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #f9f9f9;
  padding: 5px 0;
}

.ticker {
  display: inline-block;
  white-space: nowrap;
  animation: ticker 15s linear infinite;
  font-weight: bold;
}

.ticker a {
  margin: 0 15px;
  text-decoration: none;
  color: #0066cc;
}

.ticker:hover {
  animation-play-state: paused; /* pausa ao passar o rato */
}

@keyframes ticker {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* Container do formulário */
#searchform.search-form {
    display: flex !important;
    flex-wrap: nowrap;
    max-width: 400px;
    margin: 10px 0;
    font-family: 'Montserrat', Arial, sans-serif;
    text-align:center !important;
    
}

/* Input de texto */
#searchform.search-form input[type="text"] {
    flex: 1 !important;
    padding: 8px 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px 0 0 4px !important;
    font-size: 14px !important;
    outline: none !important;
    box-sizing: border-box;
}

/* Foco no input */
#searchform.search-form input[type="text"]:focus {
    border-color: #0066cc !important;
    box-shadow: 0 0 5px rgba(0,102,204,0.5) !important;
}

/* Botão de submit */
#searchform.search-form button {
    padding: 8px 16px !important;
    border: 1px solid #0066cc !important;
    background-color: #0066cc !important;
    color: #fff !important;
    border-radius: 0 4px 4px 0 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    background : url(images/search.png) no-repeat;
}

/* Hover no botão */
#searchform.search-form button:hover {
    background-color: #004999 !important;
}

/* Responsivo - ajusta em telas pequenas */
@media (max-width: 480px) {
    #searchform.search-form {
        flex-direction: column !important;
        max-width: 100% !important;
    }

    #searchform.search-form input[type="text"],
    #searchform.search-form button {
        border-radius: 4px !important;
        width: 100% !important;
        margin-bottom: 5px !important;
    }

    #searchform.search-form button {
        margin-bottom: 0 !important;
    }
}

    .sidebartitle {
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    }
    
    .list-cat {
        list-style: none;     /* remove bullets */
        margin: 0;
        padding: 0;
        width:100%;         /* largura do menu */
    }
    
    td.list-cat-item {
        border-bottom: 1px solid #ddd;
        padding: 5px 0 5px 0;
        transition: background 0.3s;
    }
    
    td.list-cat-item a {
        text-decoration: none;
        color: #333;
        display: block;       /* clique em toda a área do item */
    }
    
    td.list-cat-item a:hover {
        background-color: #ccc; 
        color: #000 !important;
    }
    .ftxt {
        padding-top:20px;
        text-align:center;
    }