/*************************************
   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;
margin:0;
padding-bottom:28px;
}
.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;
margin:-3px 0 0 0;
visibility:visible;
}
/*----- Sub Menu Principal-------*/
ul.main-menu ul{
border:solid 0px #333;
visibility:hidden;
display:inline;
margin:0 0 0 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;
}

.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;
border:none;
background:none;
}
.anv-box{
border:solid 0px #d9d9d9;
*width:550px!important;
background:#fdfdfd;
padding:10px;
text-align:center;
float:left;
margin:0px 5px -20px 240px;
}
.anv-box ul{
list-style:none;
padding:5px 0 4px 35px;
text-align:left;
border:solid 0px #333;
display:block;
float:left;
font-size:80%;
margin:0 2px 0 0;

}
.anv-box ul li{
padding:0 0 0 4px;
margin-top:-2px;
line-height:14px;
font-size:75%;
font-weight:bold;
}
.anv-box ul li strong{
font-size:140%;
}
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:110px;
padding-left:30px;
}

.anv-box ul.fotos-info{
background:#fdfdfd url(../images/fotos.gif) left no-repeat;
width:110px;
padding-left:30px;
}

/*--------------Forms-------*/
#formcontato{
border:solid 0px #d9d9d9;
float:left;
width:418px;
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:10px;
}
#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. */
}
#mygallery{overflow: hidden;}

.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;
}
#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-top:solid 10px #989898;
margin:-1px 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;
}
img.logo-rodape{
margin:0;
padding:0;
}


/* Galeria de Imagens*/

.main_image  {
    width: 598px;
    height: 456px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
    background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	padding:10px;
	margin-left:211px;
	margin-top:-631px;;
	display:none;
	z-index:700;
}

.carrosel{
	float:left;
height:456px;
margin-left:839px;
margin-top:-631px;
position:relative;
width:142px;
display:none;
z-index:701;
    /*--float: left;
    background: #333;
    position: relative;
    overflow: hidden; Overflow hidden allows the description to toggle/tuck away as it slides down
    color: #fff;
    background:none repeat scroll 0 0 #F0F0F0;
	border:1px solid #CCCCCC;
	padding:10px;--*/
}

.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}

.main_image img {
	height:458px;
	width:600px;
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
    display:none;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb  {
float:left;
margin-top:-1px;
}
.image_thumb img {
    padding:5px 5px 0;
    background: #fff;
    float: left;
    width: 119px;
    height:78px;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 0 5px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    background:none repeat scroll 0 0 #FFFFFF;
}
.image_thumb ul li.hover { /*--Hover State--*/
    /*background: #ddd;*/
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    /*background: #fff;*/
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

/*.curtina{display:none;background:#474747;bottom:0;height:100%;left:0;margin:0;opacity:.75;filter: alpha(opacity=70);padding:0;position:fixed;right:0;top:0;width:100%;z-index:597;}*/

.curtina{display:none;background:#474747;bottom:0;height:100%;left:0;margin:0;opacity:.75;filter: alpha(opacity=70);padding:0;position:fixed;right:0;top:0;width:100%;z-index:597;}

.lnkFechar  {background:url("../images/icons/lnk_fechar.gif") no-repeat scroll right 0px transparent;display:block;float:left;height:16px;margin-left:960px;margin-top:-655px;z-index:800;display:none;width:18px;overflow:hidden;text-indent:-9999px;}

.lnk_up{height:16px !important;width:119px !important;}

.lnk_down{height:16px !important;width:119px !important;}

.esticada{background:none repeat scroll 0 0 #FFFFFF;height:177px !important;width:139px;}