/* 
    Document   : style
    Created on : 17/Dez/2012, 14:22:38
    Author     : Andre Oliveira <oliveira.deep86@gmail.com>
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body{
    background: #ffffff url('images/background.png') repeat-x 0 27px;
    font-family: Tahoma;
    font-size: 13px;
    margin: 0;
    text-align: left;
    line-height: 2em;
    color: #003926;
}
h1, h2, h3, h4, h5, h6{
    line-height: normal;
    color: #003926;
}
h1{
    font-size: 28px;
    font-family: Helvetica, sans-serif;
    color: #8E7E49;
    margin:30px 0 15px 0;
}
h2{
    font-size: 16px;
    margin:0 0 15px 0px;
    padding: 0 0 10px;
    color: #b7a35e;
    border-bottom: 1px solid #B7A35E;
}
h3{
    font-size: 14px;
    margin: 15px 0 15px 0;
    padding: 0;
    display: inline-block;
    clear: both;
    color: #B7A35E;
}
h4{
    font-size: 13px;
    margin:5px 0;
    padding: 0;
}
h5{
    font-size: 12px;
    margin: 15px 0 5px 0;
    text-align: center;
}
h6{
    
}
p{
    margin:5px 0 20px 0;
}
a{
    color: #003926;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
strong{
    color:#B7A35E;
}
strong a{
    color: #B7A35E;
}
img{
    border: 0 none;
}
#wrapper{
    width: 960px;
    margin: 0 auto;
}
#container{
    float:left;
    width: 960px;
}
#banner{
    float: left;
    width:960px;
    height: 80px;
    margin:20px 0 0 0;
    padding: 0 0 20px 0;
    border-bottom: solid 2px #da6100;       /*  ORANGE   */
    border-bottom: 2px solid #8e7e49;       /*  BEGE     */
/*    background: transparent url('images/logo_no_img.jpg') no-repeat  20px 0px;*/
    background: transparent url('images/logo_dir_80.jpg') no-repeat  20px 0px;
}
/****************************
*****       MENUS       *****
*****************************/
#menuBar{
    float: left;
    width: 960px; /*    920px   */
    /*height: 26px;*/
    padding: 0px 0px; /* 22px 30px;*/
    text-align: center;
    /*background: transparent url('images/menubg.png') repeat-x 0 0;*/
    /*background: transparent url('images/menubar.png') repeat-x 0 0;*/
    font-size: 13px;
    text-transform: uppercase;
    line-height: normal;
}
#menuBar a:hover{
    text-decoration: none;
    
}
#menuBar ul{
    float:left;
    padding: 0px; /*4px 20px;*/
    margin: 0 0px;
    position: relative;
    border-right: solid 2px #8E7E49;
    height: 35px;
    z-index: 500;       /* THIS IS REALLY IMPORTANT */
    min-height: 0;      /* MAKES ALL UL's BECOME ON TOP OF OTHER THINGS, INCLUDING SLIDES'*/
}
#menuBar ul:hover{
    background-color: #8E7E49;
}
#menuBar ul li{
    margin: 0;
    list-style: none;
    width: 158px;
    position: relative;
