html, body {
	margin:  0;
	padding: 0;
}

body {
	background-image: url("/data/images/background.png");
	background-repeat: repeat-x;
}

body, div, p, td, input {
	font-family: 'Open Sans', sans-serif;
	font-size:   15px;
	font-weight: 300;
}

h1, h2, h3, h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

h3 {
	border-bottom:  1px solid #ddd;
	padding-bottom: 4px;
}

b {
	font-weight: 700;
	color:       #666;
}

#logo {
	background: #fff;
	height:     192px;
	margin:     0 15px;

	background-image:    url("/data/images/logo_full.svg");
	background-repeat:   no-repeat;
	background-position: right;
}

#content {
	position:  relative;
	max-width: 800px;
	margin:    0 auto 0 auto;
	padding:   0;
	overflow:  hidden;
}

#border-left {
	float:  left;
	width:  15px;
	height: 476px;
	background: url("/data/images/border-left.png");
}

#border-right {
	float:  right;
	width:  15px;
	height: 476px;
	background: url("/data/images/border-right.png");
}

#all-content {
	background: #fff;
	padding: 1px 32px;
	margin: 32px 15px 0 15px;
}

#user-content {
	overflow: hidden;
}

#footer {
	margin-top: 32px;
	padding:    8px;
	font-size:  14px;
	color:      #888;
	border-top: 1px solid #ddd;
}

.phone {
	color: inherit;
	text-decoration: inherit;
}

h1 {
	color:          #003D74;
	font-size:      20px;
	text-transform: uppercase;
}
h1:first-child { margin-top: 0; }

h2 {
	color:          #3994cd;
	font-size:      18px;
	text-transform: uppercase;
}
h2:first-child { margin-top: 0; }

input[type=text], input.login {
	margin-bottom: 8px;
}

@media only screen and (max-width: 800px) {
	#logo {
		background-image: url("/data/images/logo.svg");
		background-position: right;
	}

	#content { max-width: 600px; }

	#menu-burger-icon { display: block; }
	#menu > .menu-item { display: none; }
	#current-site { display: block; }
}

@media only screen and (max-width: 600px) {
	#logo {
		background-image: url("/data/images/logo_medium.svg");
		background-position: right;
	}
}

@media only screen and (max-width: 450px) {
	body { background: none; }
	#border-left  { display: none; }
	#border-right { display: none; }
	#all-content { padding: 1px 16px; }

	#menu-burger-icon { right: 13px; }
}

@media only screen and (max-width: 360px) {
	#logo {
		background-image: url("/data/images/logo_small.svg");
		background-size: 100%;
	}
}