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

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

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

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

.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-indent: 0px;
		text-align: center;
		width: 850px;
				
		height: 140px;
		margin: 0 auto;
               }



div#stred	{
						
		text-align: justify;
		width: 830px;				
		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#stred4	{
		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#stred5	{
		background-color: #f6e7c1;
		display: table;		
		width: 830px;
		height: 0px;
		margin: 0 auto;
                padding: 10px;
                text-align: justify;
		}


div#stred6	{
		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#stred7	{
		background-color: #f6e7c1;
		display: table;		
		width: 830px;
		height: 0px;
		margin: 0 auto;
                padding: 10px;
                text-align: justify;
		}


div#stred8	{
		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#stred9	{
		background-color: #f6e7c1;
		display: table;		
		width: 830px;
		height: 0px;
		margin: 0 auto;
                padding: 10px;
                text-align: justify;
		}

div#galerie     {
		display: table;
		width: 800px;
                background-color: gray;
                text-align: center;
                color: white;      
		margin: 0 auto;         
		}

div#galerie1    {
		display: table;
		width: 800px;
                background-color: gray;
                text-align: center;
                color: white;      
		margin: 0 auto;         
		}

div#galerie2    {
		display: table;
		width: 800px;
                background-color: gray;
                text-align: center;
                color: white;      
		margin: 0 auto;         
		}

div#galerie3    {
		display: table;
		width: 800px;
                background-color: gray;
                text-align: center;
                color: white;      
		margin: 0 auto;         
		}

div#galerie4    {
		display: table;
		width: 800px;
                background-color: gray;
                text-align: center;
                color: white;      
		margin: 0 auto;         
		}

div#levy        {
		float: left;
		width: 350px;
		height: 120px;		
                background-color: gray;
                text-align: center;                             
		}

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

div#levy1       {
		float: left;
		width: 350px;
		height: 120px;		
                background-color: gray;
                text-align: center;                    
		}

div#pravy1      {
		float: right;
		width: 460px;
		height: 120px;
                background-color: gray;
                text-align: left;                              
		}

div#levy2       {
		float: left;
		width: 350px;
		height: 120px;		
                background-color: gray;
                text-align: center;                
		}

div#pravy2      {
		float: right;
		width: 460px;
		height: 120px;
                background-color: gray;
                text-align: left;                              
		}

div#levy3       {
		float: left;
		width: 350px;
		height: 120px;		
                background-color: gray;
                text-align: center;                      
		}

div#pravy3      {
		float: right;
		width: 460px;
		height: 120px;
                background-color: gray;
                text-align: left;                              
		}

div#levy4       {
		float: left;
		width: 350px;
		height: 120px;		
                background-color: gray;
                text-align: center;                 
		}

div#pravy4      {
		float: right;
		width: 460px;
		height: 120px;
                background-color: gray;
                text-align: left;                   
		}

div#levy5       {
		float: left;
		width: 350px;
		height: 120px;		
                background-color: gray;
                text-align: center;                  
		}

div#pravy5      {
		float: right;
		width: 460px;
		height: 120px;
                background-color: gray;
                text-align: left;                       
		}

div#levy6       {
		float: left;
		width: 350px;
		height: 120px;		
                background-color: gray;
                text-align: center;                               
		}

div#pravy6      {
		float: right;
		width: 460px;
		height: 120px;
                background-color: gray;
                text-align: left;                               
		}

div#levy7       {
		float: left;
		width: 350px;
		height: 120px;		
                background-color: gray;
                text-align: center;               
		}

div#pravy7      {
		float: right;
		width: 460px;
		height: 120px;
                background-color: gray;
                text-align: left;                               
		}


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	       {
		text-align:left;
		color: black;
		padding-top: 50px;
		padding-left: 20px;
		padding-bottom: 20px;
		font-size: 200%; 
		}


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

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

h4		{
		color: black;
		text-align: left;
		margin: 0px;		
		padding-left: 20px;
                padding-right: 20px;
         	}

h5		{
		font-size: 100%;
		text-align: left;
		margin-top: 40px;		
		margin-bottom: 40px;				
         	}



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

