@charset "utf-8";

* {margin: 0;padding: 0;} 
body { margin:0; padding:0; width:100%; background:#ddd url(images/bg.gif) top repeat-x;}
img, table, a {border: none;}

hr { margin:10px 0; padding:0; border:0; outline:0; background:#cacaca; height:1px;}

a {
      text-decoration:none;
      cursor: pointer;
}
a:hover { text-decoration:underline;}

.blue { color:#26739f;} 
.red { color:#ff0000;}

/* principal */
.principal {width:100%; padding:0; margin:0 auto; }
.centro { width:975px; margin:0 auto;}

/********** header **********/
.topo { margin:0 auto; width:975px;}
/* top */
p.topoo { text-align:right; padding:7px 0;}
p.topoo a { color:#7c7c7c; font:normal 11px Tahoma, Geneva, sans-serif;}
p.topoo a:hover {text-decoration: none; color:#2b93e1; }
/* logo */
.logo { float:left; padding:41px 30px; width:250px;}
/* menu */
.menu { float:right; width:650px; padding:10px 0 0 0;}
.menu ul { padding:0; list-style:none; float:right;margin-top: 40px; }
.menu ul li { float:left; margin:0; }
.menu ul li a { display:block; color:#FFF; font:normal 14px Arial, Helvetica, sans-serif;}
.menu ul li span { display:block; position: relative; z-index: 10;color:#8c8c8c; font:normal 11px Arial, Helvetica, sans-serif;}
.menu ul li a:hover{ text-decoration:none;}

#lava {position: relative;}
#lava li {}
#lava li.back { background: url("images/bg_menu.png") no-repeat right bottom; width: 1px; height: 50px; z-index: 8; position: absolute;}
#lava li.back .left{background: url("images/bg_menu.png") no-repeat ; height: 50px; margin-right: 10px;  /* 7px is the width of the rounded shape */}
#lava li a {z-index: 10;position: relative;overflow: hidden; padding: 10px 20px;}
#lava li a:hover, #lava li a:active, #lava li a:visited {border: none;color:#FFF;}

.body { padding:10px 0; border-bottom:1px solid #dcdcdc; background:#e9e9e9;}
.segundo_body { padding:10px 0; border-top:1px solid #FFF; background:#f0f0f0;}
.box .content { padding:20px; margin:10px 0;}

/* conteudo */
.conteudo {}
.conteudo h2 { color:#373737; font:normal 18px Arial, Helvetica, sans-serif; padding:10px; margin:0 0 10px 0; border-bottom:1px solid #bbb;}
.conteudo h3 { color:#373737; font:normal 18px Arial, Helvetica, sans-serif; padding:10px; margin:10px 0 0 0;}
.conteudo p { color:#505050; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.6em; padding:5px 10px;}
.conteudo a { color:#505050; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.6em;}


/*
Formatação do currículo
*/

.conteudo .left { 
      float:left;
      width:610px;
      padding:0 10px;
}

.curriculo {
      list-style: none;
}
.conteudo .right { 
      float:right;
      width:312px;
      padding:0 10px;
}
#formulario {
      float: left;
      width: 610px;
}
.curriculo {
      color: #505050;
      font-family: Arial,Helvetica,sans-serif;
      font-size: 11px;

}
.curriculo li {
      width: 550px;
      height: 40px;
      margin-top: 5px;
}
.curriculo .textar {
      width: 550px;
      height: 100px;
      margin-top: 5px;
}
.curriculo li label {
      width: 170px;
      height: 28px;
      text-align: right;
      float: left;
      background-color: #E9E9E9;
      font-weight: bold;
      padding-top: 10px;
      padding-right: 5px;
      margin: 0;
}
.curriculo .labeltextar {
      width: 170px;
      height: 100px;
      text-align: right;
      float: left;
      background-color: #E9E9E9;
      font-weight: bold;
      margin: 0;
}
.curriculo li input {margin-top: 7px;margin-left: 5px;}
.curriculo li select {margin-top: 7px;margin-left: 5px;}
.curriculo li textarea {margin-top: 7px;margin-left: 5px;width: 300px;height: 90px;}
.curriculo span {color: red;}
.curriculo .dicas {margin: 5px 0;border: 1px solid #CCC;padding: 10px;}
.curriculo .dicas img {margin-right: 10px;vertical-align: bottom;}
.curriculo h3 {margin: 10px 0;}
.curriculo h4 {margin: 10px 0;}

div.testi { background:url(images/test_bg.gif) repeat-y; width:292px; margin:20px 10px;}
div.testi div { background:url(images/test_top.gif) no-repeat top;}
div.testi div div { background:url(images/test_bot.gif) no-repeat bottom; width:272px; padding:15px 10px 30px 10px;}

ul.list { margin:0; padding:0; list-style:none;}
ul.list li { margin:0; padding:5px 20px 5px 20px; color:#505050; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.6em;}
ul.list li img { float:left; padding:0 20px 0 5px;}

ul.sub_navigation { margin:0; padding:0; list-style:none;}
ul.sub_navigation li { margin:0; padding:10px 10px 0 10px; list-style:none;}
ul.sub_navigation a { display:block; color:#373737; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.6em; height:16px;}
ul.sub_navigation a:hover { color:#134b89; font:bold 12px Arial, Helvetica, sans-serif;}
ul.sub_navigation a.active { color:#134b89; font:bold 12px Arial, Helvetica, sans-serif;}

.banner { width: 969px; height: 279px;padding: 0; margin: 0;overflow: hidden;}
.banner a, .banner img {border: none;margin: 0;padding: 0;}

/********** logos **********/
.logos {
    height: 80px;
    padding: 15px 0;
    background: url(images/bg_logos.png) no-repeat bottom center;
    margin: 10px 0 -10px 0;
}
.logos a {
    display: block;
    float: left;
    margin: 5px;
    padding: 3px;
}
.logos a:hover {
    box-shadow: 0 0 10px #888;
}
#logos_text {
    float: left;
    width: 180px;
    margin-right: 20px;
}


/********** rodape **********/
#mapa { 
    width: 100%; 
    padding: 35px 0; 
    background: url(images/rodape.png) repeat-x #2D2D2D;
}
.c_mapa {
    width: 975px;
    margin: auto;
}
.c_mapa ul {
    min-height: 200px;
    list-style: none;
    float: left;
    padding: 0 50px 0 30px;
    border-right: 1px solid #333;
    height: 100%;
}
.c_mapa ul h2 {
    color: #efefef;
    font-weight: normal;
    margin-bottom: 10px;
    text-shadow: 4px 4px 4px #111111;
}
.c_mapa ul li {
    margin-left: 10px;
    height: 30px;
}
.c_mapa ul li a {
    font: normal 13px/1.6em Arial, Helvetica, sans-serif;
    color: #BEBEBE;
    text-shadow: 1px 1px 2px #111111;
}
.c_mapa ul li a:hover {
    color: #FFF;
    text-shadow: 1px 1px 2px #4fa0c3;
    text-decoration: none;
}



p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

#formulario{ display:block; }
#aguarde{ margin:10px 0; display:none; }
#outra_msg{ margin:10px 0; display:none; }
#resultado{ margin:10px 0; display:none; }

label { display: block; margin-top: 10px; }
label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }
p { clear: both; }
submit { margin-top: 1em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

#commentForm { width: 500px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 253px; }

.formGrande {width: 300px;}
.formMedio {width: 200px;}
.formPequeno {width: 100px;}
.alerta {padding: 15px 0 15px 52px; font-size: 12px; background: url(imagens/warning_48.png) left center no-repeat #FFFFDD;}
.sucesso {padding: 15px 0 15px 52px; font-size: 12px; background-color: #E0FFFF; text-align: center;}
.erro {padding: 15px 0 15px 52px; font-size: 12px; background: #FFE4C4; color: crimson;}
.load {position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-color: #FFF; opacity: 0.7;}

/* Formatação do formulário de login do topo
=========================================================*/
.form_login {position: absolute;width: 300px;margin: 2px 0 0 680px; border: 1px solid #000; z-index: 11}
#login_intranet {position: absolute;background-color: #000;opacity: 0.65;width: 100%;height: 100%}
.form_login form {position: relative;z-index: 12;padding: 15px;text-align: left;color: #FFF;font-size: 12px;}
.form_login label {display: block;margin: 5px 0;}
.form_login span {float: left;width: 60px;}
.intranet_erro {color: #FFF; text-align: center; padding: 5px;font-size: 10px; border: 1px solid brown; }
.intranet_load {position: relative; left: 50%; margin: 15px 0 15px -24px;}

#box-hospedagem {
    float: left;
    border: 1px #C0C0C0 solid;
    width: 150px;
    height: 170px;
    margin-left: 37px;
}
#box-hospedagem p {
    margin: 10px 0 0 4px;
    padding: 2px;
}
#box-hospedagem h3 {
    margin: -4px 0;
    text-align: center;
}

#vejamais {
    float: left;
    width: 400px;
    margin: 15px 0 0 17%;
    text-align: center;
    background-color: #ddd;
    border: 1px solid #505050;
    padding: 2px;
}
#vejamais:hover {
    background-color: #373737;
    color: white;
    text-decoration: none;
}
#table_hosp {
    font:normal 14px Arial, Helvetica, sans-serif;
}
#table_hosp th {
    font:bold 17px Arial, Helvetica, sans-serif;
}

#table_hosp tr td {
    padding: 8px;
}

/*** Portfolio  ***/
.portfolio {
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}
.portfolio h4 {
    margin-left: 10px;
}
.portfolio h4 a {
    font: normal 18px Arial, Helvetica, sans-serif;
}
.portfolio h4 a:hover {
    text-decoration: underline;
}
.imagem-port {
    margin-top:5px;
    background:url(images/bg_port.jpg) no-repeat;
    height:283px;
    padding:13px 0 0 0;
    width: 440px;
    float: left;
    text-align: center;
}
.descricao-port {
    float: right;
    width: 50%;
}
/*** Fim Portfolio  ***/