/*************************************
   WELCOME TO THE CUSTOM STYLESHEET
--------------------------------------
              style.css
        BlueTrip CSS Framework
    Put your custom styles in here.
***************************************/

/**************************************/
/*           COLOR SCHEME             */
/**************************************
- black		#000
- white		#fff
-           #
-           #
-           #
***************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body{
background:url(../images/fundo-pg2.jpg);
font-family: Helvetica Neue LT Std, Helvetica, Arial, sans-serif;
}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

#main{
border:solid 0px #333;
min-width:1085px;
height:auto;
margin:10px auto 0 auto;
background:#fff;
}
#wrap{
background:url(../images/pista.jpg) bottom no-repeat;
border:solid 0px #d9d9d9;
margin:0;
padding:0;
padding-bottom:26px;
}
.justify{
text-align:justify;
}
/**************************************/
/*              HEADER                */
/**************************************/
#header{
border:solid 0px #333;
height:227px;
background:url(../images/header.jpg) no-repeat;
}
#header.page{
background:#fcfdfe url(../images/header-pages.jpg) top repeat-x;
height:176px;
}
img.logo{
position:relative;
margin:-45px 0 10px 17%;
border:solid 0px #333;
float:left;
}
img.logo-index{
position:relative;
margin:20px 0 0px 35%;
border:solid 0px #333;
float:left;
}
.languages{
position:relative;
list-style:none;
float:right;
margin:15px -20px 0 0;
}
/*-------Menu Secundário-----*/
.sec-menu{
border:solid 0px #333;
background:url(../images/fnd_sec-menu.gif) left no-repeat;
width:203px;
font-size:85%;
float:left;
margin:0 0 0 -10px;
padding:0 20px 0 0;
height:31px;
}
.sec-menu li{
display:inline;
padding:0;
margin:0 -10px 0 10px;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
#navigation{
border:solid 0px #333;
height:35px;
margin:0;
position:relative;
background:#fcfdfe url(../images/fnd_navigation.jpg) repeat-x;
color:#333333;
}
/*-------Menu Principal----------*/
ul.main-menu{
border:solid 0px #333;
background:#fefefe;
width:45%;
height:35px;
text-align:center;
position: relative;
z-index: 597;
margin:0 auto;
}
ul.main-menu li{
display:inline;
padding:0;
margin:0;
text-transform:uppercase;
line-height: 1.6em;
vertical-align: middle;
zoom: 1;
}
li.sub-menu:hover {
position: relative;
z-index: 599;
cursor: default;
}

