a { text-decoration: none; color: #C9B884;
}
a:hover { text-decoration: none; }
body {height: 100%; margin:0px; padding:0px; font-family: 'Biryani', sans-serif;; font-size: 11px; color: #919191; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #223152; }

html {overflow-y: scroll; height: 100%;
}

@font-face {
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 200;
    src: url(/fonts/Biryani-UltraLight-200.ttf) format('truetype');
}

@font-face {
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Biryani-Light-300.ttf) format('truetype');
}

@font-face {
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Biryani-Regular-400.ttf) format('truetype');
}

@font-face {
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/Biryani-SemiBold-500.ttf) format('truetype');
}

@font-face {
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/Biryani-Bold-600.ttf) format('truetype');
}

@font-face {
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/Biryani-ExtraBold-700.ttf) format('truetype');
}

@font-face {
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/Biryani-Heavy-800.ttf) format('truetype');
}

.main_m {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    border: 0px solid black;
    max-width: 750px;
    overflow: auto;
}

.menu_bg_m{
	width: 100%;
	height: 120px;
	opacity: 0.95;
	top: 0px;
	position: fixed;
	z-index: 11;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-width: 750px;
	
}

.menu_bg_open{
	width: 100%;
	max-width: 750px;
	opacity: 0.96;
	height: 100%;
	background: #223152;
	top: 0px;
	float: left;
	position: fixed;
	z-index: 12;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
}

