body {margin: 0; padding: 0; font-family: arial; font-size: 12px; background-color: #071e3e !important; background: url(image/fundo.jpg) center 40px no-repeat; background-attachment: fixed;}
a {text-decoration: none;}
h1 {font-family: candara, helvetica, arial;}
h1 {font-size: 30px; color: #222;}
.clear {width: 100%; height: 1px; clear: both;}
ul {margin-top: 7px; padding-left: 20px;}
li {list-style-type: none; margin: 3px 0;}
a {color: #004982; font-weight: bold;}
a:hover {text-decoration: underline;}
table tr td {text-align: center; height: 20px; background: #dedede;}

#header-container {width: 100%; height: 109px; border-top: 5px solid #10427d;}
#header-menu {width: 100%; height: 45px; background: url(image/header-background.png);}
#menu {width: 730px; height: 35px; margin: 0 auto;}
#menu a {font-weight: bold; color: #222; text-shadow: 0 1px 0 #999; font-size: 14px;}
#menu a:hover {text-decoration: underline;}
#menu li {float: left; list-style-type: none;}
#left-menu li {margin-right: 50px; margin-left: 0;}
#left-menu {float: left; margin-left: 0; padding: 0;}
#right-menu li {margin-left: 50px; margin-right: 0;}
#right-menu {float: right; padding: 0;}
#logo {width: 183px; height: 109px; background: url(image/logo.png); margin: 0 auto; margin-top: -45px;}
#logo a {display: block; width: 100%; height: 100%;}

#content {width: 851px; min-height: 250px; padding: 0; margin: 0 auto 45px auto; background: url(image/body-background.png) center center; margin-top: 20px;}
#content-header {width: 100%; height: 44px; background: url(image/content-header.png) center center no-repeat;}
#content-bottom {width: 100%; height: 30px; background: url(image/content-bottom.png) center center; padding-top: 35px;}
#content-bottom a {display: block; width: 90px; height: 22px; margin: 0 auto 0 auto;}
#content-body {min-height: 300px; width: 755px; margin: 0 auto;}
#entrada-text {width: 81%; min-height: 150px; float: left; text-align: justify;}
.extra {width: 15%; height: 150px; float: right; text-align: center; background: #eee; display: none !important;}
.extra a {display: block; width: 100%; height: 55px; font-size: 11px; color: #333; text-shadow: 0 1px 0 #fff; font-weight: bold;}
.extra a:hover {color: #003c7b; text-decoration: underline;}
.catalogo {display: block; width: 32px; height: 32px; background: url(image/pdf.png); margin: 0 auto;}
.galeria {display: block; width: 32px; height: 32px; background: url(image/galeria.png); margin: 0 auto;}
.catalogo, .galeria {margin-bottom: -10px; margin-top: 15px;}

#fotos {margin-top: -4px; width: 100%; overflow: hidden; height: 335px;}
#shadow-overlay {background: url(image/shadow-overlay.png); width: 757px; height: 344px; position: absolute; margin-top: -336px;}
#main-content {width: 715px; min-height: 200px; padding: 0 20px; margin-top: 20px;}
#main-content p {line-height: 19px; }
#breadcrumbs {width: 100%; height: 25px; margin-top: -15px;}
.separator {padding: 0 15px; display: inline-block; width: 4px; height: 7px; background: url(image/separator.png) 50% 50% no-repeat;}
.active-breadcrumb {color: #004892; font-weight: bold;}
.inactive-breadcrumb {color: #999;}
#breadcrumbs a:hover {color: #004892; text-decoration: underline;}

.submenu li {float: left;}
.submenu li a {padding: 5px 10px; color: #fff; background: #eee; margin: 0 1px; border-bottom: 1px solid #aaa; border-right: 1px solid #bbb; color: #000;}
.submenu li a:hover {background: #152f4e; text-decoration: none; color: #fff;}
.submenu {margin-bottom: 50px;}
.submenu-active {background: #152f4e !important; color: #fff !important;}

#contact-left {width: 360px; min-height: 100px; float: left; padding-top: 3px;}
#contact-left input, textarea {width: 345px; height: 25px; padding-left: 6px; padding-right: 6px; margin-top: 15px; outline: 0; border: 1px solid #aaa;}
#contact-left input:focus, textarea:focus {border: 1px solid #10427d; box-shadow: 0 0 5px #10427d; -webkit-box-shadow: 0 0 5px #10427d; -moz-box-shadow: 0 0 5px #10427d; -khtml-box-shadow: 0 0 5px #10427d; -ms-box-shadow: 0 0 5px #10427d; outline: 0; color: #000000; font-style: normal;}
textarea {font-family: arial; height: 100px; padding-top: 6px 5px; font-size: 12px; overflow: auto;}
.email, .telefone {float: left; width: 150px !important;}
.telefone {float: right !important;}
.send-button {width: 100px !important; height: 25px; padding: 5px 0 21px 0 !important; float: right; height: 28px !important; background: #10427d; border: 4px solid #e3f0ff !important; outline: 0 !important; color: #fff !important; cursor: pointer;}
#contact-right {width: 325px; min-height: 100px; float: right;}
#contact-right b {color: #999;}
#contact-right li {margin: 10px 0;}
.contact-title {display: block; width: 100%; height: 25px; margin: 15px 0 5px; padding-top: 10px; padding-left: 5px; background: #eee; color: #333 !important; font-family: georgia; font-style: italic; text-shadow: 0 1px 0 #ddd; border-bottom: 1px solid #a1c1e7;}
.phone, .fax, .adress, .contact-space, .contact-email {display: inline-block; width: 16px; height: 16px; margin-right: 7px; margin-bottom: -3px;}
.phone {background: url(image/phone.png) no-repeat center center;}
.fax {background: url(image/fax.png) no-repeat center center; width: 14px;}
.adress {background: url(image/home.png) no-repeat center center;}
.contact-email {background: url(image/email.png) no-repeat center center;}

#products {width: 100%; min-height: 100px;}
.product {width: 300px; height: 140px; float: left; margin-right: 20px;}
.product img {border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; box-shadow: 0 2px 4px #000; -webkit-box-shadow: 0 2px 4px #000; -moz-box-shadow: 0 2px 4px #000; -khtml-box-shadow: 0 2px 4px #000; -ms-box-shadow: 0 2px 4px #000; -o-box-shadow: 0 2px 4px #000; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 1; float: left;}
.product img:hover {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); box-shadow:0px 0px 30px gray; -webkit-box-shadow:0px 0px 30px gray; -moz-box-shadow:0px 0px 30px gray; -ms-box-shadow:0px 0px 30px gray; opacity: 1;}
.product span {display: inline-block; float: left; margin-top: 55px; color: #000; font-weight: bold;}
.see-pdf {padding-left: 15px; color: #999; font-style: italic; display: none;}
.see-pdf a {color: #004892; font-weight: bold;}
.pdf-back {display: inline-block; width: 32px; height: 32px; background: url(image/pdf.png); margin-bottom: -10px; margin-right: 7px;}

.footer-utilities {text-align:center; margin-bottom:30px;letter-spacing:0.1em;}
/* .footer-utilities a {color: #fff; text-shadow: rgba(0,0,0,1) 0 2px 2px} */
.footer-utilities a {background-color: #071e3e;padding:5px;box-shadow:0 0 12px #071e3e}