@charset "utf-8";
/* CSS Document */

/***** FONT FACES *****/

@font-face {
	font-family: OpenSansLight;
	src: url('OpenSans-Light.ttf');
}

@font-face {
	font-family: OpenSansRegular;
	src: url('OpenSans-Regular.ttf');
}

@font-face {
	font-family: OpenSansSemibold;
	src: url('OpenSans-Semibold.ttf');
}

@font-face {
	font-family: OpenSansBold;
	src: url('OpenSans-Bold.ttf');
}

/***** FONT FACES *****/

body {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	font-family: OpenSansSemibold;
	color: #71A22C;
}

h3 {
	margin-top:20px;
}

p {
	font-family: OpenSansRegular;
	font-size: 11pt;
	color:#333333;
	line-height:36px;
}

#heder {
	background-image: url(../img/bgh.jpg);
	background-repeat: repeat-x;
	height: 220px;
}

.logo {
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	height: 202px;
	width: 936px;
	margin: 0 auto;
}

#navigacijabar {
	height: 50px;
	background-image: url(../images/bg.png);
}

#slajder {
	width:960px;
	height:375px;
	background-color:#CCFFFF;
	margin: 0 auto;
}

#glavni {
	width: 1000px;

	margin: 0 auto;

}

.home {
	width:940px;
	margin: 0 auto;
}

/***** NAVIGACIJA *****/

.navigacijameni {
	width: 1000px;
	height: 50px;
	background-color: #00CCFF;
	margin: 0 auto;
	background-image: url(../images/bg.png);
}

.glavna-nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.glavna-nav li {
	float:left;
	position: relative;
	width: 200px;
	height:50px;
}

.glavna-nav li a {
	color: #FFFFFF;
	font-family: OpenSansSemibold;
	font-size: 14px;
	padding-top: 16px;
	text-decoration: none;
	text-align: center;
	position: absolute;
	height: 34px;
	width: 200px;
	background-image: url(../images/bg.png);

}

.glavna-nav li a:hover {
	background-image: url(../images/bg2.png);
}

.home {
	padding-top: 50px;
	height: 850px;
}

.home2 {
	width:940px;
	margin: 0 auto;
	padding-top: 20px;
	height: 600px;
}

.home h3 {
	font-size: 16pt;
	line-height: 28pt;
}

.home2 h2 {
	font-size: 16pt;
	line-height: 28pt;
	
}

#futer {
	height: 300px;
	background-image: url(../img/futer.jpg);
	background-repeat: no-repeat;
}

.futerwrapper {
	padding-top: 20px;
	width: 960px;
	margin: 0 auto;
}

.futer1 {
	padding-left:70px;
	width:180px;
	height:70px;
	float:left;
}

.futer2 {
	padding-left:70px;
	width:320px;
	height:70px;
	float:left;
}

.futer2 h4 {
	margin-top:20px;
}

.futer2 p {
	margin-top:20px;
	margin-bottom:40px;
	color:#FFFFFF;
	font-family: OpenSansSemibold;
	font-size: 9pt;
	text-decoration:none;
	line-height: 16pt;
}

.futer3 {
	padding-left:90px;
	width:230px;
	height:70px;
	float:left;
}

.futer3 p {
	margin-top:20px;
	color:#FFFFFF;
	font-family: OpenSansSemibold;
	font-size: 9pt;
	text-decoration:none;
	line-height: 16pt;
}

.futer3 a {
	color:#FFFFFF;
}

.futer-nav {
	padding: 0;
	margin-top: 20px;
	list-style-type: none;
}

.futer-nav li a {

	color:#FFFFFF;
	font-family: OpenSansSemibold;
	font-size: 9pt;
	text-decoration:none;
	line-height: 18pt;
	
}

.futer-nav li a:hover {
	color:#33CCFF;
	background-color:#1d4189;
}

#map_canvas {
	width: 1000px;
	height: 375px;
}

.kontaktlevo {
	width: 450px;
	float:left;
}

.kontaktlevo h2 {
	margin-top:30px;
	margin-bottom:10px;
}

.kontaktlevo span {
	font-family: OpenSansBold;
}

.kontaktdesno {
	width: 450px;
	float:right;
}

.promo1 {
	margin-top:20px;
	height:150px;
	margin-bottom:60px;
}

.photo1 {
	height:150px;
	width:150px;
	float:left;
	background-color:#CCFFCC;
}

.text1 {
	float:left;
	margin-left:20px;
	width: 650px;
}

.text1 h3 {
	margin-top:0px;
	font-size:12pt;

}

.homepromo {
		padding-top:20px;
			width:940px;
	margin: 0 auto;
}

.homepromo p {
	margin-top:10px;
	font-size:10pt;
	line-height:20pt;
}

.promointro p {
	font-size:12pt;
}

.promointro h3 {
	font-size:16pt;
}

.promointro {
	margin-bottom:50px;
}

a:hover {
	background-color: #FFFFFF;
}

.readmore {
	font-family: OpenSansBold;
	line-height:30px;
}

.banner {
	margin-top:50px;
}

.futer2 a:hover {
	background-color:#1d4189;
}

.futer3 a:hover {
	background-color:#1d4189;
}

#slajderr {
	height:383px;
	width:1000px;
}

.aboutlevo {
	width: 960px;
	float: left;
}

.aboutdesno {
	width:280px;
	float:left;
	margin-left:60px;
}

.aboutlevo span {
	font-family: OpenSansBold;
}

.futer2 p {
	line-height: normal;
	margin-bottom: 10px;

}

.subscribe-form {
	margin-bottom: 30px;
}

.savetilevo {
	width:800px;
	float:left;
}

.savetilevo h4 {
	color:#333333;
	line-height:20pt;
	margin-top:12pt;
	margin-bottom:12pt;
}

.saveticlanak {
	padding-top:20px;
	height:900px;
	width:940px;
	margin: 0 auto;
}

.savetilevo h3{
	font-size:16pt;
	margin-bottom:30px;
}

.savetilevo h4{
	font-size:12pt;
}

.savetilevo p{
	font-size:10pt;
}

.savetilevo span {
		font-family: OpenSansBold;
}

.linkovilevo {
	width:600px;
	float:left;
}

.linkovilevo h4 {
	color:#333333;
	line-height:20pt;
	margin-top:12pt;
	margin-bottom:12pt;
}



.linkovilevo h3{
	font-size:16pt;
	margin-bottom:30px;
}

.linkovilevo h4{
	font-size:12pt;
}

.linkovilevo p{
	font-size:10pt;
	line-height:48pt;
}

.linkovilevo span {
		font-family: OpenSansBold;
}

.linkoviclanak {
	padding-top:20px;
	height:700px;
	width:940px;
	margin: 0 auto;
}
