/*--PADRÃO-*/
body            {margin: 0px; padding: 0px; font-family: "Trebuchet Ms"; font-size: 13px; background: url(../images/back2.jpg) no-repeat top center;}

.links          {display: block; height: 30px; position: absolute; top:135px; margin-left: 370px; z-index: 999}
.links a        {width: 110px; height: 30px; display:block; float: left; margin-right: 5px; text-align: center; line-height: 30px; color:#FFF; text-decoration: none;}
.links a:hover  {text-decoration: underline;}

#btn-aprendiz           {background: #000}
#btn-estagio            {background: #C20005}
#btn-pcp                {background: #740B67}
#btn-ead                {background: #045C0A}
#btn-empresa            {background: #BB5300}


article#pages   {background: url(../images/bgpages.png); border-top: solid 3px #DDD; padding-bottom: 50px;}

article h2      {display: inline-block; padding: 3px 30px; margin: 30px 0 0 40px; font-size: 16px; color:#FFF; background: #344D91;}
article hr.line     {display: block; height: 1px; border: 0px; border-bottom: dotted 1px #CCC; margin: 0px; padding: 0px;}

article p           {display: block; margin: 10px 45px 30px 45px; text-align: justify; color:#666; font-size: 14px; line-height: 24px;}
article p b         {color:#000;}

article p.hidden    {display: none;}

article a.more      {width: 100px;display: block; color:#C20005; margin:10px 0 10px 40px ;}


article ol.ol-list          {display: block; margin:0 0 0 40px;}
article ol.ol-list li       {line-height: 25px;}

article ol.ol-list li a         {color:#18378C;}
article ol.ol-list li a:hover   {color:#BB5300;}

#form-candidato         {display: block; margin-top: 15px; margin-left: 40px;}

#goto               {width: 50px; height: 50px; position: fixed; bottom: 5px; right: 5px; background: url(../images/top.png) no-repeat top left; display: none;}
#goto:hover         {background-position: bottom left;}

.box-info           {display: block; margin: 0px; padding: 0px;}
.box-info li        {display: block; margin: 0px; padding: 0 0 0 20px; list-style-type: none;}
.box-info li.title  {font-size: 15px; border-bottom: dotted 1px #DDD; margin-top: 15px; color:#FFF; padding: 5px 0 5px 20px;}
.box-info li a      {color:#666; line-height: 25px;}
.box-info li a:hover    {color: #C20005}

.box-info#box-aprendiz li.title          {background: #000}
.box-info#box-estagio li.title            {background: #C20005}
.box-info#box-pcp li.title                {background: #740B67}
.box-info#box-ead li.title                {background: #045C0A}
.box-info#box-empresa li.title            {background: #BB5300}


/*--DEPOIMENTOS--*/
#container-page     {display: block; margin-right: 380px;}

#container-page .more-page          {width: 300px; display: block; background:#f1f1f1 url(../images/marcador.png) no-repeat left center; line-height: 30px; color:#000; font-size: 14px; text-indent: 55px; text-decoration: none; margin: 5px 0 0 35px; padding: 5px 0;}
#container-page .more-page:hover    {background:#DDD url(../images/marcador.png) no-repeat left center;}

#right-page        {width: 350px; display: block; float: right; margin-bottom: 15px;}

ul.depoimentos     {display: block; margin: 10px; padding: 5px; background: #f1f1f1; border: solid 1px #DDD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
ul.depoimentos img {position: absolute; margin-left: -23px; margin-top: 5px; z-index: 0;}
ul.depoimentos li  {display: block; margin: 0px; padding: 0 0 0 20px; list-style-type: none; z-index: 999; font-size: 12px;}

ul.depoimentos li.title    {font-weight: bold; font-size: 13px; padding-bottom: 5px; border-bottom: dotted 1px #DDD; margin-bottom: 10px;}
ul.depoimentos li i        {font-size: 11px; color:#666;}


/*-NOTICIAS-*/
#list-notice            {display: block; margin: 10px 0; border: solid 1px #DDD; padding: 10px;}
#list-notice a          {display: block; color:#000; border-bottom: dotted 1px #DDD; line-height: 25px; margin-bottom: 3px;}
#list-notice a:hover    {background: #f1f1f1;}

/*-GALERIA-*/
#list-gallery           {display: block; margin-top: 10px;}
#list-gallery .item     {height: 180px; display: block; border-bottom: dotted 1px #CCC; padding: 5px 0;}
#list-gallery .item .img-exibithion     {display: block; float: left; border: solid 1px #DDD; background: #f1f1f1; padding: 10px; margin-right: 10px;}
#list-gallery .item img                 {display: block;}

#list-gallery .info         {display: block; padding-top: 15px;}
#list-gallery .info b       {color:#C20005; font-size: 15px;}
#list-gallery .info p       {display: block; margin: 0px; padding: 0px; font-size: 13px;}

/*---VAGAS--*/
#list-vagas         {width: 100%; border: solid 1px #CCC; margin-top: 10px; text-align: center}
#list-vagas tr:hover  {background: #f1f1f1;}
#list-vagas tr#head   {background: #DDD; line-height: 30px; font-size: 13px; font-weight: bold;}
#list-vagas td        {border: solid 1px #f1f1f1; border-bottom: solid 1px #CCC;}

#info-vaga              {display: block; font-size: 14px; line-height: 30px;}
#info-vaga span         {display: block; padding-bottom: 8px;}
#info-vaga span b       {display: inline-block; width: 120px; border-bottom: dotted 1px #DDD; text-align: right; padding-right: 10px;}

/*--EMPRESAS--FORMS
*/

.forms          {display: block; margin: 0px; padding: 10px 30px;}
.forms h2         {display: block; padding: 15px 0; background: #045C0A url(../images/green.jpg) repeat-x top left; color:#FFF; margin: 0px; text-align: center;}

.forms fieldset   {display: block; border: 0px; margin: 0px; padding:10px 0px;}
.forms fieldset legend      {border: outset 1px #CCC; padding: 10px; background: #F1F1F1}
.forms fieldset label     {width: 340px; display: inline-block; color:#344D91; padding:0 0 5px 15px; font-size: 13px;}
.forms fieldset label input       {width: 300px; height: 22px; display: block; border: solid 1px #CCC;}
.forms fieldset label textarea      {width: 450px; height: 80px; display: block; border: solid 1px #CCC; font-family: "Trebuchet Ms"; font-size: 13px}  
.forms fieldset label select      {width: 300px; height: 30px; display: block; border: solid 1px #CCC; padding: 5px;}
.forms fieldset label select.erro, form fieldset label input.erro   {background: bisque; border: solid 1px burlywood}
.forms fieldset label.lblA, .forms fieldset label.lblB  {display:none;}
.forms fieldset label.lblA input,
.forms fieldset label.lblB input,
.forms fieldset label.lblA select,
.forms fieldset label.lblB select   {display: block; margin-left: 15px;}


.forms #submit            {width: 100px; height: 30px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #333; text-align: center; color:#FFF; border: 0px; cursor: pointer; margin-left: 15px; margin-top: 10px; text-decoration: none; line-height: 30px}
.forms #submit:hover      {background: #000;}

.forms #loading             {display: none;}

#msg            {display: block; border: dashed 1px #438743; background: #E1FFE1 url(../images/msg.png) no-repeat left center; line-height: 35px; text-indent: 40px; cursor: pointer; margin: 10px 0;}
#erro           {display: block; border: dashed 1px #EF9E0A; background: #FFFFCC url(../images/erro.png) no-repeat left center; line-height: 35px; text-indent: 40px; cursor: pointer;  margin: 10px 0;}

/*---CONTATO---*/

.part-contact       {width: 350px; height: 235px; display: block; float: left; background: #F4F4F4; border: solid 1px #CCC; padding: 5px; margin:5px 30px;}
.part-contact:hover {-moz-box-shadow: 0px 1px 5px #ADADAD;-webkit-box-shadow: 0px 1px 5px #ADADAD; box-shadow: 0px 1px 5px #ADADAD;}

.part-contact strong    {display: block; background: #344D91; line-height: 30px; text-align: center; color:#FFF;}
.part-contact span      {width: 200px; min-height: 85px; display: block; margin: 15px 0 5px 30px; padding:0 0 0 80px; font-size: 16px;}
.part-contact a         {width: 105px; height: 30px; background: #FFCC33; display: inline-block; line-height: 30px; text-align: center; color:#000; text-decoration: none; font-weight: bold; margin-left: 135px;}
.part-contact a:hover   {background: #FF9900}

.part-contact i.hour    {width: 350px; position: absolute; color:red; font-size: 11px; font-style: normal; text-align: center; padding: 5px 0; margin-top: 210px;}

ul.obs          {display: block; clear: both; margin: 20px 30px; padding: 0px;}
ul.obs li       {display: block; margin: 0px; padding: 10px 0; list-style-type: none; border-bottom: dotted 1px #CCC;}
ul.obs li img   {display: block; float: left; margin-right: 15px;}

/*---UNIDADES---*/
.clear{clear:both;}
#caixa_unidades{width:925px; margin:auto; font-size:12px;}

#formata_letras{float:left; padding:2px 2px 0px 2px; margin: 5px 0px 5px 0px;}
#formata_letras a{text-decoration:none; color:#666;}
#formata_letras a:hover{color:#ccc;}

#formata_todos{float:left; padding:0px 2px 0px 2px; margin: 5px 0px 5px 0px;}
#formata_todos a{text-decoration:none; color:#666; font-size:16px;}
#formata_todos a:hover{color:#ccc;}

/*---SUCESSO---*/

#sucesso img{padding:5px 0px 20px 50px; border:0;}
#sucesso a{text-decoration:none;}