/****** CSS RESET ******/
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

/****** Estilo de fundo ******/
body { background: #186225; }

img { border: none; }

/***** Wrapper ******/

.wrapper { overflow: hidden; width: 885px; margin: 20px auto; background: #fff; }

/****** Header ******/

#header {
    position: relative;
    height: 89px;
    padding: 25px 0 0;
    background: #186225 url('../img/bg-header.jpg') no-repeat;
}

#header h1 { display: inline; float: left; width: 214px; margin: 0 0 0 15px; }

#header h1 a {
    display: block;
    overflow: hidden;
    width: 214px;
    height: 71px;
    text-indent: -8000px;
    background: url('../img/logo-header.jpg');
}

#header ul#nav {
    float: right;
    width: 571px;
    height: 37px;
    margin: 25px 22px 0;
    padding-right: 18px;
    background: url('../img/bg-nav-header.jpg') no-repeat;
}

#header ul#nav li { display: inline; }

#header ul#nav li a {
    float: left;
    display: block;
    padding: 10px 15px 8px 15px;
    border-right: 1px solid #ccc;
    font: 13px "Trebuchet Ms", Arial, sans-serif;
    color: #333333;
}

#header ul#nav li a.last { padding-right: 0; border: none; }

#header #language {
    position: absolute;
    top: 0;
    right: 40px;
}

#header #language a {
    overflow: hidden;
    display: block;
    float: left;
    width: 34px;
    height: 26px;
    text-indent: -8000px;
}

#header #language a.pt { margin-right: 2px; background: url('../img/ico-brasil.jpg') no-repeat; }
#header #language a.en { background: url('../img/ico-usa.jpg') no-repeat; }

/****** Content ******/

#content {
    display: inline;
    width: 578px;
    float: left;
    padding: 2px 10px 10px 12px;
    background: #fff;
}

#content h2 { height: 22px; margin: 19px 0 10px 0; padding: 0 0 0 15px; }

