/* Blogint motyw v0.4.4.1 */

* {
    margin: 0 0;
    padding: 0 0;
}

body {
    background-color: #afafaf;
}

@font-face
{
font-family: open-s-font;
src:url("../../../fonts/Open_Sans/OpenSans-Regular.ttf");
}

.osf
{
    font-family: open-s-font;
}

.logotyp {
    margin: 5px;
    max-width: 300px;
}

.title-subpage {
    font-size: 24px;
    text-align: center;
}

.page-space2 {
    clear: both;
}

/*    rwd */

@media (max-width: 10000px) and (min-width: 1219px) {

/*    Ogólne elementy */
    p {
        padding: 10px 10px;
        color: #000;
        font-family: open-s-font;
        font-size: 15px;
    }
    
    .main-box {
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px;
    }
    
    h1 {
        font-size: 24px;
        padding: 10px;
        font-family: open-s-font;
    }
    
    h2,h3,h4,h5 {
        font-size: 20px;
        padding: 10px;
        font-family: open-s-font;
    }
    
    .box-level-one {
        background-color: #d7d8da;
        max-width: 1200px;
        border: 2px solid #7f8084;
        border-radius: 6px;
    }
    
    .page-space {
        clear: both;
        padding-bottom: 5px;
    }

/*    linki stylowanie globalne */
    a {
        color: #7f8084;
        text-decoration: underline;
    }

    a:hover {
        color: #68696a;
    }

/*    Footer */
    footer {
        background-color: #d7d8da;
        max-width: 1200px;
        margin-bottom: 5px;
        border: 2px solid #7f8084;
        border-radius: 6px;
        text-align: center;
    }


}











@media (max-width: 1220px) and (min-width: 1px) {

/*    Ogólne elementy */
    p {
        padding: 10px 10px;
        color: #000;
        font-family: open-s-font;
        font-size: 20px;
    }
    
    .main-box {
/*        max-width: 1200px;*/
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px;
    }
    
    h1 {
        font-size: 28px;
        padding: 10px;
        font-family: open-s-font;
    }
    
    h2,h3,h4,h5 {
        font-size: 24px;
        padding: 10px;
        font-family: open-s-font;
    }
    
    .box-level-one {
        background-color: #d7d8da;
/*        max-width: 1200px;*/
        border: 2px solid #7f8084;
        border-radius: 6px;
    }
    
    .page-space {
        clear: both;
        padding-bottom: 5px;
    }

/*    linki stylowanie globalne */
    a {
        color: #7f8084;
        text-decoration: underline;
    }

    a:hover {
        color: #68696a;
    }


/*    Footer */
    footer {
        background-color: #d7d8da;
/*        max-width: 1200px;*/
        margin-bottom: 5px;
        border: 2px solid #7f8084;
        border-radius: 6px;
        text-align: center;
    }


}













/*    Blog*/


@media (max-width: 10000px) and (min-width: 1220px) {


/*    Blog */
    .box-article {
        background-color: #d7d8da;
        max-width: 592px;
        float: left;
        min-height: 300px;
        border: 2px solid #7f8084;
        border-radius: 6px;
    }

    .box-article2 {
        background-color: #d7d8da;
        max-width: 592px;
        float: left;
        min-height: 300px;
        border: 2px solid #7f8084;
        border-radius: 6px;
        margin-left: 8px;
    }
    
    .miniatura-blog {
        max-width: 592px;
        height: auto;
        padding: 5px;
        position: absolute;
        margin: -5px;
        border-radius: 9px;
    }
    
    .pre-article-text {
        margin-top: 300px;
        position: relative;
        text-align: center;
    }

    .box-article p {
        text-align: justify;
    }
    
    .box-article2 p {
        text-align: justify;
    }

    .box-article2 .pre-article-text .box-pre-article-link {
        float: right;
        padding-right: 5px;
        padding-bottom: 5px;
    }
    
    .box-article .pre-article-text .box-pre-article-link {
        float: right;
        padding-right: 5px;
        padding-bottom: 5px;
    }

    .main-link-pre-article {
        text-decoration: none;
        color: #000;
    }


}








