body            {
                color: black; 
                margin: 0 auto;
                text-align: center; 
                }

.obr0		{
		 float: right;
		 margin-top: 0px;
		 margin-right: 20px;		 
		}

h1	        {
		text-align:left;		
		font-size: 200%;
		margin-left: 10px;
		padding-top: 50px; 
		}

h2	       {				
		text-align: left;
		font-size: 140%;		
	       }


div#celek       {                 
                 width: 880px;
                 height: 900px;
                 margin: 0 auto;                 
		 text-align: center; 
                }

div#hlava       {		
		position: relative;
		text-indent: 0px;
		text-align: center;
		width: 820px;				
		height: 140px;
		margin: 0 auto;
                }


div#stred	{
		display: table;						
		text-align: left;
		width: 820px;				
		margin: 0 auto;
                padding-left: 30px;
		}


div#pata0	{		
		width: 850px;
		text-align: center;
		margin: 0 auto;
		}

img             {
                border: 0px;
                }


A:link	       {color: blue; }
A:visited      {color: blue; }


@media all and (max-width: 900px){

body            {
                color: black;                 
                text-align: center; 
                }

.obr0		{
		 float: right;
		 margin-top: 10px;
		 margin-right: 10px;		 
		}

h1	        {
		text-align: left;
		font-size: 150%;
		margin-left: 10px;
		padding-top: 10px; 
		}

h2	       {				
		text-align: left;
		font-size: 100%;		
	       }


div#celek       {                 
                 width: 320px;
                 height: 900px;                 
                 color: black;
		 text-align: center; 
                }

div#hlava       {				
		text-align: center;
		width: 310px;				
		height: 140px;		
                }


div#stred	{								
		text-align: left;
		width: 270px;						                
		}


div#pata0	{
		width: 280px;
		text-align: center;		
		}


img             {
                border: 0px;
                }


A:link	       {color: blue; }
A:visited      {color: blue; }



}