@charset "utf-8";

/* BRASIL 100% DIGITAL */
html {
    position: relative;
    min-height: 100%;
}
body {
    font-family: Verdana, Helvetica, Arial; 
    font-size: 0.80em !important;
    color: #666;
}
/* div, img { */
/*     max-width:100%; */
/* } */

header,footer {
    width: 100%;
    margin: 0 auto;
}
table, span, div, input, select, textarea, td, a, pre {
    font-size: 1.0em;
}

/* <----  LUMIS ---->*/
.cLumBody { 
    font-family: Verdana, Helvetica, Arial;
    min-width:950px;
    background: url(../img/imagem_fundo_topo3.jpg) 0 0 repeat-x;
}
.cLumPage {
    width: 100% !important;
    max-width: 960px; 
}
.cLumisInterface {
    padding: 0px 0px !important;
}
.cLumArea {
    width: 960px;
    float: left;
}
.cLumArea.footer {
    width: 100% !important;
    float: left;
}
.cLumCell.cLumisInterface{
    width: 100% !important;
}
.cLumColumn.conteudo {
    width: 660px;
}
.cLumArea.bannerTCU {
    height: auto;
    width: 100%;
}
.cLumColumn.bannerTCU {
    width: 100%;
    position: absolute;
    left: 0;
}

.cLumColumn.bannerTCU img {
    max-width: 100%!important;
    width: 100%;
}
.cLumColumn.conteudo_principal {
	margin-top: 250px;
	
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 20px;
    margin:15px auto;
}
h3 {
    font-size: 16px;
}
p {
    line-height: 155%;
    margin: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}
a:link {
    text-decoration: none;
    color: #3d5282;
} 
a:visited {
    text-decoration: none;
    color: #3d5282;
}
a:active {
    text-decoration: none;
    color: #3d5282;
}
a:hover {
    text-decoration: none;
    color: #3d5282;
}

/* <----- TOPO ----->*/
#topoMaior {
    width: 100%;
    height: 50px;
    margin: 0 auto;
}

/* LOGO */
.topo {
    height: 50px;
    width: 600px;
    float: left;
}
.topo img {
    margin-top: 3px;
}
a img {
    border: none;
}

/* LOCALIZA��O */
.localizador {
    float: right;
    width: 200px;
    height: 50px;
    margin-top: 11px;
    font-size: 11px;
    font-weight: bold;
}

.localizador a {
    font-size: 12px !important;
    color:#5573b5;
}

#hideLogin {
    right: 40px !important;
}
#loginAccess {
    float:right;
    font-size: 12px !important;
    margin-top: -2px;
    Color:#5573b5;
}

/* LOGIN */
.login {
    float: right;
    width: 300px;
    height: 50px;
}
.login img {
    margin-top: 10px;
    margin-right: 100px;
    float: right;
}
.login a {
    font-size: 12px !important;
    color:#5573b5;
}
#usuario {
    padding: 2px; 
    width:150px;
}
#senha {
    padding: 2px; 
    width:150px;
}

/* <----- BANNER ----->*/
.banner {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    right:0;
    left:0;
}

/* .bannerTCU { */
/*     width: 100%; */
/*     max-width: 100%; */
/*     min-width: 960px; */
/*     height: auto; */
/*     margin: 0 auto; */
/* } */

.bannerTCU {
    width: 100%;
    max-width: 100%;
    min-width: 960px;
    height: auto;
    margin: 0 auto;
}

/* .bannerTCU img { */
/*     top: 0; */
/*     bottom: 0; */
/*     left: 0; */
/*     right: 0; */
/*     width: 100%; */
/*     max-width: 100%; */
/*     height: auto; */
/* } */