li.sub-menu:hover > ul{
display:inline;
padding:0 2px -3px 2px;
margin:0;
visibility:visible;
}
/*----- Sub Menu Principal-------*/
ul.main-menu ul{
border:solid 1px #333;
visibility:hidden;
display:inline;
margin:0;
padding:0 2px;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
font-size:82%;
background:url(../images/fundo_sub-menu.png) bottom no-repeat;
}
ul.main-menu ul li{
display:block;
padding:0 0 0 1px;
margin:0;
text-align:left;
border:solid 0px #333;
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content{
border:solid 0px #333;
margin:0;
padding:0;
min-width:1005px;
min-height:315px;
background:#fefefe url(../images/back-home.jpg) bottom repeat-x;
}
#content.normal{
background:#fff;
}
.hel01{
background:url(../images/content-hel01.jpg) bottom repeat-x;
}
#page-banner{
border:solid 0px #d9d9d9;
height:140px;
padding:0;
margin:10px 0 0 0;
}
#breadcrumb{
border:solid 0px #d9d9d9;
margin:5px 65px 30px 55px;
font-size:70%;
font-weight:800;
font-family: Helvetica Neue LT Std, Helvetica, Arial, sans-serif;
text-transform:uppercase;
color:#666666 !important;
}
.sep{
color:#448d8e;
}
.voltar{
float:right;
}
#abas{
border:solid 0px #333;
width:105%;
padding-right:-20px;
margin:-57px 0 0 -41px;
}
.col{
border:solid 0px #333;
float:left;
width:420px;
margin:5px 20px 5px 20px;
font-family: Helvetica Neue LT Std, Helvetica, Arial, sans-serif;
font-size:90%;
color:#737373;
}
.aba-tipo{
border:solid 0px #333;
float:left;
}
ul.list-abas{
list-style:none;
border:solid 0px #333;
height:56px;
margin:-1px 0 0 0;
font-family: Helvetica Neue LT Std, Helvetica, Arial, sans-serif;
}
ul.list-abas li{
line-height:26px;
border:solid 0px #333;
display:inline;
background:url(../images/aba.jpg) bottom no-repeat;
width:125px;
font-size:80%;
font-family: Helvetica Neue LT Std, Helvetica, Arial, sans-serif;
}
#sidebar{
float:right;
margin:0 65px 0 20px;
border:solid 0px #d9d9d9;
}
#main-content{
border:solid 1px #d9d9d9;
background:#fdfdfd url(../images/fnd-main-content.jpg) top repeat-x;
margin:5px 65px 20px 55px;
padding:5px 0 5px 40px;
}
#main-content.comabas{
margin:60px 65px 20px 55px;
}
#main-content.comsidebar{
margin:0 285px 20px 55px;
}
#main-content.comsidebar div.text{
width:300px;
}
#main-content div.text{
width:260px;
border:solid 0px #333;
display:block;
text-align:justify;
float:left;
margin:10px 30px 10px 0px;
font-family:Arial, sans-serif;
font-size:90%;
color:#737373;
}
#tema{
border:solid 0px #d9d9d9;
width:300px;
height:200px;
float:right;
margin:15px 40px 15px 0px;
}
.turboelice{
margin:17px 5px 10px 20px;
}
.anv{
border:solid 0px #333;
margin:0;
padding:0;
overflow:hidden;
float:left;
}
#info-box{
border:solid 1px #d9d9d9;
color:#666666;
background:#fff;
padding:10px;
margin-top:5px;
text-align:center;
float:right;
}
#info-box.left{
float:left;
}
.anv-box{
border:solid 0px #d9d9d9;
background:#fdfdfd;
padding:10px;
text-align:center;
float:left;
margin:10px 5px -20px 200px;
}
.anv-box ul{
list-style:none;
padding:0 0 0 35px;
text-align:left;
border:solid 0px #333;
display:block;
width:100px;
float:left;
font-size:80%;
margin:0 2px 0 0;

}
.anv-box ul li{
padding:0 0 0 4px;
line-height:20px;
font-size:90%;
font-weight:bold;
}
.anv-box ul li strong{
font-size:170%;
}
ul.alc-info{
background:#fdfdfd url(../images/alcance.jpg) left no-repeat;
}
ul.pass-info{
background:#fdfdfd url(../images/pessoas.jpg) left no-repeat;
}
.anv-box ul.vel-info{
background:#fdfdfd url(../images/velocidade.jpg) left no-repeat;
width:150px;
padding-left:25px;
}

/*--------------Forms-------*/
#formcontato{
border:solid 0px #d9d9d9;
float:left;
width:405px;
padding:0 20px;
color:#666666;
}
div.labels{
border:solid 0px #d9d9d9;
float:left;
line-height:2.5em;
text-align:right;
margin-right:10px;
}
label{
text-transform:uppercase;
}
#formcontato input, #formcontato select{
width:300px;
margin:4px 0;
height:1.6em;
}
#formcontato select{
width:312px;
height:1.9em;
padding:2px 0;
font-family: monaco, "Lucida Console", courier, monospace;
font-size:90%;
}
#formcontato textarea{
width:300px;
margin:4px 0;
}
button#btnenviar{
border:solid 0px #343;
float:right;
background:none;
cursor:pointer;
}
button#env-curriculo{
border:solid 0px #343;
float:right;
background:none;
cursor:pointer;
margin-right:5px;
}
#formtrabalhe {
border:solid 0px #d9d9d9;
float:left;
width:418px;
padding:0 20px;
color:#666666;
}
#formtrabalhe input, #formtrabalhe select{
width:300px;
margin:4px 0;
height:1.6em;
}
#formtrabalhe select{
width:262px;
}
#formtrabalhe input[type=file]{
width:290px;
margin:2px 0;
}
#formtrabalhe div.labels{
border:solid 0px #d9d9d9;
float:left;
line-height:2.6em;
text-align:right;
margin-right:5px;
}
#aparenciafile{
position: absolute;
top: 684px;
left: 607px;
z-index: 1;
width:220px !important;
}

