body {
    margin: 0;
    padding: 0;
    
    width: 100%;

    color: #fff;
    font-family: 'Myriad Pro', sans-serif;
   
    text-transform:     uppercase;
    text-align:         justify;
    text-justify:       inter-word;
    text-shadow:        0 0 1px rgba(0,0,0,0.3);
       

    background:     url("../img/npr_watermark.png"),        /* pierwsza warstwa tla - znak wodny*/
                    url("../img/bg_blue.jpg"),           /* druga warstwa tla */
                    rgb(33,51,90);                      /* trzecia warstwa tla' */
      
    
    background-repeat:          no-repeat,
                                repeat-x;
                           
    background-position:        bottom right,
                                0 0;     
                                       
    background-size:            auto auto, 
                                cover;
                                
    background-attachment:      fixed;

}

header, zfooter, section, aside, nav, article { display: block; }

iframe {
    border: 2px solid #FFFFFF;
    float: left;
    margin-bottom: 25px;
    margin-right: 16px;
    z-index: -1;
} 


.fadein { 
    position:relative; 
    width:510px; 
    height:341px;
    float: left; 
    cursor: pointer;
    z-index: -1;
}

.fadein img { position:absolute; left:0; top:0; }


a:link    {color:white;}
a:visited {color:white;}
a:hover   {color:#F4D644;}
a:active  {color:white;} 

hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    margin-top: 20px;
}

hr.style-one {
     border: 0; 
     height: 0; 
     border-top: 1px solid rgba(0, 0, 0, 0.1); 
     border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
     margin-top: 0px;  
}

#logo {
    background: url('../img/logo_npr_svg.svg') no-repeat;
    background-size: 310px auto;
    background-position: 9px 5px;
    background-image: url("../img/logo_npr.png") no-repeat;
    height: 144px;
    width:320px;
    display: block;
    cursor: pointer;
    float: left;
    text-indent: -9999px;
    margin: 0 0 10px 10px;
}


#logo_team {
    
    background:     url("../img/logo_npr_zespol.png");        /* pierwsza warstwa tla - znak wodny*/
    background-repeat:          no-repeat;          
    background-position:        left top;   
    height: 170px;
    width:  595px;
    display: block;
    cursor: pointer;
    float: right;
    text-indent: -9999px;
    margin: 0 0 10px 10px;
   
}


#wrapper {
    margin: 0 auto;
    width: 960px;
    padding: 40px;
    margin-bottom: 20px;
    overflow: hidden;
    
  
    
}


#content-wrapper {
    padding: 0 10px;
    overflow: hidden;
}

#content-wrapper strong {
    color: #f9d467;
}

#content-wrapper h2 { 
    /** background: none repeat scroll 0 0 #052763;
    border-bottom: 1px solid #00094C; */
    color: #F9D467;
    float: none;
    font-family: 'Myriad Pro',sens-serif;
    font-size: 25px;
    height: 25px;
    margin: 0 auto;
    padding: 7px;
    text-align: left;
    text-transform: uppercase;
    width: auto;        
}

#content {
    float: left;
}


#page_header_container {
    margin: 0 auto;
    border-bottom: 2px solid white;
    position: fixed;
    height: 45px;
    width: 100%;
    background: #1E1E3F;

    
}

header {
    line-height: 40px;
    margin: 0 auto;
    text-align: left;
    width: 970px;
    color: #FFFF00;
}

header nav ul {
    font-family: 'Cantora One',sans-serif;
    font-size: 17px;
    height: 2em;
    list-style: none outside none;
    margin: -3px auto;
    padding: 0 3em;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    width: 970px;
}

header nav ul li {
    display:inline;
 	float: left;
	height: 100%;
	margin: 0 auto;
	padding: 0 1em;

 
}

header nav ul li a {
    display:inline;
    color: #FFFF00;
    float: left;
    font-weight: normal;
    height: 45%;
    line-height: 3;
    margin: 0 auto;
    text-decoration: none;
    text-transform: inherit;
 
}

header nav ul li a:hover {
    color: #F4D644;
}

header nav ul li.active a {
    color: #F4D644;
}

#footer_container { 
    background: #1E1E3F;
    border-top: 2px solid white;
    bottom: 0px;
    height: 30px;
    position: relative;
    width: 100%;
    }

footer {
    line-height: 8px;
    height: 1em;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0 1em;
    width: 970px;
}

footer nav ul {
    margin: -30px;
    padding: 0;
}

footer nav ul li {
    float: left;
    margin-left: 20px;
    position: relative;
    list-style: none;
}

footer nav ul li a {
    text-decoration: none;
    color: inherit;
}

/*
article {
    /*color: #DBDBDB; 
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    padding: 10px;
    text-transform: none;
} */

article {
    /*color: #FFFFFF; */
    color: #FFFFFF;
    font-family: 'Trebuchet MS';
    font-size: 15px;
    font-weight: normal;
    padding: 10px;
    text-transform: none;
}


#content section.news {
    line-height: 20px;
    margin: 0 auto;
    
    color: #fff;
}

