@font-face {
  	font-family: 'varela';
	src: url('varela.otf'),
  	url('varela.eot') format('eot'),
    url('varela.woff') format('woff'),
    url('varela.ttf') format('truetype');
}





@media (min-width: 800px) {
aside {width:38%;}
#tekst {width:52%;}
}

@media (max-width: 800px) {
aside,
#tekst {width:100%;}
}


@media screen and (max-width: 650px) {
    #zniknij {
        text-align: center;
    }
}




@media screen and (max-width: 650px) {
    #zniknijnapis {
        display: none;
    }
}





* {padding:0;margin:0;}

html {width:100%;height:100%;}


body {
font-family: 'Varela Round', sans-serif; 
font-size:14px;
line-height:1.4;
font-weight:400;
color:#000000;
margin-top: 15px;
background:#ffffff;
}



.kontener {
width:90%;
max-width:1150px;
margin:0 auto;
}



aside {
float:left;
margin:0 0 25px;
padding: 0 0 0 0;
}


a {
text-decoration: none;
font-weight: normal;
}

a:link {
color: white;
text-decoration: none;
}

a:visited {
color: white;
text-decoration: none;
}

a:hover {
color: white;
text-decoration: none;
}









#nazwa {
position: relative;
font-size: 45px;
color: #000000;
font-weight: 100;
text-decoration: none;
}

.nazwa1 {
color: black;
font-weight: 100;
font-size:  17px;
}


.ccc {
text-align: left;
font-family: 'Varela Round', sans-serif; 
font-size: 14px;
line-height: 1.2em;
margin-top: 5px;
font-weight: 900;
color: red;
}


.opisserii {
font-size: 17px;
font-family: 'Varela Round', sans-serif;
color: #000000;
font-weight: 900;
text-align: left;
}



.seriedragon {
text-align: left;
font-family: Arial;
font-size: 10px;
line-height: 1.4em;
width: 350px;
font-weight: 100;
color: black;
}










#tekst {
float:right;
font-size: 15px;
margin: 5px 0 0 0;
}


#tekstwkontakt {
font-size: 17px;
color: black;
margin: 0 0 0 0;
}


#tekstwkontakt1 {
font-size: 17px;
color: black;
margin: 0 0 0 0;
}



.numeracje1 {
line-height: 1.6em;
text-align: left;
font-family: 'Varela Round', sans-serif;
font-size: 17px;
font-weight: 900;
color: black;
}

	
.numeracje1 td {
font-family: 'Varela Round', sans-serif;
font-size: 17px;
border: 1px solid #ffffff;
padding: 10px 3px 10px 3px;
	}

.numeracje1 table {
margin-left: 0px;
margin-right: 0px;
border: 0px solid #ffffff;
text-align: center;
}



table {
border-top: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
font-family: Arial;
caption-side: top;
border-collapse: collapse;
}


th {
border: 1px solid #ffffff;
background-color: #ffffff;
font-family: Arial;
font-weight: 100;
color: black;
padding: 1px 12px 1px 0px;
	}
	
td {
border: 1px solid #ffffff;
color: #000024;
font-family: Arial;
background-color: #ffffff;
padding: 0px 12px 1px 0px;
	}
	
	
	
	

	
	
	
.stronaglowna {
text-align: left;
font-family: 'Varela Round', sans-serif;
font-size: 15px;
font-weight: 900;
color: black;
}

.stronaglowna a {
font-family: 'Varela Round', sans-serif;
font-size: 15px;
color: black;
font-weight: 900;
}





.precedens {
line-height: 1.6em;
text-align: left;
font-family: 'Varela Round', sans-serif;
font-size: 17px;
font-weight: 900;
color: black;
}

	
.precedens td {
font-family: 'Varela Round', sans-serif;
font-size: 17px;
border: 1px solid #ffffff;
padding: 10px 3px 10px 3px;
	}

.precedens table {
margin-left: 0px;
margin-right: 0px;
border: 0px solid #ffffff;
text-align: center;
}






.precedens2 {
line-height: 1.6em;
text-align: left;
font-family: 'Varela Round', sans-serif;
font-size: 16px;
font-weight: 900;
color: black;
}

	
.precedens2 td {
font-family: 'Varela Round', sans-serif;
font-size: 16px;
border: 1px solid #ffffff;
padding: 10px 3px 10px 3px;
	}

.precedens2 table {
margin-left: 0px;
margin-right: 0px;
border: 0px solid #ffffff;
text-align: center;
}






#tpo {
float:left;
text-align: center;
margin: 0 7px 0 0;
line-height: 2.5em;
}


#tpo pre {
font-family: 'Varela Round', sans-serif;
font-size: 15px;
font-weight: 900;
color: black;
line-height: 1.5em;
}








/* PRZYCISK LUBIĘ TO */
.like-button {
	margin-top: 0px;
    font-size: 14px;
	font-family: 'Varela Round', sans-serif;
    padding: 1px 7px 1px 7px;
    cursor: pointer;
    border: 1px solid silver;
    border-radius: 12px;
    background: #ffffff;
    color: black;
    font-weight: 900;
    transition: all 0.3s ease;
}

.like-button:hover {
    background: #ffffff;
    color: red;
}

.like-button.clicked {
    background: #ffffff;
    color: black;
    cursor: default;
}

.like-count {
    font-size: 15px;
	font-family: 'Varela Round', sans-serif;
    font-weight: 900;
    color: #4682B4;
    margin-left: 10px;
}