h1 {
    font-size: 36px;
    line-height: 40px;
}

h2 {
    font-size: 24px;
    line-height: 40px;
}

h3 {
    font-size: 19px;
    line-height: 32px;
}

h4 {
    font-size: 13px;
    line-height: 30px;
}

h5 {
    font-size: 12px;
    line-height: 26px;
}

h6 {
    font-size: 11px;
    line-height: 24px;
}



.navbar, .navbar-inner, .nav, .navbar-inverse {
    background: transparent !important;
    margin-top: 66px;
    margin-bottom: -33px;
}

.login-container input {
    font-size: 12px;
    padding: 1px 3px;
    margin-bottom: 1px;
}

.btn-yellow {
    background-color: #D9C21C;
    background-image: -moz-linear-gradient(center top , #D9C21C, #D9C21C);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #222222;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
}

.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow.active,
.btn-yellow.disabled,
.btn-yellow[disabled] {
    color: #333333;
    background-color: #e4cd27;
    *background-color: #e4cd27;
}



.btn-yellow.first {
    font-weight: bold;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb25 {
    margin-bottom: 25px;
}

.darkBox {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    margin-right: 20px;
    padding: 10px 20px;
}





body {
    background: url("../images/main_bg2.jpg") 0 0 repeat #222;
    /*  background: url("../images/main_bg.jpg") 0 0 repeat #222;*/
    color: #ddd !important;
    font-size: 14px;
}
header {
    background:  transparent!important;
    border: 0;
}



#bg_img_separator {
    /* background: url("../images/bg_img_separator.jpg") no-repeat scroll center top transparent; */
    height: 4px;
}

#content {
    padding-top: 10px;
   /* margin-left: 50px;*/
}

.navbar .nav > li > a {
    border: 0;
    color: #fff;
    padding: 10px;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:focus {
    background-color: transparent !important;
    box-shadow: none;
    color: #d3c119 !important;
    text-decoration: none;
    border: 0 !important;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    border-top: 0 !important;	
    background: transparent !important;		
    color: #D3C119;
    outline: none;
}


#nav_bg {
    /*    background: url("../images/nav_bg_uusin.png") top center repeat-x;*/
    background: url("../images/nav_bg_uusin.png") 10px 50px repeat-x;
}


#wrapper {
    background: none repeat scroll 0 0 transparent;
    padding-bottom: 20px;
}



.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}



.navbar-inner {
    text-align:center;
}

.nav-collapse {
    float: none;
}

.well {
    background: url("../images/yleinen_pohja.jpg") repeat scroll center top transparent;
    border: 6px solid #D9C21C;
    border: 0;
    background: transparent;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}




h1, h2, h3, h4, h5, h6, legend {
    color: #D9C21C;
    font-family: "Droid Sans" !important;
    font-weight: normal !important;
    margin: 0 0 7px;
    padding: 0;
}

.liituTauluWrap {
    padding: 8px;
    border-radius: 5px;
    background: url("../images/yleinen_pohja.jpg") repeat scroll center top transparent;
    min-width: 290px;
}

.liituTauluBg {
    background: url("../images/liitutaulu_pohja.jpg") repeat scroll center top transparent;
    border: 1px solid #333333;
    color: #FFFFFF;
    font-family: "Shadows Into Light Two" !important;
    font-size: 1.2em;
    letter-spacing: 0.07em;
    margin: 0;
    padding: 8px;
}
.liituTauluBg h1, .liituTauluBg h2, .liituTauluBg h3, .liituTauluBg h4, .liituTauluBg h5, .liituTauluBg h6 {
    color: #fff;
    font-family: "Shadows Into Light Two" !important;
}

a, a:hover {
    color: #ddd;
}


.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #000000;
    color: #dfdfdf;
}



.modal {
    background: none repeat scroll 0 0 #bfbfbf;
    box-shadow: 1px 3px 39px rgba(236, 207, 0, 0.9);
    color: #222222;
}

.modal-footer {
    background: none repeat scroll 0 0 #bfbfbf;
}

.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
    color: #222;
}

.modal .table {
    background: #dfdfdf;
}

.carousel-control{
    top: 85%;
}

.carousel {
    margin-bottom: 0px;
}

.login_row.logged,.login_row{
    right: -25px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}
.btn-group > .btn:last-child{
    margin-left: 2px;
    margin-top: 3px;
}

