/*pozicování v px a obtekani*/

/* body {background: yellow;
text-align: center;}
#logo {position: absolute; width: 200px;
height: 177px; top: 50px; left: 50%; margin: 0 0 0 -350px; 
	}
#horni {background: lime url("../obr/p9190192.jpg") no-repeat fixed left top;
 top: 0px; height: 200px;
	}
#hlava {margin: 50px 0 0 0;width: 775px;
height: 100px; 
 background: white;
 padding: 20px 10px 15px 25px}

#hlava h3 {font-size: large;}
#hlava p.pravy{color: blue; text-align: right; background: green;}
#hlava h1
{color: red; text-align: center; background: blue;padding: 100px 10px 15px 25px;border-top: 12px solid green;}

#tělo {width: 550px;
height: 100px; 
 background: green;
 margin: 10px auto 0 auto;}

#tělo img{border: 12px solid red;}

#menu {width: 200px;
height: 500px; float: left; 
 background: lime;
 margin: 10px auto 0 auto;
 border: 12px solid blue;}
 
 #obsah {width: 775px; 
 background: brown;
 margin: 10px auto 0 auto;} */


/*pozicování jen s % */

/*
body {
background: yellow; 
}
#ram1 { position: relative ; 
   height: 20% ; top: 5%; width: 100% ; left:0 %; background: lime;

	}
#ram2 { position: absolute ; 
   height: 120% ; top: 30% ; width: 20% ; left: 1 %; background: navy;

	}
#ram3 { position: absolute ; 
   height: 100% ; top: 27% ; width: 78% ; left: 22%; background: silver;

	}
#ram4 { position: absolute ; 
   height: 10% ; top: 128% ; width: 100% ; left: 0%; background: fuchsia;

	} */


/* pozicování s % a obtekani */

body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small;
background: yellow; 
}
#ram1 h1.proloz { letter-spacing: 1em; 
		}
 #ram1 { position: absolute ; 
   height: 20%; top: 5%; width: 100% ; left: 1%; background: gold; text-align: center;  
	}
#logo1 {position: absolute; top: 1%; right: 10%; margin: 2%; 

	}
#logo2 {position: absolute; top: 0%; left: 2%; margin: 2%; 

	}

#ram2 {  position: absolute; 
     width: 20%; height: 122%; top: 26%; background: goldenrod; float: left; border: 3pt solid white ; text-align: center; color: white;
font-size: 12pt; font-weight: bold; line-height: 200%;  

	}

#ram2 a{color: white;
      }
#ram2 ul {text-align: left;}
#ram2 a:active {color: yellow;}
#ram22 {  position: relative  ; 
   height: 32%; width: 100%; left: 0%; background: darkorange; float: left; border: 3pt solid white; 
line-height: 50%; font-size: xx-small;
}

#ram22 img {border: 0px;
	}

#ram3 { position: absolute; 
   height: auto; width: 78%; top: 26%; left: 22%;  background: navajowhite; padding: 10px 15px 0px 15px; 

	}

#ram4 { position: absolute ; 
    top:150%; width: 100%; left:1%; background: burlywood; font-size: 85%; text-align: center; 
	padding-bottom: 12px;

	}
#prvni  p:first-letter {font-size: large; font-weight: 900; font-family: fantasy;
	}

#ram3 p { text-align: left; font-size: small;
	}
#ram3 img { float: right; margin: 5px 5px 5px 10px;
		border: 5px; text-decoration: none;
	}
.citace { font-style: italic;
	}
#ram1 hr { height: 3px ; width: 94%; color: black; }
#ram3 hr { height: 2px; width: 94%; color: white; }