@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext');

body { margin:0; padding:0; background:#fff; font-family: "PT Sans Narrow";}

.bl { width:100%; height:auto; overflow:hidden;}
p.center { text-align:center;}

#wrapper { width:100%; height:auto; overflow:hidden;}

#pravidla { width:86%; height:auto; overflow:hidden; padding:1em 7%; font-size:22px; line-height:1.4; color:#555;}
#pravidla h1 { font-weight: 700;  color: #C70000; font-size:50px; text-align:center; margin:.8em 0;}
#pravidla h2 { font-weight: 700;  color: #888; font-size:36px; text-align:center; margin:.5em 0;}
#pravidla h3 { font-weight: 700;  color: #C70000; font-size:30px; text-align:center; margin:.5em 0;}
#pravidla p, #pravidla li { margin:.8em 0;}
#pravidla a { color:#555;} #pravidla a:hover { color:#000; text-decoration:none;}

#pravidla a.spat {display: inline-block; padding: 10px 16px;line-height: 1.333; border-radius: 6px;margin: 30px 5px 25px 0; color: #fff; background: #C70000;
	 font-weight: 700; font-size: 16px; text-decoration:none; float:right;}
#pravidla a.spat:hover {background:#9f0000}


.partners { width:90%; height:auto; overflow:hidden; padding:2.2em 5% 2em 5%;  background-color: #C70000;}
.partners div { width:20%; height:auto; overflow:hidden; float:left; text-align:center;}

.footer { width:90%; height:auto; overflow:hidden; padding:2em 0 2em 10%; background-color: #D5D5D5}
.footer div { width:23%; height:auto; overflow:hidden; float:left; }
.footer h3 { font-size:28px; color: #C60000; font-weight:700; margin:.2em 0;text-decoration:none;}
.footer a { color:#999; text-decoration:none;}
.footer a:hover { color:#666; }

.gototop {width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; color:#111; background-color:#bbb; opacity:.7; 
	line-height:35px; text-align:center; text-decoration:none; font-weight:700; z-index:333; transition: all .3s ease-in-out;}

@media (min-width: 1400px){
	#wrapper {width:1400px; margin:0 auto;}
} 

@media (max-width: 800px){
#pravidla { font-size:18px; line-height:1.4; }
#pravidla h1 { font-size:38px; }
#pravidla h2 { font-size:28px; }
#pravidla h3 { font-size:24px; }

.partners { width:90%;  text-align:center;}
.partners div { width:49%; min-height:40px; }
.partners div img { width:80%; height:auto;}

.footer { width:90%;  padding:2em 0 2em 10%;}
.footer div { width:46%; }
.footer h3 { font-size:20px; }

}