/*-- Reset -------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, form, fieldset {
	padding: 0;
	margin: 0; }

body {
	font-family:'Open Sans',Verdana, Arial, Helvetica, sans-serif; 
	//font-size:11px;
	font-size:0.7vw;
}

a img, fieldset { 
	border: none;
}

a{
	color:#fff;
	text-decoration:none;
}	

legend{
	display: none;
}

table { 
	border-collapse: collapse;
}

table td { 
	vertical-align: top;
	
}

input,select,textarea{
	background-image:url(../img/layout/input_bg.gif);
	background-repeat:repeat-x;
	border-color:#CCCCCC #EFEFEF #EFEFEF #CCCCCC;
	border-style:solid;
	border-width:1px;	
	font: 11px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; 
	margin:4px 0;
	padding:4px;
    -moz-border-radius: 3px 3px 3px 3px;	
}

input.marcado, textarea.marcado {
	border: 1px solid #0A8DC1;
}

input[type="file"]{	
	width: 500px;
	margin-left:70px;	
}

input[type="radio"],input[type="checkbox"]{	
	width: 30px;	
		
}

div#div-input-falso{
	margin-top: -30px;
}

div#div-input-falso input{
	background: url(../img/button/upload_folder.png) no-repeat right;
	margin-left: 70px;
	-margin-left: 100px;
	*margin-left: 100px;
	padding-right: 35px;
	width:500px;
}
	
.clear{
	display:block;
	clear:both;
}

.MsgError{
	background-color: #EEBD44;
	background-image: url(../img/button/remove.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	border-top:2px solid #EEBD44;
	border-left:2px solid #EEBD44;
	border-bottom:2px solid #C19D72;
	border-right:2px solid #C19D72;
	color: #000000;
    margin: 10px 0px;
    padding:15px 10px 15px 70px;    
	width:42%;   
}

.MsgOk{
	background-color: #ccc;
    
	background-position: 10px center;
	background-repeat: no-repeat;
	
	color: #000000;
	margin: 10px 0px;
    padding:15px 10px 15px 70px;    
}
	
.btnInterno{
	background-color:#000000;
	
	color:#fff;
	font-weight:bold;
	padding:4px 6px;
}

/*------------------------Topo-	---------------------------------*/
.logo{
	float:left;
	font: 25px 'Open Sans',Arial,"Verdana" , Trebuchet MS,  Verdana, Tahoma, sans-serif;
	margin:45px 0 0 10px;
	position:relative;	
}
.logotitulo{
	float:left;
	font: 20px 'Open Sans',Arial,"Verdana" , Trebuchet MS,  Verdana, Tahoma, sans-serif;
	margin:50px 0 0 10px;
	position:relative;	
}
.topo{
	background-color:#77191C;	
	border-bottom:1px solid #fff;
	clear:left;
	color:#fff;
	height:110px;
	width:100%;	
}

.session{
	float:right;
	margin: 40px 15px 0 10px;;	
}

.session a{
	text-decoration: underline;
}

.barraSuperior{
	background-color:#384265;
	clear:left;
	height:15px;
	width:100%;
}


/*----------------------------Control-----------------------*/
.control{
	clear:left;
	float:left;
	width:100%;	
}
.control ul{
	float:right;
	margin:5px;	
}
.control li{
	display:inline;
	list-style-type:none;
	margin-right:10px;
}

/*---------------------------Titulo-------------------------*/

.subtitulo{
	border-bottom:1px solid #ccc;
	color:#000000;
	display:block;
	font-family:"Arial"; 
	font-size:0.9vw;
	margin:10px 10px 10px 10px;
	padding-bottom:5px;
}

/*---------------------Status-----------------------------*/
.status{
	background-color:#dcdcdc;
	color:#888;
	margin:10px;
	padding:5px;	
}
.status label{
	color:#666;
	font-weight:bold;
	margin-right:10px;
}

/*------------------------conteudo------------------------------*/

.conteudo{
	clear:left;
	min-height:580px;
	width:100%;
	
}
.sizeCamposConcurso{
	margin-left:0px;
	width:500px;
		
}

.sizeCamposBox{
	margin-left:70px;
	width:500px;
}

.sizeCamposCheck{
	margin-left:150px;
	width:300px;
}


.sizeCamposImagem{
	margin-left:50px;	
}

.boxTabela{
	background:url(../img/layout/bg_boxTabela.gif) repeat-x;
	border:1px solid #ccc;
	padding:10px;
	margin:5px 10px 0px 7px;
	
}

.boxTabela table{
	border-bottom:1px solid #ddd;		
	margin:0px 0px 15px 0px;
	padding:0px;
	width:100%;
}

.boxTabelaVisualizar table{
	border-bottom:1px solid #ddd;		
	margin:0px 0px 15px 0px;
	padding:0px;
	width:100%;
}

.boxTextArea{
	background:url(../img/layout/bg_boxTabela.gif) repeat-x;
	padding:10px;
	margin:15px 10px 0px 10px;	
	border-bottom:1px solid #ddd;
	border-top:1px solid #6685ed;
	margin:0px 0px 15px 0px;
	padding:0px;
	width:100%;
}


