/*****************************************************
* css Style HTML
******************************************************/
body{
	background-color: #FFFFFF;
	font-family: arial;
	font-size:13px;
	font-weight:normal;
}
P {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13;
	padding-left : 1;
	padding-right : 20;
	padding-top : 0;
	padding-bottom : 0;
}
h1{
	font-size:22px;
	font-family: arial;
}

h2{
	font-size:17px;
	font-family: arial;	
}

h3{
	font-size:15px;
	font-family: arial;
	font-weight:normal;	
}

h4{
	font-size:12px;
	font-family: arial;
	font-weight:normal;	
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a{
	color: #000000;
	border: none;
}

img{
	border: none;
}

B {
	font-size:13px;
}


/*****************************************************
* css Style DIVs
******************************************************/

.rotulo{
	font-size:13px;
	display: block;
	font-family: arial;
}

.titulo{
	font-size:17px;
	font-family: arial;
	font-weight:bold;
}

.subtitulo{
	font-size:14px;
	font-family: arial;
	font-weight:bold;
	/*position: absolute;*/
	margin-left:0px;
}
.dica_formulario_objetivo{
	font-size:12px;
	font-family: arial;
	font-style:italic;
	
}

.dica{
	font-size:12px;
	font-family: arial;
	
	
}

.leftContentIndex{
	position:absolute;
	width:350px;
}

.rightContentIndex{
	position:absolute;
	margin-left: 300px;
}

#nav{
}

#header_cv{
	width:760px;
	height:42px;
	background-color:#e0e0e0;
	background: url('/imagens/banner_header.png') no-repeat left center;
}

a.botao:visited{
	
	background-color: #eee;
	color: #000;
}

a.botao:hover{
	background-color: #fff;
	color: #000;
}


.linkbotao {    
   font-family: verdana, arial, sans-serif;
   margin:10px;
   font-size: 10pt;
   font-weight: bold;
   padding: 4px;
   background-color: #eff;
   color: #666666;
   text-decoration: none;
   -moz-border-radius-topleft: 0.5em;
   -moz-border-radius-topright: 0.5em; 
   -moz-border-radius-bottomleft: 0.5em;
   -moz-border-radius-bottomright: 0.5em;
}

.linkbotao:link,
.linkbotao:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}

.linkbotao:hover {
   background-color: #eff;
   color: #4ececc;
   border-bottom: 1px solid #cccccc;
   border-top: 2px solid #666666;
   border-right: 1px solid #cccccc;
   border-left: 2px solid #666666;
}


/*****************************************************
* css Style Campos
******************************************************/

.campo{
  	display: block; 
	margin-left:230px;
}

input[type=checkbox]{
  	/*display: block;*/
  	padding:0;
  	height: 12px;
  	width: 12px;
  	font-size: 13pt;
  	margin-left: 0px;
}

select{
       font-size:10px;
}

/*****************************************************
* css Style Tables
******************************************************/
.questionContainer{
	padding-left:0px;
}

.tableQuestion{
	text-align: left;
	border: none; 
	width: 600px;
}

.tableQuestionLeftColumn{
	width: 200px;
	font-size: 12px;
}

.tableQuestionRightColumn{
	width: 300px;
}


/*****************************************************
* css Style Utils
******************************************************/

.required{
	font-weight:bold;
	color: red;
}


/*****************************************************
* css Style Tab Content
******************************************************/

.shadetabs{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;        
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; 
}

.shadetabs li{
    display: inline;
    margin: 0;
}

.shadetabs li a{
    text-decoration: none;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid #778;
    color: #2d2b2b;
    background: #FFFFFF;
}

.shadetabs li a:visited{
    color: #2d2b2b;
}

.shadetabs li a:hover{
    text-decoration: underline;
    color: #2d2b2b;
}

.shadetabs li.selected{
    position: relative;
    top: 1px;
}

.shadetabs li.selected a{ 
    border-bottom-color: white;
}

.shadetabs li.selected a:hover{ 
    text-decoration: none;
}

.tabcontentstyle{ 
    border: 1px solid gray;
    width: 95%;
    margin-bottom: 1em;
    padding: 10px;
}

.tabcontent{
    display:none;
}

@media print {
.tabcontent {
    display:block!important;
}
}

/*****************************************************
* css Style Dicas
******************************************************/

#dhtmltooltip{
	position: absolute;
	width: 250px;
	font-size: 12px;
	border: 1px solid black;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	-moz-border-radius-bottomleft: 0.3em;
	-moz-border-radius-bottomright: 0.3em;
	padding: 5px;
	background-color: White;
	visibility: hidden;
	z-index: 100;
}


/*****************************************************
* css LISTA.PHP
******************************************************/

.header_resultados{
	width: 725px;
	border: none; 
	padding: 10px;
	background-color: #EEEEEE;
}

.bottom_resultados{
	width: 725px;
	border: none;  
	padding: 10px;
	background-color: #EEEEEE;
}

.campo_nome{
	width: 450px;
}

.campo_email{
	width: 300px;
}

.campo_nascimento{
	width: 140px;
}

.campo_visualizar{
	width: 60px;
}

.tableRow1{
 	background-color: #FFFFFF;
}

.tableRow2{
 	background-color: #EEEEEE;
}

/*****************************************************
* css CONSULTA.PHP e CANDIDATO.PHP
******************************************************/

#dados_pessoais{
	width: 560px;
}

