/* DEFAULTS
----------------------------------------------------------*/
html
{
    height: 100%;
}

body   
{
    font-size: .80em;
    margin: 0px;
    padding: 0px;
    color: #696969;
    height: 100%;
    min-height:100%;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    background-color: #fff;
    margin: 0px auto 0px auto;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    margin: 0 auto;
    display: table;
    list-style: none;
}

div.menu ul li a, div.menu ul li a:visited
{
    border: 1px #4e667d solid;
    color: black;
    display: inline-block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/* PERSONALIZAÇÃO */

#paginacompleta {
	background: #EEE;
	height: 100%;
    min-width: 100%;
    background-color: white;
    position: relative;
}

#paginacentrada
{
    max-width: 1024px;
    min-height: 100%;
    margin: auto;
    position: relative;
}

.Cabecalho
{
    min-width: 100%;
    min-height: 30px;
    max-height: 30px;
    text-align: left;
    font-size: 9pt;
    font-family: Trebuchet MS;
    color: #b8b9bb;
    /*border-bottom: 1px solid #1278b3;*/
    padding-left: 10px;
    top: 0px;
    position: static;
    z-index: 100;
}

.Cabecalho img 
{
    padding-right: 5px;
}

#CabecalhoImagem
{
    overflow: visible;
    /*margin-top: -7px;*/
	margin-top:4px;
    z-index: -100;
}

#CabecalhoLogotipo
{
    display: table-row;
    position: absolute;
    left: 130px;
    top: 70px;
}

.CabecalhoLogotipoLogotipo
{
    display: table-cell;
    text-align: left;
}

.CabecalhoLogotipoLogotipoImagem
{
    z-index: -100;
    overflow: visible;
    width: 100%;
    position: absolute;
}

.CabecalhoLogotipoTitulo 
{
    padding-left: 170px;
    display: table-cell;
    width: 600px;
    text-align: left;
    font-family: Trebuchet MS;
    font-size: 16px;
    padding-top: 20px;
}

.CabecalhoLogotipoTituloTitulo
{
    padding-top: 10px;
    font-family: Trebuchet MS;
    font-size: 14.5pt;
    font-weight: bold;
    color: #515151;
}

.CabecalhoLogotipoTituloLocalData
{
    font-size: 10pt;
    font-family: Trebuchet MS;
}

#CabecalhoMenu
{
    text-align: center;
    width: 1024px;
    /*min-height: 242px;*/
	min-height: 253px;
    margin: 0 auto;
    /*background: url('../logos/Logo_JIIDE.png') no-repeat;*/
    position: relative;
    top: 0px;
}

#CentrarCSSMenu
{
    margin: auto;
    width: 480px;
    /*
    position: absolute;
    left: 50%;
    */
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
    clear:both;
    overflow:hidden;
    padding-top: 100px;
}

#ConteudoPrincipal
{
    width: 100%;
    position: static;
    margin-top: 70px;
    min-height: 200px;
}

.Conteudo
{
    /*border-top: 1px solid #1278b3;*/
    text-align: justify;
    width: 800px;
    margin: 13px auto 0 auto;
    font-size: 10pt;
    font-family: Trebuchet MS;
}

.Conteudo h1
{
    color: Blue;
    font-size: 13pt;
    font-variant: normal;
    padding-top: 25px;
    text-transform: none !important;
}

#Rodape
{
    width: 100%;
    position: static;
    /*padding-top: 29px;*/
}

#RodapePagina
{
    display: table;
    bottom:0;
    /*width:930px;*/
    margin:auto;
    padding-top: 30px;
}

#RodapeLogotipos
{
    display: table;
    margin: auto;    
}

#RodapeLogotiposLinha
{
    display: table-row;
    margin: auto;
}

#RodapeLogosEsq
{
    width: 100%;
    display: table-cell;
    vertical-align: bottom;
}

#RodapeLogosDir
{
    text-align: right;
    width: 50%;
    display: table-cell;
}

#RodapeDireitos
{
    padding-top: 3px;
    border-top: 1px solid #1278b3;
    font-family: Trebuchet MS;
    font-size: 9pt;
    width: 1024px;
    margin: auto;
}

.TabelaBotoes
{
    margin: auto;
    max-width: 800px;
    border-spacing: 10px;
}

.palavra
{
    text-transform: capitalize;
    font-size: 21pt;
    font-weight: bold;    
}