/*
.table-bordered th, .table-bordered td {
    background: none repeat scroll 0 0 #333333;
    border-left: 1px solid #DDDDDD;
}*/

.backstretch img{
    top: -33.167px!important;
}
/* DATATABLES */
table.dataTable thead th {
    color: #fff;
    background: #000;
}

table.dataTable tr.odd { background-color: #333; }
table.dataTable tr.even { background-color: #000; }

table.dataTable tr.odd td.sorting_1 { background-color: #333; }
table.dataTable tr.odd td.sorting_2 { background-color: #000; }
table.dataTable tr.odd td.sorting_3 { background-color: #333; }
table.dataTable tr.even td.sorting_1 { background-color: #000; }
table.dataTable tr.even td.sorting_2 { background-color: #333; }
table.dataTable tr.even td.sorting_3 { background-color: #000; }
/* /DATATABLES */

/* HOME STUFF */


.home #header {
    height: 321px;
}

.home #content {
    margin-top: -164px;
}



#tv_screen {
    height: 306px;
    margin: 0 auto;
    position: relative;
    width: 524px;
}

#tv_content {
    /*    left: 20px;*/
    position: relative;
    /*    top: 17px;
         width: 460px;*/
    z-index: 2;
    margin-left: 15px;
}

#tv_screen .tvbg {
    position: absolute;
    z-index: 1;
    width: 100%;
}

#tuoppi_vasen {
    width: 220px;
    height: 320px;
    left: 116px;
    position: absolute;
    top: 0;
}

#tuoppi_vasen img {
    width: 100%;
}

#tuoppi_oikea {
    height: 320px;
    position: absolute;
    right: 116px;
    top: 0;
    width: 220px;
}

#tuoppi_oikea img {
    width: 100%;
}

.navLogo {
    position: relative;
    top: 10px;
}


#pubimap, #pubimap h2, #pubimap a {
    color: #444444;
}

.bp-form .controls {
    margin-top: -20px;
}


.ccm-required {
    color: red !important;
}

#header_narrow_logo {
    display: none;
    margin: 0 auto;
    text-align: center;
}

.formBlockSurveyTable input, textarea, .uneditable-input {
    width: 90%;
}

blockquote {
    border: 0;
}

.poikkeus_pvm {
    width: 90px;
}

.kausi {
    clear: both;
    float: left;
}

.datepicker {
    color: #222222;
}

.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background: #D9C21C;
    color: #333;
    border: #cab51d;
    border-radius: 10px;
}

.nav-tabs > li > a:hover {
    background: #D9C21C;
    color: #333;
    border: #cab51d;
    border-radius: 10px;
}

#viikkovisarankingtabbable ul.nav-tabs {
    margin: 20px 0 10px;
}


#modal-syotapisteet .modal-body {
    max-height: 450px;
}


#ylanavi {
    position: absolute;
    top: 10px;
}

.navbar, .navbar-inner, .nav, .navbar-inverse {
    background: transparent !important;
    border: medium none;
    box-shadow: none;
    filter: none !important;
    /* margin: 64px 0 -30px; */
    margin: 115px 0 -30px;
    padding: 0;
}

.navbar .btn-navbar{
    float: none;
}

/* /HOME STUFF */
#modal-body-joukkueet h2 {
    font-size: 21px;
}

.aanetKaytossaLogo{
    display: none;
}



/* RESPONSIVE STUFF STARTS HERE! */


/* Higher than 960 (desktop devices)
====================================================================== */

