@charset "UTF-8";

* {
    font-family: 'Roboto Slab', serif;
}

/*-----------------------body------------------------------*/
body {
    background-image: url(images/fundo.jpg);
    /*font-family:Arial,Helvetica,sans-serif;*/
    font-size:80%;
    line-height:1.125em;
    color:#626262
}

/*-------------------------Interface--------------------------*/

div#interface{
    background: #ffffff;
    width:920px;
    margin:-6px auto 0 auto;
    box-shadow: 10px 0 10px rgba(0,0,0,0.4);
}

/* --------------------------cabeçalho-------------------------*/

header#cabecalho {
    width: 920px;
    height: 316px;
    margin: 0 auto 0 auto;
    font-size: .75em;
    background: url(images/Logonatal.jpg) no-repeat left top;
    position: relative;
    box-shadow: 2px 2px 2px #7e9ea8;
}

header#cabecalho .menu{
    margin-top: 262px;
    position: absolute;
}

header#cabecalho .menu .ul{
    list-style:none;
}

header#cabecalho .menu .nav li {
    display:inline;
}

header#cabecalho .menu .nav li a {
    float:left;
    background:url(images/divider.gif) no-repeat right ;
    padding:13px ;
    font-size:16px;color:#FFFFF0;
    text-transform:uppercase;
    text-decoration:none;
}

header#cabecalho .menu .nav li a:hover {
    color: #cdcdcd;
    text-decoration: underline;
}
/*---------------------------_Corpo-----------------------------*/

section#corpo{
    display: block;
    width: 500px;
    float: left;
    padding: 0 10px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 40px;
}

section#corpo .articles-list{
    margin-left: -40px;
    list-style:none
}


.articles-list {
    margin-bottom:-20px
}
.articles-list li {
    width:100%;
    overflow:hidden;
    padding-bottom:35px
}
.articles-list li img {
    float:left;
    margin:3px 20px 0 0
}
.articles-list li p {
    margin-bottom:6px
}
.articles-list li h5 {
    margin-top: 10px
}


section#corpo1{
    display: block;
    width: 800px;
    float: left;
    padding: 0 10px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 40px;
}
section#corpo1 .articles-list{
    margin-left: -40px;
    list-style:none
}



section#corpo2{
    display: block;
    width: 800px;
    float: left;
    padding: 0 10px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 60px;
}

.articles-list2  img {
    float:left;
    margin:20px 20px 0 0;
    border: 10px;
    border-style: solid;
    border-color: #cdcdcd;

}



a.link{float: right;font-size: 75%}

section#corpo1 .articles-list {margin-bottom:-20px}
section#corpo1 .articles-list li {width:100%;overflow:hidden;padding-bottom:35px}
section#corpo1 .articles-list li img {float:left;margin:3px 20px 0 0}
section#corpo1 .articles-list li p {margin-bottom:4px;margin-top: 10px}
section#corpo1 .articles-list li h5 {color:#0000d0;margin-top: 5px;margin-bottom: 0}



/*-----------------------Lateral----------------------*/

aside#lateral{
    display: block;
    width: 340px;
    float: right;
    background-color: #cdcdcd;
    border-radius: 16px;
    padding: 0 10px 0 10px;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-top: 55px;
    box-shadow: 2px 2px 1px #7e9ea8;
}

#video1 {
    border: solid #FFFFF0;
    border-radius: 16px;
    margin: 20px auto 0 10px;
    width: 320px;
    height: 180px;
}

aside#lateral .slideshow{

    margin: 20px auto 0 10px;

}

figure{

    margin: auto;
    font-size:12px;color:#0000d0;

}


aside#lateral .mapa{
    border: 2px solid #7e9ea8;
    border-radius: 10px;
    margin: 20px auto 0 10px;
    background: url(images/Logo2.jpg) no-repeat center;
}

aside#lateral ul{
    line-height:1.5em;
    margin-left: -15px;
    margin-top: 50px;
}

aside#lateral li {
   margin-bottom: 20px;
}

aside#lateral p{
    margin-left: 10px;
}

/* ------------------------Rodapé-----------------------*/

footer#rodape{
    clear: both;
    background-color: #0000d0;
    width: 920px;
    height: 60px;

}
footer#rodape .indent{
    color: #FFFFF0;
    padding:20px 46px 20px 49px;
}

footer#rodape .fleft {
    float:left
}
footer#rodape .fright {
    float:right
}


/* --------------------------Geral----------------------------*/

h2, h3, h4 {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;line-height:1.2em;color:#0000a8}
h2 {font-size:30px;font-weight:300;letter-spacing:-1px;margin-bottom:19px}
h3 {font-size:22px;margin-bottom:24px;font-weight:300;padding-left:8px;letter-spacing:-1px}
h5 {font-size:1em;}
p{line-height:1.5em}
a {
    color: #0000a8;
    outline:none;
    text-decoration: none
}

a:hover {
    text-decoration:underline;

}




/*--------------------------bx-slider-------------------------*/


.bx-pager {padding:16px 0 0 0; text-align:center;}

.pager-link {
    display:inline-block;
    color:#0000d0;
    margin-right:12px;
    cursor:pointer;
    text-decoration:none;
}
.pager-link:hover,
.pager-active{color:#7f7f7f;}
.pager-active {cursor:hand;}