body           { 
                /*background-image: url(zahradni-zeleznice1.jpg);*/
		background-color: #8B4513;
                color: black;
                text-align: center;
               } 


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

.obr		{
		float: right;
		margin-right: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
                margin-left: 20px;
		}


div#celek       {                 
                 width: 880px;
                 height: 900px;
                 margin: 0 auto;
                }

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


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


div#stred1	{
                display: table;				
		background-color: gray;
		text-align: center;		
		width: 830px;
		height: 0px;
		margin: 0 auto;
                padding-top: 10px;
                padding-left: 10px;
                padding-right: 10px;
		}


div#stred2	{
                display: table;	
		background-color: gray;
		width: 830px;
		height: 0px;
		margin: 0 auto;
                border-left-width: 20px;
                padding-left: 10px;
                padding-right: 10px;
                text-align: justify;
		}


div#levy        {
		float: left;
		width: 370px;
                background-color: gray;
                text-align: left;
                color: white;               
		}

div#pravy       {
		float: right;
		width: 460px;
                background-color: gray;
                text-align: left;
                color: white;               
		}


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

div#pata	{
		
		text-align: center;
		}

div#pata1	{
		text-align: center;
		}

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

h2	       {		
		color: white;
		text-align: left;
		font-size: 140%;
		padding-left: 20px;
	       }

h3		{
		color: white;
		text-align: center;
		font-size: 120%;
		margin-top: 20px;
		background-color: gray;
                padding-left: 20px;
		}

h4		{
		text-align: left;
                font-size: 110%;
		margin-top: 20px;				       
                padding-left: 20px;
         	}


.text		{
		color: red;
		text-align: center;
		width: 800px;
                height: 20px;
		font-weight: bold; 
		}

.text1		{
		text-align: justify;
		width: 400px;               
		}


img             {
                border: 2px solid #AAA;
                border-radius: 10px;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px; 
                }



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



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


body           {
                background-image: url(zahradni-zeleznice1.jpg);                                                 
                color: black;
                text-align: center;
               } 


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

.obr		{
		float: left;
		margin-right: 100px;
		margin-bottom: 20px;
                margin-left: 20px;
		}


div#celek       {                 
                 width: 310px;
                 height: 800px;                 
                }

div#hlava       {
				
		text-align: left;
		width: 310px;				
		height: 100px;		
               }


div#stred	{
		text-align: left;
		width: 280px;				
		height: 70px;
                padding-left: 20px;
		}


div#stred1	{                				
		background-color: gray;
		text-align: left;		
		width: 280px;
		height: 30px;                
		}


div#stred2	{
		background-color: gray;						
		width: 280px;
		height: 180px;		
                text-align: justify;
		}


div#levy        {
		float: left;
		width: 200px;
                background-color: gray;
                text-align: left;
                color: white;               
		}

div#pravy       {
		float: right;
		width: 280px;
                background-color: gray;
                text-align: left;
                color: white;               
		}


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

div#pata	{
		
		text-align: center;
		}

div#pata1	{
		text-align: center;
		}

h1	       {
		text-align:left;				
		font-size: 120%;
                padding-top: 20px;
                padding-left: 20px;
                width: 130px;

		}

h2	       {		
		color: white;
		text-align: left;
		font-size: 110%;
		margin-top: 20px;
		margin-left: -20px;
	       }

h3		{
		color: white;
		text-align: center;
		font-size: 110%;
		margin: 0px;
		background-color: gray;
                padding-left: 20px;
		}

h4		{
		
		text-align: left;
                font-size: 100%;
		margin-top: 20px;				       
                padding-left: 20px;		
         	}


.text		{
		color: red;
		text-align: justify;
		width: 280px;
                height: 20px;
		font-weight: bold; 
		}

.text1		{
		
		text-align: justify;
		width: 300px;                
		}


img             {
                border: 2px solid #AAA;
                border-radius: 10px;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
		width: 145px;
		height: 95px;
                }


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

}