/* styl typ01 */	
#pole-typ01 {
	background-color: #ddd;
	border: 1px solid black; padding:10px;
	height: 100%; 
}
#r-typ01 { border:1px solid red; height: 100%; }
#r-typ01 h2{margin-top:0px; background-color:red; color:#ddd; padding:10px;}
#g-typ01 { padding:10px; width: 47%; float:left; border-right:2px dotted red;}
#b-typ01 { padding:10px; width: 46%; float:left; }

#pole-typ01 p:first-letter, #pole-typ02 p:first-letter {font-size:2em; color:red; }
div { border:0px solid blue;}
.clr{clear:both;}
.os {text-align: center; padding:0px; margin:0px;}


/* styl typ02 */	
#pole-typ02 {
	background-color: #ddd;
	border: 1px solid black; padding:10px;
	height: 100%;
	width: 620px;
}
#r-typ02 { border:1px solid red; height: 100%; }
#r-typ02 h2{margin-top:0px; background-color:red; color:#ddd; padding:10px;}
#g-typ02 { padding:10px; width: 180px; float:left; border-left:0px;}
#b-typ02 { padding:10px; width: 178px; float:left; border-left:2px dotted red; height: inherit;}


/* styl typ03 */	
#pole-typ03 {
	background-color: #ddd;
	border: 1px solid black; padding:10px;
	height: 200px; 	width: 240px;
	overflow: auto; 
}
#r-typ03 { border:1px solid red; height: auto; }
#r-typ03 h2{margin-top:0px; background-color:red; color:#ddd; padding:10px;}
#bbb, input:focus {color:red; }
#ccc, input:focus {color:green; }
a:focus {color:white; background-color:yellow;}


#container-page {
  margin: 0 auto;
  width: auto;
  background: transparent;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#container-foot {margin:10px -1px 0px -1px;
  width: 105%;
  background: #CCC;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 40px;
}