#dica_pinguim_fixo{
	width: 150px;
	position: absolute;
	padding: 0px;
	margin-top: 0px;
	margin-left: 590px;
	border: none;
}

#dica_especialidade{
	width: 280px;
	position: absolute;
	padding: 0px;
	margin-top: 35px;
	margin-left: 330px;
	border: none;
}

#dica_dados_pessoais{
	width: 280px;
	position: absolute;
	padding: 0px;
	margin-top: 0px;
	margin-left: 590px;
	border: none;
}

.idioma{
	width:100px;
	font-size:13pt;
}

.remuneracao_rb, .especialidade_ckb {
	/*position: absolute; */
	margin-top: -10px;
	margin-left:0px;
}

.remuneracao_descricao{
	/*position: absolute;*/
	margin-left:20px
}

.cursos_4linux {
	margin-bottom: 10px;
	padding-right: 20px
}

.especialidade_ckb, .cursos_4linux {
	/*position: absolute; */
	margin-left:0px;
}

.especialidade_descricao, .cursos_descricao {
	/*position: absolute;*/
	display: inline;
	margin-left:20px
}

.itens_categorias_ckb{
	/*position: absolute; */
	margin-left:0px;
}

.itens_categorias_descricao{
	position: absolute;
	margin-left:20px
}

.dp_nome_completo{
 	width: 300px;
}

.dp_email{
 	width: 300px;
}

.dp_cep{
 	width: 100px;
}

.dp_cpf{
 	width: 100px;
}

.dp_telefone{
 	width: 150px;
}

.dp_celular{
 	width: 150px;
}

.dp_nascimento{
 	width: 100px;
}

/*****************************************************
* css IMPRESSAO.PHP e VISUALIZAR.PHP
******************************************************/

.dp_descricao{
	position: absolute;
	margin-left:0px;
}

.dp_campo{
	position: absolute; 
	margin-left:180px
}

.artigos{
	text-align: left;
	vertical-align: top;
}

/*****************************************************
* css CANDIDATO.PHP
******************************************************/

.candidato_descricao{
	position: absolute;
	margin-left:0px;
	margin-top : 6px;
}

.candidato_campo{
	position: absolute;
	margin-left: 60px;
	margin-top : 6px;

}

.empresa_descricao{
	position: absolute; 
	margin-left: 0px;
	margin-top : 6px;
}

.empresa_campo{
	position: absolute;
	margin-left: 110px;
	margin-top : 6px;
	
}

/*****************************************************
* css ENTRADA.PHP
******************************************************/

.esqueceu_senha{

}

.esqueceu_senha_text{
	color:red;
}



.title_content {
	font-family : Arial, Helvetica, sans-serif;
	color : White;
	font-size : 13;
	font-weight : bold;
	width : 600;
	background : url(../imagens/bg_title_content.jpg) no-repeat;
	height : 22;
	padding-left : 15;
	padding-right : 15;
}
.box_content {
	background-image : url(../imagens/bg_content.jpg);
	background-repeat : repeat-y;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13;
	width : 600;
	text-align : left;
	padding-left : 15;
	padding-right : 15;
}
.base_content {
	background-image : url(../imagens/base_box_content.jpg);
	background-repeat : no-repeat;
	height : 25;
	width : 600;
	padding-left : 15;
	padding-right : 15;
}

/***
	Dicas
**/
#dhtmltooltip ul {
	padding: 0;
	margin: 0;
	list-style-position: inside;
	list-style-type: square
}


/***
	Erro
**/
#erro {
	width: 470px;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #666
}

#erro_js {
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #666
}	

html>body #erro {
	width: 440px;
}

ul {
	margin: 0;
	padding: 0
}

ul li {
	list-style-position: inside;
	list-style-type: square
}

#erro ul, #erro_js ul {
	margin: 0;
	padding: 0
}

#erro ul li, #erro ul li {
	list-style-position: inside;
	list-style-type: square
}


/**
	Cursos descricao
*/

.cursos_descricao {
	width: 540px;
}

li {
	font-family: Arial, Helvetica, sans-serif	
}	


/**

**/
/*
IMPORTANT:
Essential styles to ensure accessibility
*/
@media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print { /* maintain accessibility by overriding inline style used by animations... */
    .fragment {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .anchors {
        display: none;
    }
}

/*
TAB STYLES:
Some more styles, not important for making tabs work, just for the look of it...
*/

.anchors li {
list-style-type: none	
}

.anchors {
	background: #fff;
	
    list-style: none;
    margin: 0 0 0 55px;
    _margin-left: 50px;
    padding: 0 30px 1px 0px;
    
}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.anchors li {
    float: left;
    margin: 0 1px 1px 0;
}
.anchors a {
    background: #eaeaea;
    display: block;
    position: relative;
    top: 1px;
    border: 1px solid #eaeaea;
    border-bottom: 0;
    z-index: 2;
    padding: 2px 9px 1px;
    color: #016F9C;
    text-decoration: none;
    height: 20px;
    _height: auto
}
.anchors .tabs-selected a {
    padding-bottom: 2px;
    font-weight: bold;
}
.anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
    background: #23a49f;	
    color: #FFF
}
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active,
.fragment {
    background: #23a49f;	
    color: #FFF
}
.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,
.anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}
.anchors .tabs-disabled {
    opacity: .4;
}
.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {
    background: transparent;
}
.fragment {
    padding: 10px 10px;
	clear: both
}

/***

***/
.hidden {
	display: none
}