@media only screen and (min-width: 960px) and (max-width: 1199px){
    #tuoppi_vasen { left: -4px; }
    #tuoppi_oikea { right: -4px; }

    .navbar .nav > li > a {
        border: 0;
        color: #fff;
        padding: 10px 5px;
    }

    /*.login_row {
     right: -80px;
 }*/
    .img_mobile{
        display: none!important;
    }


}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #tuoppi_vasen { display: none; }
    #tuoppi_oikea { display: none; }

    .navbar .nav > li > a {
        border: 0;
        color: #fff;
        padding: 10px 5px;
    }

    .login_row {
        right: -80px;
    }



}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
    .img_mobile{
        display: block;
    }
    .home #header {
        height: auto;
    }

    .tab-content {padding: 0px!important;}
    .home #content {
        margin-top: 0;
        margin-left: 0px!important;
    }
    #content {
        margin-top: 0px !important;
        margin-left: 0px!important;
        padding-top: 0px !important;
    }
    .mobiili_nakyma .bplogo{
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: -40px;
    }
    .mobiili_nakyma .keskikuva{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .backstretch img{
        top: inherit!important;
    }

    div.ccm-layout-row[style]{ width: 100% !important; }
    div.ccm-layout-col[style]{ width: 100% !important; }

    .gm-style img { max-width: none; }
    .gm-style label { width: auto; display: inline; }

    #header_narrow_logo {
        /*display: block; */
    }
    #tuoppi_vasen { display: none; }
    #tuoppi_oikea { display: none; }


    #nav_bg {
        background: transparent;
    }

    .navbar, .navbar-inner, .nav, .navbar-inverse {
        background: #000 !important;
        border-radius: 10px;
    }

    .navbar .nav > li > a {
        border: 0;
        color: #fff;
        padding: 10px 5px;
    }

    .login_row {
        min-height: 20px;
        padding: 7px 14px;
        position: static;
        margin: 10px auto;
    }

    .login-container {
        /* text-align: center; */
    }
    .login_liitty_mukaan{
        margin-left: 10px!important;
    }
    .fb-like, .fb-like span, .fb-like iframe {width: 290px !important;}
    .navbar, .navbar-inner, .nav, .navbar-inverse {
        margin-bottom: 10px;
        margin-top: 11px;
    }

    #ylanavi {
        margin-top: 4px;
        position: static;
    }

    .login_row.logged {
        position: static;
    }

    ._51mz{
        width: 290px!important;
    }
    .aanetKaytossaLogo,.ravintolanLogoRight{
        display: none;
    }

    #ravintolaLista.well{
        padding: 0px;
    }

    .navbar .nav, .navbar .nav > li {
        display: block;

    }

    .navbar .nav#paivat_filter,.navbar .nav#paivat_filter > li  {

        display: inline-table;
    }
    .bplogo{
        max-height: 130px;
    }
    .keskikuva{
        max-height: 250px;
    }
    .liituTauluWrap{
        min-width:inherit!important;
    }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #content {
        margin-top: 20px;
        margin-left: 0px!important;
    }

    .tablet_nakyma .bplogo{
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: -100px;
    }
    .tablet_nakyma .keskikuva{
        display: block;
        margin-left: auto;
        margin-right: auto;
        min-height: 620px!important;
    }

    .navbar-inverse {
        background: #000 !important;
        border-radius: 10px;
        margin: 70px 0 -30px;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: static;
    }
    .navbar-fixed-top {
        margin-bottom: 20px;
    }
    .navbar-fixed-bottom {
        margin-top: 20px;
    }
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        padding: 5px;
    }
    .navbar .container {
        width: auto;
        padding: 0;
    }
    .navbar .brand {
        padding-right: 10px;
        padding-left: 10px;
        margin: 0 0 0 -5px;
    }
    .nav-collapse {
        clear: both;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }
    .nav-collapse .nav > li {
        float: none;
    }
    .nav-collapse .nav > li > a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > .divider-vertical {
        display: none;
    }
    .nav-collapse .nav .nav-header {
        color: #777777;
        text-shadow: none;
    }
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        font-weight: bold;
        color: #777777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > li > a:hover,
    .nav-collapse .dropdown-menu a:hover {
        background-color: #f2f2f2;
    }
    .navbar-inverse .nav-collapse .nav > li > a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #fff;
    }
    .navbar-inverse .nav-collapse .nav > li > a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover {
        background-color: #111111;
    }
    .nav-collapse.in .btn-group {
        padding: 0;
        margin-top: 5px;
    }
    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        display: none;
        float: none;
        max-width: none;
        padding: 0;
        margin: 0 15px;
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .nav-collapse .open > .dropdown-menu {
        display: block;
    }
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
        display: none;
    }
    .nav-collapse .dropdown-menu .divider {
        display: none;
    }
    .nav-collapse .nav > li > .dropdown-menu:before,
    .nav-collapse .nav > li > .dropdown-menu:after {
        display: none;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111111;
        border-bottom-color: #111111;
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0;
    }
    .nav-collapse,
    .nav-collapse.collapse {
        height: 0;
        overflow: hidden;
    }
    .navbar .btn-navbar {
        display: block;
        padding: 20px;
        font-size: 40px;
    }
    .navbar-static .navbar-inner {
        padding-right: 10px;
        padding-left: 10px;
    }

    .navLogo { display: none; }

    #nav_bg {
        background: none;
    }

    .login_row {
        min-height: 30px;
        padding: 15px 21px;
        position: static;
        margin: 10px auto;
    }

    .home .navbar, .navbar-inner, .home .nav ,.home .navbar-inverse {

        margin: 10px 0 -30px;

    }
    .navbar #paivat_filter {
        display: block!important;
    }
    .aanetKaytossaLogo{
        display: none;
    }

    /* vaihtuva kuva*/
    .span5#rowTablet {
        display: block;
        float: none;
        width: 100%;
    }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #tuoppi_vasen, #tuoppi_oikea, .navLogo { display: none; }


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {


    #tv_screen {
        width: 100%;
        display: none;
    }
    #tuoppi_vasen, #tuoppi_oikea, .navLogo { display: none; }

}