.empresa, .home, .classificados, .contato, .resultado-busca { padding: 15px; border: 1px solid #edeef0; font: 12px Arial, Verdana, sans-serif; overflow: hidden; }

.resultado-busca p.resultado { margin: 0 0 15px; }

.resultado-busca .search { margin: 20px 0 0 0; }

.resultado-busca .search a { margin: 5px 0 0 0; font: bold 14px Arial, Verdana, sans-serif; color: #2B7544; }

.empresa, .home,  .contato { padding: 15px; border: 1px solid #edeef0; font: 12px Arial, Verdana, sans-serif; overflow: hidden; }

#content .home { width: 540px; float: left; margin: 12px 0 0; }
#content .home h2 { margin: 0px; padding: 5px 5px 20px; }
#content .home p { margin: 0 0 0 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }

#content .bemvindo { margin: 12px 0; }

.busca form {
    width: 575px;
    height: 54px;
    padding: 15px 0 0;
    background: url('../img/bg-form-busca.jpg') no-repeat;
}

.busca form label {
    display: block;
    float: left;
    padding: 0 10px 0 0;
    margin: 0 0 8px;
    font: 14px "Trebuchet Ms", Arial, sans-serif;
}

.busca form label img { padding: 8px 5px 0 20px; }

.busca form input {
    width: 360px;
    padding: 10px 5px;
    border: none;
    font: 18px Arial, Verdana, sans-serif;
    color: #929292;
    background: url('../img/bg-input-busca.jpg') no-repeat;
}

.chamada { width: 250px; margin: 30px 0; float: left; text-align: left; }
#content .home .right { float: right; text-align: right; }
#content .home .chamada p { height: 75px; border: none; margin: 10px 0; }

.chamada a {
    display: block;
    float: right;
    width: 201px;
    height: 26px;
    background: url('../img/bg-chamada-a.jpg');
    line-height: 26px;
    text-align: center;
    color: #fff;
}

.empresa { float: left; }

.empresa  .podcast h3 {
    border-bottom: 1px solid #eaeaec;
    padding-left: 5px;
    margin: 0 0 8px;
}

.empresa a { text-decoration: underline; color: #000; }

.empresa  .podcast {
    position: relative;
    float: left;
    width: 545px;
    margin: 15px 0 0;
    padding-bottom: 8px;
    border: 1px solid #eaeaec;
    background: #f8f8fa;
}

.empresa  .podcast p {
    position: absolute;
    font: 10px Arial, Verdana, sans-serif;
    top: 10px;
    right: 50px;
}

.empresa  .podcast #audioplayer {
    margin: 0 8px;
}

/****** Classificados *******/

.classificados table {
    width: 100%;
    margin: 0;
    border-top: 1px solid #cecfd1;
    border-left: 1px solid #cecfd1;
    text-align: center;
    color: #6f6f6f;
}


.classificados table tr.titulo { background: #edeeee; }
.classificados table tr.titulo td { font: bold 14px Arial, Verdana, sans-serif;}
.classificados table tr { height: 30px; }
.classificados table tr td {
    font: bold 11px Arial, Verdana, sans-serif;
    border-right: 1px solid #cecfd1;
    border-bottom: 1px solid #cecfd1;
}

.classificados form {
    width: 327px;
    padding: 110px 0 0 50px;
    height: 390px;
    background: url('../img/bg2.jpg') no-repeat;
}

.classificados form .input {
    margin: 10px 0 0 0;    
}

.classificados a.foto {
    display: block;
    height: 19px;
    text-indent: -8000px;
    background: url('../img/img_classi_fotos.jpg') center  no-repeat;
    text-align: center;
}

.classificados a.consulte {
    padding: 3px 0 0 20px;
    background: url('../img/img_classi_comprar.jpg') no-repeat;
    color: #000;
    text-decoration: underline;
    text-align: center;
}


.classificados form label {
    display: block;
    font: 14px "Trebuchet Ms", Verdana, sans-serif;
    color: #fff;
}

.classificados a.anunciar {
    display: block;
    float: right;
    width: 100px;
    height: 26px;
    margin: 10px  0 0 0;
    background: url('../img/bg-classificados-a.jpg');
    line-height: 26px;
    text-align: center;
    color: #fff;
}

.classificados .salvo_sucesso {
	margin: 0 0 5px;
	padding: 5px 5x 5px 0;
	font: 16px "Trebuchet Ms", Arial, sans-serif;
	color: #fff;
}


/****** Produtos *******/

.produtos { border: 1px solid #edeef0; font: 12px Arial, Verdana, sans-serif; float: left; }

.produtos h3 { font: bold 18px Arial, Verdana, sans-serif; color:#165c23;  border-bottom: 1px solid #edeef0;  padding: 15px 20px; }

.produtos #descricao {
    float: left;
    display: inline;
    width: 255px;
    padding: 15px 20px;
}

.produtos #descricao p {
    margin: 0 0 20px;
}

.produtos #produto-img-box {
    float: left;
    display: inline;
    width: 277px;
}

.produtos #produto-img-box #produto-img-detalhe { height: 264px; background: #f3f4f6; }

.produtos #produto-img-box #produto-img-detalhe #produto-img-zoom {
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.produtos #produto-img-box #produto-img-detalhe #produto-img-zoom img { width: 200px; }

.produtos #produto-img-detalhe p {
    width: 250px;
    height: 22px;
    margin: 1px;
    padding: 0 0 0 25px;
    font: 10px Arial, Verdana, sans-serif; float: left;
    line-height: 22px;
    background: #edeef0 url('../img/ico-lupa.jpg') no-repeat 10px center;
}

.produtos #produto-img-box ul {
    height: 54px;
    margin: 2px 0;
    padding: 2px;
    border: 1px solid #edeef0;
    background: #f3f4f6;
}

.produtos #produto-img-box ul li { display: inline; }
.produtos #produto-img-box ul li a {
    display: block;
    float: left;
    height: 50px;
    overflow: hidden;
    margin-right: 2px;
    border: 1px solid #a0a0a0;
}

.produtos h4 {
    float: left;
    width: 555px;
    margin: 15px 0 0;
    padding: 9px 0 9px 20px;
    border: 1px solid #edeef0;
    font: bold 14px Arial, Verdana, sans-serif;
    text-transform: uppercase;
    line-height: 10px;
    color:#165c23;
    background: #f3f4f6;
}

.produtos #especificacoes {
    float: left;
    width: 535px;
    padding: 15px 20px;
}

.produtos #especificacoes #banner {
    width: 100%;
    margin: 0 0 18px;
    background: #d9d9d9;
}

.produtos #especificacoes table {
    width: 100%;
    margin: 0;
    border-top: 1px solid #cecfd1;
    border-left: 1px solid #cecfd1;
    text-align: center;
    color: #6f6f6f;
}

.produtos #especificacoes table tr.titulo { background: #edeeee; }
.produtos #especificacoes table tr.titulo td { font: bold 14px Arial, Verdana, sans-serif;}
.produtos #especificacoes table tr { height: 30px; }
.produtos #especificacoes table tr td {
    font: bold 11px Arial, Verdana, sans-serif;
    border-right: 1px solid #cecfd1;
    border-bottom: 1px solid #cecfd1;
}
/****** Contato *******/

