body{
    font-family: Arial, Helvetica, sans-serif;
    color: #0D293C;
}

header{
    background-color: #0D293C;    
    position:relative;
    height: 4.5em;
    z-index: -2;
}

div#colorbox{
    background-color: #C6ECAE;
    height: 4.5em;
    margin-left:50%;
    width: 50%;
    top:0;
    position: absolute;
    z-index:-1;
}

figure#logobox{
    background-image: url("../images/logo.png");
    background-repeat:no-repeat;
    background-position: center;
    background-size: 4.5em;
    height: 4.5em;
}

section{
    padding: 2em 0;
    position: relative;    
}

section::before{
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(../images/cityAtNight.jpg)center center no-repeat;
    background-size:cover;
    background-attachment: fixed;
    background-position: top center;
    opacity: .5;
}


form#searchform{
    position: relative;
    width: 50%;
    max-width: 160px;
    padding: 0.5em;
    margin:0 auto 2em auto;
    border: 1px solid #444;
    border-radius: 1em;
    box-shadow: 0 .5em 2em #444;
    background-color: rgba(213, 87, 59, .2);
    
}

.searchoption{
    color: #0D293C;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
}

label.searchoption{
    font-size: 1.3em;
}

article.unidade{
    padding: 1.2em;
    position: relative;
    box-shadow: 0 2em 2em #444;
    
}

article.unidade:nth-child(odd){
    /*background-color: rgba(198, 236, 174, .8);*/
    /*background-color: rgba(228, 241, 233, .8);*/
    background-color: rgba(160, 207, 179, .8);
    
}

article.unidade:nth-child(even){
    /*/background-color: rgba(13, 41, 60, 0.2);*/
    background-color: rgba(23, 71, 104, .8) ;
    color: #E4F1E9;
    
}

article.unidade h1 {    
    margin-bottom: 0.7em;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid rgba(13, 41, 60, 0.2);
}

article.unidade h2 {
    text-align: justify;
    margin-bottom: 0.75em;
}

article.unidade h2 span{
    font-weight: bold;    
}

table, th, td{
    border: 1px solid rgba(240, 240, 240, 0.3);
    text-align: left;
    padding: 0.4em;
}

table{
    width: 90%;
    max-width: 430px;
    margin: auto;
      
}

tr.tableheader{
    font-weight: bold;
}

footer{
    background-color: rgba(13, 41, 60);
    color: #eee;
    padding: 2em;
    text-align: center;
}

footer h1{
    font-stretch: expanded;
    line-height: 1.3em;
}

footer a{
    color:#d5573bff;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.3em;
}

@media screen and (min-width:960px){
    header{        
        height: 6em;        
    }
    
    div#colorbox{        
        height: 6em;        
    }
    
    figure#logobox{        
        background-size: 6em;
        height: 6em;
    }

    article.unidade {
        max-width: 1000px;
        margin: auto;
    }

    article.unidade h2 {
        text-align: center;
        margin-bottom: 0.75em;
    }
    
    table{
        max-width: 864px;
    }

    .tabledata{
        height: 4em;        
    }
}


/*
---PROJECT PALETTE---
--rgba--:
$prussian-blue: rgba(13, 41, 60, 1);
$davys-grey: rgba(80, 90, 91, 1);
$cedar-chest: rgba(213, 87, 59, 1);
$eton-blue: rgba(148, 201, 169, 1);
$tea-green: rgba(198, 236, 174, 1);

--hex--:
--prussian-blue: #0d293cff;
--davys-grey: #505a5bff;
--cedar-chest: #d5573bff;
--eton-blue: #94c9a9ff;
--tea-green: #c6ecaeff;
*/