.btn-wide {
    display: block;
}

@media only screen and (min-width: 1024px) and (max-width: 1024px){
    #content{
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 0;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: static;
    }
    .navbar-fixed-top {
        margin-bottom: 20px;
    }
    .navbar-fixed-bottom {
        margin-top: 20px;
    }
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        padding: 5px;
    }
    .navbar .container {
        width: auto;
        padding: 0;
    }
    .navbar .brand {
        padding-right: 10px;
        padding-left: 10px;
        margin: 0 0 0 -5px;
    }
    .nav-collapse {
        clear: both;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }
    .nav-collapse .nav > li {
        float: none;
    }
    .nav-collapse .nav > li > a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > .divider-vertical {
        display: none;
    }
    .nav-collapse .nav .nav-header {
        color: #777777;
        text-shadow: none;
    }
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        font-weight: bold;
        color: #777777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > li > a:hover,
    .nav-collapse .dropdown-menu a:hover {
        background-color: #f2f2f2;
    }
    .navbar-inverse .nav-collapse .nav > li > a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #E6E6E6;
    }
    .navbar-inverse .nav-collapse .nav > li > a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover {
        background-color: #111111;
    }
    .nav-collapse.in .btn-group {
        padding: 0;
        margin-top: 5px;
    }
    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        display: none;
        float: none;
        max-width: none;
        padding: 0;
        margin: 0 15px;
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .nav-collapse .open > .dropdown-menu {
        display: block;
    }
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
        display: none;
    }
    .nav-collapse .dropdown-menu .divider {
        display: none;
    }
    .nav-collapse .nav > li > .dropdown-menu:before,
    .nav-collapse .nav > li > .dropdown-menu:after {
        display: none;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111111;
        border-bottom-color: #111111;
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0;
    }
    .nav-collapse,
    .nav-collapse.collapse {
        height: 0;
        overflow: hidden;
    }
    .navbar .btn-navbar {
        display: block;
    }
    .navbar-static .navbar-inner {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.rssSummaryList {
    overflow: hidden;
}

.container.container-black {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    padding: 20px;
}
.container.container-black-color {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    
}
.pahkinaButton{
    word-spacing: 0.15em;
    font-family: 'Lobster', cursive;
    font-size: 21px;
    color: #000000;
    padding: 8px 33px;
    cursor: pointer;
    background: #D9C21C; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: -moz-linear-gradient(top,  #D9C21C 0%, #D9C21C 58%, #D9C21C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D9C21C), color-stop(58%,#D9C21C), color-stop(100%,#9f5a15)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #D9C21C 0%,#D9C21C 58%,#D9C21C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #D9C21C 0%,#D9C21C 58%,#9f5a15 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #D9C21C 0%,#D9C21C 58%,#9f5a15 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #D9C21C 0%,#D9C21C 58%,#D9C21C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9C21C', endColorstr='#D9C21C',GradientType=0 ); /* IE6-8 */

    border-radius: 14px;
    border: 3px solid #FFFFFF;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset -1px -2px 4px rgba (230, 227, 45, 0.9);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset -1px -2px 4px rgba(230, 227, 45, 0.9);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset -1px -2px 4px rgba(230, 227, 45, 0.9);
    text-transform: none;
    display: block;
    padding: 14px 6px;
    line-height: 1em;
    text-align: center;
}
.pahkinaButton:hover {
    color: #777777;
    text-decoration: none;
    box-shadow: none;
}
.pahkinaButton-large{
    font-size: 50px;
}
.boxed {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin: 10px 0;
    padding: 10px;
}
.baaripahkinaNavTemp .collapse.in{
   height: auto!important;
}

.baaripahkinaNavTemp li.baaripelit_dropdown ul li{
   /* text-align: left;*/
}