.BotaoInicioCima
{
   /*background-color: #66FFCC;*/
    /*background-color:rgb(158,110,0);*/
    background-image: url('../imgs/IconTDiana-azul-escuro.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #59A1EE;
    min-width: 195px;
    max-width: 195px;
    height: 78px;
    margin: 0;
    padding: 5px;
    border: none;
    vertical-align: bottom;
    line-height: 18px;
}

.BotaoInicioBaixo
{
    /*background-color: #0099CC;*/
    /*background-color:rgb(201,69,0);*/
    background-image: url('../imgs/IconTDiana-azul-claro.png');
    background-repeat: no-repeat;
    background-position: bottom right;    
    background-color: #003BA6;
    min-width: 195px;
    max-width: 195px;
    height: 78px;
    margin: 0;
    padding: 5px;
    border: none;
    vertical-align: bottom;
    line-height: 18px;
}

#PL1
{
    font-family: Trebuchet MS;
    font-size: 13pt;
    color: White;
    text-decoration: none;
    display: block;
}

#PL1:hover
{
    /*color: #85b1cd;*/
      color:#003BA6;
}
     
#PL1 span 
{ 
    font-size: 21pt;
    text-transform: capitalize;
}

#PL2
{
    font-family: Trebuchet MS;
    font-size: 13pt;
    color: White;
    text-decoration: none;
    display: block;
}

#PL2:hover
{
    /*color: #85b1cd;*/
    color:#003BA6;
}
     
#PL2 span 
{ 
    font-size: 21pt;
    text-transform: capitalize;
}

#PL3
{
    font-family: Trebuchet MS;
    font-size: 13pt;
    color: White;
    text-decoration: none;
    display: block;
}

#PL3:hover
{
    /*color: #85b1cd;*/
    color:#003BA6;
}
     
#PL3 span 
{ 
    font-size: 21pt;
    text-transform: capitalize;
}

#PL4
{
    font-family: Trebuchet MS;
    font-size: 13pt;
    color: #fe9d00;
    text-decoration: none;
    display: block;
     
}

#PL4:hover
{
    /*color: #85b1cd;*/
    /*color:#003BA6;*/
    color: white;
}
     
#PL4 span 
{ 
    font-size: 21pt;
    text-transform: capitalize;
}

#PL5
{
    font-family: Trebuchet MS;
    font-size: 13pt;
    color: White;
    text-decoration: none;
    display: block;
}

#PL5:hover
{
    /*color: #bcd2df;*/
    color: #59A1EE;
}
     
#PL5 span 
{ 
    font-size: 21pt;
    text-transform: capitalize;
}

#PL6
{
    font-family: Trebuchet MS;
    font-size: 13pt;
    color: White;
    text-decoration: none;
    display: block;
}

#PL6:hover
{
    /*color: #bcd2df;*/
    color: #59A1EE;
}
     
#PL6 span 
{ 
    font-size: 21pt;
    text-transform: capitalize;
}

#PL7
{
    font-family: Trebuchet MS;
    font-size: 13pt;
    color: White;
    text-decoration: none;
    display: block;
}

#PL7:hover
{
    /*color: #bcd2df;*/
    color: #59A1EE;
}
     
#PL7 span 
{ 
    font-size: 21pt;
    text-transform: capitalize;
}

#PL8
{
    font-family: Trebuchet MS;
    font-size: 13pt;
    color: White;
    text-decoration: none;
    display: block;
}

#PL8:hover
{
    /*color: #bcd2df;*/
    color: #59A1EE;
}
     
#PL8 span 
{ 
    font-size: 21pt;
    text-transform: capitalize;
}

.BotaoSeparador
{
    width: 7px;
    height: 7px;
}

.SlideShow
{
    width: 100%;
    height: 250px;
}

.Logotipo
{
    height: 40px;
    /*padding: 0 1px 0 1px;*/
    /*padding: 0 1px 0 1px;*/
}

/* FORMULÁRIO DE INSCRIÇÃO */
.FormInscricao
{
    max-width: 500px;
    margin: auto;
}

.FormErros
{
    color: red;
    font-size: 12pt;
}

#Form_Col1
{
    /*display: table-cell;*/
    max-width: 100%;
    margin: auto;
}

#Form_Col2
{
    /*display: table-cell;*/
    max-width: 100%;
    padding-left: 50px;
}

.FormInscricaoTituloCampo
{
    font-size: 14px;
    font-family: Trebuchet MS;
    font-weight: bold;
    padding-top: 10px;
}

.CampoFormulario
{
    width: 400px;
}

.CampoFormularioObs
{
    width: 400px;
    height: 100px;
}

.FormBotao 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#bcd2df;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:131px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}

.FormBotao:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#85b1cd');
	background-color:#85b1cd;
}

