
#advert-M2
{
    margin-bottom: 15px;
}
.advert-box
{
    text-align: center;
}
.advert-box > div
{
    display: inline-block;
    font-size: 140%;
    font-weight: 600;
    background-color: #EEEEEE;
    text-align: center;
}

body
{
	background-color: #2B7ABF;
    font-family: 'Open Sans', "Trebuchet MS", sans-serif;
}
#header.mini #bar-middle
{
	display: none;
}
#bar-top .logo
{
	bottom: -13px;
	display: block;
	height: 115px;
    left: -moz-calc(50% - 125px);
    left: -webkit-calc(50% - 125px);
	left: calc(50% - 125px);
	overflow: hidden;
	position: absolute;
	text-align: center;
	width: 250px;
	z-index: 1;
}
#bar-top .img
{
	z-index: 10000;
    margin-top: 20px;
}
@media screen and (max-width: 768px)
{
    #bar-top .logo
    {
        bottom: -63px;
    }
}

#header:hover #menu-top ul
{
	background-color: rgb(252, 216, 8);
}

#menu-top
{
	position: absolute;
	top: 5px;
}
#menu-top ul
{
	background-color: rgba(252, 216, 8, 0.4);
	display: inline;
	padding: 3px 15px;
    transition: all .3s ease-in;
}
#menu-top ul,
#menu-top ul *
{
	font-size: 12px;
	line-height: 13px;
}
#menu-top
{
	padding-top: 10px;
}
#menu-top li
{
	display: inline-block;
	padding-right: 5px;
	border-right: 1px solid #084274;
	margin-right: 5px;
}

#menu-top li a
{
	color: #084274;
}
#menu-top li.last
{
	border: 0 none;
	padding-right: 0;
	margin-right: 0;
}


/*
##################################
            CONTENT
##################################
*/

#main > .container
{
	min-height: 400px;
    padding-top: 15px;
    padding-bottom: 15px;
	background-color: #fff;
}

blockquote
{
    background-color: #F6F6F6;
    border-left: 5px solid #DDD;
    font-size: 14px;
    margin: 0 0 15px;
    padding: 15px;
    font-style: italic;
}

.thumbnail, .progress
{
    border-radius: 0px;
}
.poll-box
{
	margin-left: 15px;
	margin-bottom: 15px;
	width: 300px
}
.poll-box .progress
{
    height: 10px;
}
.fb_iframe_widget:not(.fb-like),
.fb_iframe_widget:not(.fb-like) span,
.fb_iframe_widget:not(.fb-like) span iframe[style]
{
    width: 100% !important;
}

.label-category
{
    background-color: #f0f0f0;
    color: #999;
}
.text-normal
{
    color: #000;
}
.carousel:hover .carousel-indicators,
.carousel:hover .carousel-control {
	opacity: 1;
}
.carousel .carousel-indicators,
.carousel .carousel-control {
	opacity: 0;
	transition: 1s all;
}
.carousel-caption > *:hover {
    background-color: rgba(7, 94, 174, 1);
}
.carousel-caption {
	padding-bottom: 15px;
}
.carousel-caption > * {
    background-color: rgba(7, 94, 174, 0.65);
    padding: 5px;
}
.carousel-caption > * a {
    color: #fcd808;
}
.carousel-indicators {
	margin-bottom: 0;
}
.carousel-indicators, .carousel-caption {
	bottom: 0;
}
[data-toggle="lightbox"] {
    cursor: pointer;
}
.section-header {
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 2px solid rgba(0, 0, 0, .1);
	font-weight: 600;
}
.section-header:not(:first-child) {
	margin-top: 30px;
}
#slogan
{
    background-color: #F7D900;
    text-align: center;
}
#slogan h1
{
    color: #154481;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
    padding: 15px 10px;
    text-transform: uppercase;
    margin: 0;
}

#footer
{
    background-color: #154481;
    position: relative;
}
#footer .links
{
    overflow: hidden;
    padding: 20px 10px;
}
#footer .column h6
{
    color: #FFEE00;
    font-size: 16px;
    line-height: 1;
    padding-bottom: 5px;
    margin: 0;
}
#footer .column ul
{
    padding-left: 10px;
    list-style-type: none;
}
#footer .column ul li 
{
    color: #fff;
    margin-bottom: 2px;
}
#footer .column ul li a
{
    color: inherit;
    display: inline-block;
    padding-left: 3px;
    font-size: 12px;
}
#footer .social-links a
{
    margin-bottom: 30px;
    margin-right: 5px;
    display: inline-block;
    padding: 10px;
    width: 48px;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.45);
    text-align: center;
    font-size: 150%;
    color: #fff;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
