@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'Felt';
	src: url('font/FeltTipRoman_gdi.eot');
	src: url('font/FeltTipRoman_gdi.eot?#iefix') format('embedded-opentype'),
		url('font/FeltTipRoman_gdi.woff') format('woff'),
        url('font/felt_tip_roman-webfont.woff2') format('woff2'),
		url('font/FeltTipRoman_gdi.ttf') format('truetype'),
		url('font/FeltTipRoman_gdi.otf') format('opentype'),
		url('font/FeltTipRoman_gdi.svg#FeltTipRoman-Regular') format('svg');
	font-weight: 400;
	font-stretch: normal;
	unicode-range: U+0020-2122;
}

a:link {
	font-family: "Arial", Gadget, sans-serif;
	font-weight:600;
	font-size: 34px;
	text-decoration: none;
	color: #1d7c72;
}

a:visited {
	color: #1d7c72;
}

a:hover {
	font-family: "Arial", Gadget, sans-serif;
	font-weight:600;
	font-size: 34px;
	text-decoration: none;
	color: #fff;
}

.style01 {
	font-family: "Times new roman";
	font-size:22px;
	color:#e10404;
	text-align: center;
}

.style02{
	font-family: "Arial", Gadget, sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #900;
}

.style03{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	color:red;
}

.style04 {
	font-family: "Times new roman";
	font-size:22px;
	color:red;
	text-align: center;
}
.style05 {
	font-family: "Times new roman";
	font-size:32px;
	color:#fcd773;
	text-align: center;
}

.style06 {
	font-family: "Arial";
	font-size:12px;
	color:#900;
	text-align: center;
}



#ornament {
	position: absolute;
	/*
	margin-right:auto;
	margin-left:10%;
	*/
	text-align: center;
	top: -20px;
	background-image:url('http://www.viteski-turnir.com/images/ornament2.png');
	background-repeat:repeat-x;
	background-position:center;
	position:center;
	/* width: 80%; */
	height: 80px;
	z-index: 6;
}

#naslov {
	position: absolute;
	text-align: center;
	top: 50px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	background-image:url('http://www.viteski-turnir.com/images/naslov.png');
	background-repeat: no-repeat;
	background-position:center;
	height: 200px;
	z-index: 7;
}

#face {
	position: absolute;
	margin-right:auto;
	margin-left:10%;
	text-align: left;
	top: 95px;
	width: 80%;

	height: 10px;
	z-index: 8;
}

#g_plus {
	position: absolute;
	text-align: right;
	top: 90px;
	width: 10px;
	margin-left:87%;
	margin-right:auto;
	height: 10px;
	z-index: 9;
	visibility: hidden;
}

#pozadina {
	position: relative;
	text-align: center;
	top: 0px;
	margin-left:10.5%;
	margin-right:auto;
	background-image:url('http://www.viteski-turnir.com/images/viteski2013_pozadina.jpg');
	background-repeat:repeat;
	position:center;
	z-index:5;
	width: 80%;
	height: 100%;	
	visibility: hidden;
}

#linkovi {
	position: relative; 
	padding-left: 22%;
	top: 30px;
	width: 50%;
	height: 23px;
	z-index: 3;
}

#naslovna_slika {
	position: absolute; 
	text-align: center;
	background-image:url('http://www.viteski-turnir.com/images/Vitez2015.png');
	background-repeat:no-repeat;
	background-position:center;
	top: 270px;
	width: 100%;
	height: 615px;
	z-index: 10;	
}

#slika_gal {
	position: absolute; 
	text-align: center;
	background-image:url('http://www.viteski-turnir.com/images/poluVitez.png');
	background-repeat:no-repeat;
	background-position:center;
	top: 270px;
	width: 100%;
	height: 615px;
	z-index: 10;	
}

#linkovi_proba {
	position: absolute; 
	text-align: center;
	text-decoration: none;
	top: 45px;
	width: 100%;
	height: 23px;
	z-index: 15;
}

#datum {
	position: absolute; 
	text-align: center;
	/* background-image:url('http://www.viteski-turnir.com/images/datum.png');
	background-repeat:no-repeat; */
	font-family:"Felt", Times, serif; 
	font-size:74px; 
	color:red;
	background-position:center;
	top: 905px;
	opacity:0.9;
	filter:alpha(opacity=90);
	width: 100%;
	height: 200px;
	z-index: 20;	
}

#pozicija_teksta {
	position: relative;
	top: -55px;
}

#linija_1 {
	position: absolute;
	margin-right:auto;
	margin-left:10%;
	text-align: center;

	background-image:url('http://www.viteski-turnir.com/images/linija.png');
	background-repeat:repeat-x;
	background-position:center;
	position:center;
	opacity:0.7;
	filter:alpha(opacity=70);
	width: 80%;
	height: 2px;
	z-index: 21;
}

#galerija_1 {
	position: absolute;
	margin-right:auto;
	margin-left:10%;
	text-align: center;
	top: 710px;
	position:center;
	width: 80%;
	height: 100px;
	opacity: 1.0;
	filter:alpha(opacity=100);
	z-index: 22;
}

#galerija_2 {
	position: absolute;
	margin-right:auto;
	margin-left:10%;
	text-align: center;
	top: 990px;
	position:center;
	width: 80%;
	height: 100px;
	opacity: 1.0;
	filter:alpha(opacity=100);
	z-index: 22;
}

#galerija_3 {
	position: absolute;
	margin-right:auto;
	margin-left:10%;
	text-align: center;
	top: 1230px;
	position:center;
	width: 80%;
	height: 100px;
	opacity: 1.0;
	filter:alpha(opacity=100);
	z-index: 22;
}

#galerija_4 {
	position: absolute;
	margin-right:auto;
	margin-left:10%;
	text-align: center;
	top: 1470px;
	position:center;
	width: 80%;
	height: 100px;
	opacity: 1.0;
	filter:alpha(opacity=100);
	z-index: 22;
}

#tekst_galerije {
	position: absolute;
	margin-right:auto;
	margin-left:10%;
	text-align: center;
	position:center;
	width: 80%;
	height: 10px;
	z-index: 33;
}

#footer1 {
  position: absolute;
  bottom: 0;
  width: 95%;
  /* Set the fixed height of the footer here */
  height: 30px;
  /* background-color: #f5f5f5; */
  z-index: 40;

}

#footer {
    overflow:hidden;
    position: absolute;
	text-align:center;
    z-index: 41;
    height: 3em;
	width: 95%;
    margin-top: -3em;
	bottom: 0;
}

	/* makes foooter to disapear */
	.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -600px; /* the bottom margin is the negative value of the footer's height */
		position:center;
	}
	.foooter, .push {
		height: 600px; /* .push must be the same height as .footer */
		clear:both;
	}
	

	/* footer kod programa */
	.wrapperprog {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -600px; /* the bottom margin is the negative value of the footer's height */
		position:center;
	}
	.footerprog, .pushprog {
		height: 600px; /* .push must be the same height as .footer */
		clear:both;
	}