body {
	background: #f1f1f0 url(../images/bg_body.jpg) repeat-x;
	margin: 0 auto;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#555;
	font-size: 0.9em;
}

body a {
	margin: 0px;
	text-decoration:none;
	color: #1b4558;
}

body a:hover {
	text-decoration:underline;
	color: #fe982b;
	border: 0px solid;
}

h1 {
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #03456c;
}

h1 a {
	color: #03456c;
	text-decoration:none;
}

h1 a:hover {
	color: #fe982b;
	text-decoration:none;
}

#header {
	margin: 0 auto;
	padding-top: 0px;
	width: 980px;
	height: 102px;
	clear: both;
	background: url(../images/bg_header.jpg) no-repeat;
}

#logo {
	position: relative;
	clear: both;
	margin: 0;
	border: 0px solid;
	width: 240px;
	height: 50px;
}

.slideshow {
	background: #000;
	margin: 10px auto 0px auto;
	width: 980px;
	height: 258px;
	border-top: 1px #d0cfcf solid;
	border-left: 1px #d0cfcf solid;
	border-right: 1px #d0cfcf solid
}

#slidershadow {
	margin: 0px auto;
	width: 980px;
	height: 8px;
	background: #fff url(../images/sh_slider.jpg) no-repeat;
	border-left: 1px #d0cfcf solid;
	border-right: 1px #d0cfcf solid
}

#page {
	margin: 0 auto;
	padding-top: 20px;
	width: 980px;
	background: url(../images/bg_content.jpg) repeat-y;
	overflow: hidden;
	border-left: 1px #d0cfcf solid;
	border-right: 1px #d0cfcf solid;
	text-align: left;
}

#menu_left {
	width: 220px;
	margin-left: 17px;
	padding: 0;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
	border: 0px solid;
}

#menu_left ul {
	margin: 0px;
	padding: 0px;
	display: block;
}

#menu_left ul li {
	margin: 0px;
	padding: 0px;
	display: block;
	text-decoration: none;
}

#menu_left ul li a {
	padding: 2px 0px 0px 15px ;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	display: block;
	width: 200px;
	height: 20px;
	color:  #FFF;
	border-left: 10px solid #03456c;
	background: #666;
}

#menu_left ul li a:hover {
	border-left: 10px solid #fe982b;
	text-decoration: underline;
}

#menushadow {
	margin-top: 10px;
	width: 237px;
	height: 15px;
	background: url(../images/sh_menu.jpg) no-repeat;
}

#content {
	width: 680px;
	padding: 0px 30px 0px 20px;
	float: right;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	border: 0px solid #030;
}

#content img {
	float:left;
	margin:0 10px 0 0;
}

#column_left {
	width: 320px;
	float: left;
	border: 0px solid;
	overflow: hidden;
}

#column_right {
	width: 320px;
	float: right;
	border: 0px solid;
	overflow: hidden;
}

.detaljnije {
	border: 0px solid;
	display: block;
	clear: both;
}

.detaljnije a{
	display: block;
	height: 20px;
	padding-top: 3px;
	padding-left:30px;
	background: url(../images/marker_link.gif) no-repeat;
	font-size: 0.9em;
	font-weight: bold;
}

.detaljnije a:hover{
	color: #fe982b;
	text-decoration: underline;
}

#endpage {
	margin: 0 auto;
	width: 980px;
	height: 8px;
	background: #fff url(../images/sh_content.jpg) no-repeat;
	border-left: 1px #d0cfcf solid;
	border-right: 1px #d0cfcf solid;
}

#footer {
	margin: 0 auto;
	width: 980px;
	height: 98px;
	background: #fff url(../images/bg_footer.jpg) repeat-x;
	border-bottom: 1px #d0cfcf solid;
	border-left: 1px #d0cfcf solid;
	border-right: 1px #d0cfcf solid;
	font-family: Arial, Helvetica, sans-serif;
}

#footer_left {
	width: 500px;
	float: left;
	margin-left: 30px;
	padding-top: 20px;
	font-size: 0.75em;
	text-align: left;
	border: 0px solid;
}

#footer_right {
	width: 400px;
	margin-right: 30px;
	padding-top: 20px;
	float: right;
	font-size: 0.75em;
	text-align: right;
}

.program {
	width: 640px;
	margin: 5px 0 5px 0;
	padding: 0 20px 0 20px;
	border: 1px solid #aaa;
	background: #e8e8e7 url(../images/bg_program.jpg) repeat-x;
	font-size: 0.9em;
	overflow: hidden;
}

.program strong{
	color: #03456c;
}

.program img {
	float: left;
	margin-right: 20px;
	border: 0px solid;
}

.program h2 {
	float: right;
	width: 484px;
	margin-top: 0;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	color: #fff;
	font-size: 120%;
	background: #666;
	text-align: right;
	border: 0px solid #CCC;
}

.vrhstrane {
	display: block;
	width: 100px;
	float: right;
	padding-top: 4px;
	margin-bottom: 5px;
	border: 0px solid;
}

.vrhstrane span {
	display: block; padding-top: 2px;
}

hr {
	height: 1px;
	background: #FFF;
	border-top: 1px dashed #03456c;
	border-left: 0px dashed #03456c;
	border-right: 0px dashed #03456c;
	border-bottom: 0px dashed #03456c;
}

.baner {
	margin-top: 5px;
}

.baner img {
	border: 0px;
	padding-left: 10px;
}