#footer .social-links a.twitter:hover
{
    background-color: #59c8ff;
}
#footer .social-links a.rss:hover
{
    background-color: #ff8400;
}
#footer .social-links a.fb:hover
{
    background-color: #4b649b;
}
#footer .social-links a.youtube:hover
{
    background-color: #ff4536;
}#footer .social-links a.mail:hover
{
    background-color: #F7D900;
}
@media (max-width: 768px) {
    .game-assigned .score-bar
    {
        text-align: center;
    }
    .game-assigned .team-box *
    {
        font-size: 150%;
    }
    .game-assigned .team-box
    {
        text-align: center;
    }
    .game-assigned .team-bar
    {
        display: inline-block;
    }
    .game-assigned .team-bar:first-child:after
    {
        content: "-";
        font-size: 150%;
    }
    .game-assigned .score
    {
        font-weight: 600;
    }
    .game-assigned .nav > li {
        display: block;
        float: none;
        text-align: center;
    }
}

@media (min-width: 769px) {
    .game-assigned .score-bar {
        position: relative;
    }

    .game-assigned .score-bar .team-box {
        display: table;
        width: 100%;
        padding: 35px 50px;
    }

    .game-assigned .score-bar .team-bar {
        display: table-cell;
        width: 50%;
        border-color: #061A2D;
        border-style: solid;
        background-color: #3289E2;
        text-align: center;
    }

    .game-assigned .score-bar .team-bar:first-child {
        padding-left: 30px;
        border-right-width: 10px;
    }

    .game-assigned .score-bar .team-bar:last-child {
        padding-right: 30px;
        border-left-width: 10px;
    }

    .game-assigned .score-bar .team-bar:first-child .score {
        float: right;
    }

    .game-assigned .score-bar .team-bar:last-child .score {
        float: left;
    }

    .game-assigned .score-bar .team-name {
        color: #FFE43F;
        font-size: 125%;
        display: inline-block;
        padding: 10px 15px;
    }

    .game-assigned .score-bar .score {
        background-color: #FFE43F;
        padding: 5px;
        font-size: 275%;
        font-weight: 600;
        display: inline-block;
        width: 60px;
        color: #061A2D;
        text-align: center;
        margin: -10px 0px;
    }

    .game-assigned .score-bar .logo {
        position: absolute;
        top: 0;
    }

    .game-assigned .score-bar .logo.logo-home {
        left: 0;
    }

    .game-assigned .score-bar .logo.logo-visitor {
        right: 0;
    }

    .game-assigned .nav {
        text-align: center;
    }

    .game-assigned .nav > li {
        display: inline-block;
        float: none;
    }
}

.game-box
{
    margin-bottom: 15px;
}
.game-box .game-score
{
    display: inline-block;
    font-size: 250%;
    font-weight: 800;
    margin-top: 40px;
    padding: 5px;
    background-color: rgba(7, 94, 174, 0.65);
    color: #fcd808;
}
.game-box .game-score .fa-facebook-square
{
    color: #fff;
    font-size: 65px;
}
.game-box .label
{
    border-radius: 0px;
}
.game-box .game-date
{
    padding: 5px 15px;
    background-color: rgba(7, 94, 174, 0.65);
    color: #fcd808;
    font-size: 125%;
}
.game-box .game-assignments
{
    margin-top: 10px;
    background-color: rgba(7, 94, 174, 0.65);
    padding: 15px 5px;
}
.game-box .game-assignments li
{
    display: block;
    height: 20px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 49.999%;
    padding: 0 5px 0 10px;
    text-align: center;
}

.game-box .game-assignments li,
.game-box .game-assignments li *
{
    font-size: 12px;
    line-height: 1.5;
    color: #fcd808;
}

.game-box .team-name
{
    height: 40px;
    text-align: center;
}
.game-box .team-name > *
{
    white-space: normal;
    display: inline-block;
    font-size: 85%;
}
@media (min-width: 992px) {
    #game-next-prev,
    #game-next
    {
        background-image: url('/images/games-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 30px;
    }
}

#game-next .title,
#game-next-prev .tab-list
{
    color: #fff;
    padding: 10px 15px;
    margin: 0 0 5px;
    background-color: rgba(0, 0, 0, .65);
}
#games-list .title {
    color: #FFE965;
    font-weight: 600;
    font-size: 120%;
    margin-top: 0;
}

