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

.obr0		{
                 float: right;
		 margin-top: 20px;
		 margin-right: 50px;
		 width: 145px;
		 height: 95px;		 
		}

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

.obr1		{
                 float: left;
		 margin-left: 30px;
		}

.obr2		{
		 float: right;
		 margin-left: 400px;
		 margin-top: 20px;
		 margin-right: 20px;
		}

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

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

div#stred	{
						
		text-align: justify;
		width: 830px;
		width: 100%;	
		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	{
		background-color: gray;
		display: table;				
		width: 830px;
		height: 0px;
		margin: 0 auto;
                border-left-width: 20px;
                padding-left: 10px;
                padding-right: 10px;
                text-align: justify;
		}

div#stred3	{
		background-color: #f6e7c1;
		display: table;		
		width: 830px;
		height: 0px;
		margin: 0 auto;
                padding: 10px;
                text-align: justify;
		}

div#levy	{
		float: left;
		width: 600px;
		
                background-color: gray;
                text-align: left;
                color: white;
                margin-top: 20px;
                margin-left: 20px;
                margin-bottom: 20px;

		}

div#pravy	{
		float: right;
		width: 150px;
                background-color: gray;
                text-align: left;
                color: white;
		margin: 20px;
		border: 2px solid #AAA;
                border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}


div#menu	{
		float: left;
		text-align: left;
		width: 180px;
		background-color: gray;
		border: 2px solid #AAA;
                border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}


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

div#pata	{
		position: relative;
		text-align: center;
		}

div#pata1	{
		text-align: center;
		}


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


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

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

h4		{
		color: white;
		text-align: left;
                margin-left: 20px;
                margin-right: 20px;	
		}

div#pravy.h4	{
		color: white;
		text-align: left;
                margin-left: 20px;
                margin-right: 10px;	
		}


.text		{
		color: red;
		font-size: 110%;
		text-align: center;
		width: 780px;
                height: 20px;
		border-left: 20px;
                border-right: 20px;        
		}

.text1		{		
		text-align: justify;
		width: 780px;
                height: 20px;
		border-left: 20px;
                border-right: 20px;        
		}


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

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



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


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

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

.obr		{
                 float: left;	 
		 max-width: 150px;
		 max-height: 150px;
		 margin-top: 20px;		 
		}

.obr1		{
                 float: left;
		 		 
		}

.obr2		{
		 float: right;
		 margin-left: 400px;
		 margin-top: 20px;
		 margin-right: 20px;
		}


div#celek       {
                 text-align: center;
                 width: 310px;                 
                 height: 2200px;
                
                }

div#hlava       {
		
		text-align: center;
		width: 300px;
		height: 250px;		
                }

div#stred	{
						
		text-align: left;
		width: 280px;
		height: 80px;			                
		}


div#stred1	{
                				
		background-color: gray;				
		width: 280px;
		height: 80px;		                                           
		}


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

div#stred3	{
		background-color: #f6e7c1;
				
		width: 280px;
		height: 650px;		             
                text-align: justify;
		}

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

div#pravy	{
		float: left;
		width: 230px;
                background-color: gray;
                text-align: left;
                color: white;
		
		border: 2px solid #AAA;
                border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}


div#menu	{
		float: left;
		text-align: left;
		width: 230px;
		background-color: gray;
		border: 2px solid #AAA;
                border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}


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

div#pata	{
		
		text-align: center;
		}

div#pata1	{
		text-align: center;
		}


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


h2		{		
		color: white;
		text-align: left;               
		font-size: 120%;
                padding-right: 50px;
		}

h3		{
		color: white;
		text-align: center;
		font-size: 100%;
		margin-top: 20px;
		}

h4		{
		color: white;
		text-align: left;
                margin-left: 20px;
                margin-right: 20px;	
		}

div#pravy.h4	{
		color: white;
		text-align: left;
                margin-left: 20px;
                margin-right: 10px;	
		}


.text		{
		color: red;
		font-size: 100%;
		text-align: center;
		width: 180px;
                height: 0px;                        
		}


.text1		{		
		text-align: justify;		
                height: 0px;		                        
		}


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


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

}