@charset "utf-8";
/* CSS Document */

body
{
    background-image: url(jpeg/tlo_02.jpg);
    background-color: black;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    background-position: 0px top;
}
#contener {
    padding: 0px;
    margin: 0px;
}
#title {
    width: 600px;
    float: left;
    padding-left: 0px;
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
}

#content {
    width: 920px;
    min-height: 400px;
    margin-left: auto;
    margin-right: auto;
}
#footer {
    text-align: center;
    height: 40px;
    padding-top: 10px;
    border-top: 1px solid #7D7D7D;
    background-image: url(../jpg/tlo3.png);
    border-right: 1px solid #444444;
    border-bottom: 1px solid #444444;
    border-left: 1px solid #444444;
}

#kafelki .k2, #kafelki .k3
{
    margin-left: 81px;
}

#sp {
    padding: 0;
    margin: 0;
    float: left;
    width: 93px;
    height: 110px;
}

.clear {
    clear: both;
}
    
.title {
    font-size: 40px;
    font-weight: 700;
    margin-top: 15px;
    padding-top: 0px;
    /* [disabled]left: 20px; */
    padding-left: 20px;
    display: block;
}
#logo #title .sign {
    display: block;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    padding-top: 10px;
    margin-top: 0px;
    text-align: right;
    padding-right: 200px;
}
#kafelki {
    min-height: 400px;
    padding-top: 20px;
    border: 0px none #444444;
}

#logo {
    height: 120px;
    margin: 0;
    padding-top: 7px;
}
#HOME {
    float: left;
    width: 200px;
    text-align: right;
    font-size: 40px;
    font-weight: 900;
    padding-top: 25px;
    color: #8A8A8A;
}
#logo #HOME a 
{
    text-decoration: none;
    color: #919191;
}
#logo #HOME:hover a 
{
    text-decoration: none;
    color: #D1D1D1;
}

#kafelki .r1,  #kafelki .r2, #kafelki .r3, #kafelki .r4, #kafelki .r5
{
    height: 100px;
    /*border: 1px solid #314495;*/
    margin-bottom: 50px;
}
#kafelki .k1,#kafelki .k2, #kafelki .k3
{
    width: 250px;
    height: 100px;
    /*border: 1px solid #FEFD00;*/
    float: left;
}
/* ################ - rząd 1 - ########### */
#kafelki .r1 .k1 
{
    background-repeat: no-repeat;
    background-image: url(jpeg/Skandynawia_2010.jpg);
}
#kafelki .r1 .k1:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/Skandynawia_2010_w.jpg");
    border-bottom-width: medium;
}
#kafelki a {
    width: 250px;
    height: 100px;
    display: block;
}

#kafelki .r1 .k2 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/karkonosze.jpg");
}
#kafelki .r1 .k2:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/karkonosze_w.jpg");
}
#kafelki .r1 .k3 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/skandynawia_2007.jpg");
}
#kafelki .r1 .k3:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/skandynawia_2007_w.jpg");
}
/* ################ - rząd 2 - ########### */
#kafelki .r2 .k1 
{
    background-repeat: no-repeat;
    background-image: url(jpeg/tatry_guzik.jpg);
}
#kafelki .r2 .k1:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/tatry_guzik1.jpg");
}
#kafelki .r2 .k2 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/as_2011_2.jpg");
}
#kafelki .r2 .k2:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/as_2011_1.jpg");
}
#kafelki .r2 .k3 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/m_miasto.jpg");
}
#kafelki .r2 .k3:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/m_miasto_w.jpg");
}
/* ################ - rząd 3 - ########### */
#kafelki .r3 .k1 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/karkon2012.jpg");
}
#kafelki .r3 .k1:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/karkon2012_w.jpg");
}
#kafelki .r3 .k2 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/izery_2013.jpg");
}
#kafelki .r3 .k2:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/izery_2013_w.jpg");
}
#kafelki .r3 .k3 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/latawce_2013.jpg");
}
#kafelki .r3 .k3:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/latawce_2013_w.jpg");
}
/* ################ - rząd 4 - ########### */
#kafelki .r4 .k1 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/As2015.jpg");
}
#kafelki .r4 .k1:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/As2015a.jpg");
}
#kafelki .r4 .k2 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/efekty.jpg");
}
#kafelki .r4 .k2:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/efekty_w.jpg");
}
#kafelki .r4 .k3 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/lokomotywa.jpg");
}
#kafelki .r4 .k3:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/lokomotywa_w.jpg");
}
#kafelki .r4 .k3 {
}

/* ################ - rząd 5 - ########### */
#kafelki .r5 .k1 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/BoB-2019a.jpg");
}
#kafelki .r5 .k1:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/BoB-2019.jpg");
}
#kafelki .r5 .k2 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/2020.jpg");
}
#kafelki .r5 .k2:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/2020a.jpg");
}
#kafelki .r5 .k3 
{
    background-repeat: no-repeat;
    background-image: url("jpeg/NL2018.jpg");
}
#kafelki .r5 .k3:hover
{
    background-repeat: no-repeat;
    background-image: url("jpeg/NL2018_a.jpg");
}