/*
1000px grid system ~ Core CSS.
20 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.04
Learn more ~ http://www.gridsystemgenerator.com/
*/

/*
Puvodne tu bylo `body { min-width: 1420px }` - fix z roku 2010 proti tomu,
aby pozadi nekoncilo uprostred stranky pri vodorovnem rolovani. Prave tohle
pravidlo drzelo cely web na pevne sirce: na telefonu se stranka nevesla
a rolovala do strany. Dnesni prohlizece pozadi roztahnou samy.
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_20
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1420px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_6,
.grid_16,
.grid_20{
	display: inline;
	float: left;
	margin-left: 20px;
	margin-right: 0px;
}


.container_20 .grid_6 {width: 400px;}


.container_20 .grid_16 {width: 1100px;}


.container_20 .grid_20 {width: 1380px;}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.right {
	float: right;
}