/* <----- MENU ----->*/
.menuEvento {
    width: 100%;
    height: 35px;
    margin: 0 auto;
    float: left;
}
.menuEvento ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 2;
    display: block;
    zoom: 1;
}
.menuEvento ul:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
.menuEvento ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.menuEvento.align-right ul li {
    float: right;
}
.menuEvento.align-center ul {
    text-align: center;
}
.menuEvento ul li a {
    color: #fcfdf9;
    text-decoration: none;
    display: block;
    padding: 0px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: none;
    font-size: 13px;
    position: relative;
    -webkit-transition: color .25s;
    -moz-transition: color .25s;
    -ms-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
}
.menuEvento ul li a:hover {
    color: #fcfdf9;
}
.menuEvento ul li a:hover:before {
    width: 100%;
}
.menuEvento ul li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    top: 32px;
    background: #fcfdf9;
    -webkit-transition: width .25s;
    -moz-transition: width .25s;
    -ms-transition: width .25s;
    -o-transition: width .25s;
    transition: width .25s;
}
.menuEvento ul li.last>a:after,.menuEvento ul li:last-child>a:after {
    display: none;
}
.menuEvento ul li.active a {
    color: #fcfdf9;
}
.menuEvento ul li.active a:before {
    width: 100%;
}
.menuEvento.align-right li.last>a:after,.menuEvento.align-right li:last-child>a:after
    {
    display: block;
}
.menuEvento.align-right li:first-child a:after {
    display: none;
}

/* <---- BUSCA ----> */

.busca_menu {
    width: 100%;
    height: 35px;
    margin: 0 auto;
}
.busca {
    width: 25% !important;
    height: 35px;
    float: right;
    margin: -6px auto;
}

/* form { */
/*     width:200px; */
/*     margin:0 auto; */
/* } */
#search { 
    width: 235px !important;
    color: #9fb0d3;
    padding:4px 15px 4px 30px;
    margin:5px; 
}
input#search[type="text"]{
    background: url(../img/lupa01.png) no-repeat 10px 6px #f1f1f1; 
    border: #9fb0d3 1px solid;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #9fb0d3;
    width: 150px;
    padding: 6px 15px 6px 35px;
}
input#search[type="button"], .input#search[type="button"]:hover {
    position:relative; 
    left:-6px;
    border: #9fb0d3 1px solid;
    cursor: pointer;
}
input#search[type="text"]:focus {
    outline:none; 
}

/* <---- LINHA ---->*/
.linha {
    height: 2px;
    width: 100%;
    background-color: #374d80;
    position: relative;
    float: left;
}

/* <---- P�GINA ---->*/
#wrap {
    width: 960px;
    margin: 0 auto;
}

/* <---- O EVENTO ---->*/
.conteudo {
    width: 640px;
    min-height: 300px;
    margin: 0 0 0 0;
    float: left;
    padding: 10px;
}
.evento {
    width: 400px;
    float: left;
}
.evento_img {
    width: 240px;
    height: 220px;
    border: #adbbdc 1px solid;
    background: #ccd2e0;
    float: right;
    padding: 3px 0px 0px 0px;
}
.evento_img img {
    margin: 0 20px;
    max-width: 100%;
}
.publico {
    width: 640px;
    float: left;
    margin-bottom: 20px;
}

/* <---- INSCRI��O ----> */
.inscricao {
    width: 250px;
    min-height: 100px;
    float: right;
    margin: -10px auto;
}

.participar_inscricao {
    width: 250px;
    height: 30px;
    color: #3d5282;
    font-size: 14px;
    font-weight: bold;
    background: #ccd2e0;
    text-align: center;
    border: #adbbdc 1px solid;
    padding: 15px 0 0 0;
    margin: 40px 0;
}

.quadro_inscricao {
    width: 250px;
    height: 220px;
    margin: 0 0 0 0;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100% );
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1) ), color-stop(100%, rgba(243, 243, 243, 1) ) );
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100% );
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100% );
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100% );
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0 );
}

.texto_inscricao {
    text-align: center;
    padding: 0 0 0 0;
}