.text1		{
		color: black;
		text-align: left;
		width: 800px;
                height: 20px;
		border-left: 10px;
                border-right: 10px;  
		}


.text2		{
		position: relative;
		text-align: justify;
                text-align: center;
		color: black;
		height: 50px;
		background-color: #f6e7c1;
		}


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;
               } 

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

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

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

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

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


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



div#stred	{
						
		text-align: justify;
		width: 280px;				
		
                padding-left: 30px;
		}


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


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

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

div#stred4	{
		background-color: gray;
		display: table;				
		width: 280px;
		height: 0px;                
                padding-left: 10px;
                padding-right: 10px;
                text-align: justify;
		}

div#stred5	{
		background-color: #f6e7c1;
		display: table;		
		width: 280px;
		height: 0px;
		
                padding: 10px;
                text-align: justify;
		}


div#stred6	{
		background-color: gray;
		display: table;				
		width: 280px;
		height: 0px;                
                padding-left: 10px;
                padding-right: 10px;
                text-align: justify;
		}

div#stred7	{
		background-color: #f6e7c1;
		display: table;		
		width: 280px;
		height: 0px;
		
                padding: 10px;
                text-align: justify;
		}


div#stred8	{
		background-color: gray;
		display: table;				
		width: 280px;
		height: 0px;         
                padding-left: 10px;
                padding-right: 10px;
                text-align: justify;
		}


div#stred9	{
		background-color: #f6e7c1;
		display: table;		
		width: 280px;
		height: 0px;
		padding: 10px;
                text-align: justify;
		}

div#galerie     {
		width: 280px;
                background-color: gray;
                text-align: center;
                color: white;      		         
		}

div#galerie1    {
		width: 280px;
                background-color: gray;
                text-align: center;
                color: white;      		         
		}

div#galerie2    {
		width: 280px;
                background-color: gray;
                text-align: center;
                color: white;      		         
		}

div#galerie3    {
		width: 280px;
                background-color: gray;
                text-align: center;
                color: white;      		         
		}

div#galerie4    {
		width: 280px;
                background-color: gray;
                text-align: center;
                color: white;      		         
		}

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

div#pravy       {
		width: 240px;
		height: 90px;
                background-color: gray;
                text-align: center;                               
		}

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

div#pravy1      {
		width: 240px;
		height: 90px;
                background-color: gray;
                text-align: center;                               
		}

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

div#pravy2      {
		width: 240px;
		height: 90px;
                background-color: gray;
                text-align: center;                               
		}

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

div#pravy3      {
		width: 240px;
		height: 90px;
                background-color: gray;
                text-align: center;                               
		}

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

div#pravy4      {
		width: 240px;
		height: 90px;
                background-color: gray;
                text-align: center;                               
		}

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

div#pravy5      {
		width: 240px;
		height: 90px;
                background-color: gray;
                text-align: center;                               
		}

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

div#pravy6      {
		width: 240px;
		height: 90px;
                background-color: gray;
                text-align: center;                               
		}

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

div#pravy7      {
		width: 240px;
		height: 90px;
                background-color: gray;
                text-align: center;                               
		}


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

div#pata	{
		
		text-align: center;
		}

div#pata1	{
		text-align: center;
		}


h1	       {
		text-align:left;
		color: black;
		padding-top: 20px;
		padding-left: 20px;
		padding-bottom: 20px;
		font-size: 130%; 
		}


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

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

h4		{
		color: black;
		text-align: left;
		margin: 0px;		
		padding-left: 20px;
                padding-right: 20px;
         	}

h5		{
		font-size: 100%;
		text-align: center;
		margin-top: 10px;		
		margin-bottom: 10px;
		width: 200px;
		height: 80px;				
         	}


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

.text1		{
		color: black;
		text-align: left;
		width: 800px;
                height: 20px;
		border-left: 10px;
                border-right: 10px;  
		}


.text2		{
		position: relative;
		text-align: justify;
                text-align: center;
		color: black;
		height: 50px;
		background-color: #f6e7c1;
		}



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; }


}