/*    z-index: 0;*/
}
#menuBar ul li a{
    /*background: transparent url('images/menu.png') no-repeat 0 0;*/
    cursor: pointer;
    padding: 9px 0px;
    display: block;
    color: white;
}
#menuBar ul li a:hover{
/*    background-color: #B7A35E;*/
    background-position: 0 -26px;
}
#menuBar ul li .withSubMenu:hover{
    background-position: 0 -52px;
}
#menuBar ul li .subMenu{
    background-color: #8E7E49;
    width: 200px;
    position: absolute;
    margin: 0px 0 0 -2px;
    top:35px;
    left:0;
    height: auto;
    padding: 10px 0;
    border: solid 1px #b7a35e;
    
    cursor: default;
}
#menuBar ul li .subMenu li{
    width: 180px;
    padding: 0px;
    margin:0 10px;
    background: #8E7E49;
    cursor: pointer;
    text-align: left;
}
#menuBar ul li .subMenu li a{
    padding: 10px 10px;
}
#menuBar ul li .subMenu li:hover{
    background: #b7a35e;
}
/****************************
*****       CENTER      *****
*****************************/
#center{
    min-height: 500px;
    float:left;
    width: 960px;
}
.centerLeft{
    float:left;
    width: 589px;
    padding: 0px 30px 0px 0;
    margin: 30px 0px 0 0;
    border-right: solid 1px #dddddd;
}
.centerLeft .imgLink{
    padding: 10px;
    border: solid 10px #eeeeee;
}
.centerLeft .imgLink:hover{
    border-color: #dddddd;
}
.centerLeft .imgLink img{
    width: 100%;
}
.centerLeft .pdf{
    line-height: normal;
    height: 40px;
    padding: 4px 60px;
    background: transparent url('images/doc.png') no-repeat 0px 0;
}
.centerLeft .pdf small{
    color:#777777;
    display: inline-block;
    padding-top: 10px;
}
.centerLeft .backTop{
    clear: both;
    width: 100%;
    margin: 0px 0;
    text-align: right;
    font-size: 8px;
    text-transform: uppercase;
    border-top: solid 1px #eeeeee;
}
.centerLeft .backTop a{
    color:#888888;
    cursor: pointer;
    display: block;
    padding-right: 30px;
    background: transparent url('images/toTop.png') no-repeat right 5px;
}
.centerLeft .boxLeft{
    float: left;
    width: 470px;
    margin:30px 60px;
}
.centerLeft .boxLeft p{
    margin:0;
}
.centerLeft .boxLeft p small{
    text-transform: uppercase;
    font-size: 9px;
    display: block;
    float: left;
    margin-right: 10px;
}
.centerLeft .justify small{
    width: 50px;
}
.centerLeft .boxLeft h2{
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.centerLeft .boxLeft .content{
    float:left;
    margin: 0 0px 30px 60px;
    width: 410px;
}
.centerLeft .boxLeft .content p{
    margin:0;
    padding-left: 30px;
    background:transparent url('images/bullet_r.png') no-repeat 0 10px;
}
.centerLeft .evento{
    width: 590px;
    margin:15px 0;
    float: left
}
.centerLeft .evento .info{
    float:left;
    text-align: justify;
    width: 270px;
}
.centerLeft .evento .image{
    float:right;
    width: 250px;
    margin: 0 0 30px 30px;
}
.centerLeft .evento .image img{
    width: 100%;
}
.centerLeft .evento h3{
    margin:0px 0 0 -2px;
    font-size: 30px;
}
.centerLeft .evento h5{
    margin: 5px 0 15px 0;
    font-size: 13px;
    text-align: left;
}
.centerLeft .evento .imgContainer{
    float:left;
    width: 590px;
}
.centerLeft .evento .imgContainer a{
    display: inline-block;
}
.centerLeft .evento .imgContainer div{
    float:left;
    width: 184px;
    text-align: center;
    border:solid 4px #eeeeee;
    margin:0 2px 8px 2px;
    padding: 0px;
}
.centerLeft .evento .imgContainer div:hover{
    border:solid 4px #dddddd;
}
.centerLeft .evento .imgContainer div img{
    width: 174px;
    margin: 5px;
}
.centerLeft .evento .nextEvent .description{
    float:left;
    text-align: justify;
    width: 300px;
}
.centerLeft .evento .nextEvent .imgContainer{
    float: right; 
    width: auto;
}
.centerLeft .evento .nextEvent .imgContainer div{
    width: auto;
}
.centerLeft .evento .nextEvent .imgContainer div img{
    width: 240px;
}
.centerLeft .artigos{
    margin: 0;
    padding: 0 0 0 25px;
}
.centerLeft .artigos li{
    margin:0;
    padding: 0 0 0 5px;
    list-style: decimal;
}
.centerLeft .publicacao{
/*    float:left;*/
    text-align: justify;
}
.centerLeft .publicacao img{
    float:right;
    margin:0 0 0px 30px;
    width: 220px;
    border: solid 1px #EEEEEE;
}
.centerLeftAndRight .protecaoDados p {
    text-align: justify;
    text-justify: inter-word;
}
.centerLeftAndRight .protecaoDados p ul li p{
    text-align: justify;
    text-justify: inter-word;
}


.centerRight{
    float:right;
    width: 310px;
    padding: 0px 0;
    margin:30px 0 0 30px;
}
.centerRight .imgContainer{
    float:left;
    margin-bottom: 30px;
}
.centerRight .imgContainer a{
    float:left;
    margin-right: 5px;
    margin-bottom: 13px;
    padding: 3px;
    border: solid 1px #dddddd;
}
.centerRight .imgContainer img{
    float:left;
    width: 144px;    
}
.centerRight .rightBox{
    float:left;
    margin:0 0 30px 0;
    width: 100%;
    position: relative;
    text-align: justify;
    font-size: 11px
}
.centerRight .rightBox .image{
    float: left;
    width: 100%;
    height: 155px;
    overflow: hidden;
    position: relative;
}
.centerRight .rightBox .image strong, .centerRight .rightBox .image strong a{
    color: #ffffff;
}

.centerRight .rightBox .bordered{
    float:left;
}
.centerRight .rightBox .bordered:hover{
    color:#000000;
}
.centerRight .rightBox .top{
    float:left;
    width: 310px;
    height: 20px;
    background: transparent url('images/box.png') no-repeat 0 0;
}
.centerRight .rightBox .content{
    float:left;
    width: 260px;
    height: auto;
    padding: 0 25px;
    background: transparent url('images/box_middle.png') repeat-y 0 0;
}
.centerRight .rightBox .content p{
    text-align: right;
    margin: 0px;
}
.centerRight .rightBox .content p a{
    color: #b7a35e;
}
.centerRight .rightBox .content p a:hover{
    color: #8E7E49;
}

.centerRight .rightBox .bottom{
    float:left;
    width: 310px;
    height: 30px;
    background: transparent url('images/box.png') no-repeat bottom left;
}
.centerRight .rightBox ul{
    float:left;
    margin:0px 0px 30px 0px;
    width: 310px;
    padding: 0 0  0 0px;
}
.centerRight .rightBox ul li{
    margin: 10px 0;
    padding: 8px 15px;
    list-style: none;
    background: transparent url('images/box.png') no-repeat 0 0;
}
.centerRight .rightBox img{
    width: 310px;
}
.centerRight .rightBox .absolute{
    margin: 0px 0 10px 20px;
    padding: 5px 10px;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.centerRight .rightBox .absolute strong{
    text-transform: uppercase;
}
.centerRight .rightBox .absolute p{
    margin: 1px;
    padding: 1px 10px;
    float:left;
    clear: both;
    background: #003926;
    border: 1px solid #B7A35E;
    border: 1px solid #8E7E49;
    border-radius: 3px;
}
.centerRight .rightBox .navigation{
    margin-top: 50px;
    
}
.centerRight .rightBox .navigation p{
    margin:5px 0px 30px 0px;
    padding: 5px 0;
    width: 310px;
    background: transparent url('images/scroll.png') no-repeat top left;
}
.centerRight .rightBox .navigation div{
    margin:5px 0px 30px 0px;
    padding: 5px 0;
    width: 310px;
    float:left;
    background: transparent url('images/scroll.png') no-repeat top left;
}
.centerRight .rightBox .navigation div a{
    padding: 5px 10px 5px 30px;
/*    border:solid 1px #003926;*/
    display: block;
    cursor: pointer;
    color: #FFFFFF;
    text-transform: uppercase;
    
}
.centerRight .rightBox .navigation div ul{
    margin:0;
    padding: 0;
    float:right;
    width: 270px;
}
.centerRight .rightBox .navigation div ul li{
    margin:2px 0;
    padding: 0 0 0 10px;
    background: transparent;
    list-style: circle;
}
.centerRight .rightBox .navigation div ul li a{
    padding: 0;
    color:#777777;
}
.centerRight .rightBox .navigation p a{
    padding: 5px 10px 5px 30px;
/*    border:solid 1px #003926;*/
    display: block;
    cursor: pointer;
    color: #FFFFFF;
    text-transform: uppercase;
    
}
.centerRight .rightBox .submenus{
    margin-top: 50px;
    font-size: 16px;
}
.centerRight .rightBox .submenus p{
    margin:0;
}
.centerRight .rightBox .submenus a{
    background: transparent url('images/navigator_bg.png') no-repeat  0 -1px;
    display: block;
    cursor: pointer;
    padding: 15px 55px;
/*    border-bottom: solid 1px #eeeeee;*/
/*    box-shadow: 0 0 5px #BBBBBB;*/
    width: 175px;
}

.centerRight .rightBox .submenus a:hover{
    text-decoration: none;
    background-position: 0 -58px;
    background-color: #EEEEEE;
    
    
}
.centerRight .rightBox .submenus a.menuTop{
    background-position: 0 0px;
    margin-bottom: -4px;
}
.centerRight .rightBox .submenus a.menuTop:hover{
    background-position: 0 -57px;
}
.centerRight .rightBox .submenus .selected{
    cursor: default;
    padding: 20px 30px;
    margin: 0 0 0 -36px;
    background: transparent url('images/navigator.png') no-repeat top left;
    color: #ffffff;
/*    border-radius: 0 30px 30px 0;
    border:1px solid #CCCCCC;*/
    width: 285px;
    box-shadow: none;
}
.centerRight .rightBox .submenus .selected:hover{
    background: transparent url('images/navigator.png') no-repeat top left;
}

.popup{
  font-size:10px;
  line-height:1.5;
  text-align:left;
  margin-left:25px; 
  margin-top:25px; 
}

.link{
    color:#1E90FF; 
    text-decoration:none;
}

#thover{
  /*position:fixed;*/
  background:#000;
  width:100%;
  height:100%;
  opacity: 0.0;
}
 
#tpopup{
  position:fixed;
  width:350px;
  height:130px;
  background:#fff;
  left:0%;
  top:85%;
  border-radius:5px;
  margin-left:10px;
  margin-top:0px;
  text-align:center;
  box-shadow:0 0 10px 0 #000;
}
#tclose{
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}

