body
{
	font-family: "Helvetica", "Roboto";
	margin: 0;
}

/* horni nadpis */

div.nadpis 
{
	background-color: #3777bc;
	padding: 40 50 40 50;
}

p.nadpis
{
	font-size: 50px;
	font-weight: bold;
	color: white;
	margin: 0;
}

/* odmena */
div.odmena 
{
	background-color: #88b2df;
	padding: 40 200 40 50;	
}

p.odmena_velka
{
	font-size: 50px;
	font-weight: bold;
	color: black;
	margin: 0 0 20 0;
}

p.odmena_mala
{
	font-size: 21px;
	color: black;
	margin: 0;
}

/* rada */
div.rada 
{
	background-color: white;
	padding: 20 50 20 50;	
}

p.rada_velka
{
	font-size: 21px;
	font-weight: bold;
	color: black;
	margin: 0 0 30 0;
	text-align: justify;
}

p.rada_mala
{
	font-size: 17px;
	color: black;
	margin: 0 0 30 0;
	text-align: justify;
}

/* Vyzva k zadani kodu */

div.vyzva 
{
	background-color: white;
	padding: 50 100 50 100;	
	text-align: center;
}

p.vyzva
{
	font-size: 30px;
	font-weight: bold;
	color: black;
	margin: 0 0 0 0;
}

h1.zadej_kod
{
	font-size: 50px;
	font-weight: bold;
	color: black;
	margin: 50 0 20 0;
}

input.kod
{
	border-style: solid;
	border-color: #3777bc;
	border-width: 3px;
	font-size: 40px;
	width: 300px;
	margin: 0 0 20 0;
}

input.tlacitko
{
	background-color: #3777bc;
	border-style: solid;
	border-color: #3777bc;
	border-radius: 30px;
	font-size: 30px;
	color: white;
	padding: 10 50 10 50;	
	margin: 0 0 50 0;
}