﻿* { margin: 0; padding: 0; outline: 0; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
@font-face {
    font-family: futural;
    src: url('futural-webfont.eot');
	src: url('futural-webfont.otf') format("opentype");
    src: url('futural-webfont.eot?iefix') format('eot'),
         url('futural-webfont.woff') format('woff'),
         url('futural-webfont.ttf') format('truetype'),
         url('futural-webfont.svg#webfontesBrZs3F') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: futural; color: #4b4b4b; background: url("../img/fundo.jpg"); background-position: top center; background-repeat: no-repeat; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }

::selection { background-color: rgba(0, 0, 0, 0.2); }
::-moz-selection { background-color: rgba(0, 0, 0, 0.2); border: 10px solid red; }

logo	{float: right; position:absolute;}

h1 { color: #fff; position: relative; top: 5px; font-size: 40px; float:right; margin-right:50px; }
h1 a { color: #fff; position: relative; top: 5px; font-size: 40px; }

h1 a:hover { color: #fff; position: relative; top: 5px; font-size: 40px; }

h2 { color: #c61111; height: auto; font-size: 25px; position:relative; text-align:left; border-bottom: thin #CCC; margin-bottom: 10px;  }

h5 { color: #000; height: auto; font-size: 19px; position:relative; text-align:left; border-bottom: thin #CCC; margin-bottom: 10px;  }


h6 { color: #FFF; font-size: 40px; position:relative; text-align:center; border-bottom: thin #CCC; margin-bottom: 25px; margin-top: -300px;  }


h2 span.sub { font-size: 36px; float: left; color: #FFF; font-weight:bold; margin-top: 50px;}

h3 { font-size: 18px; float: left; color: #FFF; font-weight:bold; font-variant:uppercase; margin-right: 25px; padding: 5px;padding-bottom: 300px; background-color: #5e0101; display: block; background-image: url(../img/people.jpg); background-position: center -25px left; background-repeat: no-repeat;}

h9	{margin-bottom: 15px; font-size: 18px;}

h8	{margin-left: 25px;}

h4	{background-image: url("../img/8.png"); background-repeat: no-repeat; padding-left: 25px; display: block; padding-bottom: 5px; margin-left: 20px;}

h7	{margin-top: 100px;}

#texto a	{text-decoration: none; padding-bottom: 2px; color: #333; padding: 2px;}
#texto a:hover	{text-decoration: underline; padding-bottom: 2px; background-color: #CCC; padding: 2px; color: #c61111}
a { text-decoration: none; padding-bottom: 2px; color: white; }
a:hover { text-decoration: none; padding-bottom: 2px; }
a:active { text-decoration: none; padding-bottom: 2px; position: relative; top: 1px; }

p { font-size: 16px; margin-bottom: 15px; line-height: 19px; color: #000; }
strong { font-family: KeffeesatzBold, KeffeesatzBold1; }

header { padding: 5px 0; width: 100%; background-image: url(../img/header.jpg); background-position: top center; height: 145px; margin-bottom: 75px; position: relative; z-index: 10; float: left; }
#headercontainer, #contentcontainer { width: 960px; margin: 0 auto; position: relative; }
#contentcontainer { float: none; padding-top: 35px; margin-top: 15px; }

nav { width: auto; float: left; }
nav ul { position: relative; right: 0; display: block; margin-top: 115px; }
nav ul li { display: inline; margin-left: 10px; }
nav ul li a { padding: 5px; font-size: 20px; border-bottom: none; color: white; }
nav ul li a:hover { padding: 5px; font-size: 20px; border-bottom: none; color: black;  background: url("../img/branco.png") }

nav3 { width: 1000px; margin: auto; font-size: 10px; text-align: center;}
nav3 ul {  margin-top:250px; display: block; margin-top: 115px; font-size: 14px;}
nav3 ul li { }
nav3 ul li a { border-bottom: none; color: white; padding: 3px; }
nav3 ul li a:hover { padding: 3px; border-bottom: none; color: black;  background: url("../img/branco.png") }

nav2	{
	float: left;
	margin-top: 5px;
}
#nav2 ul {
	right: 0;
	width: 355px;
}
#nav2 ul li { margin-left: 10px; display: inline; list-style: none;}
#nav2 ul li a { font-size: 15px; border-bottom: none; color: white; display: block; height: 18px; clear: both; }
#nav2 ul li a:hover { display: block; font-size: 15px; border-bottom: none; color: white;  background: url("../img/preto.png"); background-repeat: no-repeat; }


#nav2 ul li a.academia { margin-left: 135px; }
#nav2 ul li a.academiaactive { margin-left: 135px; background: url("../img/preto.png"); background-repeat: no-repeat; width: auto; color: #c61111; font-weight:bold;}
#nav2 ul li a.lideranca { margin-left: 37px; }
#nav2 ul li a.liderancaactive { margin-left: 37px; background: url("../img/preto.png"); background-repeat: no-repeat; color: #c61111; font-weight:bold; }
#nav2 ul li a.team { margin-left: 90px; }
#nav2 ul li a.teamactive { margin-left: 90px; background: url("../img/preto.png"); background-repeat: no-repeat; color: #c61111; font-weight: normal;}
#nav2 ul li a.recrutamento { margin-left: 65px; }
#nav2 ul li a.recrutamentoactive { margin-left: 65px; background: url("../img/preto.png"); background-repeat: no-repeat; color: #c61111; font-weight:bold; }
#nav2 ul li a.coaching { margin-left: 172px; }
#nav2 ul li a.coachingactive { margin-left: 172px; background: url("../img/preto.png"); background-repeat: no-repeat; color: #c61111; font-weight:bold; }
#nav2 ul li a.avaliacao { margin-left: 65px; }
#nav2 ul li a.avaliacaoactive { margin-left: 65px; background: url("../img/preto.png"); background-repeat: no-repeat; color: #c61111; font-weight:bold;}
#nav2 ul li a.remuneracao { margin-left: 90px; }
#nav2 ul li a.remuneracaoactive { margin-left: 90px; background: url("../img/preto.png"); background-repeat: no-repeat; color: #c61111; font-weight:bold; }
#nav2 ul li a.clima { margin-left: 30px; }
#nav2 ul li a.climaactive { margin-left: 30px; background: url("../img/preto.png"); background-repeat: no-repeat; color: #c61111; font-weight:bold;}

section { margin:auto; width: 900px; margin-bottom: 250px; }
#texto	{width: 600px; float: right; padding: 15px; background: url("../img/branco.png"); margin-right: -90px; margin-top: -290px; border-right: 2px solid #5e0101; margin-bottom: 150px; position: relative; z-index: 1000; }


#contact { margin-bottom: 0px; }

#diferenciais	{margin-bottom: 275px;}


#contato	{
	margin-top: -50px;}


footer ul { margin-bottom: 15px; margin: auto; width: 980px; padding: 15px;}
footer ul li { display: inline; margin-right: 50px; }
footer ul li a { font-size: 14px; margin-left: 10px; }
footer ul li img { vertical-align: bottom; }

footer { clear: both; margin-top: 150px; background-image: url(../img/rodape.jpg); background-position:top; background-color:#790202; height: 270px; color: white;  background-repeat: repeat-x;}

figure	{margin-bottom: 25px;}

.slideshow {
	position:relative;
	padding:0;
	margin:0;
}
.slideshow a img {
    border:none;
}
.slideshow li.slide {
    list-style-type:none;
}
.slideshow .slides {
	height:399px;
	margin:0;
}
.slideshow .slides li.slide {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0;
}
.slideshow .buttons {
    display:none;
}
.slideshow .buttons {
	display:block;
	position:absolute;
	z-index:100;
	left: 270px;
	top:362px;
	margin:auto;
	width: 131px;
}
.slideshow .buttons li {
	float:left;
	display:inline;
	width:´15px;
	height:30px;
	margin:0;
	padding-left:11px;
	line-height:30px;
	background-color: #270F05; 
	background-repeat:no-repeat;
}
.slideshow .buttons li a {
	float:left;
    text-decoration:none;
	width:15px;
	height:30px;
	color:#fff;
	outline:0;
}
.slideshow ul.buttons li a:hover {
    text-decoration:none;
    color:#0a0a0a;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
	color:#FFF;
}
   ------------------------------------------------------------------------------ */
/* #############################   GENERALS   ################################### */
/* ------------------------------------------------------------------------------ */

.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */
  
  /* Some generals and more resets */
  .uniForm fieldset{ border: none; margin: 0; padding: 0; }
    .uniForm fieldset legend{ margin: 0; padding: 0; }
    
    /* This are the main units that contain form elements */
    .uniForm .ctrlHolder,
    .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }
    
    /* Clear all floats */ 
    .uniForm:after,
      .uniForm .buttonHolder:after, 
      .uniForm .ctrlHolder:after, 
        .uniForm .ctrlHolder .multiField:after,
          .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
      
      .uniForm label,
      .uniForm button{ cursor: pointer; }

/* ------------------------------------------------------------------------------ */
/* ##########################   DEFAULT LAYOUT   ################################ */
/* ------------------------------------------------------------------------------ */
/*       Styles for form controls where labels are above the input elements       */
/* ------------------------------------------------------------------------------ */

      .uniForm label,
      .uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; }
      
      /* Float the input elements */
      .uniForm .textInput,
      .uniForm .fileUpload,
      .uniForm .selectInput,
      .uniForm select,
      .uniForm textarea{ float: left; width: 53%; margin: 0; }
      
      /* Read-Only output */
      .uniForm .readOnlyLabel{ margin: 0; font-size: 1em; font-weight: bold; }
      .uniForm .readOnly{ font-size: .85em; }
        .uniForm .readOnly .choiceLabel{ color: #777; text-transform: uppercase; font-size: .75em; letter-spacing: .15em; }
      
      /* Postition the hints */
      .uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; }
      
      /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
      .uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; }
        .uniForm ul li{ margin: 0 0 .5em 0; list-style: none; }
          .uniForm ul li label{ margin: 0; float: none; display: block; overflow: visible; }
        /* Alternate layout */
        .uniForm ul.alternate li{ float: left; width: 30%; margin-right: 3%; }
          .uniForm ul.alternate li label{ float: none; display: block; width: 98%; }
            .uniForm ul .textInput,
            .uniForm ul .selectInput,
            .uniForm ul select,
            .uniForm ul.alternate .textInput,
            .uniForm ul.alternate .selectInput,
            .uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; }
            
        /* Required fields asterisk styling */
        .uniForm label em,
        .uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; }

/* ------------------------------------------------------------------------------ */
/* #########################   ALTERNATE LAYOUT   ############################### */
/* ------------------------------------------------------------------------------ */
/*    Styles for form controls where labels are in line with the input elements   */
/*    Set the class of the parent (preferably to a fieldset) to .inlineLabels     */
/* ------------------------------------------------------------------------------ */

      .uniForm .inlineLabels label,
      .uniForm .inlineLabels .label,
      .uniForm .inlineLabels .readOnlyLabel{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; }
      
      .uniForm .inlineLabels .readOnlyLabel{ margin: 0; }
      
      /* Float the input elements */
      .uniForm .inlineLabels .textInput,
      .uniForm .inlineLabels .fileUpload,
      .uniForm .inlineLabels .selectInput,
      .uniForm .inlineLabels select,
      .uniForm .inlineLabels textarea{ float: left; width: 64%; }
            
    /* Postition the hints */
    .uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; }
    
    /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
    .uniForm .inlineLabels ul{ float: left; width: 66%; }
      .uniForm .inlineLabels ul li{ margin: .5em 0; }
        .uniForm .inlineLabels ul li label{ float: none; display: block; width: 100%; }
      /* Alternate layout */
      .uniForm .inlineLabels ul.alternate li{ margin-right: 3%; margin-top: .25em; }
          .uniForm .inlineLabels ul li label .textInput,
          .uniForm .inlineLabels ul li label textarea,
          .uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%;  }
    
    .uniForm .inlineLabels .readOnly{ float: right; width: 66%; }
    
    /* Required fields asterisk styling */
    .uniForm .inlineLabels label em,
    .uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; }

/* ----------------------------------------------------------------------------- */
/* ########################### Additional Stuff ################################ */
/* ----------------------------------------------------------------------------- */

  /* Generals */
    .uniForm legend{ color: inherit; }
    
      .uniForm .secondaryAction{ float: left; }
      
      /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
      .uniForm .inlineLabel input,
      .uniForm .inlineLabels .inlineLabel input,
      .uniForm .blockLabels .inlineLabel input,
      /* class .inlineLabel is depreciated */
      .uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; }
            
      .uniForm .buttonHolder .inlineLabel,
      .uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; }
      
      /* When you don't want to use a label */
      .uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ }
      
      /* Classes for control of the widths of the fields */
      .uniForm .small { width: 30% !important; }
      .uniForm .medium{ width: 45% !important; }
      .uniForm .large {  } /* Large is default and should match the value you set for .textInput, textarea or select */
      .uniForm .auto  { width: auto !important; height: auto !important; }
      .uniForm .small,
      .uniForm .medium,
      .uniForm .auto{ margin-right: 4px; }

