/** HTML elements */
* { margin: 0; padding: 0; outline: none; }
body { position: relative; margin: 0; background: url("../img/background.jpg") repeat scroll 50% 0 #FFFFFF; font: normal 13px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; color: #666; }
h1 { font: normal 26px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; color: #444; margin: 0; padding: 10px 0; }
h2 { font: normal 21px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; color: #00aeef; margin: 0; padding: 10px 0; }
h3 { font: normal 18px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; color: #00aeef; margin: 0; padding: 3px 0; text-transform: uppercase; }
h4 { font: bold 15px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; margin: 0; padding: 2px 0; text-transform: uppercase; }
p { margin: 5px 0; }
img { border: none; }

/** Links (default) */
a:link, a:visited, a:active  { color: #00aeef; text-decoration: underline; } 
a:hover  { color: #00aeef; text-decoration: none; }

/** Links (custom) */
a.gray:link, a.gray:visited, a.gray:active  { color: #666; text-decoration: underline; } 
a.gray:hover  { color: #666; text-decoration: none; }

/** Id elements */
#header { position: relative; background: #fff; height: 100px; }
#logo { position: relative; float: left; width: 280px; padding: 7px 0 0 45px; }
#menu { position: relative; float: left; width: 610px; }
#menu ul { padding: 0; margin: 0; width: 100%; list-style: none; font: normal 13px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; text-transform: uppercase; }
#menu ul li { display: inline; }
#menu ul li a { background: #fafafa; color: #6c6c6c; text-decoration: none; border-left: 1px solid #eee; border-bottom: 4px solid #fafafa; height: 56px; float: left; padding: 40px 25px 0 25px; }
#menu ul li a.active, #menu ul li a:hover { background: #f4f4f4; color: #00aeef; border-bottom: 4px solid #00aeef; }
#menu ul li a.active { cursor: default; }
#menu ul li a.last { border-right: 1px solid #eee; }

#body { position: relative; background: url(../img/bg-body.png) repeat-x; min-height: 300px; padding: 30px 0 0; }
#body .content-home { position: relative; margin: 0 auto; width: 940px; }
#body .content { position: relative; margin: 0 auto; margin-bottom: 30px; width: 940px; background: #fff url(../img/bg-content.gif) repeat-x 0 bottom; border-radius: 8px; min-height: 380px; }
#body .content p { margin: 10px 0; }
#body .content .pad { padding: 10px 30px 15px 30px; }
#body .boxes { clear: both; position: relative; padding-top: 20px; }
#body .boxes .left { position: relative; width: 302px; float: left; margin: 0 17px 20px 0; }
#body .boxes .middle { position: relative; width: 302px; float: left; margin: 0 17px 20px 0; }
#body .boxes .right { position: relative; width: 302px; float: right; margin: 0 0 20px 0; }
#body .boxes .testimonials { position: relative; background: url(../img/bg-testimonials.png) no-repeat; height: 140px; font: normal 13px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; padding: 30px 30px 0 30px; }
#body .boxes .author { position: relative; top: -18px; right: 8px; padding-left: 20px; text-align: right; }
#body .boxes  .nbr1 { position: relative; background: url(../img/number-01.gif) no-repeat 0 50%; min-height: 50px; padding-left: 63px; margin-bottom: 10px; }
#body .boxes  .nbr2 { position: relative; background: url(../img/number-02.gif) no-repeat 0 50%; min-height: 50px; padding-left: 63px; margin-bottom: 10px; }
#body .boxes  .nbr3 { position: relative; background: url(../img/number-03.gif) no-repeat 0 50%; min-height: 50px; padding-left: 63px; margin-bottom: 10px; }

#slideshow { position: relative; width: 940px; height: 280px; }
#nav { z-index: 50; position: absolute; bottom: 20px; left: 15px; }
#nav a { margin: 0 3px; padding: 0 6px 2px 6px; border: 1px solid #ccc; color: #868686; background: #f3f3f3; text-decoration: none; border-radius: 2px; }
#nav a.activeSlide, #nav a:hover { background: #00aeef; border: 1px solid #00aeef; color: #fff; }
#nav a:focus { outline: none; }

#testimonials ul { margin: 0; padding: 0; }
#testimonials ul li { background: url(../img/quotation-mark.gif) no-repeat scroll 20px 15px transparent; list-style-type: none; margin: 0; padding: 15px 0 5px 75px; }

#customer-logo { position: relative; margin-top: 20px; }
#customer-logo tr td { background: url(../img/bg-logo.png) no-repeat 50% top; width: 212px; height: 220px; }
#customer-logo .plastcor { position: relative; height: 200px; background: url(../img/logo-plastcor.gif) no-repeat 50% 45%; }
#customer-logo .bl-tecnologia { position: relative; height: 200px; background: url(../img/logo-bl-tecnologia.gif) no-repeat 50% 45%; }
#customer-logo .equaliza { position: relative; height: 200px; background: url(../img/logo-equaliza.gif) no-repeat 50% 45%; }
#customer-logo .plast-mg { position: relative; height: 200px; background: url(../img/logo-plast-mg.gif) no-repeat 50% 45%; }
#customer-logo .vedal { position: relative; height: 200px; background: url(../img/logo-vedal.gif) no-repeat 50% 45%; }
#customer-logo .controle-consultoria { position: relative; height: 200px; background: url(../img/logo-controle-consultoria.gif) no-repeat 50% 45%; }
#customer-logo .costa-cerealista { position: relative; height: 200px; background: url(../img/logo-costa-cerealista.gif) no-repeat 50% 45%; }
#customer-logo .embalplast { position: relative; height: 200px; background: url(../img/logo-embalplast.gif) no-repeat 50% 45%; }
#customer-logo .link { position: absolute; bottom: 16px; right: 22px; }

#follow-icon { position: relative; display: inline-block; list-style: none; }
#follow-icon li { float: left; margin-right: 6px; }
#follow-icon .hover { position: absolute; top: 0; }

#footer { position: relative; margin: 0 auto; width: 940px; clear: both; border-top: 1px solid #d8d8d8; padding: 10px 0; }
#footer .left { position: relative; float: left; width: 300px; padding: 5px 5px 20px 5px; text-transform: uppercase; }
#footer .right { position: relative; float: right; width: 500px; text-align: right; padding: 5px 5px 20px 5px; }

/** Classes (form elements) */
.input { background: #FFF; border: 1px solid #CCC; color: #666; font: normal 13px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; padding: 6px 4px 6px 6px; }
.input:focus { border: 1px solid #9dd6eb; background: #f1f8fb; color: #608e9f; -moz-box-shadow: 0 0 5px #d6e9f0; -webkit-box-shadow: 0 0 5px #d6e9f0; box-shadow: 0 0 5px #d6e9f0; }
.button { background: #f8f8f8; padding: 3px 10px 5px 10px; font: normal 13px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; color: #666; border: 1px solid #ccc; cursor: pointer; margin-right: 5px; text-transform: uppercase; border-radius: 3px; }
.button:hover { background: #00aeef; color: #FFF; border: 1px solid #00aeef; -moz-box-shadow: 0 0 5px #00aeef; -webkit-box-shadow: 0 0 5px #00aeef; box-shadow: 0 0 5px #00aeef; }
.required { font: bold 11px verdana; color: red; margin-left: 3px; }
.form-tip { text-align: right; font: normal 12px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; color: #969696; border-top: 1px solid #ccc; padding: 5px 0; margin-top: 15px; }
.error { margin: 10px 0; border: 1px solid #ab5757; background: #ffd4d4 url(../img/icon-error.png) no-repeat 13px 50%; padding: 10px 10px 10px 36px; color: #ab5757; border-radius: 4px; }
.warning { margin: 10px 0; border: 1px solid #9aadbb; background: #d4ecf8 url(../img/icon-warning.gif) no-repeat 13px 50%; padding: 10px 10px 10px 36px; color: #526b89; border-radius: 4px; }

/** General classes */
.wrapper { margin: 0 auto; width: 990px; }
.bullets { padding: 0 0 0 30px; }
.clear { clear: both; }
.accordion-title { font: normal 18px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; color: #00aeef; margin: 0; padding: 3px 0; text-transform: uppercase; cursor: pointer; }
.bullets-wrapper { background: #f8f8f8; padding: 15px 10px; margin-bottom: 13px; border: 1px solid #e4e4e4; border-radius: 8px; }
.float-image { float: left; margin: 10px 20px 15px 0; }
.buttons { position: relative; padding: 10px 0; }
.quote { font: bold 13px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; text-align: center; padding: 10px 50px; }
.small { font: normal 11px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; text-transform: uppercase; }
.strong { font-weight: bold; }