/* Prehledna tabulka:

	Typografie
	Layout Hlavicky
	Layout Stredu
	Layout Zapati
	
*/

/* Typografie
--------------------------------------------------------------------------------------- */

#myheader, #my_middle, #my_middle_subsection {
	color: black;
	font-size: 1.6em;
}

.strong, #my_middle_subsection {
	font-weight: bold;
}

#my_footer {
	color: white;
}

.align_right {
	text-align: right;
}

.red {
	color: red;
}


/* Layout Hlavicky
--------------------------------------------------------------------------------------- */

#my_header {
	height: 100px;
}


/* Layout Stredu
--------------------------------------------------------------------------------------- */

#my_middle {
	width: 500px;
	padding: 20px;
}

#my_middle_subsection {
	margin: 20px;
	border: 1px solid #CCC;
}

#my_first_box, #my_second_box {
	height: 200px;
	width: 300px;
	margin: 0 30px;
	border: 2px dotted black;
	background: pink;
}

#my_second_box {
/* Vsechny vlastnosti definovane nahore jsou vyuzivany, ale dva z nich jsou prepsany 
sirkou a pozadim (widht, background). Tak mam dva rozdilne (velikost, barva) boxy v 
jednom a polovicnim kousku CSS. */
	width: 350px;
	background: green;
}

/* Layout Zapati
--------------------------------------------------------------------------------------- */

#my_footer {
	background: black;
}