#curriculo-panel{
border: solid 0px #333;
text-align:left;
width:300px;
float:right;
padding:0 0 0 50px;
margin:-20px 10px 10px 0;
}
#curriculo-panel h5{
margin:0px;
}
#curriculo-panel p.alert{
margin:2px;
font-size:70%;
color:#f00;
}
.anexar{
position: absolute;
top: 684px;
left: 845px;
margin:6px 12px 0 5px;
z-index: 2;
cursor:pointer;
}
#formtrabalhe #mensagem{
width: 300px;
margin-top:6px;
}
a.btn{
 display: inline-block;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /*** Links ***/
  border:0px solid #dedede;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
.titulo{
float:left;
border:solid 0px #333;
display:inline-block;
width:100%;
}
.titulo h2{
display:inline;
border:solid 0px #333;
line-height:30px;
padding:0px 0 0 0;
margin:5px 0 0 19px;
vertical-align:middle;
float:left;
font-weight:bold;
}
#turboelice{
margin-left:-30px;
margin-top:10px;
}
.turboelice{
margin:0px 5px 10px 0px;
}
.turboelice h2{
margin-left:0 !important;
}

.nav-left{
margin:5px 5px 0 0 ;
padding:0;
line-height:30px;
border:solid 0px #333;
float:left;
display:block;
}
.nav-left img{
float:left;
}
.nav-right{
margin:5px 0 0 5px ;
padding:0;
line-height:30px;
border:solid 0px #333;
float:left;
display:block;
}
.nav-right img{
float:left;
}


.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel2{
position: relative; /*leave this value alone*/
border: 1px solid #d9d9d9;
overflow: scroll; /*leave this value alone*/
width: 930px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 930px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#mygallery2{overflow: hidden;}
#abas h3{
margin-left:20px;
}
#slideshow, #slideshow1, #slideshow2, #slideshow3, #slideshow4, #slideshow5, #slideshow6{
border:solid 0px #f00;
margin:0 20px;
width:884px !important;
height:350px !important;
padding:0;
}
#slidenav, #slidenav1, #slidenav2, #slidenav3, #slidenav4, #slidenav5 {position: absolute; top: 265px; z-index: 1000; overflow: hidden; width: 1000px; list-style:none;border:solid 0px #f00; margin-left:0;}
#slidenav li, #slidenav1 li, #slidenav2 li, #slidenav3 li, #slidenav4 li, #slidenav5 li { float: left; width:442px; margin:0; }
#slidenav li img, #slidenav1 li img, #slidenav2 li img, #slidenav3 li img, #slidenav4 li img, #slidenav5 li img {cursor: pointer}
#slidenav li#next, #slidenav1 li#next1, #slidenav2 li#next2, #slidenav3 li#next3, #slidenav4 li#next4, #slidenav5 li#next5{ text-align: right}
.erro{
font-size:60%;
text-transform:lowercase;
float:left;
display:none;
}
#carousel{
border:solid 0px #f00;
width: 300px !important; /*Width of Carousel Viewer itself*/
height: 200px !important; /*Height should enough to fit largest content's height*/
height:200px;
padding:0;
}
#carouselnav{
position: absolute;
top: 580px;
z-index: 1000;
overflow: hidden;
list-style:none;
border:solid 0px #f00;
margin-left:0;
}
#carouselnav li{
float: left;
display:inline;
margin:0;
}
#carouselnav li#prox{
padding-left:269px;
}
#carouselnav li img{
cursor:pointer;
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer{
border:0;
border-top:solid 10px #989898;
margin:0;
padding:0;
width:100%;
position: relative;
bottom:0;
height:34px;
background:url(../images/footer_bar.jpg) repeat-x;
}

.footer-content{
width:1085px;
border:solid 0px #333;
margin:0 auto;
height:34px;
padding:0;
}
img.logo-rodape{
margin:0;
padding:0;

}