.FormBotao:active 
{
	position:relative;
	top:1px;
}

.FormConfirmacao
{
    padding-top: 10px;
    text-align: left;
    font-size: 11pt;
    font-family: Trebuchet MS;
}

.ListaOrdenada
{
    font-weight: bold;
    list-style-type: none;
}

.SubListaOrdenada
{
    list-style-type: circle;
    font-weight: normal;
}


.vermelho {  color: red;}

.centrar
{
    text-align: center;
   
}

.Conteudo table
{
    width: 100%;
	/*border-color:#1278b3;*/
        /*border-color:#79BBFF;*/
        border-color:#59A1EE;
	border-width:thin;
	border-style:solid;
    border-collapse: collapse;
    empty-cells: show; 
}


.Conteudo caption
{
    display:none;
}




.Conteudo th
{
	/*border-color:#1278b3;*/
        /*border-color:#79BBFF;*/
        border-color:#59A1EE;
	border-width:thin;
	border-style:solid;
	height:45px;
	/*background-color:#1278b3;*/
        /*background-color:#79BBFF;*/
        background-color:#59A1EE;
	color:#FFFFFF;width:auto;
        text-align:center;
}




.Conteudo td
{
    
	/*border-color:#1278b3;*/
        /*border-color:#79BBFF;*/
        border-color:#59A1EE;
	border-width:thin;
	border-style:solid;
	padding: 3px;
	/*text-align:center;*/ text-align:left;
	width:auto;
}

#corlimite
{
	border-right-color:#ffffff;
}





#linkcelulabranca
{
   /*color:#1278b3;*/
   /*color:#79BBFF;*/
   color:#59A1EE;
   text-decoration:none;
}

.Conteudo img

{
    border:none;
}

.sembullet 
{
    list-style-type: none;
}

.tipofonte 
{
    font-family: Arial, Helvetica, sans-serif;
}



.cx1
{
    width:692px; 
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    margin-bottom:15px;
}	

.legendacx1
{
    width:692px; 
    text-align:right;    
    padding-top:2px; 
    padding-bottom:2px;
    font-size: .70em;
    font-style: italic; 
}	

.cx2
{
    width:521px; 
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    margin-bottom:15px;
}	

.legendacx2
{
    width:521px; 
    text-align:right; 
    padding-top:2px; 
    padding-bottom:2px;
    font-size: .70em;
    font-style: italic;
}	

.ArtigosEsq
{
    display: table-cell;
    width: 45%;
}

.ArtigosDir
{
    display: table-cell;
    width: 48%;
    padding-left: 10px;
}

.mensagem 
{
    text-align: center;
    padding-top: 30px;
}

.textoInscricao
{
    font-weight: bold;
    font-size: large;
}

#wrap 
{
    padding-top: 10px;   
    width:600px;
    margin:0 auto;
}

#col_esq 
{
    float:left;
   /* width:300px;*/
    width:200px;
}

#col_dir 
{
    float:left;
    /*width:300px;*/
	width:200px;
}

#col_dir1 
{
    float:left;
    /*width:300px;*/
	width:200px;
}



.apresentacoes table
{
    font-size:8pt;
	
	
	
}

.apresentacoes th
{
   
	
	width:16%;
	
	
}

.apresentacoes td
{
   
	text-align:left;
	width:16%;
	
	
}



th.maior
{
   width:33%
	
}

td.maior
{
   width:33%
	
}

td.top 
{
    vertical-align:top;		
}

td.verde 
{
    background-color:#CCFFFF;	
}


td.centro
{
    text-align:center;	
}

td.meio
{
     vertical-align:middle;		
}

div.verde 
{
    background-color:#CCFFFF;	
	margin-top:6px;margin-bottom:6px;
	padding:6px;
	text-align:left;	
}

/* TABELA PROGRAMA */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.programa td {
    width: auto;
    vertical-align: top;
    min-width: 85px;
}

.Conteudo Summary
{
    font-size: 18px;
    padding-bottom: 10px;
}