body {
	font: 100%/1.3 Arial, Helvetica, Verdana, sans-serif;
	color: #600;
	margin: 0;
	padding: 0;
}
#wrapper {
	margin: 0;
	padding: 0;
	background: #8aa8c4 url(images/ozadje2.jpg);
	background-repeat: repeat-x;
	min-height: 1000px;
}
h1 {
	font-size: 180%;
	color: #2e445b;
	line-height: 25px;
}
h2 {
	margin: 9px 0 7px 0;
	font-size: 150%;
	color: #2e445b;
	line-height: 25px;
}
h3 {
	font-size: 140%;
	color: #2e445b;
	line-height: 25px;
	margin: 0;
}
h4 {
	font-size: 120%;
	font-weight: normal;
	color: #2e445b;
	line-height: 20px;
	margin: 0;
}
#content p {
	font-size: 120%;
	font-weight: normal;
	color: #2e445b;
	line-height: 20px;
	margin: 0;
}
p {
	font-size: 100%;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
#content a:link {
	color: #2e445b;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
#content a:hover, #content a:visited {
	text-decoration: none;
	color: #7092b7;
}
#footer a:link {
	color: #ffffff;
	text-decoration: underline;
	}
 #container {
 max-width: 1120px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
 min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
 background-color: #f9f9f9;
 margin: 0 auto;
}
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
#header {
	background: #7092b7;
	height: 152px;
	margin: 0 auto;
}
#header img {
	padding-top: 6px;
	padding-left: 30px;
}
#content {
	margin-top: 21px;
}
#levastran {
	background-color: #f9f9f9;
	padding: 0px 35px 35px 65px;
}
#footer {
	padding: 30px;
	background: #2e445b;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	color: #FFF;
	height: 50px;
}
#footer p {
	font-size: 16px;
	margin-top: 7px;
}