body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset, img {
    border:0;
}
address, caption, cite, code, dfn, em, th, var {
    font-style:normal;
    font-weight:normal;
}
ol, ul {
    list-style:none;
}
caption, th {
    text-align:left;
}

q:before, q:after {
    content:'';
}
abbr, acronym {
    border:0;
}
/* GERAL */

body, td, th, strong {
    color: #666;
    background-color:#FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height:16px;
}
p {
    margin-bottom:10px;
}

a:link {
    color: #666;
    text-decoration: none;
}
a:visited {
    color: #666;
    text-decoration: none;
}
a:hover {
    color: #333;
    text-decoration: underline;
}
a:active {
    color: #333;
    text-decoration: none;
}
a {
    outline:none;
}
h1 {
    font-size:14px;
    font-weight:bold;
    color:#666;
    display:block;
    padding-top:4px;
    padding-bottom:6px;

}

#contactos-info{
    float:left;
    width:285px;

}
#contactos-mapa{
    float:left;
}
#contactos-mapa input,#contactos-mapa textarea{
    width:280px;
}
/* FORMS */

fieldset p {
    margin:15px 0 0;
}
label {
    width:auto;
    color:#666;
    font-weight:bold;
    display:block;
    margin-bottom:4px;
}
input, select, textarea {
    font-size:11px;
    font-family:inherit;
    border:1px solid #ccc;
    background:#F9F9F9;
    padding:4px;
    min-width:100px;
    display:block;
    margin-bottom:4px;
}
input[type="hidden"]
{
    margin:0px;
    border:0px;
    background:none;
    display:none;
}
input[type="button"], input[type="submit"] {
    font-weight:bold;

    color:#666;
    font-family:inherit;
}
textarea {
    height:140px;
}
input.error, textarea.error { border: 1px solid red; width: auto; }

span.error {
    color: red;
    background: url('/media/imgs/unchecked.gif') no-repeat;
    padding-left: 16px;
    margin-left: .3em;
    display: inline;
}
span.valid {
    background: url('/media/imgs/checked.gif') no-repeat;
    display: inline;
    width: 16px;
    height: 16px;
}

.form-erros{
    border:1px solid #ccc;
    margin-bottom:10px;
    padding:10px;
    color:red;
}
.form-sucesso{
    border:1px solid #ccc;
    margin-bottom:10px;
    padding:10px;
    color:teal;
}

/* GERAL */
#container {
    width:980px;
    margin:0 auto;
    min-height:800px;
    height:auto !important;
    height:800px;
}
#topodir {
    float:left;
    width:180px;
    height:200px;
    background:url(/media/imgs/bgtopo.jpg);
    background-repeat:no-repeat;
    padding:10px;
}
#logo {
    width:775px;
    float:left;
}
#sideleft, #conteudo, #sideright {
    float:left;
}
#sideleft {
    width:152px;
}
#sideright {
    width:192px;
}

#sideright input,#sideleft input{
    width:130px;
}
#ideialogica{
    text-align:right;
}
#conteudo {
    width:620px;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    min-height:600px;
    height:auto !important;
    height:600px;
}
#rodape {
    width:980px;
    height:50px;
    line-height:50px;
    background:url(/media/imgs/bgrodape.jpg);
    text-align:center;
}
.clear {
    clear:both;
}
div.pad {
    padding:6px;
}
h3.titulomenu {
    font-size:13px;
    font-weight:bold;
    color:#666;
    display:block;
    padding-top:4px;
    padding-left:10px;
    padding-bottom:6px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
}
ul.lateral li{
    margin-bottom:6px;
}
ul.lateral li img{
    margin-right:6px;
}

/* PAGINACAO */

.paginacao {

    margin-top:20px;
    margin-bottom:10px;
    font-weight: normal;
    text-align: left;
}
.paginacao li {
    display: inline;
    padding: 3px 7px;
    border: 1px solid #bbbbbb;
    margin-left: 3px;
    text-decoration: none;
    background:#FFF;
}
.paginacao li:hover {
    background:#CCC;
}
.paginacao li.current {
    color: #CCC;
}
.paginacao li.disabled {
    color:#CCC;
}