.boxTabela table th{
	background-color:#4c535a;
	border:1px solid #fff;
	color:#fff;
	font-weight:normal;
	padding:5px 2px;	
	
}

.boxTabelaVisualizar table th{
	background-color:#6F7D91;
	border:1px solid #fff;
	color:#fff;
	font-weight:normal;
	padding:5px 2px;	
}

.boxTabela table th a{
	text-decoration:none;
}

.boxTabela table th a:hover{
	text-decoration:underline;
}

.faixaTable td{
	background-color:#0A8DC1;
	border:1px solid #fff;
	height:1px;
}

.boxTabela td{
	vertical-align:middle;
	padding:5px;
	
}

.boxTabela table tr {
    border-bottom: 1px solid #ddd;
}

.boxTabela tr:last-child {
  border-bottom: none;
}


.zebra{
	background-color:#F4F3F3;
}

.zebra1{
	background-color:#fff;
}

.linhaTabela:hover{ 
	background-color: #ccc;
	
}

.linkVisualizar{
	color:#556087;
	font-weight:bold;
	text-decoration:underline;
}

.trOpcoes{
	text-align: center;
	width: 100px;	
}

.trOpcoes a{
	margin-right:10px;
}

.comInput label{
    float: left;
    font-weight: bold;
    margin-right: 20px;
    padding-top: 10px;
    text-align: right;
    width: 70px;
}

#etapas{
	float:right;
	width:215px;
	height: 90px;
}
.etapaTitulo{
	display:block;
	width:100%;
	text-align:center;
	color: #0A8DC1;
	font-size:12px;
	font-weight:bold;
	padding: 10px 0px 10px 0px;
}

#boxCidades, #boxInfo, #boxBotoes{
	display:none;
}


#textoEtapa{
	display:block;
	width:100%;
	text-align:center;
	float:left;
	color: #adadad;
}

.anterior, .proximo{
	float:left;
}

#progressbar{
	float:left;
	margin: 10px;
}

.thumb {
    height: 75px;
    border: 1px solid #ccc;
    margin: 10px 5px 0px 0px;
    padding:4px;
    margin-left:160px;
  }
  
  
/*-----------------------Paginação-------------------------*/

.paginacao{	
	clear:left; 
	text-align:center;
	width:100%;
}

.paginacao ul{
	margin:5px 1px 15px 0px;
}

.paginacao li{
	display:inline;
	list-style-type:none;	
}

.paginacao li a{	
	background-color:#000000;
	border:1px solid #12174C;
	color:#fff;
	font-weight:bold;
	margin-left:1px;
	padding:2px 5px;
	text-decoration:none;
}
.paginacao li a:hover{
	color:#12174C;
	background-color:#fff;
	border:1px solid #12174C;	
}

.paginacao li a.current{
	background-color:#fff;
	color:#12174C;
	padding:2px 5px;
	margin-left:1px;
}
/*-----------------------Índice-------------------------*/

.indice{	
	clear:left; 
	text-align:center;
	width:100%;
}

.indice ul{
	margin:5px 1px 15px 0px;
}

.indice li{
	display:inline;
	list-style-type:none;	
}

.indice li a{	
	background-color:#000000;
	border:1px solid #12174C;
	color:#fff;
	font-weight:bold;
	margin-left:1px;
	padding:2px 5px;
	text-decoration:none;
}
.indice li a:hover{
	color:#12174C;
	background-color:#fff;
	border:1px solid #12174C;	
}

.indice li a.current{
	background-color:#fff;
	color:#12174C;
	padding:2px 5px;
	margin-left:1px;
}

/*------------------------Rodape----------------------------*/
.rodape{
	background-color:#12174C;
	clear:left;	
	margin-top:20px;
	width:100%;
}
	
.rodape p{
	color:#fff;
	padding:10px; 
}

/*------------------------Janela de confirmação----------------------------*/

#confirm{
	display:none;
}

#confirmModalOverlay {
	background-color:#ccc;
}
#confirmModalContainer {
	background:#fff;
	border:2px solid #0A8DC1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:140px;
	text-align:left;
	width:420px;
}

#confirmModalContainer .header {
	background-color:#0A8DC1;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	width:100%;
}

#confirmModalContainer .header span {
	padding-left:8px;
}

#confirmModalContainer .message {
	color:#333;
	font-size:11px;
	margin:0;
	padding:12px 4px 4px 15px;	
}

#confirmModalContainer .buttons {	
	float:right;
	padding:10px 8px 0;
	width:200px;
}
 
#confirmModalContainer .buttons div {
	background-color:#0A8DC1;	
	border-top:2px solid #0A8DC1;
	border-right:2px solid #18709D;
	border-bottom:2px solid #18709D;
	border-left:2px solid #0A8DC1;
	color:#fff;
	cursor:pointer;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8.5pt;
	font-weight:bold;
	height:15px; 
	margin-left:8px;
	padding:2px;
	text-align:center;
	width:60px;	
}

#confirmModalContainer a.modalCloseX, #confirmModalContainer a.modalCloseX:link, #confirmModalContainer a.modalCloseX:active, #confirmModalContainer a.modalCloseX:visited {
	color:#ddd;
	font-size:11px;
	font-weight:bold;
	left:395px;
	position:absolute;
	text-decoration:none;
	top:4px;
}