/* CSS Document */
@font-face {
    font-family: "HelveticaSRRC";
    src: url('../fonts/HelveticaNeueLTStd-Lt.ttf') format("truetype"), 
		url('../fonts/HelveticaNeueLTStd-Lt.otf') format("opentype");
		
}



	
/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
strike, strong, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* reset */

body, html{
    height: 100%;
}

body {
	line-height: 1;
	font-family: Arial, "HelveticaSRRC", Verdana, Tahoma;
	color: #432682;
	font-size:15px; /* osnovna veličina fonta (rem) za čitavu stranicu) */

}
#DiplomaBody{
	width:100%;
	height:100%;
	position:relative;
	top:0;
	left:0;
}
#DiplomaBG{
	position:absolute;
	top:0;
	left:0; 
	width:100%;
	height:100%;
	z-index:-10; 
}

.Header{
	position:relative;
	width:100%;
	height:50%; 
}
.Header.RowOne{

	height:32%;
	width:100%;
	display:table;
}
	.DiplomaTitle{
		position:relative;
		width: 100%;
		height: 100%;
		display:table-cell; 
		vertical-align:bottom;
		font-size: 5em;
		text-align: center;
	}
.Header.RowTwo{
	height:16%;
	width:100%;
	display:table;
}
	.Competition{
		display:table-cell; 
		vertical-align:middle;
		text-align: center;
		font-size:2.3em;
		font-weight:bold; 
		text-align:center;
		padding-left: 1.5em;
		padding-right: 1.5em;
		line-height: 1.2em;
		 /* */
	}
.Header.RowThree{
	height:12%;
	display:table;
}
	.Name{
		display:table-cell; 
		vertical-align:middle; /* */
		text-align: center;
		font-size:2.8em;
		font-weight:bold;
		text-align:center;
		padding-left: 1.3em;
		padding-right: 1.3em;
	}	


/* POZICIJA */
.Place{
	display:table;
	Height: 15%;
	width: 100%;
	/* margin-top:-2.000em; */
}

/* DIJELOVI ZA SMJEŠTAJ ELEMENATA POZICIJE */
.left{
    width: 44%;
    float: left;
    /* position:absolute; */
	vertical-align: middle;
	text-align:right;
	margin-top:1.200em; 
}
.center{
	float: left;
	display:table-cell;
	vertical-align:middle;
    width: 12%;
	text-align:center;
	font-size:5.000em;
	/*font-weight:bold */
}
.right{
	width: 44%;
	float: left;
	/* position: absolute; 
	left:55%;*/
	display:table-cell;
	vertical-align:middle;
    /*position: relative;
	vertical-align: middle;*/
	text-align:left;	
	margin-top:1.200em;
}
	.DiplomaText{
		font-size:2.500em;
	}

/* kategorija */
.Category{
	display:table;
	text-align:center;
	width: 100%;
	height: 8%;
}
.CatName{
	display:table-cell;
	vertical-align:top;
	font-size:2.000em;
	font-weight:bold;
}

/* Mjesto turnira */
.CompPlace{
	width:100%;
	height:8%;
	text-align:center;
	font-size:1.500em;
	font-weight:bold;
}
.Signature{
	width:28%;
	display:block;
	float:right;
	font-size:1.300em;
}

@media print {
@page{
	size:A4 landscape;
	margin: 0.3cm;
}	
header nav, footer {
display: none;
}

}