body, html{margin:0 0 0 0; padding:0 0 0 0; height:100%; width:100%; background-color:#FFF; background-image:url(../images/bg_main.gif); background-repeat:repeat-x; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#666}
#container{width:750px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px}
#container-header{
	width:670px;
	height:55px;
	background-image:url(../images/bg_header.gif);
	font-size:14px;
	font-weight:bold;
	padding-top: 50px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	text-align: right;
}
#container-name{float:left}
#container-slogan{
	float:right;
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	padding-right:10px;
	height: 50px;
}
span, #container-name span, #container-slogan span{color:#006AC3}
#container-eyecatcher{width:670px; padding:0px 40px 0px 40px; height:175px; background-image:url(../images/bg_eyecatcher.gif)}
#container-navigation{width:670px; background-color:#45AAFF; height:22px; border-bottom:1px solid #fff}
ul#navigation{margin:0 0 0 0; padding:0 0 0 0}
#navigation li{display:inline; list-style:none; height:22px}
#navigation li a{color:#fff; line-height:22px; font-size:11px; text-decoration:none; padding:5px 15px 6px 15px; border-right:1px solid #fff}
#navigation li a:hover{text-decoration:underline; background-color:#06C}
#container-content{width:670px; background-image:url(../images/bg_content.gif); background-repeat:no-repeat; padding:20px 40px 0px 40px; margin:0 0 0 0; height:auto}
#content{
	width:430px;
	float:left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#border{width:180px; margin-left:480px}
#container-footer{border-top:4px solid #E5E5E5; width:670px; padding:10px 0px 20px 0px; margin:0 40px 0px 40px; clear:both; color:#aeaeae}
#container-footer a{font-weight:bold; padding:2px 2px 2px 2px; color:#aeaeae}
#container-footer a:hover{color:#006AC3}
#footer{font-size:11px; color:#aeaeae; width:670px; margin-bottom:20px}
#footer-copyright{float:left; width:325px; padding-left:10px}
#footer-meta{float:right; text-align:right; width:325px; padding-right:10px}
.clearer{clear:both}
h1{font-size:22px; color:#666; margin:0 0 0 0; padding:0px 0 20px 25px; background-image:url(../images/h1_arrow.gif); background-repeat:no-repeat; background-position:5px 7px; line-height:24px}
h2{font-size:16px; color:#006AC3; padding:5px 0 5px 25px; letter-spacing:1px; text-transform:uppercase}
h3{font-size:14px; color:#006AC3; padding:5px 0 0px 25px; text-transform:uppercase; letter-spacing:-0.5px}
h4{font-size:14px; color:#006AC3; text-transform:uppercase; letter-spacing:-0.5px}
hr{border:none 0; border-top:1px solid #ccc; height:1px}
#content hr{border:none 0; border-top:1px solid #ccc; margin:0px 0 0px 25px; height:1px}
#content p{line-height:19px; color:#666; margin:0 0 20px 25px}
#content p a, #border p a{
	text-decoration:none;
	padding:2px 2px 2px 2px;
	border-bottom-width: thin;
	border-bottom-style: none;
	border-bottom-color: #006AC3;
}
#content p a:hover, #border p a:hover{
	text-decoration:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content li{line-height:20px; color:#666; margin:0 0 0 15px}
#content .quote{border-top:1px solid #E5E5E5; background-color:#f7f7f7; border-bottom:1px solid #E5E5E5; padding:15px 15px 15px 65px; background-image:url(../images/bg_quote.gif); background-repeat:no-repeat; background-position:10px 10px; color:#06C; font-style:italic}
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
form {
	padding-top: 0px;
	margin-top: 5px;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006AC3;
	text-decoration: none;
}

#border p{line-height:17px; font-size:11px; color:#666; margin:0 0 15px 10px}
ul#subnavigation{padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; background-image:none}
#subnavigation li{list-style:none; padding:2px 0px 2px 10px; margin:0px 0px 5px 0px}
#subnavigation li a{text-decoration:none; color:#006AC3; border-bottom:1px dotted #006AC3}
#subnavigation li a:hover{text-decoration:none; border-bottom:1px solid #006AC3}
ul#news{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-image:none}
#news li{list-style:none; background-image:url(../images/li_cube.gif); background-repeat:no-repeat; background-position:2px 6px; padding:2px 0px 2px 15px; margin:0 0 15px 0px}
img.alignleft{
	float:left;
	padding: 2px;
	border: medium double #B7DEFF;
	margin: 15px;
}
img.alignright{float:right; margin:0 0 5px 15px}
img.alignabove{margin:0 0 10px 0}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006AC3;
	text-decoration: none;
}
a:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006AC3;
	text-decoration: underline;
}
a:active {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006AC3;
	text-decoration: underline;
}
input {
	border: thin none #9E1215;
	background-image: url(http://www.sp-flegar.hr/images/input.jpg);
	display: block;
	height: 22px;
	width: 179px;
	background-repeat: no-repeat;
}
textarea {
	width : 342px;
	height : 90px;
	border : 0;
	font : normal 10pt Verdana;
	overflow : auto;
	background-image: url(http://www.sp-flegar.hr/images/textarea.jpg);
	background-repeat: no-repeat;
	
}
.gumb {
	cursor: pointer;
}
.slike {
	border: medium double #C5E4FE;
	padding: 2px;
	margin-top: 2px;
}
.slikeindex {
	border: medium double #C5E4FE;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-left: 8px;
}