/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}

/* fim do reset */

html {
height: 100%;
}

body{
/*background: linear-gradient(to bottom, #FFFFFF 0%, #f8f6e9 100%);*/
background: white url('../imagens/projeto_footer.gif') repeat-x 0 100%;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
background-attachment: fixed;
font-size: 14px;
padding: 0;
margin: 0;
text-align: center;
height: 100%;
}

br.tudo {
clear: both;
line-height: 1px;
}

body>section {
width: 996px;
margin: 0 auto;
background: transparent url('../imagens/regua_fundo.gif') repeat-y 0 0;
text-align: left;
position: relative;
}

body>section#topo {
padding: 0;
margin: 0;
}

header {
margin-left: 55px;
text-align: left;
position: relative;
padding: 0;
font-size: 16px;
}

header h1 span{
display: none;
}

header nav{
background-color: #DBDBDB;
text-align: left;
border: 2px solid black;
width: 740px;
float: left;
}

header nav ol {

}

header nav ol li{
list-style-type: none;
display: inline-block;
padding: 10px;
}

header nav ol li:hover{
background-color: #B2B2B2
}

header nav ol li:last-child{
float: right;
border-left: 2px solid black;
}

header nav ol li strong{
background-color: white;
border: 2px solid black;
border-radius: 50% 50%;
padding: 0 6px;
margin: 0 5px 0 15px;
}

header nav a{
text-decoration: none;
color: black;
font-weight: bold;
font-size: 14px;
}

#contato header #nav_contato {background-color: #B2B2B2;}

header nav a:hover{
color: rgba(0,0,0,1);
}

header h1{
font-size: 14px;
float: left;
margin: 0;
width: 150px;
}

header h1 img{
border: 0;
}

header h1 a{
text-decoration: none;
}

/* home */
#home #conteudo {
width: 940px;
margin: 0 auto;
background-color: white;
}

#home blockquote {
width: 811px;
background: #DBDBDB url('../imagens/folha.gif') no-repeat 0 0;
margin: 0 auto;
border: 2px double black;
height: 243px;
position: relative;
}

#home blockquote div{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
padding: 30px 60px 0 40px;
line-height: 1.2em;
}

#home blockquote a{
display: block;
position: absolute;
bottom: -30px;
right: 40px;
background: transparent url('../imagens/seta_esq.gif') no-repeat 0 0;
color: black;
text-decoration: none;
width: 272px;
height: 65px;
}

#home blockquote a span{
display: inline-block;
padding: 25px 0 0 15px;
}

/*contato*/

#contato form {
width: 600px;
margin: 40px;
display: inline-block;
position: relative;
}

#contato form fieldset{
padding: 30px 0 0;
}

#contato label {
width: 100px;
text-align: right;
display: inline-block;
margin-right: 6px;
color: #464646;
}

#contato input, textarea {
background-color: #DBDBDB;
border: 0;
vertical-align: top;
width: 460px;
}

#contato form p{
margin: 5px 0;
}

#contato form p#correio{
display: none;
}

#contato form p strong:before {
content: attr(data-end) "\0040" attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
}

#contato label[for="campo_zaganeneOP"] span:before {
content: attr(data-end) attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
}

#contato form p button{
display: block;
position: absolute;
right: 20px;
background: transparent url('../imagens/seta_esq.gif') no-repeat 0 0;
color: black;
text-decoration: none;
width: 272px;
height: 65px;
border: 0;
bottom: -40px;
cursor: pointer;
}

/*tipos*/

#tipos article>div{
background-color: #DBDBDB;
border: 2px solid black;
width: 180px;
display: inline-block;
margin-top: 15px;
float: left;
}

#tipos article>div h3{
cursor: pointer;
padding: 6px 5px;
}

#tipos article>div h3::before{
content: "▶ ";
}

#tipos article>div h3:hover{
background-color: #EEEEEE;
}

#tipos article>div ul.divide {
border-bottom: 1px solid white;
display: none;
background-color: #EEEEEE;
}

#tipos article>div ul li{
list-style-type: none;
padding: 5px;
cursor: pointer;
}

#tipos article>div ul li:hover{
background-color: #B2B2B2;
}

#tipos article>div ul li a{
text-decoration: none;
color: black;
}

#tipos article h1{
width: 400px;
clear: left;
padding: 20px 0;
font-size: 1.3em;
}

#tipos article blockquote{
padding-left: 80px;
}

#tipos article blockquote.unico{
width: 550px;
float: left;
padding-left: 30px;
}

/*#tipos article figure{
float: right;
border: 2px solid black;
width: 540px;
display: inline-block;
vertical-align: top;
margin: 15px 45px 0 0;
}*/

#tipos article figure{
border: 2px solid black;
width: 100px;
display: inline-block;
vertical-align: top;
margin: 15px 45px 0 0;
}

#tipos article figure figcaption{
border-bottom: 2px solid black;
background-color: white;
}

#tipos article figure figcaption div{
width: 80px;
float: left;
text-align: center;
padding: 5px;
}

#tipos article figure figcaption div small{
font-size: 80%;
}

#tipos article figure figcaption div img{
margin: 5px 0;
cursor: pointer;
}

#tipos article figure figcaption p{
padding: 10px 0;
margin: 0 20px;
width: 400px;
display: inline-block;
}

/*historico*/

#historico section {
padding-bottom: 160px;
}

#historico article {
width: 780px;
display: inline-block;
margin: 30px 0 0 200px;
background-color: rgba(255,255,255,.4);
}

#historico article.abre {
margin: 0;
}

#historico article h1{
font-size: 20px;
padding: 30px 20px;
}

#historico article p{
padding: 0 20px;
font-size: 1.1em;
}

#historico article h3{
font-size: 1.2em;
margin-bottom: 15px;
}

#historico article p.tab {
padding: 0 20px 0 60px;
}

#historico article img.dir{
float: right;
margin: 15px 40px 0 20px;
}

#historico article img.esq{
float: left;
margin: 0 20px 20px 0;
}

#historico article.abre img{
float: right;
margin: 15px 40px 0 20px;
}

/*clientes*/

#clientes article.abre {
display: inline-block;
width: 700px;
}

#clientes article.abre h1{
padding: 30px;
font-size: 1.5em;
}

#clientes article.abre p{
padding: 0 30px;
margin-left: 30px;
}

#clientes blockquote {
clear: both;
margin: 30px 100px 30px 300px;
}

#clientes blockquote ul li {
float: left;
border: 1px solid silver;
background-color: white;
list-style-type: none;
margin-right: 15px;
margin-bottom: 15px;
padding: 7px;
}

#clientes dl {
width: 800px;
margin: 3em 5em 2em 8em;
clear: left;
background-color: rgba(255,255,255,.6);
}

#clientes dl dt{
font-size: 1.6em;
margin: .6em 2em;
}

#clientes dl dd{
padding-left: 4em;
}

footer {
font-size: 12px;
color: #828282;
float: right;
margin: 0 15px 10px 0;
}