@charset "utf-8";
@import url("main.css");

* {
margin:0;
padding:0;
} 

html, body {
    height: 100%;
	
	
}

body {
  height: 100%;
  font-family:Verdana, Geneva, sans-serif;
  color:#757575;
  font-size:13px;
  line-height:160%;
  
  
}



.last {
	margin-bottom:0;
}



/*body #whiteFoot 
{ behavior: url(iepngfix.htc) }
*/

.fix:after {
   content: '[.]';
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.fix {
   display: inline-block;
}
/*\*/
.fix {
   display: block;
}

#container {
	background-image:url(../img/bg_body.png);
	background-repeat:repeat-x;
	background-position:left top;
    position: relative;
	min-height: 100%;
	height:auto !important;
    height:100%;
	width:100%;
	background-color:#f3f3f3;
	padding-bottom:0px;
	padding-top:35px;
	
	
	

}

#main {
width:910px;
margin:0px auto 0px auto;
background-image:url(../img/bg_content.png);
background-repeat:repeat-y;


}

#header {
	
	width:910px;
	height:215px;
	background-image:url(../img/bg_header.png);
	background-repeat:no-repeat;

}

html>body #content {
width:840px;
	min-height:570px;
	height:auto !important;
	height:570px;
	padding-left:35px;
	padding-right:35px;
	margin-top:0px;
	margin-bottom:135px;	
	
}

#content {
	width:840px;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding-left:35px;
	padding-right:35px;
	margin-top:0px;
	margin-bottom:135px;
	
}

#leftHome {
	
	width:560px;
	float:left;
	margin-bottom:136px;
	margin-top:25px;
}
#rightHome {
	
	width:260px;
	float:right;
	margin-top:30px;
	
	
}

.SubLeftHome {
border-bottom:1px solid #e9e9e9;
padding-bottom:20px;
margin-bottom:20px;
margin-top:0px;
float:left;
width:560px;
}

#rightHome img {
float:right;
margin-bottom:23px;
}

#rightHome img.last {
margin-bottom:0px;	
}


/*-------------Pocetak glavne navigacije-------------------*/


#mainNav {
	width:900px;
	margin-left:5px;
	display:inline;
	float:left;
	height:39px;
	margin-bottom:0px;
}

#mainNav ul {
	
	width:900px;
	height:39px;
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	position:relative;
	
	
}

#mainNav ul li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}

#mainNav ul li, #mainNav ul a {
    height: 39px; display: block;}
	
  li#home {left: 0; width: 128px;}
  li#about {left: 129px; width: 137px;}
  li#services {left: 267px; width: 111px;}
  li#education {left: 378px; width: 212px;}
  li#gallery {left:591px; width:153px;}
  li#contact{left:745px; width:159px;}
  
  
  li#home a:hover {
	 
   background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:0px -39px;
	 
  }
  
  li#home a.active {
	 
   background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:0px -39px;
	 
  }
  
  li#about a:hover {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-129px -39px;
  }
  
  li#about a.active {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-129px -39px;
  }
  
  li#services a:hover {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-267px -39px;
  }
  
  li#services a.active {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-267px -39px;
  }
  
  li#education a:hover {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-378px -39px;
  }
  
  li#education a.active {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-378px -39px;
  }
  
  
  li#gallery a:hover {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-591px -39px;
  }
  
  li#gallery a.active {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-591px -39px;
  }
  
  
  li#contact a:hover {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-745px -39px;
  }
  
  li#contact a.active {
	background-color:transparent;
	background-image:url(../img/navigacija2.png);
	background-repeat:no-repeat;
	background-position:-745px -39px;
  }
  


/*-------------Kraj glavne navigacije-------------------*/



/*-------------Pocetak "sub" navigacije-------------------*/


#subNav {
	height:37px;
	background-color:#fff;
	width:900px;
	margin-left:5px;
	background-image:url(../img/bgsubNav.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FED6C2;
}


#subNav ul {
	
margin-left:10px;
padding-top:9px;
}

#subNav li {
list-style-type:none;
display:inline;

}

#subNav li a {
	color:#8C1D1B;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:13px;
	padding-right:5px;
	text-decoration:none;
}

#subNav li a:hover {
text-decoration:underline;
padding-top:11px;
padding-bottom:11px;


}

/*-------------Kraj "sub" navigacije-------------------*/




.thumb {
	
	background-image:url(../img/bg_thumb_home.png);
	background-position: left top;
	background-repeat:no-repeat;
	width:287px;
	height:194px;
	padding-top:5px;
	padding-left:5px;
	float:left;
	margin-right:15px;
	margin-bottom:0px;
	
	
	
	
}

/*-------------Pocetak Footer-a-------------------*/

#footer {
    position:absolute;
	width:100%;
	height:157px;
    bottom: -20px;
	background-image:url(../img/bg_foot2.png);
	background-repeat:repeat-x;
	
	}
 
#whiteFoot {
	width:880px;
	height:100px;
	background-image:url(../img/bg_footWhite.png);
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;	
	padding-left:30px;
	
}




#footer ul {
	float:left;
	margin-top:50px;
	padding-right:30px;
	padding-left:30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F1F2F3;
}
#footer ul li {
list-style-type:none;
display:block;
text-align: left;
}
#footer ul a {
	padding:0px;
	color:#3572A0;
	font-size:14px;
	font-family:Georgia;
	text-decoration:none;
	font-weight: normal;
	line-height: 170%;
	
}
#footer ul a:hover {
	color:#09F;
}
#footer ul.ffList {
	padding-left:48px;
	
}

#cpr {
	margin-left:0px;
	width:22%;
	margin-top:50px;
	float:left;
	color:#3572A0;
	font-size:14px;
	font-family:Georgia;
	line-height: 150%;
	background-image: url(../img/pismo.png);
	background-repeat: no-repeat;
	background-position: 1px top;
	padding-left: 0px;
	height: 100px;
}

#cpr ul {

margin-top:0px;
margin-left:0px;

}
#vreme {
	margin-left:0px;
	width:auto;
	margin-top:0px;
	float:left;
	color:#666;
	font-size:14px;
	font-family:Georgia;
	line-height: 170%;
	padding-left: 0px;
	height: 100px;
}


#logo {
	margin-top: 68px;
	margin-left: 30px;
	border:none
}