.botao_inscricao {
    width: 150px;
    height: 25px;
    color: #3d5282;
    font-size: 14px;
    font-weight: bold;
    background: #ccd2e0;
    text-align: center;
    border: #adbbdc 1px solid;
    padding: 9px 0 0 0;
    margin: 40px auto;
}

.botao_inscricao a {
    font-size: 14px !important;
}

.cadastro_inscricao {
    width: 250px;
    height: 50px;
    color: #3d5282;
    font-size: 12px;
    background: #ccd2e0;
    text-align: center;
    border: #adbbdc 1px solid;
}

.texto_cadastro {
    text-align: center;
    margin-top: 0px;
    font-size: 12px !important;
}

.texto_cadastro a {
    font-size: 12px !important;
}

/* <---- PALESTRANTE ----> */
.palestrantes {
    width: 960px;
    min-height: 100px;
    margin: 20px auto;
    float: left;
}
.conteudo_principal {
    width: 960px;
    min-height: 460px;
    margin: 0 auto;
    float: left;    
    margin-top: 250px;
}
.titulo {
    width:600px;
    height: 50px;
    float:left;
}
.botao{
    width: 250px;
    height: 28px;
    color: #3d5282;
    font-size: 13px;
    font-weight: bold;
    background: #ccd2e0;
    text-align: center;
    border: #adbbdc 1px solid;
    padding: 15px 0 0 0;
    float: right;
    margin-top: 5px;}
.botao a {
    font-size: 14px !important;
}
.detalhe_palest {
    width:475px;
    height:104px;
    background:#eef0f4;
    float:left;
    margin:2px;
}
.detalhe_palest img {   
    float:left;
}
.todos_palestrantes {
    width:960px;
    min-height:150px;
    margin:auto;
    float:left;
}
.texto_palestrantes {
    width:360px;
    height:100px;
    float:right;
    margin:10px 10px 0 0;
    font-weight: normal;
}
.ministros {
    color:#3d5282;
    font-style:italic;
    font-weight:bold;
    font-size:11px;
    margin-top:5px;
}

/* <---- MULTIM�DIA ----> */
#multimidia {
    width: 960px;
    min-height: 150px;
    margin: 20px auto;
    float: left;
}
.links_multimidia {
    width: 232px;
    min-height: 150px;
    float: left !important;
    margin-right: 5px;
    font-size: 12px;
}
.links_multimidia ul {
    list-style-type: none;
    margin: 0 0 0 -40px;
}
.links_multimidia li {  
    list-style-type: none;  
    padding: 10px 0 3px 0;
    margin: -3px 0 5px 5px;
}
.links_multimidia li a{ 
    text-decoration: none;
    color: #666;     
    padding: 10px 0 3px 0;
    margin: -3px 0 5px -3px;
    font-size: 12px !important;
}
.links_multimidia li a:visited{ 
    color: #666;     
}
.links_multimidia li a:hover {  
    color: #583c24;     
}
.titulo_link {
    font-weight:bold;
    color:#666;
    font-size:13px
}
.fotos {
    width: 475px;
    min-height: 150px;
    float: left !important;
    margin-bottom: 10px;
}
.texto_doc {
    height: 20px; 
    padding: 10px 0 0; 
    font-size:12px !important;
}
.img_doc img { 
    float: left;
    margin-right: 5px;
    padding: 0 0 0;      
}
.todas {
    width:232px;
    margin:0 auto;
}
.texto_fotos {
    font-size: 12px;
    width: 232px;
    padding: 40px 0 0;
    font-weight: normal;
    line-height: 130%;
}
.texto_fotos a {
    font-size: 11px !important;
}
.img_fotos img {
    float: left;
    margin-right: 5px;
    margin-top:6px;
}
.sub_titulo {
    width:232px;
    height: 35px;
}
.titulo_fotos {
    width:475px;
    height: 35px;
}
.col_fotos {
    width:235px;
    float:left;
    margin-bottom:10px;
}

