body {
    background-color: #000000;
}

a:link { color: #ff9900 }
a:visited { color: #ff9900 }
a:active {color: #00FF00;}
/*a:hover {background-color: #ffffff;}*/
a {text-decoration: none;}

p { color: #ffcc99; font-family: "Verdana", "Arial"; font-size: 10pt; text-align: justify }
p.news { color: #ffcc99; font-family: "Verdana", "Arial"; font-size: 11pt; text-align: justify; margin-left: 1.37cm; }
@media screen and (min-width: 600px) {
    p.news { color: #ffcc99; font-family: "Verdana", "Arial"; font-size: 10pt; text-align: justify; margin-left: 1.37cm; }

}
p.msonormal { font-family: "Verdana", "Arial"; font-size: 10pt; line-height:3pt		}
p.msonormal-menu { font-family: "Verdana", "Arial"; font-size: 10pt; line-height:10pt; font-weight: bold}
p.msonormal-center { font-family: "Verdana", "Arial"; font-size: 10pt; line-height:3pt; text-align: center}

div.center { font-family: "Verdana", "Arial"; font-size: 10pt; line-height:3pt; text-align: center}

p.stopka { font-family: "Verdana", "Arial"; font-size: 8pt; line-height:10pt	; text-align: center; background-color: #333333}
p.wizytowka{ color: #ffcc99; font-family: "Verdana", "Arial"; font-size: 10pt; line-height:5pt	;text-align: center; background-color: #333333 }

/*p1 {color:#cc6633; font-family: "Verdana", "Arial"; font-size: 20pt; font-weight:normal}*/ 
h1 {color:#cc6633; font-family: "Verdana", "Arial"; font-size: 20pt; font-weight:normal} 
h1.center {
    text-align:center;
}
h2 {color:#cc6633; font-family: "Verdana", "Arial"; font-size: 12pt; font-weight:normal}
h2.center {
    text-align:center;
}
h3 {color:#cc6633; font-family: "Verdana", "Arial"; font-size: 11pt; font-weight:normal} 

@keyframes blink {
    to { color: #ff9900; }
}
p.flash {
    color: #ffffff;
    animation: blink 1s steps(2, start) infinite;
}

/* ==========================*/



table.mala {
    width:50%; 
    margin-left:25%; 
    margin-right:25%;
    padding: 0px;  

}
table.cala-szer {
    width: 100%;

    border: 0px;
}
table.center {
    margin-left:auto; 
    margin-right:auto;
}
tr {
    vertical-align: top;
}
td { color: #ffcc99; font-family: "Verdana", "Arial"; font-size: 10pt; 
     text-align: justify ; 
     margin-left: 5px;
     /* padding : 5px;*/
     padding-left: 5px;
     padding-right: 5px;

}
td.tytuly{
    padding : 0;
}
td.colglowna {
    width: 80%;
}
td.col-prawa {
    width: 20%;
}
td.colpolowa {
    width: 50%;
}
td.col-lewa {
    width: 20%;
    /*width: 180px;*/
}

td.col-jednatrzecia {
    width: 33%;
}
td.col-dwietrzecie {
    width: 66%;
}
td.col-jednaczwarta {
    width: 25%;
}
/*----------------------------------------------------------*/
img {border: 0;

}
img.cd-big-opis{
    border: 0;
    float: left;
    width: 350px;
}
img.cd-big{
    border: 0;
    width: 250px;

}
img.cd {
    /*width: 108px;*/
    width: 90% ;  
    max-width:108px;
    /*height: 99px;*/
}
img.cd-rec {
    border: 0;
    float: left;
    
    width: 90%;
}
img.main-foto {
    width: 90% ;    
}
img.main-foto-max {
    width: 90% ;  
    max-width:600px;
}
img.icon {
    width: 28px;
    height: 18px;
}
img.logo-media {
    margin-top: 5px;
    margin-left: 5px;
    height: 50px;
}
img.right-foto {
    width: 70%;    
}
img.jednatrzecia {
    width: 30%;    
}
img.zdjecie {
    width: 70%; 
    padding: 10px;
}
img.zdjecie50 {
    width: 50%; 
    padding: 10px;
}

/*nawigator style STRAT*/
body {
    font-family: "Verdana", "Arial", sans-serif;
}

.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidebar a {
    padding: 4px 8px 4px 32px;
    text-decoration: none;
    font-size: 15pt;
    color: #ff9900 ;
    display: block;
    /*transition: 0.3s;*/
}

.sidebar a:hover {
    color: #444;
    /*color: #ff9900;*/
}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;    
    border: none;
}

.openbtn:hover {
    background-color: #444;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidebar {padding-top: 15px;}
    .sidebar a {font-size: 18px;}
}
/*dla ekranow wiekszych niz 600px*/
@media screen and (min-width: 600px) {
    #main {
        display: none;
    }
/*    #myOldMenu{
        display: block;
    }*/

    .sidebar {
        height: 100%;
        width: 20%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #000;
        overflow-x: visible;
        transition: 0s;
        padding-top: 50px;
    }
    .sidebar a {
        padding: 2px 8px 2px 32px;
        text-decoration: none;
        font-size: 10pt;
        font-weight:bold ;
        color: #ff9900 ;
        display: block;
        /*transition: 0.3s;*/
    }
    .sidebar .closebtn {
        display: none;
    }
    .main {
        margin-left: 20%; /* Same as the width of the sidebar */
        padding: 0px 10px;
    }
}
/*nawigator style END*/