@media (max-width: 1219px) and (min-width: 625px) {


    .box-article {
        background-color: #d7d8da;
        max-width: 1200px;
/*        float: left;*/
        min-height: 300px;
        border: 2px solid #7f8084;
        border-radius: 6px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .box-article2 {
        background-color: #d7d8da;
        max-width: 1200px;
/*        float: left;*/
        min-height: 300px;
        border: 2px solid #7f8084;
        border-radius: 6px;
        margin-top: 2px;
        margin-bottom: 2px;
/*        margin-left: 8px;*/
    }
    
    .miniatura-blog {
/*        max-width: 592px;*/
/*        width: 99%;*/
        height: auto;
        padding: 5px;
/*        position: absolute;*/
        margin-top: -5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 9px;
    }
    
    .pre-article-text {
/*        margin-top: 300px;*/
/*        position: relative;*/
        text-align: center;
    }

    .box-article p {
        text-align: justify;
    }
    
    .box-article2 p {
        text-align: justify;
    }

    .box-article2 .pre-article-text .box-pre-article-link {
/*        float: right;*/
        padding-right: 5px;
        padding-bottom: 5px;
    }
    
    .box-article .pre-article-text .box-pre-article-link {
/*        float: right;*/
        padding-right: 5px;
        padding-bottom: 5px;
    }

    .main-link-pre-article {
        text-decoration: none;
        color: #000;
    }

}






@media (max-width: 624px) and (min-width: 1px) {

    .box-article {
        background-color: #d7d8da;
        max-width: 1200px;
        float: left;
        min-height: 300px;
        border: 2px solid #7f8084;
        border-radius: 6px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .box-article2 {
        background-color: #d7d8da;
        max-width: 1200px;
        float: left;
        min-height: 300px;
        border: 2px solid #7f8084;
        border-radius: 6px;
        margin-top: 2px;
        margin-bottom: 2px;
/*        margin-left: 8px;*/
    }
    
    .miniatura-blog {
/*        max-width: 592px;*/
        width: 100%;
        height: auto;
/*        padding: 5px;*/
/*        padding-top: 0px;*/
/*        position: absolute;*/
/*        margin-top: -5px;*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 3px;
/*        margin-top: 0.4px;*/
/*        margin-left: 2px;*/
/*        margin-right: -6px;*/
    }
    
    .pre-article-text {
/*        margin-top: 300px;*/
/*        position: relative;*/
        text-align: center;
    }

    .box-article p {
        text-align: justify;
    }
    
    .box-article2 p {
        text-align: justify;
    }

    .box-article2 .pre-article-text .box-pre-article-link {
        float: right;
        padding-right: 5px;
        padding-bottom: 5px;
    }
    
    .box-article .pre-article-text .box-pre-article-link {
        float: right;
        padding-right: 5px;
        padding-bottom: 5px;
    }

    .main-link-pre-article {
        text-decoration: none;
        color: #000;
    }





}








/*    Menu */

@media (max-width: 10000px) and (min-width: 550px) {

    .nav-menu {
        background-color: #d7d8da;
        max-width: 1200px;
        margin-top: 5px;
        border: 2px solid #7f8084;
        border-radius: 6px;
        text-align: center;
    }

    ul.navmenu {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    ul.navmenu li {
        display: inline-block;
        padding: 10px;
    }
    
    ul.navmenu li a {
        font-family: open-s-font;
        color: #000;
        text-decoration: none;
    }
    
    ul.navmenu li a:hover {
        color: #68696a;
    }
    
    .nav-span-rwd {
        color: #7f8084;
    }

}

@media (max-width: 549px) and (min-width: 1px) {

    .nav-menu {
        background-color: #d7d8da;
/*        max-width: 1200px;*/
        margin-top: 5px;
        border: 2px solid #7f8084;
        border-radius: 6px;
        text-align: center;
    }

    ul.navmenu {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    ul.navmenu li {
/*        display: inline-block;*/
        padding: 2px;
        font-size: 24px;
    }
    
    ul.navmenu li a {
        font-family: open-s-font;
        color: #000;
        text-decoration: none;
    }
    
    ul.navmenu li a:hover {
        color: #68696a;
    }

    .nav-span-rwd {
        display: none;
    }

}




















/* ====== Responsywność img ====== */


img {
    margin: 10px 10px;
}

/* 50px */

@media (max-width: 10000px) and (min-width: 500px) {
	.img50 {
		width: 50px;
        height: auto;
	}
}

@media (max-width: 499px) and (min-width: 100px) {
	.img50 {
		width: 90%;
        height: auto;
	}
}

/* 100px */

@media (max-width: 10000px) and (min-width: 500px) {
	.img100 {
		width: 100px;
        height: auto;
	}
}

@media (max-width: 499px) and (min-width: 100px) {
	.img100 {
		width: 90%;
        height: auto;
	}
}

/* 150px */

@media (max-width: 10000px) and (min-width: 500px) {
	.img150 {
		width: 150px;
        height: auto;
	}
}

@media (max-width: 499px) and (min-width: 100px) {
	.img150 {
		width: 90%;
        height: auto;
	}
}

/* 200px */

@media (max-width: 10000px) and (min-width: 500px) {
	.img200 {
		width: 200px;
        height: auto;
	}
}

@media (max-width: 499px) and (min-width: 100px) {
	.img200 {
		width: 90%;
        height: auto;
	}
}

/* 250px */

@media (max-width: 10000px) and (min-width: 500px) {
	.img250 {
		width: 250px;
        height: auto;
	}
}

@media (max-width: 499px) and (min-width: 100px) {
	.img250 {
		width: 90%;
        height: auto;
	}
}

/* 300px */

@media (max-width: 10000px) and (min-width: 500px) {
	.img300 {
		width: 300px;
        height: auto;
	}
}

@media (max-width: 499px) and (min-width: 100px) {
	.img300 {
		width: 90%;
        height: auto;
	}
}

/* 350px */

@media (max-width: 10000px) and (min-width: 500px) {
	.img350 {
		width: 350px;
        height: auto;
	}
}

@media (max-width: 499px) and (min-width: 100px) {
	.img350 {
		width: 90%;
        height: auto;
	}
}

/* 400px */

@media (max-width: 10000px) and (min-width: 500px) {
	.img400 {
		width: 400px;
        height: auto;
	}
}

@media (max-width: 499px) and (min-width: 100px) {
	.img400 {
		width: 90%;
        height: auto;
	}
}

/* 450px */

@media (max-width: 10000px) and (min-width: 500px) {
	.img450 {
		width: 450px;
        height: auto;
	}
}

@media (max-width: 499px) and (min-width: 100px) {
	.img450 {
		width: 90%;
        height: auto;
	}
}

/* 500px */

@media (max-width: 10000px) and (min-width: 600px) {
	.img500 {
		width: 500px;
        height: auto;
	}
}

@media (max-width: 599px) and (min-width: 100px) {
	.img500 {
		width: 90%;
        height: auto;
	}
}

/* 550px */

@media (max-width: 10000px) and (min-width: 600px) {
	.img550 {
		width: 550px;
        height: auto;
	}
}

@media (max-width: 599px) and (min-width: 100px) {
	.img550 {
		width: 90%;
        height: auto;
	}
}

/* 600px */

@media (max-width: 10000px) and (min-width: 700px) {
	.img600 {
		width: 600px;
        height: auto;
	}
}

@media (max-width: 699px) and (min-width: 100px) {
	.img600 {
		width: 90%;
        height: auto;
	}
}

/* 700px */

@media (max-width: 10000px) and (min-width: 1100px) {
	.img700 {
		width: 700px;
        height: auto;
	}
}

@media (max-width: 1099px) and (min-width: 100px) {
	.img700 {
		width: 90%;
        height: auto;
	}
}

/* 800px */

@media (max-width: 10000px) and (min-width: 1100px) {
	.img800 {
		width: 800px;
        height: auto;
	}
}

@media (max-width: 1099px) and (min-width: 100px) {
	.img800 {
		width: 90%;
        height: auto;
	}
}

/* 900px */

@media (max-width: 10000px) and (min-width: 1100px) {
	.img900 {
		width: 900px;
        height: auto;
	}
}

@media (max-width: 1099px) and (min-width: 100px) {
	.img900 {
		width: 90%;
        height: auto;
	}
}


/* 1000px */

@media (max-width: 10000px) and (min-width: 1200px) {
	.img1000 {
		width: 1000px;
        height: auto;
	}
}

@media (max-width: 1199px) and (min-width: 100px) {
	.img1000 {
		width: 90%;
        height: auto;
	}
}

/* 1100px */

@media (max-width: 10000px) and (min-width: 1400px) {
	.img1100 {
		width: 1100px;
        height: auto;
	}
}

@media (max-width: 1399px) and (min-width: 100px) {
	.img1100 {
		width: 90%;
        height: auto;
	}
}

/* 1200px */

@media (max-width: 10000px) and (min-width: 1500px) {
	.img1200 {
		width: 1200px;
        height: auto;
	}
}

@media (max-width: 1499px) and (min-width: 100px) {
	.img1200 {
		width: 90%;
        height: auto;
	}
}


/* ========= blockquote ====== */

blockquote {
    margin-left: 10px;
    padding: 0 0 0 0;
	font-size: 1em;
	line-height: 20px;
	border: 2px solid #008678;
	background: #006B5F;
}

blockquote p {
    font-style: italic;
}

/* ========= stylowanie pre code ====== */


pre {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px;
	font-size: 1em;
	line-height: 14px;
	border: 2px solid gray;
	background: #c4c4c4;
	white-space: pre-wrap;
}

pre code {
	color: #000;
    font-family: Courier New;
}