.menu_bookmark{
	width: 100%;
	height: auto;
	font-size: 30px;
	padding-left: 0px;
	padding-top: 33px;
	padding-bottom: 30px;
	text-align: left;
	color: white;
	border-bottom: 1px solid #9B9B9B;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.menu_bookmark_top{
	width: 100%;
	height: auto;
	font-size: 30px;
	padding-left: 0px;
	text-align: left;
	color: #C9B884;
	border-bottom: 1px solid #9B9B9B;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

.menu_word{
	float: left;
	font-size: 30px;
	padding-left: 0px;
	padding-top: 40px;
	line-height: 40px;
	padding-bottom: 30px;
	text-align: left;
	color: #C9B884;
}

.menu_x{
	float: right;
	height: 34px;
	width: 34px;
	margin-top: 40px;
	background-image: url(../grafika/x_metoda_projektu.png);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: center;
}


.menu_button{
	float: right;
	text-align: center;
	margin: 40px 40px 0px 0px;
	color: black;
	width: 46px;
	height: 34px;
	cursor: pointer;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image: url(../grafika/menu_metoda_projektu.png);
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.menu_button_brown{
	float: right;
	text-align: center;
	margin: 40px 40px 0px 0px;
	color: black;
	width: 46px;
	height: 34px;
	cursor: pointer;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image: url(../grafika/menu_brown_metoda_projektu.png);
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	
	
}

.menu_button_navy{
	float: right;
	text-align: center;
	margin: 40px 40px 0px 0px;
	color: black;
	width: 46px;
	height: 34px;
	cursor: pointer;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image: url(../grafika/menu_navy_metoda_projektu.png);
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.top_bg{
	width: 100%;
	height: 560px;
	display: block;
	background-image: url(../grafika/top_bg_metoda_projektu.jpg);
	background-position: center;
	background-repeat: no-repeat;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-position: top center;
	background-size: auto 560px;
	float: left;
	margin-top: 0px;
	background-color: white;
}

.top_imie_tytul{
	float: right;
	margin: 300px 40px 0px 0px;
	width: auto;
	height: auto;
	
}
.ewelina_strawa{
	float: right;
	text-align: right;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: -1px;
	font-weight: 300;
	color: white;
	clear: both;
}
.dr_nauk{
	float: right;
	text-align: right;
	font-size: 27px;
	line-height: 27px;
	letter-spacing: 0px;
	margin-top: 3px;
	font-weight: 300;
	color: #223152;
	clear: both;
}

.pobierz{
	float: right;
	border: 1px solid white;
	border-radius: 40px;
	height: 76px;
	text-align: center;
	padding-left: 33px;
	padding-right: 33px;
	padding-top: 3px;
	font-size: 25px;
	line-height: 80px;
	font-weight: 400;
	clear: both;
	color: white;
	margin-top: 20px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-decoration: none;
	
	
}

.o_mnie{
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 42px;
	padding-bottom: 42px;
	overflow: auto;
	float: left;
}

.tytul_zakladki{
	float: left;
	font-size: 45px;
	letter-spacing: -1px;
	line-height: 55px;
	font-weight: 300;
	margin-bottom: 20px;
}


.tresc_zakladki{
	float: left;
	font-size: 27px;
	line-height: 40px;
	font-weight: 300;
	text-align: justify;
	font-family: Biryani;
}

.czytaj_wiecej{
	float: left;
	font-size: 27px;
	line-height: 40px;
	font-weight: 400;
	text-align: justify;
	font-family: Biryani;
	color: #C9B884;
	margin-top: 20px;
}

.publikacje{
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 42px;
	padding-bottom: 42px;
	overflow: auto;
	float: left;
	background-color: #223152;
}

.konkretna_publikacja{
	position: relative;
	float: left;
	width: 100%;
	border-radius: 10px;
	padding: 30px;
	height: auto;
	background-color: #1E2C4B;
	margin-top: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}

.rodzaj_publikacji{
	float: left;
	color: #9B9B9B;
	font-size: 25px;
	line-height: 33px;
	clear: both;
}

.tytul_publikacji{
	float: left;
	clear: both;
	color: white;
	font-size: 30px;
	line-height: 37px;
	margin-bottom: 24px;
	margin-top: 4px;
	font-weight: 400;
}

.szczegoly_publikacji{
	float: left;
	width: 100%;
}

.dashed_line{
	float: left;
	height: 1px;
	width: 100%;
	background-image: url(/grafika/dashed_line_metoda_projektu.png);
	background-repeat: repeat;
	background-position: left;
	margin-top: 20px;
}

.akcja_publikacji{
	float: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-decoration: none;
	border: 1px solid #979797;
	border-radius: 40px;
	height: 76px;
	text-align: center;
	padding-left: 33px;
	padding-right: 33px;
	padding-top: 3px;
	font-size: 25px;
	line-height: 80px;
	font-weight: 400;
	clear: both;
	color: #979797;
	margin-top: 30px;
}


.inne_recenzje{
	float: left;
	font-size: 45px;
	line-height: 55px;
	color: #4C281E;
	clear: both;
}

.konkretna_recenzja{
	position: relative;
	float: left;
	width: 100%;
	border-radius: 10px;
	padding: 30px;
	height: auto;
	background-color: #E0B270;
	margin-top: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}

.rodzaj_recenzji{
	float: left;
	color: #3B1F17;
	font-size: 25px;
	line-height: 33px;
	clear: both;
}

.tytul_recenzji{
	float: left;
	clear: both;
	color: white;
	font-size: 30px;
	line-height: 37px;
	margin-bottom: 24px;
	margin-top: 4px;
	font-weight: 400;
}

.szczegoly_recenzji{
	float: left;
	width: 100%;
}

.dashed_line_recenzja{
	float: left;
	height: 1px;
	width: 100%;
	background-image: url(/grafika/dashed_line_metoda_projektu_recenzja.png);
	background-repeat: repeat;
	background-position: left;
	margin-top: 20px;
}

.dashed_line_inne_recenzje{
	float: left;
	height: 1px;
	width: 100%;
	background-image: url(/grafika/dashed_line_metoda_projektu_recenzja.png);
	background-repeat: repeat;
	background-position: left;
	margin-top: 45px;
	margin-bottom: 40px;
}

.akcja_recenzji{
	float: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-decoration: none;
	border: 1px solid #3B1F17;
	border-radius: 40px;
	height: 76px;
	text-align: center;
	padding-left: 33px;
	padding-right: 33px;
	padding-top: 3px;
	font-size: 25px;
	line-height: 80px;
	font-weight: 400;
	clear: both;
	color: #3B1F17;
	margin-top: 30px;
}


.pokaz_wiecej_publikacji{
	float: left;
	color: #C9B884;
	font-size: 30px;
	line-height: 100px;
	margin-top: 45px;
	margin-left: 30px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	
}


.go_top_bg{
	width: 100%;
	height: auto;
	overflow: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 200px;
	float: left;
	padding-bottom: 200px;
}

.go_top_ikona{
	width: 102px;
	height: 102px;
	margin: 0 auto;
	background-image: url(../grafika/go_top_metoda_projektu.png);
	background-repeat: no-repeat;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.doswiadczenie{
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 42px;
	padding-bottom: 42px;
	overflow: auto;
	float: left;
}

.doswiadczenie_kategoria{
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: white;
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-top: 70px;
	font-size: 40px;
	float: left;
	color: #C9B884;
}

.doswiadczenie_active{
	width: 100%;
	font-size: 30px;
	font-weight: 700;
	line-height: 37px;
	text-align: left;
	margin-bottom: 20px;
	margin-left: 28px;
	text-indent: -28px;
	padding-right: 63px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	
}

.doswiadczenie_active:before{
	content: url(../grafika/down_arrow_metoda_projektu.png);
}

.doswiadczenie_inactive{
	width: 100%;
	font-size: 30px;
	font-weight: 700;
	line-height: 37px;
	text-align: left;
	margin-bottom: 20px;
	margin-left: 28px;
	text-indent: -28px;
	padding-right: 38px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	
}

.doswiadczenie_inactive:before{
	content: url(../grafika/right_arrow_metoda_projektu.png);
}


.doswiadczenie_odpowiedz{
	width: 100%;
	font-size: 25px;
	line-height: 35px;
	text-align: left;
	margin-bottom: 35px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 28px;
	padding-right: 28px;
	float: left;
	font-weight: 300;
	color: #223152;
	
}

.ksiazka{
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 42px;
	padding-bottom: 50px;
	overflow: auto;
	float: left;
	background-image: url(../grafika/tlo_ksiazki_metoda_projektu.jpg);
	background-repeat: repeat;
}

.okladka_ksiazki{
	float: left;
	width: 670px;
	height: 1018px;
	background-image: url(../grafika/okladka_ksiazki_metoda_projektu.jpg);
	background-repeat: repeat;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #4C281E;
	margin-bottom: 40px;
}

.opis_ksiazki{
	float: left;
	width: 644px;
	height: auto;
	padding-left: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.tytul_ksiazki{
	float: left;
	font-size: 45px;
	line-height: 55px;
	color: #4C281E;
	clear: both;
}

.wydawnictwo_ksiazki{
	float: left;
	font-size: 25px;
	font-weight: 300;
	line-height: 30px;
	color: #4C281E;
	clear: both;
	margin-top: 40px;
}

.recenzja_ksiazki{
	float: left;
	font-weight: 300;
	font-size: 27px;
	line-height: 40px;
	color: #4C281E;
	clear: both;
	margin-top: 40px;
	text-align: justify;
}

.akcja_ksiazki{
	float: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: rgba(76, 40, 30, 1.0);
	text-decoration: none;
	border-radius: 40px;
	height: 76px;
	text-align: center;
	padding-left: 53px;
	padding-right: 53px;
	padding-top: 3px;
	font-size: 25px;
	line-height: 80px;
	font-weight: 400;
	clear: both;
	color: #F8E7C4;
	margin-top: 30px;
}


.kontakt{
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 42px;
	overflow: auto;
	float: left;
}

.kontakt_box{
	float: left;
	width: 100%;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-top: 30px;
	padding-bottom: 30px;
}

.kontakt_box_dane{
	float: left;
	width: 60%;
	font-size: 27px;
	line-height: 35px;
	font-weight: 300;
	color: #223152;
}

.kontakt_box_akcja{
	float: right;
	color: #C9B884;
	width: 40%;
	text-align: right;
	font-size: 27px;
	line-height: 70px;
	font-weight: 400;
	text-decoration: none;
}