body {
background: rgb(235,235,235);
 margin: 0; 
    padding: 0;
    font-family:  arial, arial CE, sans-serif;
            color: gray;

 }
 


#obsah {
position: absolute;
width: 100%;
height: 600px; 
top: 50%;
left: 0; 
margin: -300px 0 0 0; 
    padding: 0;

 text-align: center;
    }
    
    #obsahv {
position: relative;
width: 100%;
background: silver;
height: 600px;
margin: 0 0 0 0; 
    padding: 0;
border-top: solid 2px gray;
border-bottom: solid 2px gray;
    }
    
    #obsahvv { background: white url('../images/uvod_pozadi.jpg') repeat-x  top;
position: relative;
width: 745px;
height: 100%;
margin: 0 auto 0 auto; 
    padding: 0;
  text-align: left;
border-left: solid 2px gray;
border-right: solid 2px gray;
    }
    
#obsahvv h2 {  color: white;
	border: 0;
         margin: 0 0 20px 10px;
    padding: 7px 0 0 0;  text-align: center;
}
    
    #zima {

background: white url('../images/uvod_ski.jpg') no-repeat left top;
position: relative;
width: 745px; height: 126px;
margin: -5px auto 0 auto; 
    padding: 0;
  text-align: left;
    }

#zima img.levy {
	border: 0;
  float: left;
         margin: 0 0 0 10px;
    padding: 0;
}

#zima p.pravy {
 text-align: right;
         margin: 0;
    padding: 0 10px 0 0;
}

#zima hr {
clear: both;
}

#zima img.pravy {
	border: 0;
  float: right;
         margin: 0;
    padding: 0;
}


    #zima a {
     font-weight: bold;
     font-size: 1em;
                  color: gray;
    }
    
      #zima a:hover {
text-decoration: none;
    }

    #leto {clear: both;

background: white url('../images/uvod_cyklo.jpg') no-repeat right top;
position: relative;
width: 745px; height: 126px;

margin: 0 auto 0 auto; 
    padding: 0;
  text-align: left;
    }

#leto img.levy {
	border: 0;
  float: left;
         margin: 0;
    padding: 0;
}

#leto p.levy {
 text-align: left;
         margin: 0 0 0 10px; 
             padding: 0;
}



#leto img.pravy {
	border: 0;
  float: right;
         margin: 0 10px 0 0;
    padding: 0;
}


    #leto a {
     font-weight: bold;
     font-size: 1em;
                  color: gray;
    }
    
      #leto a:hover {
text-decoration: none;
    }
    
    #stred {

position: relative;
width: 745px; 

margin: -10px auto 10px auto; 
    padding: 0 0 0 10px;
  text-align: left;
    }
    
#stred img {
	border: 0;
  float: right;
         margin: 0 10px 0 15px;
    padding: 0;
}
#stred h2 {  color: gray;
	border: 0;       font-size: 1em;
         margin: 10px 0 10px 10px;
    padding: 0;
}

    #stred a {
     font-weight: bold;
     font-size: 0.9em;
                  color: gray;
    }
    
      #stred a:hover {
text-decoration: none;
    }

#stred p.pravy {
 text-align: right;
         margin: 0;
    padding: 0 10px 0 0;
}


    #stredl {

position: relative;
width: 745px; 

margin: 0 auto 0 auto; 
    padding: 0 0 0 10px;
  text-align: left;
    }
    
#stredl img {
	border: 0;
  float: right;
         margin: 0 10px 0 15px;
    padding: 0;
}
#stredl h2 {  color: gray;
	border: 0;       font-size: 1em;
         margin: 10px 0 10px 10px;
    padding: 0;
}

    #stredl a {
     font-weight: bold;
     font-size: 0.9em;
                  color: gray;
    }
    
      #stredl a:hover {
text-decoration: none;
    }

#stredl p.pravy {
 text-align: right;
         margin: 0;
    padding: 0 10px 0 0;
}

#pata {
position: absolute;
width: 100%;

top: 50%;
left: 0; 
margin: 283px 0 0 0; 
 padding: 0;

 text-align: center;
    }
    
    #patav {
position: relative;
width: 725px;
height: 100%;
margin: 0 auto 0 auto; 
    padding: 0;
     text-align: left;
     font-size: 0.7em;
    }
    
    #patav a {
     font-weight: bold;
     font-size: 1em;
                  color: gray;
    }
    
        #patav a:hover {
text-decoration: none;
    }

#patal {
position: absolute;
width: 100%;

top: 50%;
left: 0; 
margin: 283px 0 0 0; 
 padding: 0;

 text-align: center;
    }
    
        #patavl {
position: relative;
width: 725px;
height: 100%;
margin: 0 auto 0 auto; 
    padding: 0;
     text-align: right;
     font-size: 0.7em;
    }
    
    #patavl a {
     font-weight: bold;
     font-size: 1em;
                  color: gray;
    }
    
        #patavl a:hover {
text-decoration: none;
    }