html, body {
      margin: 0;
      padding: 0;
      background-color: #202020;
      color: #000000;
    }

.fold {
    font-family:Arial, Helvetica, sans-serif; 
    margin:0 auto;
    font-size:14px;
    width:820px;
    padding:10px;
    border:1px solid #777; /*542437;*/
    border-radius:10px;
    background:#111;
/*
*/
}
.fold ul {
    list-style:none;
    margin:0;
    padding:0;    
}
.fold li {
    margin:0;
    padding:0;
}
.fold [type=radio], .fold [type=checkbox] {
    display:none;
}
.fold label {
    display:block;
    font-size:16px;
    line-height:16px;
    background:#965c34;
    border:1px solid #5d2f15;
    color:#d6b997;
    font-weight:700;
    cursor:pointer;
/*  
    text-shadow:1px 1px 1px rgba(255,255,255,0.3);
    text-transform:uppercase;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
*/
}
.fold ul li label:hover, .fold [type=radio]:checked ~ label, .fold [type=checkbox]:checked ~ label {
    background:#bc8d59;
    color:#FFF;
/*  
    text-shadow:1px 1px 1px rgba(0,0,0,0.5)
*/
}
/*.fold */.contfold {
    padding:0 10px;
    overflow:hidden;
    color: #808080;
    border:1px solid #; /* Make the border match the background so it fades in nicely */
/*  
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
*/
}
/* Vertical */
.fold ul li {
    overflow:hidden;
    margin:0 0 1px;
}
.fold ul li label {
    padding:10px;
}

.bTable {
border-collapse: collapse;
}
.bTable tr {
    border: 1px solid #444;
    vertical-align: top;
    }

.aTable {
border-collapse: collapse;
}
.aTable td {
    border: 1px solid #444;
    vertical-align: top;
 	padding: 3px;
    text-align: center;
    }
.gnTd {
    background-color: #080;
    }
    
.gnTd:hover {
    background-color: #2A2;
    }
/*
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
    border-bottom:0;
}
.fold p {
    color:#333;
    margin:0 0 10px;
}
.fold h3 {
    color:#542437;
    padding:0;
    margin:10px 0;
}

*/
.fold ul li label:hover {
    border:1px solid #111; /* We don't want the border to disappear on hover */
}
.fold ul li .contfold {
    height:0px;
    border-top:0;
}
.fold [type=radio]:checked ~ label ~ .contfold, .fold [type=checkbox]:checked ~ label ~ .contfold {
    height:auto; /*300px;*/
    border:1px solid #111;
}

.fold a {
     font-size:12pt;
    white-space: nowrap
}
 a:link, a:visited, a:active {
    color: #808080;
    }
 a:hover {
    color: #C0C0C0;
    }

a.filter {
    background-color:#008000;
    color: #D0D010;
}
a.filter:hover {
    background-color:#20A020;
    color: #F0F020;
}
    
    * {
      box-sizing: border-box;
    }

    h1,h2 {
        text-align: center;
        color:#E0E0E0;
    }

p.quickselect {
        color:#D0D0D0;
}

p.title {
        text-align: center;
        color:#D0D0D0;
}
    .slider {
        width: 820px;
        margin: 0px auto;
    }

    .slick-slide {
      margin: 10px 5px;
    }

    .slick-slide img {
      width: 100%;
    }

    .ivPor, .ivLand {
      color:#E0E0E0;
      font-size:12pt;
      text-align:center;
      }
    .itPor img {
      width: 35px;
      height: 53px;
    }
    .itLand img {
      width: 80px;
      height: 53px;
    }
    .ivPor img {
      width: 355px;
      height: 533px;
    }
    .ivLand img {
      width: 800px;
      height: 533px;
    }

    .slick-prev:before,
    .slick-next:before {
        color: #808080;
    }


#copy {
    color:#808080;
    font-size:8pt;
    position: fixed;
    bottom: 0%;
    right: 0%;
    }