.contato p {margin: 0 0 12px;}

.contato p.formas { display: inline; float: left; margin: 0 50px 12px 0; }

.contato p.formas a { color: #000; }

.contato p.localizacao { clear: left; }

.contato p.localizacao a { text-decoration: underline; font-weight: bold; text-transform: uppercase; color: #11521C;  }

.contato p.sucesso { font-size: 14px; font-weight: bold; margin: 0 0 12px; color: #11521C;}

.contato form { width: 375px; }

.contato form label {
    display: block;
    position: relative;
    width: 375px;
    margin: 0 0 8px;
    font: 14px "Trebuchet Ms", Arial, sans-serif;
}

.contato form label input {
    width: 369px;
    padding: 4px 5px;
    border: none;
    font: 18px Arial, Verdana, sans-serif;
    color: #929292;
    background: url('../img/bg-input-contato.jpg') no-repeat;
}

.contato form label textarea {
    width: 369px;
    height: 92px;
    padding: 4px 5px;
    border: none;
    font: 18px Arial, Verdana, sans-serif;
    color: #929292;
    background: url('../img/bg-textarea-contato.jpg') no-repeat;
}

.contato form input.bt {
    display: block;
    float: right;
    border: none;
    width: 181px;
    height: 35px;
    margin: 5px 0 0;
    font-size: 0;
    line-height: 0;
    padding: 5px 0;
    color: #186527;
    background: url('../img/bg-submit-contato.jpg') no-repeat;
    cursor: pointer;
}

.contato form label span.required { color: #ff0000; }

.contato form label span.erro {
    position: absolute;
    top: 3px;
    right: 0px;
    font: 10px Arial, Verdana, sans-serif; overflow: hidden;
    color: #ff0000;
}

/****** Animação *******/

#animation { margin-left: 3px; height: 286px; overflow: hidden; }

/****** Sidebar ******/

#sidebar {
    display: inline;
    float: left;
    width: 258px;
    background: #f3f4f6;
    margin: 5px 3px 20px 3px;
    padding: 15px 0 0 15px;
}

#sidebar ul#nav-sidebar {
    width: 210px;
    padding: 55px 0 10px 15px;
    background: #fff url('../img/bg-nav-sidebar.jpg') no-repeat;
    list-style: inside url('../img/bg-li-sidebar.jpg');
}

#sidebar ul#nav-sidebar li { margin: 0 0 15px;  vertical-align: middle; }

#sidebar ul#nav-sidebar li a {
    font: 13px "Trebuchet Ms", Arial, sans-serif;
    color: #868a8d;
}

#sidebar ul#nav-sidebar li a:hover { color: #000; }

#sidebar ul#nav-sidebar li ul {
    display:none;
    margin: 0 0 0 35px;
    *margin: 0 0 0 15px;
    list-style-position: inside;
    list-style: none;
    list-style-image: none;
}

#sidebar ul#nav-sidebar li ul li { margin: 0 0 5px; }

#sidebar ul#nav-sidebar li ul li a {
    margin: 0 0 5px;
    text-decoration: underline;
    font: 13px "Trebuchet Ms", Arial, sans-serif;
    color: #000;
}

#sidebar form {
    width: 207px;
    height: 179px;
    margin: 15px 0;
    padding: 25px 0 0 18px;
    font: 12px "Trebuchet Ms", Arial, sans-serif;
    color: #fff;
    background: url('../img/bg-form-sidebar.jpg') no-repeat;
}

#sidebar form fieldset { border: none; }
#sidebar form fieldset legend { display: none; }

#sidebar form fieldset p { margin: 10px 0 5px; }

#sidebar form fieldset label {
    display: block;
    width: 150px;
    margin: 4px 0;
}

#sidebar form fieldset input.bt {
    display: block;
    border: none;
    width: 98px;
    height: 30px;
    margin: 5px 0 0;
    font-size: 0;
    line-height: 0;
    padding: 5px 0;
    color: #186527;
    background: url('../img/bg-submit-sidebar.jpg') no-repeat;
    cursor: pointer;
}

/****** Footer ******/

#footer {
    overflow: hidden;
    width: 825px;
    padding: 15px 30px 20px 30px;
    border-top: 1px solid #edefee;
    font: 12px "Trebuchet Ms", Arial, sans-serif;
    color: #88898b;
    background: #186225 url('../img/bg-footer.jpg') no-repeat;
}

#footer p { float: left; }

#footer a.t9design {
    display: block;
    float: right;
    width: 17px;
    height: 17px;
    background: url('../img/credito-t9design.jpg') no-repeat;
    text-indent: -8000px;
    overflow: hidden;
}