#content section.news ul {
    margin: 0;
    padding: 0;
   
    font-size: 12px;

    list-style: none outside none;

}

#content section.news ul li {
    float: left;
    width: 430px;
    margin: 5px;
    
    display:inline;
 	float: left;
	height: 100%;
}

#content section.news ul li.row-end {
    margin-right: 0;
}

#content section.news ul li h3 {
    color: #f9d467;
}

aside {
    float: right;
   
    bottom: 40px;
    width: 410px;
}

aside section {
    margin-bottom: 20px;
    overflow: auto;
    height: 220px;
}

ul.sidebar-gallery {
    font-family: Verdana,sans-serif;
    font-size: 13px;
    list-style: none outside none;
    padding: 0;
}

ul.sidebar-gallery li {
    background: none repeat fixed 0 0 #133975; /* 000043 */
    border: 1px solid #142568;
    border-radius: 4px;
    float: none;
    height: auto;
    margin: 9px;
    padding: 6px;
    width: auto;
    /* color: #BCBCBC; */
    font-weight: normal;
    line-height: 15pt;
    text-decoration: none;
    text-transform: none;
}

ul.sidebar-gallery li a {
    color: #FFFFFF;
    float: none;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}

ul.sidebar-gallery li a:hover {
    color: #F4D644;
}

ul.sidebar-gallery_zespol {
    font-family: Verdana,sans-serif;
    font-size: 13px;
    list-style: none outside none;
    padding: 0;
}

ul.sidebar-gallery_zespol li {
    background: none repeat fixed 0 0 #133975; /* 000043 */
    border: 1px solid #142568;
    border-radius: 4px;
    float: right;
    height: auto;
    margin: 9px;
    padding: 6px;
    width: auto;
    /* color: #BCBCBC; */
    font-weight: normal;
    line-height: 15pt;
    text-decoration: none;
    text-transform: none;
}

ul.sidebar-gallery_zespol li a {
    color: #FFFFFF;
    float: none;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}












ul.sidebar-gallery_dysk {
    font-family: Verdana,sans-serif;
    font-size: 13px;
    list-style: none outside none;
    padding: 0;
}

ul.sidebar-gallery_dysk li {
    background: none repeat fixed 0 0 #133975; /* 000043 */
    border: 1px solid #142568;
    border-radius: 4px;
    float: right;
    height: auto;
    margin: 9px;
    padding: 6px;
    width: 870px;
    /* color: #BCBCBC; */
    font-weight: normal;
    line-height: 15pt;
    text-decoration: none;
    text-transform: none;
}

ul.sidebar-gallery_dysk li a {
    color: #FFFFFF;
    float: none;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}














ul.sidebar-gallery_zespol_galeria {
    font-family: Verdana,sans-serif;
    font-size: 13px;
    list-style: none outside none;
    padding: 0;
    margin-left:30px;
}

ul.sidebar-gallery_zespol_galeria li {
    background: none repeat fixed 0 0 #133975; /* 000043 */
    border: 1px solid #142568;
    border-radius: 4px;
    float: left;
    height: auto;
    margin: 9px;
    padding: 6px;
    width: auto;
    /* color: #BCBCBC; */
    font-weight: normal;
    line-height: 15pt;
    text-decoration: none;
    text-transform: none;
}

ul.sidebar-gallery_zespol_galeria li a {
    color: #FFFFFF;
    float: none;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}

ul.sidebar-gallery_news {
    font-family: Verdana,sans-serif;
    font-size: 14px;
    list-style: none outside none;
    padding: 0;
}

ul.sidebar-gallery_news li {
   
    border-bottom: 1px solid #142568;
    float: none;
    height: auto;
    margin: 9px 9px 20px;
    padding: 6px;
    width: auto;
    /* color: #BCBCBC; */
    font-weight: normal;
    line-height: 19pt;
    padding-bottom: 19px;
    text-decoration: none;
    text-transform: none;
}

ul.sidebar-gallery_news li a {
    color: #FFFFFF;
    float: none;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}


#content ul.sidebar-gallery_news li h2 {
    color: #F9D467;
    float: none;
    font-family: 'Myriad Pro',sens-serif;
    font-size: 25px;
    height: 40px;
    margin-bottom: 5px;
    padding: 0px;
    text-align: left;
    text-transform: none;
    width: auto;
}


#koncert_active {
    font-family: Verdana,sans-serif;
    font-size: 13px;
    list-style: none outside none;
    padding: 0;

    background: none repeat fixed 0 0 #0B316D; /* 000043 */
    border: 1px solid #142568;
    border-radius: 4px;
    float: none;
    height: auto;
    margin: 10px;
    padding: 13px;
    width: auto;
    
    text-align: center;
    
    color: #FFFFFF;
    float: none;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;

}

#koncert_active a {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}


.right {
    float: right;
    color: #FFFFFF;
    font-family: 'Myriad Pro', sans-serif;
    font-size: 13px;
    text-align: right;
    text-transform: none
}

.left { 
    color: #B5B5B5;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
}
.teksty {
    float:left;
    width: 900px;
}

.tekst {
    float: left;
    margin-right: 40px;
}

.akord {
    float:none;
}