/* <---- PROXIMOS EVENTOS ----> */

#eventos {
    width: 960px;
    min-height: 150px;
    margin: 20px auto;
    float: left;
}
.titulo_evento {
    width:960px;
    height: 30px;
    float:left;
    color:#b3593a;
}
.proximos_eventos {
    width: 715px;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
}
.proximos_eventos img {
    margin-right: 5px;
    
}
.eventos {
    width: 232px;
    min-height: 100px;
    float: right;
    background: #b3593a;
    border: #994a34 1px solid;
    color: #e7dfc6;
    font-weight: bold;
}
.texto_eventos {
    text-align:left;
    padding: 10px 10px 10px 10px;
    line-height:150%;
    font-size: 12px;
}
.proximos_eventos img {
    margin-right: 5px;
}
.fale_conosco {
    width: 233px;
    min-height: 150px;
    float: left;
    margin-top: 10px;
}
.botao_faleconosco {
    width: 232px;
    height: 27px;
    color: #e7dfc6;
    font-size: 14px;
    font-weight: bold;
    background: #b3593a;
    text-align: center;
    border: #994a34 1px solid;
    padding: 11px 0 0 0;
    float: right;
    margin: 10px 0 8px 0;
}

.ministros {
    color:#3d5282;
    font-style:italic;
    font-weight:bold;
    font-size:11px;
    margin-top:5px;
}
/* <---- RODAP� ----> */

.rodape {
    width: 960px;
    height: 50px;
    margin: 20px auto;
}
.rodape_logo {
    width: 250px;
    float: left;
    margin-top: 10px;
    margin-bottom: 30px;
}
.rodape_endereco {
    width: 430px;
    height: 20px;
    float: left;
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 30px;
}
.redes_sociais {
    width: 140px;
    height: 15px;
    float: right;
    margin-top: 5px;
    font-size:12px;
    font-weight:bold;
    text-align:right;
    margin-bottom: 30px;
}
.imagens_sociais {
    padding: 3px 0 0 0;
    float: right;
}
.imagens_sociais img {
    padding: 0 2px 0 0;
}
.clear {
    Clear: Both;
}
.footer {
    background-image: url(../img/footer.png);
    background-repeat: repeat;
    width: 100%;
    height: 38px;
    float: left;
    position: absolute;
    left:0;
    clear: both;
}
.parceiros {
width: 50px;
height: 40px;
margin: 0 auto;
position: relative;
float: left;
font-family: Verdana, Helvetica, Arial;
font-size: 0.85em;
text-decoration: none;
color: #666666;
font-weight: bold;
margin-top: 5px;
    }   
.parceiros_logos {
    width:  500px;
    height: 40px;
    float: left;
    margin-top: 0px !important;
}
.img_parceiros { 
    padding: 0 0 0 10px;
    float: left;
}

@media only screen and (max-width : 1200px) {
.conteudo_principal {
    margin: 0 auto;
    float: left;
    margin-top: 200px!important;}
}

@media only screen and (max-width : 1024px) {
.conteudo_principal {
    margin: 0 auto;
    float: left;
    margin-top: 160px!important;}
}

@media only screen and (max-width : 800px) {
.conteudo_principal {
    margin: 0 auto;
    float: left;
    margin-top: 150px!important;}
}

@media only screen and (max-width : 600px) {
.conteudo_principal {
    margin: 0 auto;
    float: left;
    margin-top: 150px!important;}
}

@media only screen and (max-width : 768px) {
.conteudo_principal {
    margin: 0 auto;
    float: left;
    margin-top: 150px!important;}
}

@media only screen and (max-width : 480px) {
.conteudo_principal {
    margin: 0 auto;
    float: left;
    margin-top: 150px!important;}
}

@media only screen and (max-width : 320px) {
.conteudo_principal {
    margin: 0 auto;
    float: left;
    margin-top: 150px!important;}
}