﻿#borda {background: #fff url(../imagens/bg_body.jpg) repeat-y center center; width:100%; height:100%;}
#site {background-color: #FFF;border: 1px solid #0E5198; border-top:none; margin: 0 auto;width: 776px;height: 100%}

#topo {background: #0099FF url(../imagens/bg_menu.png) no-repeat;width:776px;height: 78px}

/***** Menu *****/

#nav, #nav * { margin:0;padding:0 }
#nav { margin-right:13px;float:right;font:1em Arial, Helvetica, sans-serif;list-style-type: none }
#nav li { float: left }
#nav li a, #nav li a:link { color: #F9FBFD;padding-top: 23px;display: block;text-decoration: none }
#nav li span { margin: 0; border-right: 2px dotted #67B6DE;padding: 0px 7px 0px 7px }
#principal #nav li.principal a, #historia #nav li.historia a, #proeserv #nav li.proeserv a, #qualidade #nav li.qualidade a, #clientes #nav li.clientes a, #contato #nav li.contato a{ background: url(../imagens/menu-atual.png) no-repeat 50% 0px }
#nav li.contato a{ border-right:0;padding-left:8px; }
#nav li a:hover { text-decoration: underline;background: url(../imagens/menu-marc.png) no-repeat 50% 0px }
#principal #nav li.principal a:hover, #historia #nav li.historia a:hover, #proeserv #nav li.proeserv a:hover, #qualidade #nav li.qualidade a:hover, #clientes #nav li.clientes a:hover, #contato #nav li.contato a:hover { text-decoration: none;cursor:default; }

/***** Conteudo *****/

#conteudo {background: url(../imagens/bg_main.png) no-repeat 0 276px;color: #0F5298;font-size:1em;overflow: hidden}
#conteudo h1 {background: url(../imagens/blt_h1.gif) no-repeat 0 50%;height:36px;margin: 5px 0 15px 0;padding: 0 0 0 12px}
#conteudo h2 {background: url(../imagens/blt_h1.gif) no-repeat 0 50%;margin: 0 0 15px 20px;padding: 0 0 0 12px}
#conteudo h3 {background: url(../imagens/blt_h1.gif) no-repeat 0 50%;margin: 0 0 15px 20px;padding: 0 0 0 12px}
#conteudo p {padding:0 2.5em 1.25em 1em;text-align:justify;text-indent: 2em;line-height: 1.4em;display:block}
#conteudo ul li {background-color:#F0F6FA;text-indent: 1em;padding:1px 0 1px 0;margin-top: 2px;margin-right: 4em}
#conteudo ul li.inside {text-indent: 1.5em;}
#conteudo ul{list-style-type:square;list-style-position:inside}

/***** Principal *****/

#entrada {float:left;width: 310px;margin-left: 42px}
#entrada h1 {background:none;font-size:1.8em;margin-bottom: 1em;padding-left:0}

#menu{float:left;margin: 1em 0 0 4em}
#menu ul li {padding:0}
#menu ul li a, #menu ul li a:link{display:block;background: #FFF url(../imagens/op.png) no-repeat center top;color: #0F5298;
padding: 6px 6px 0 6px !important;margin:0 0 1px 0;width: 238px;height: 48px;border-bottom: 2px solid #F0F6FA}
#menu ul li a:hover{background: #FFF url(../imagens/op.png) no-repeat center bottom;color: #680200;text-decoration:none;border-bottom: 2px solid #F9EEEE}

.titulo{font-size:1.5em;font-weight:bold}

/***** Barras *****/

.barcont{float:left;width: 450px}

.baradic {float:left;width: auto;margin: 0;padding-left:2.5em;background: url(../imagens/adicional.jpg) no-repeat 0 50%}
.baradic li { margin-right: 5em }

/*****  Rodape *****/

#rodape {background: #FFF url(../imagens/rodape.png) no-repeat center bottom;height:41px;text-align:right;padding-right:62px;padding-left:62px;color:#FFF}
#rodape span {margin-top:15px;border-right: 2px dotted #67B6DE;padding: 0 7px 0 7px}
#rodape img.espaco {margin: 0 5px 0 5px}

#rodape span.baruch{border-right:0}
#rodape span.baruch a {color:#99C6DD}
#rodape span.baruch a:hover {color:#FFF; text-decoration:none}
.iraotopo {margin-right:48px}

/*****  Fotos *****/
.fotos     {border: 1px solid #D7E6F9;padding:5px }
a .fotos { border: 1px solid #D7E6F9;padding:5px;opacity:0.55;-moz-opacity: 0.55;filter: alpha(opacity=55) }
a:hover .fotos{ border: 1px solid #DA251D;opacity:0.85;-moz-opacity: 0.85;filter: alpha(opacity=85) }

/***** Formularios *****/

form { float:left;width: 450px }
fieldset { border: none;padding: 0}
label { float: left;width: 10em;margin-right: 1em;text-align: right }
fieldset ol { padding: 1em 1em 0 1em;list-style: none }
fieldset input, fieldset select, fieldset textarea { width: 20em;background:#F7F9FB;border: 1px solid #87A8CB;color: #0F5298 }
fieldset input:focus, fieldset select:focus, fieldset textarea:focus { background:#F0F4F8 }
fieldset input:hover, fieldset select:hover, fieldset textarea:hover { border: 1px solid #0F5298;background:#F0F4F8 }
fieldset li { float: left;width: 100%;padding-bottom: 1em }
fieldset button { border-style:none;text-indent: -9999px;cursor: pointer;float: left;width:62px;height:27px;margin-left: 10em;background: url(../imagens/bg_bntenviar.png) no-repeat top }
fieldset button:hover, fieldset button:focus { background-position: bottom }