/*---------------------------- BEGIN MENU ----------------------------*/

#menuContainer{
	width:960px;
	height:58px;
	position:relative;
	top:2px;
	left:0px;
	font-family: Arial, Helvetica, sans-serif;
	border: 0px solid;
}

#menuLeft{
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:9px;
	height:58px;
	background-image:url(../images/menu_left.jpg);
}

#menuRight{
	position:absolute;
	bottom:0px;
	left:951px;
	margin-top:0px;
	margin-bottom:0px;
	width:9px;
	height:58px;
	background-image:url(../images/menu_right.jpg);
	background-repeat:no-repeat
}

#menu{
	float:left;
	position:absolute;
	left:9px;
	top:0px;
	height:100%;
	width:943px;
	background-image:url(../images/menu_bg.jpg);
}
		
#menu ul{
	margin: 0; padding: 0;
    float: left;
	position:relative;
	top:-1px;
	left:0px;
}

#menu ul li{
    display: inline;
}

#menu ul li a{
    float: left; 
	text-decoration: none;
    color: #2c2c2c;
    margin-top:22px;
	padding-left:11px;
	padding-right:11px;
	font-size:0.8em;
	font-weight: bold;
	position:relative;
	left:0px;
	top:0px;
	z-index:10;
}

#menu ul li a:visited{
    text-decoration:none;
}

.hoverSquare{
	width:50px;
	height:30px;
	position:absolute;
	top:15px;
	left:6px;
	background-image:url(../images/menu_hover_bg.jpg);
	background-repeat:repeat-x;
	z-index:0 !important;
	z-index:-5;
	visibility:hidden;
}

#menuHoverLeft{
	position:absolute;
	left:0px;
	top:0px;
}

#menuHoverRight{
	position:absolute;
	right:-1px;
	top:0px;
}

/*---------------------------- END MENU ----------------------------*/

/*---------------------------- BEGIN SEARCH ----------------------------*/

#searchContainer{
	position:relative;
	top:14px;
	left:793px;
	height:29px;
	width:150px;
}

#searchLeft{
	height:29px;
	width:6px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/search_left.jpg);
}

#searchRight{
	height:29px;
	width:7px;
	position:absolute;
	top:0px;
	left:144px;
	background-image:url(../images/search_right.jpg);
}

#search{
	height:29px;
	width:138px;
	background-image:url(../images/search_bg.jpg);
	background-repeat:repeat-x;
	position:absolute;
	top:0px;
	left:6px;
}

.transperentInput{
	border-width:0px;
	background-color:transparent;
}

#searchInput{
	width:80px;
	font-size:12px;
	margin-top:5px;
	color:#333333;
}

#searchButtonContainer{
	position:absolute;
	left:107px;
	top:5px;
	margin:0px;
	padding:0px;
	width:40px;
	height: 1px;
}


#searchButton{
	position:absolute;
	margin:0px;
	padding:0px;
	left:5px;
	top:0px;
	height:19px;
	width:26px;
	background-image:url(../images/go.jpg);
	border-width:0px;
	color:#e6e6e6;
}

/*---------------------------- END SEARCH ----------------------------*/


/*------------------------- BEGIN CONTACT --------------------------*/
.contactContentContainer{
	float:left;
	padding-bottom:24px;
	width:300px;
	
	
}
.contactFormContentContainer{

	float:left;
	padding-bottom:24px;
    position:relative;
	width:300px;
	left:65px;
	top:0px;

}
.contactFormContentContainer hr {

	width:270px;
	margin-left:0px;
}

.greyTitle{
	color:#464845;
	font-size:120%;
	font-weight:bold;
}

.noPadding{
	padding:0px;
}

.inputContainer{
	position:relative;
	top:0px;
	left:0px;
	width:185px;
	height:32px;
	background-image:url(../images/input_bg.jpg);
	background-repeat:repeat-x;
}

.inputLeft{
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../images/input_left.jpg);
	background-repeat:no-repeat;
	width:6px;
	height:32px;
}

.inputRight{
	position:absolute;
	left:184px;
	top:0px;
	background-image:url(../images/input_right.jpg);
	background-repeat:no-repeat;
	width:6px;
	height:32px;
}

.input{
	padding-left:10px;
	padding-top:5px;
}

.smallerText{
	font-size:14px;
	padding-bottom:10px;
	
}

.formText{
	font-size:14px;
	margin-bottom:-12px;
	margin-top:7px;

}

.textArea{
	width:270px;
	height:160px;
	overflow:hidden;
}

.textAreaContainer{
	width:284px;
	height:180px;
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../images/text_area_bg.jpg);
	background-repeat:repeat-y;
}

.textAreaTop{
	width:284px;
	height:6px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/text_area_top.jpg);
	background-repeat:no-repeat;
}

.textAreaBg{
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
}

.textAreaBottom{
	width:284px;
	height:10px;
	position:absolute;
	top:178px;
	left:0px;
	background-image:url(../images/text_area_bottom.jpg);
	background-repeat:no-repeat;
}

#sendButton a{
	background-image:url(../images/send_button.jpg);
	border-width:0px;
	width:98px;
	height:31px;
	display:block;
}

#sendButton a:hover{
	background-image:url(../images/send_button_over.jpg);
}


.errorMessage{
    color: red;
}

.noFloat{
	float:none;
}

/*------------------------- END CONTACT --------------------------*/