* { outline: none !important; }
button::-moz-focus-inner { border: 0 !important; }

body {  font-family: Arial, Helvetica, sans-serif; background: #000 url('../images/bg.jpg') no-repeat scroll center -215px; margin: 0; overflow-x: hidden; }
#preload-img { display: none; }
#wrap {	height: 580px; width: 100%; }
#site {	width: 920px; margin: 0 auto; }

/* HEADER */
#header { height: 90px; color: #fff; }
#header h1 { text-indent: -9999em; background: transparent url('../images/sprites.min.png') no-repeat left top scroll; width: 169px; height: 76px; float: left; /*margin: 20px 30px 0 0;*/ margin: 0 30px 0 0; cursor: pointer; }

#utils { /*margin-top: 40px;*/ margin-top: 20px; font-size: 11px; width: 720px;	float: right; }
#utils > p { margin-top: 19px; float: left; }
#utils a { color: #fff;	text-decoration: none; }
#utils a:hover { text-decoration: underline; }

#customer-area { float: right; }
#customer-area p { margin-top: 4px; }

#chat {	float: left; }
#chat a { width: 115px;	height: 38px; padding: 8px 55px 0 0; display: block; background: transparent url('../images/sprites.min.png') no-repeat 127px -78px; text-align: right; }

#tracking {	margin-left: 20px; float: left; }
#tracking p { padding: 8px 15px 8px 0; float: left; border-right: 1px #fff dotted; height: 27px; margin-left: 15px; margin-top: 5px; width: 105px; text-align: right; }
#tracking form { float: right; }
.portuguese #tracking form { width: 208px; }
.english #tracking form { width: 230px; }
#tracking fieldset { display: inline; border: none; padding-left: 15px; padding-right: 0; position: relative; top: 4px; }
#tracking input { width: 100px; float: right; font-size: 11px; }
#login { margin-bottom: 2px; }
#tracking label { clear: both; float: left; padding: 3px 10px 0 0; text-align: right; }
#tracking button { float: right; background: none; border: none; cursor: pointer; margin-top: 4px; padding: 0; display: inline; height: 41px; width: 41px; background: url('../images/sprites.min.png') no-repeat scroll -293px -1px; text-indent: -999em; }

/* MENU & BODY */
#content { margin: 30px 0; height: 385px; }
#content > ul { padding: 0; margin: 0; }
#content > ul > li { list-style-type: none; height: 32px; margin-bottom: 1px; text-align: right; overflow: hidden; width: 2700px; position: relative; display: block !important; }
#content .nav { display: block; background-color: #1C2640; width: 1000px; height: 32px; float: left; }
#content li .nav a { color: #fff; padding-top: 8px; text-decoration: none; font-size: 12px; text-transform: uppercase; display: inline; float: left; width: 980px; height: 24px; }
#content li h2, #content li h3 { font-size: 12px; font-weight: normal; margin: 0; padding: 0; }

#content-quem-somos { left: -816px !important; }
#content-quem-somos .content { position: relative; left: -74px; }
#content-quem-somos .tabs { left: 467px; }
#content-o-que-fazemos { left: -787px; }
#content-o-que-fazemos .tabs { left: 15px; }
#content-o-que-fazemos .content { position: relative; left: -102px; }
#content-infraestrutura { left: -866px; }
#content-infraestrutura .content { position: relative; left: -24px; }
#content-fale-conosco { left: -837px; }
#content-fale-conosco .nav { background-color: #384C80 !important; }
#content-fale-conosco .tabs { left: 433px; }
#content-fale-conosco .content { position: relative; left: -53px; }

.tabs { position: relative; display: block;	float: left; height: 32px; overflow: hidden; }
.tabs li { position: relative; list-style-type: none; float: left; display: inline; width: auto !important; top: 32px; text-align: center !important; margin-right: 1px; }
.tabs li a { width: auto !important; padding: 6px 12px !important; margin-top: 2px; }
.tabs li a:hover, .tabs .active { background-color: #709AC6; }

.body { height: 260px; width: 100%; display: none; background: transparent url('../images/bg-content.png') repeat scroll 0 0; text-align: center; margin-top: 32px; }

.content { width: 920px; margin: 0 auto; display: none; position: relative; padding: 35px 0 0; }
.content hr { clear: both; height: 1px; visibility: hidden; margin: 0; padding: 0; }
.content p { margin: 0; }
.content p + p { margin: 10px 0 0; }
.content p + h4, .content h4 + p, .content ul + p { margin-top: 15px; }
.content h4 { margin: 0 0 15px; /*font-size: 140%; letter-spacing: -1px;*/ }
.content a { color: #fff; text-decoration: none; }
.content a:hover { text-decoration: underline; }
.content img { border: none !important; }
.content a.img, .content a.img img { float: left; overflow: hidden; }
.content a.img:hover { border: 4px solid #384C80; }
.content a.img:hover img { margin: -4px; }
.visible { display: block; }

/** FORM ELEMENTS **/
.content form { padding: 5px 0 0; }
.content label, .content input, .content textarea, .content form button, .content form select { font-size: 11px; color: #fff; background: none; }
.content label, .content input { float: left; margin-top: -15px; }
.content label { display: block; position: relative; top: 17px; left: 6px; cursor: text; width: 210px; }
.content input, .content textarea, .content select { border: 1px solid #384C80; padding: 2px 4px; }
.content input { margin: 0 0 5px; width: 200px; }
.content textarea { width: 415px; font-family: Arial, Helvetica, sans-serif; height: 55px!important; }
.content form button { float: right; border: 0; margin: 5px 0 0; padding: 0; text-transform: uppercase; cursor: pointer; }
.content form button:active { position: relative; top: 1px; left: 1px; text-decoration: underline; }
.content form button:hover { text-decoration: underline; }
.content form button:disabled { color: #ccc; }
.content form p.required { float: left;  margin-top: 5px; font-size: 11px; }
.content form select { float: left; margin-left: 0; margin-bottom: 1px; background: transparent; width: 210px; background: rgba(87, 113, 175, 0.7); }
.content form option { background: #5771AF; }
#contact-curriculum { width: 300px; }

.error { color: #F00 !important; width: 240px; }

#contact-email, label[for=contact-email], #contact-phone, label[for=contact-phone] { float: right; }

.wrap { overflow: hidden; }
.wrap > div { width: 10000px; }
.wrap, .col, .arrow { height: 191px; }

.arrow, .col { float: left; }
.arrow { width: 42px; margin-left: -45px; border: 0; padding: 0; text-indent: -999em; position: relative; cursor: pointer; }
.right { float: right; margin-right: -45px; margin-left: 0; margin-top: -187px; background: url('../images/sprites.min.png') transparent no-repeat scroll -556px 47px; }
.right:active { left: 1px; }
.left { background: url('../images/sprites.min.png') transparent no-repeat scroll -513px 47px; }
.left:active { left: -1px; }
.col { overflow: hidden; text-align: justify; width: 275px; font-size: 12px; color: #fff; line-height: 14px; }
.col ul { padding: 0 15px !important; }
.col li { list-style: circle outside !important; }
.col li li { list-style: disc outside !important; }
.col li a { color: #fff; text-decoration: underline; }
.mid { margin: 0 47px; }
.half { /*width: 435px; margin-right: 50px;*/ width: 425px; margin-right: 70px; }
.half + .half { /*margin: 0;*/ }

#slogans { height: 170px; width: 425px; overflow: hidden; float: right; text-indent: -9999em; background: transparent url('../images/sprites.min.png') no-repeat scroll -190px -140px; margin-top: 40px; }

/* FOOTER */
#footer { height: 85px; }
#footer hr { clear: both; visibility: hidden; height: 1px; margin: 0; }

#social-media { display: inline; float: left; margin: 15px 0 0; }
#social-media a { opacity: 0.7; width: 30px; height: 30px; overflow: hidden; text-indent: -9999em; display: block; float: left; margin: 0 5px 0 0; }
#social-media a:hover { opacity: 1; }

#blog { background: url('../images/sprites.min.png') no-repeat scroll -263px -3px; }
#twitter { background: url('../images/sprites.min.png') no-repeat scroll -201px -3px; }
#youtube { background: url('../images/sprites.min.png') no-repeat scroll -170px -3px; }
#flickr { background: url('../images/sprites.min.png') no-repeat scroll -232px -3px; }
#pgr { background: url('../images/sprites.min.png') no-repeat scroll -170px -43px; margin-left: 10px !important; position: relative; top: -10px; width: 170px !important; height: 45px !important; }
#pgr:hover { background: url('../images/sprites.min.png') no-repeat scroll -170px -91px; }

#highlights { float: right; display: inline; position: relative; top: -65px; left: 20px; }
#assistir, #mobile, #selo { display: block; text-indent: -999em; float: left; }
#assistir { background: url('../images/sprites.min.png') no-repeat scroll 0 -249px; width: 200px; height: 120px; position: relative; top: 10px; }
#mobile{ background: url('../images/sprites.min.png') no-repeat scroll -2px -130px; width: 170px; height:94px; position: relative; top: 25px; margin-right: 3px; cursor: default; }
#selo { background: url('../images/sprites.min.png') no-repeat scroll -340px -2px; width: 124px; height: 124px; }
#content-selo, #content-video { display: none; margin: 0 15px; font-size: 12px; }

#copyright { color: #fff; font-size: 10px; float: right; position: relative; top: -60px; clear: both; }

#w3ag { position: relative; top: -2px; opacity: 0.7; display: block; width: 45px; height: 18px; float: right; margin: 0 0 0 4px; background: url('../images/sprites.min.png') no-repeat scroll -45px -79px; text-indent: -999em; }
#w3ag:hover { opacity: 1; }