#games-list {
    margin: 15px;
    background-color: rgba(7, 94, 174, 0.65);
    padding: 15px;
    color: #FFE965;
    display: block;
    clear: both;
    position: relative;
}
#game-next-prev .games-score {
    font-weight: 600;
    text-align: right;
}
#games-list .game-item {
    margin-bottom: 5px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
#games-list .game-item.finished {
    opacity: .75;
}
#games-list:hover .game-item.finished {
    opacity: 1;
}
#games-list .game-item .team-name {
    font-size: 125%;
    line-height: 1.15;
    font-weight: 600;
}
#games-list .game-item .game-date {
    font-size: 70%;
    padding-left: 15px;
}
#menu-main
{
    min-height: 25px;
    background:-webkit-linear-gradient(top,        #ffe43f 17px, #fcd808 18px) no-repeat scroll 0 0 #fcd808;
    background:   -moz-linear-gradient(top, #ffe43f 17px, #fcd808 18px) no-repeat scroll 0 0 #fcd808;
    background:    -ms-linear-gradient(top, #ffe43f 17px, #fcd808 18px) no-repeat scroll 0 0 #fcd808;
    background:     -o-linear-gradient(top, #ffe43f 17px, #fcd808 18px) no-repeat scroll 0 0 #fcd808;
    background:        linear-gradient(top, #ffe43f 17px, #fcd808 18px) no-repeat scroll 0 0 #fcd808;
    background-color: #fcd808;
    box-shadow: 0 0 15px #999;
    position: relative;
    margin: 0;
    border: 0 none;
    border-radius: 0px;
}

#menu-main .item
{
    margin: 2px 3px;
    padding: 5px 10px;
    cursor: pointer;
    color: #01437f;
    font-weight: 800;
    text-align: center;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
}


.navbar-default .navbar-toggle
{
    border-color: #FFE43F !important;
}

#menu-main .item:hover,
#menu-main .dropdown.open .item,
.navbar-default .icon-bar
{
    text-decoration: none;
    background-color: #3D8DD1 !important;
    color: #FCD808;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar
{
    background-color: #FFE43F !important;
}
.navbar-default .navbar-toggle
{
    border-color: #3D8DD1 !important;;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
    background-color: #3D8DD1;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
{
    color: #FFE43F;
    background-color: #3D8DD1;
}
@media (max-width: 767px)
{
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
    {
        background-color: #01437f;
        color: #FFE43F;

    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        color: #01437f;
    }
}

@media screen and (min-width: 768px)
{
    #menu-main .item span
    {
        width: 125px;
    }
    #menu-main .navbar-nav > li {
        float: none;
        display: inline-block;
    }
}
@media screen and (max-width: 768px)
{
    #menu-main .item
    {
        border-radius: 0;
        padding: 10px 20px;
    }
    #menu-top { display: none; }
    #bar-top .container { height: 30px !important; }
    #header { background-image: none; }
}
#bar-top > .container
{
    position: relative;
}
#google-search
{
    margin: 5px 0 0;
    padding: 0;
}
#bar-top .container
{
    /*padding-top: 15px;*/
    position: relative;
    /*height: 80px;*/
}

@media (min-width: 768px)
{
    .btn.btn-social {
        margin: 7px 1px 2px;
    }
}
@media (max-width: 767px)
{
    .btn.btn-social {
        display: block;
    }
}
.icon-social
{
    display: inline-block;
    font-size: 160%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: .55;
}
.icon-social:hover
{
    opacity: 1;
}
.icon-social > img
{
    height: 16px;
}
.input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {
    border-radius: 0;
    font-size: 11px;
    height: 25px;
    line-height: 1.15;
    padding: 5px 10px;
}
.label, .btn, .nav-pills > li > a, .well {
    border-radius: 0;
}

/* PP */
#bar-top .container {
    height: auto;
}


.super-arka-gdynia {
    background-image: url("https://i.imgur.com/43zKUnx.png");
    padding: 25px 0 0 250px;
    height: 113px;
    background-size: contain;
    background-repeat: no-repeat;
}
.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
    height: 25px;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.15;
    border-radius: 0px;
}
.label,
.btn,
.nav-pills > li > a,
.well
{
    border-radius: 0px;
}

.row
{
    margin-right: -5px;
    margin-left: -5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding-right: 5px;
    padding-left: 5px;
}

.label-arka
{
    background-color: #FCD808;
    color: #2B7ABF !important;
}
.label-primary
{
    background-color: #01437f;
}
