/* 
    Created on : 26.2.2017, 0:31:13
    Author     : Lucky
*/

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

body {
    /*background-color: #840000;*/
    background: #840000; /* Old browsers */
    background: -moz-linear-gradient(top,  #840000 10%, rgba(204,204,204,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #840000 10%, rgba(204,204,204,1) 70%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #840000 0%,rgba(204,204,204,1) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

a:hover {
    text-decoration: none;
}

.table td.fit, 
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

#pieni {
    width: 70%;
}

.table-hover th, td {
    border-bottom: 1px solid red;
}

#tab-menu {
    background-color: #E9E581;
}

#tab-page {
    background-color: #E9E581;
}

#navi {
    background-color: #44749d;
    border-color: #44749d;
}

#navi a{
    color: #000000;
}

#navi a:hover{
    color: #840000;
}

#nav-container {
    margin: auto;
    padding-top: 50px;
    width: 1100px;
}

.container {
    background-color: #E9E581;
    border-radius: 15px;
    padding-bottom: 20px;
    
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

@media only screen and (max-width: 770px) {
    
    .container {
        width: auto;
    }
    
    .container h1, h2, h3, h4 {
        font-size: 2em;
    }
}