body{margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; font: verdana, helvetica, arial, sans-serif;}
#framecontentLeft, #framecontentRight{position: absolute; top: 0; left: 0; width: 200px; /*Width of left frame div*/ height: 100%; overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/ background-color: white; }
#framecontentRight{left: auto; right: 0; width: 150px; /*Width of right frame div*/ overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/ background-color: white; }
#maincontent{position: fixed; top: 0; left: 200px; /*Set left value to WidthOfLeftFrameDiv*/ right: 150px; /*Set right value to WidthOfRightFrameDiv*/ bottom: 0; background: #fff; overflow: auto; }
.innertube{margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/}
* html body{ /*IE6 hack*/ padding: 0 150px 0 200px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/}
* html #maincontent{ /*IE6 hack*/ height: 100%; width: 100%; }
#glava {background-color: #000080; height: 150px; vertical-align: baseline;  background-image: url(http://hippokampos.org/sl/glava.gif);  background-repeat: no-repeat;  }
#subglava {height: auto; vertical-align: baseline; float: inherit; margin-bottom: 20px;	margin-top: 8px; padding-bottom: 15px;}
a img{ border:0; padding: 0 10px; float: left;}
.sredina {position: static;	text-align: center;}
#noga {background-color: navy; color: #DBB237; display: inline; float: left; font-size: 1em; padding: 10px; text-align: left; vertical-align: bottom; width: 100%;}
#noga a {background-color:#000080; color:#fff; font-size: 1em; text-decoration:none;}
.left {display:inline; float:left;}
.right {display:inline; float:right;}
.srebrn {color: Silver;  width: 100%; }

.container { float:left; clear:left; width:100%; padding:0 0 2em; border: thick;}
.box { float:left; width: 32%; margin-right:1%; background-color:#fff; border: 1px;}
.box p { margin:.5em; padding:0; text-align: justify;}
.containWidth {width: 95%;}