@charset "utf-8";

html{font-size:110%;}
@media(min-width:60em){html{font-size: 90%}}

/* Landscape */
@media (orientation: landscape) {
	body  {
		font-family: georgia, palatino;
		font-size: 1vw;
		letter-spacing: 1px;
		margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
	}
}

/* Portrait */
@media (orientation: portrait) {		
	body  {
		font-family: georgia, palatino;
		font-size: 3vw;
		letter-spacing: 1px;
		margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
	}
}

h1 {
	text-decoration: none;
	font-family: georgia, palatino;
	font-size: 130%;
	color: black;
	font-weight:normal;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

h2 {
	text-decoration: none;
	font-family: georgia,palatino;
	font-size: 150%;
	color: black;
	font-weight: bold;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

.page {
	width: 90%;
	max-width: 90%;
	padding-left: 10px;
	padding-right: 10px;
}

#panel-left {
	display: none;
	visibility: hidden;
	text-align: left;
	text-decoration: none;
	padding-left: 10px;
	max-width: 270px;
}

#english-version-left {
	display: none;
	visibility: hidden;
}

#english-version-right {
	
}

#menu-panel {
	width: 90%;
	line-height: 26px;
	text-transform: none;
}

.numbers {
	color: gray;
	font-size: 150%;
	font-family: georgia, palatino;
	text-decoration: none;
}

.numbers:hover, .numbers:focus {
	color: black;
	font-size: 150%;
	font-family: georgia, palatino;
	text-decoration: none;
}

.numbers:link, .numbers:visited {
	color: gray;
	font-size: 150%;
	font-family: georgia, palatino;
	text-decoration: none;
}

.tdpx {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 180%;
	line-height:1.2;	/* font-size: 150%; */
	font-family: georgia, palatino;
}

#statia-title {
	font-family: georgia, palatino;
	font-size: 150%;
	line-height:1.2;
}

#statia {
	font-family: georgia, palatino;
	font-size: 180%;
	line-height:1.2;
}

.cv {
	font-family: georgia, palatino;
	font-size: 180%;
	line-height:1.2;
}

.bankovi { }

.a:link, .a { /* .bankovi { font-size: 150%; } */
color: gray;
font-size: 150%;
font-family: georgia, palatino;
text-decoration: none;
text-transform: none;
margin-right: 10px;
}

.a:hover, .a:focus { 
color: black;
font-size: 150%;
font-family: georgia, palatino;
text-decoration: none;
text-transform: none;
margin-right: 10px;
}

.a:visited {
color: gray;
font-size: 150%;
font-family: georgia, palatino;
text-decoration: none;
text-transform: none;
margin-right: 10px;
}

.mobileimg {
	width: auto;
	max-width: 90%;
	height: auto;
}