@font-face
{
	font-family:Gotham Book;
	src: url(fonts/Gotham-Book.otf);
}
@font-face
{
	font-family: Gotham Light;
	src: url(fonts/Gotham-Light.otf);
}
html
{
	margin:0;
	width:100%;
	height:100%;
}
body
{
	margin:0;
	width:100%;
	height:100%;
	color:#515253;
	padding-bottom:20px;
}
a:link
{
	text-decoration:none;
	color:#005aab;
}
a:visited
{
	text-decoration:none;
	color:#005aab;
}
a:hover
{
	text-decoration:none;
	color:#8e1835;
}
a:active
{
	text-decoration:none;
	color:#005aab;
}
h1
{
	font-family:Gotham Book;
	text-align:center;
}
h2
{
	font-family:Gotham Book;
	text-align:center;
	color:#005aab;
}
h3
{
	font-family:Gotham Book;
	text-align:center;
	color:#005aab;
}
ul
{
	font-family:Gotham Light;
	text-align:center;
}
ul li
{
	margin:0 auto;
	text-align: center;
	display: inherit;
	line-height: 150%;
}
.logo
{
	width:30%;
	margin:0 auto;
	margin-top:35px;
}
.logo img
{
	width:100%;
	margin:0 auto;
	text-align:center;
}
p
{
	text-align:center;
	font-family:Gotham Light;
	font-size:1.2em;
}
p b
{
	color:#005aab;
}
.poslovnica-varazdin
{
	float:right;
	width:45%;
	background:#fafafa;
	margin-right:1em;
	border-radius: 10px;
	padding-bottom: 10px;
}
.poslovnica-varazdin iframe
{
	margin:0 auto;
	text-align: center;
	margin-left:2.5%;
}
.poslovnica-zagreb
{
	float:left;
	width:45%;
	background:#fafafa;
	margin-lefT:1em;
	border-radius: 10px;
	padding-bottom:10px;
}
.poslovnica-zagreb iframe
{
	margin:0 auto;
	text-align: center;
	margin-left:2.5%;
}
.podatci
{
	margin:0 auto;
	padding-bottom:20px;
}
.clear
{
	clear: both;
}
@media only screen and (max-width: 720px) {
  .logo
  {
	  width:50%;
		margin-top:5px;
  }
  .logo img
  {
    width:100%;
  }
  h1
  {
	  font-size:1.2em;
  }
	h2
	{
		font-size:1.4em;
	}
	p img
	{
		width:90%;
	}
	.poslovnica-zagreb
	{
		margin:0 auto;
		float: none;
		width:90%;
		padding-top:0.7em;
		padding-bottom:0.7em;
	}
	.poslovnica-varazdin
	{
		margin:0 auto;
		width:90%;
		float: none;
		margin-top:1.2em;
		padding-top:0.7em;
		padding-bottom:0.7em;
	}
}