/* Columns */
.uniForm .col{ float: left; }
.uniForm .col{ width: 50%; }

ul#css3menu1	{
	margin-top: 115px;
}

ul#css3menu1,{
	margin-top:115px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;padding:0 10px 10px;padding: 5px; font-size: 20px; border-bottom: none; color: black;  background: url("../img/branco.png");margin:0;list-style:none;padding:0; }
ul#css3menu1 li:hover>*{
	display:block; padding: 5px; font-size: 20px; border-bottom: none; color: black;  background: url("../img/branco.png")}
ul#css3menu1 li:hover{
	position:relative;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;color:#333;}
ul#css3menu1{
	display:block;font-size:0;float:left;}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;float:left; color: #333;}
ul#css3menu1>li,ul#css3menu1 li{
	margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;}
ul#css3menu1 ul li{
	float:none;margin:5px 0 0;font-size: 20px; color: #333;}
ul#css3menu1 ul a{
	text-decoration:none; color:#333;}
ul#css3menu1 li:hover>a{
	padding: 5px; font-size: 20px; border-bottom: none; color: black; }
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul li:hover>a{
	color:#000000;text-decoration:none;}
ul#css3menu1 li.toplast>a{
	height:22px;line-height:22px;}
ul#css3menu1 li.toplast:hover>a{
	line-height:22px;}
	
	#texto_inst	{width: 550px; padding: 15px; background: url("../img/branco.png"); margin-right: auto; margin-left: auto; margin-bottom: 150px; }

div.valid{
  background: url(../img/ok.png) 100% 2.75em no-repeat;
}
