/* <?xml version="1.0" encoding="UTF-8"?>                                                                                                          
   <css>                                                                                                                                           
   <levels>                                                                                                                                        
   <level name="Levy sloupec" description="Nastaveni pro levy sloupec">                                                                            
   <elements>                                                                                                                                      
   <element name="Font" description="Font v levem sloupci" stylename="body" elementname="font-family" defaultvalue="verdana, arial, sans-serif" /> 
   <element name="Velikost písma" description="Velikost pisma v levem sloupci" stylename="body" elementname="font-size" defaultvalue="84%" />      
   <element name="Zarovnání textu" description="Zarovnani textu v levem sloupci" stylename="body" elementname="text-align" defaultvalue="center" />
   <element name="Barva pozadí" description="Barva pozadi v levem sloupci" stylename="body" elementname="background" defaultvalue="#fff" />        
   </elements>                                                                                                                                     
   </level>                                                                                                                                        
   <level name="Pravy sloupec">                                                                                                                    
   <levels>                                                                                                                                        
   <level name="Stranka">                                                                                                                          
   <elements>                                                                                                                                      
   <element name="Sirka stranky" description="Sirka stranky" stylename=".page" elementname="width" defaultvalue="900px" />                         
   <element name="Vyska stranky" description="Vyska stranky" stylename=".header" elementname="height" defaultvalue="100px" />                      
   </elements>                                                                                                                                     
   </level>                                                                                                                                        
   </levels>                                                                                                                                       
   </level>                                                                                                                                        
   <level name="Zapati">                                                                                                                           
   </level>                                                                                                                                        
   </levels>                                                                                                                                       
   </css>                                                                                                                                           */
*
{
	box-sizing: border-box;
	margin: 0;
	-moz-box-sizing: border-box;
	padding: 0;
}

.cleaner
{
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}

.footer
{
	/* n */
	background: #20b2aa;
	/* n */
	height: 50px;
	/* n */
	padding: 10px;
	/* n */
	text-align: center;
}

.header
{
	background: #20b2aa;
	height: 100px;
	/* n */
	overflow: hidden;
	padding: 10px;
	/* n */
	text-align: center;
}

.invisible
{
	display: none;
}

.left
{
	/* obrazek je podklad praveho sloupce */
	float: left;
	/* n */
	padding: 10px;
	width: 200px;
}

.main
{
	background: url('./img/right.gif') repeat-y right top;
	/* barva urcuje pozadi stredniho sloupce, obrazek je podklad leveho sloupce */
	width: 100%;
}

.main-obal
{
	background: #ddd url('./img/left.gif') repeat-y left top;
	/* n */
	width: 100%;
}

.middle
{
	/* n */
	float: left;
	/* n */
	padding: 10px;
	width: 500px;
}

.page
{
	/* n */
	margin: 0 auto;
	text-align: left;
	width: 900px;
}

.right
{
	/* n */
	float: left;
	/* n */
	padding: 10px;
	width: 200px;
}

body
{
	background: #BC8F8F;
	font-family: Times New Roman, Arial Black, sans-serif;
	/* n */
	font-size: 84ex;
	/* n */
	text-align: right;
}

img
{
	/* n */
	border-style: none;
}