/****************************
*****       FOOTER      *****
*****************************/
#footer{
    color:#8E7E49;
    float:left;
    width: 100%;
    margin-top: 30px;
    background: #b7a35e url('images/footer.png') repeat-x 0 0;
    line-height: normal;
}
#footer a{
    color:#8E7E49;
}
#footer .content{
    margin:0 auto;
    width: 960px;
}
#footer .box{
    float:left;
    width: 960px;
    padding: 20px 0;
}
#footer .box .downMenu{
    float:left;
    width: 400px;
    font-size: 11px;
}
#footer span{
    padding: 0 10px;
}
#footer .box .downMenuRight{
    width: 100%;
    float: right;
}
/*#footer .box .downMenuRight div {
    color:                    hsla(210, 100%, 100%, 0.9) !important;
    background:               hsla(210, 100%,  50%, 0.5) !important;
    outline:    solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;

}*/
#footer .box .protecaoDados{
    width: 30%;
    margin-right: 20%;
    text-align: right;
    font-size: 11px;
}
#footer .box .copyright{
    float:right;
    width: 100%;
    text-align: right;
    font-size: 11px;
}
#footer .box .info{
    float:left;
    width: 650px;
}
#footer .box .info p{
    margin:3px 0;
}
#footer .box .info .contact{
    float: left;
    padding: 5px 0 0 0;
}
#footer .box .info .contact img{
    margin-right: 10px;
    height: 12px;
}
#footer .box .links{
    float:right;
    padding: 0 30px;
}
#footer .box .links img{
    float:left;
    border:0 none;
    margin:0 15px;
}