/* PESQUISA */

#pesquisa h2{
    font-size:13px;
    padding-top:4px;
    padding-bottom:4px;
    margin-bottom:4px;
    margin-top:10px;
    border-bottom:1px dashed #ccc;
    border-top:1px dashed #ccc;
    width:100%;
}
#pesquisa ul{
    list-style:circle;
    padding-left:20px;
}
#pesquisa input{
    display:inline-block;
}
#pesquisa input[type=text]{
    width:300px;
}

#topodir label{
    font-weight:normal;
}
#topodir form{
    margin-top:70px;
    margin-left:5px;
}
/* BREADCRUMBS */

#breadcrumb
{
    margin: 0;
    padding: 0;
    display: block;
    height: 21px;
    overflow: hidden;
    padding-top:5px;
    padding-left:5px;
    border-bottom:solid 1px #ccc;
    border-top:solid 1px #ccc;

}
#breadcrumb ul
{
    margin: 0;
    padding: 0;
    height: 21px;
    display: block;
}
#breadcrumb ul li
{
    display: block;
    float: left;
    position: relative;
    height: 21px;
    overflow: hidden;
    line-height: 21px;
    margin: 0px 6px 0px 0;
    padding: 0px 10px 0px 0;
    font-size: 11px;
    font-size:13px;
    background: url(/media/imgs/breadcrumb.gif) no-repeat 100% 0;
    text-transform:uppercase;
    font-size:10px;
}
#breadcrumb ul li div.chevronOverlay
{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
#breadcrumb ul li span
{
    display: block;
    overflow: hidden;
}
#breadcrumb ul li a
{
    display: block;
    position: relative;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    float: left;
    text-transform:uppercase;
    font-size:10px;
    text-decoration: none;
}
#breadcrumb ul li a:hover
{
    text-decoration: underline;
}

/* CATALOGO */

#catalogo-categorias .categoria-box{
    width:200px;
    float:left;
    text-align:center;
    margin-bottom:20px;
}

#catalogo-produtos h2{
    font-size:13px;
}
#catalogo-produtos .box{

}
#catalogo-produtos .foto{
    float:left;
    width:85px;

}
#catalogo-produtos .descricao{
    float:left;
    width:515px;

}

/* clientes */

#dados-cliente input,textarea{
    width:300px;
    margin-bottom:10px;
}


/* blog */

#blog-artigo h1{
      padding-bottom:5px;
      margin-bottom:5px;
      border-bottom:1px dashed #ccc;
}

#blog-artigos h2{
      padding-bottom:5px;
      margin-bottom:5px;
      font-size:14px;
      border-bottom:1px dashed #ccc;
}
.blog-texto{
  margin-top:10px;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dashed #ccc;
}

.blog-info{
  margin-top:10px;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dashed #ccc;
}
#comentarios
{
    margin-top:10px;
    padding-top:10px;
    padding-bottom:10px;
    background:#E8E8E8;
    padding-left:20px;
}
.blog-comentario-nome{
    padding-bottom:5px;
    padding-top:5px;
    font-weight:bold;
}
.blog-comentario-msg{
    background:#fff url('/media/imgs/comentarioblog.gif');
    background-repeat:no-repeat;
    width:390px;
    padding:10px;
}

/* TABS */

.tabs {
    width:100%;
    border-top:1px solid #ccc;
    padding-top:10px;
    font-size:11px;
}
.tabs li {  font-weight:bold; margin-right:0px; list-style:none; float:left; }
.tabs ul a {
    display:block;
    padding:5px 35px;
    text-decoration:none!important;
    margin:1px;
    margin-left:0;
    color:#666;

    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
}
.tabs ul a:hover {
    color:#036;

}
.tabs ul a.selected {
    margin-bottom:0;
    color:#036;
    cursor:default;
    background:#fff;
}
.tabs .tab {
    min-height:150px;
    height:auto !important;
    height:150px;
    border:1px solid #ccc;
    font-weight:normal;
    padding:5px 5px 5px 5px;
    padding-top:10px;
    margin-top:-15px;
    clear:left;
    font-size:11px;
    background:#f7f7f7;
}