* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {
    background:#FFF;
    background-image: url("grafika_zmienna/tlo_gora.jpg");
    background-repeat: repeat-x;
    font-family:Verdana, Arial, Helvetica, Sans-serif;
    font-size:14px;
    line-height:1.5;
    font-weight:400;
    color:#434343;
    }

.container {margin:0 auto;}

header {margin:25px 0;}
header img {width:100%;}



.napis_logo {
    display: block;
    float: left;
    color:#99ccff;
    margin:2px 0px 0px 15px;
    }
.link_mapy {
    text-decoration: none;
    font-size: 13px;
    font-family: verdana, tahoma, arial, sans-serif;
    font-weight: bold;
    color: #ffffff;
    line-height:20px;
    margin: 5px 0px 5px 10px;
    text-align:left;
    }
.link_mapy_2 {
    text-decoration: none;
    font-size: 13px;
    font-family: verdana, tahoma, arial, sans-serif;
    color: #ffffff;
    line-height:20px;
    margin: 5px 0px 5px 30px;
    text-align:left;
    }

.napis_info {
    float: left;
    color:#555;
    margin:2px 0px 0px 15px;
    }

.napis_aktualnosci {
    margin:2px 10px 10px 15px;
    font-size: 27px;
    font-family: verdana, tahoma, arial, sans-serif;
    color: #0d559c;
    font-weight:bold;
    line-height:35px;
    }

.napis_tematu {
    font-size: 20px;
    font-family: verdana, tahoma, arial, sans-serif;
    color: #888888;
    font-weight:bold;
    line-height:30px;
    float: left;
    margin: 10px 10px 30px 20px;
    text-align:left;
    width:100%;
    }
.napis_temat_archiwum {
    display:block;
    font-size: 15px;
    font-family: verdana, tahoma, arial, sans-serif;
    color: #888888;
    font-weight:bold;
    float: left;
    text-align:left;
    line-height:20px;
    }
.napis_data_archiwum {
    display:block;
    font-size: 13px;
    font-family: verdana, tahoma, arial, sans-serif;
    color: #888888;
    float: right;
    text-align:left;
    line-height:20px;
    }

.napis_autor {
    font-size: 13px;
    font-family: verdana, tahoma, arial, sans-serif;
    color: #888888;
    font-weight:none;
    float: right;
    margin: 10px 30px 20px 20px;
    text-align:right;
    width:100%;
    }
.napis_duzy {
    display:block;
    font-size:30px;
    color:#ccc;
    margin: 30px 10px 40px 0px;
    text-align:left;
    }

.link_archiwum {
    text-decoration: none;
    font-size: 17px;
    font-family: verdana, tahoma, arial, sans-serif;
    color: #0d559c;
    font-weight:bold;
    line-height:22px;
    float: left;
    margin: 0px 0px 10px 0px;
    text-align:left;
    }


.napis_menu {
    text-decoration: none;
    font-size: 15px;
    font-family: verdana, tahoma, arial, sans-serif;
    color: #790f0f;
    font-weight:bold;
    line-height:22px;
    float: left;
    margin: 0px 0px 10px 0px;
    text-align:left;
    }

.separator {
    text-decoration: none;
    font-size: 13px;
    color: #bbbbbb;
    line-height:22px;
    display: inline;
    margin: 0px 7px 0px 7px;
    float: left;
    }

.stopka {
    width: 100%;

    background-color: #790f0f;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #333333;
    color: #fff;
    text-align: center;
    }




.pasek {
    float: left;
    height: 300px;
    background-color: #eeeeee;
    }






aside {
    float:left;
    margin:0;
    }
.napisy_menu {
    background-color: #ffffff;
    color: #790f0f;
    text-align: left;
    margin: 0px 0px 3px 0px;
    padding: 5px 0px 5px 10px;
    font-size:15px;
    }
.napisy_menu:hover {
    background-color: #790f0f;
    color: #ffffff;
    text-align: left;
    margin: 0px 0px 3px 0px;
    padding: 5px 0px 5px 10px;
    font-size:15px;
    }
.napisy_menu_a {
    background-color: #790f0f;
    color: #ffffff;
    text-align: left;
    margin: 0px 0px 3px 0px;
    padding: 5px 0px 5px 10px;
    font-size:15px;
    }


.podstrona_cala {
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    }

.tekst_strony {
    display: block;
    padding: 0px 0px 90px 0px;
    }

.img_galeria_male {
    display: block;
    width:200px;
    border: 0px;
    padding:0;
    margin: 5px auto;
    halign: center;
    }

.img_galeria_duze {
    display: block;
    width:320px;
    height:180px;
    border: 0px;
    padding:0;
    margin: 5px auto;
    halign: center;
    }



.div_galeria_male {
    float:left;
    border: 0px solid #eeeeee;
    padding:10px 0 10px 0;
    margin: 3px 3px 10px 3px;
    }

.div_galeria_duze {
    float:left;
    border: 1px solid #ccc;
    background-color:#eeeeee;
    margin: 3px 3px 20px 3px;
    padding: 3px 3px 0px 3px;
    }
.div_galeria_duze:hover {
    background-color:#dddddd;
    }

.napis_podpis_foto {
    border: 0px solid #0000ee;
    font-size:13px;
    color:#3a3285;
    display:table-cell;
    vertical-align:middle;
    text-align: center;
    width:230px;
    padding: 5px 5px 5px 5px;
    height:40px;
    }
.napis_podpis_foto:hover {
    border: 0px solid #0000ee;
    font-size:13px;
    color:#3a3285;
    display:table-cell;
    vertical-align:middle;
    text-align: center;
    width:230px;
    padding: 5px 5px 5px 5px;
    height:40px;
    }


#main {
    float:right;
    margin: 20px auto;
    padding: 0px 0px 90px 0px;
    }

.trzysta {
    margin: 0px auto;
    }


@media (min-width: 1100px) {
	.container {width:1050px;}
	aside {width:25%;}
	#main {width:70%;}
	.pasek {width:1px;}
	.trzysta {width:50%;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
	.container {width:950px;}
	aside {width:25%;}
	#main {width:70%;}
	.pasek {width:1px;}
	.trzysta {width:50%;}
}
@media (max-width: 1000px) and (min-width: 800px) {
	.container {width:750px;}
	aside {width:30%;}
	#main {width:65%;}
	.pasek {width:1px;}
	.trzysta {width:50%;}
}
@media (max-width: 800px) and (min-width: 500px) {
	.container {width:450px;}
	aside,
	#main {width:100%;}
	.pasek {width:0px;}
	.trzysta {width:50%;}
}
@media (max-width: 500px) {
	.container {width:90%;}
	aside,
	#main {width:100%;}
	.pasek {width:0px;}
	.trzysta {width:100%;}
}