@charset "utf-8";
* {
	box-sizing: border-box;
	margin:0;
	padding:0;
	}
html, body{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #0099FF;
	}

#wrapper {
	background: #0099FF; 
	border: 1px solid #000000;	
	display:grid;
	width: 100vw;
	height: 100vh;
	grid-template-areas:
		"header header"
		"menu content"
		"footer footer" ;
	gap:0px;
        grid-template-columns: 195px 1fr;
	grid-template-rows: 110px 1fr 35px;
	}
/* //////////////////////////////////////////////////  heaeder */
#header {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left;1px solid #000000;
	border-right:1px solid #000000;
	grid-area:header;
	display:grid;
        grid-template-areas: "slika jezik";
        grid-template-columns: 1fr 105px;
	height:100%;
	}

#menu {
	grid-area:menu;
	border-left;1px solid #000000;
	border-right:1px solid #000000;
      }
#content {
	grid-area:content;
	border-right:1px solid #000000;
	background:#fff;
	padding-left:20px;
	padding-top:20px;
	overflow-y:scroll;
	overflow-x:hidden;
	}
#footer {
	grid-area:footer;
	border-top: 1px solid #000000;
	border-bottom:1px solid #000000;
	}
#footer_txt {
	display:inline-block;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
	text-shadow: 1px 1px 2px #333;	
	}	

#naslov {
	margin-right:40px;
	margin-top:10px;
	margin-bottom:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:30px;
	color: #22bbee;
	font-style: italic;
	text-shadow: 1px 1px #333;	
	text-align:left;
	font-weight:bold;
	}