* {
	margin: 0;
	padding: 0;
}
html {
	background: #fff;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-size: 1em;
	background: #fff;
}
img {
	max-width:100%;
	height: auto;
}
.clear {
	height: 0;
	line-height:0;
	font-size: 1px;
	clear: both;
}
a {
	color: #000;
}
a:hover {
	text-decoration: none;
	outline: none;
}
.header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #e0e1d9;
}
.logo {
	float: left;
	margin: 3% 0 2% 4%;
}
.menu {
	float: right;
	margin: 3% 4% 0 0;
	text-align: right;
	font-family: RobotoLight;
	font-size: 1.125em;
}
.menu a {
	text-decoration: none;
	border-bottom: 1px #000 dashed;
}
.menu a:hover {
	border-bottom: 0;
}
.menu div {
	float: left;
	display: table;
       	margin: 0 0 0 2.75em;
}
.banner {
	width: 100%;
	height: 312px;
	background: #e0e1d9 url(../img/banner.jpg);
	background-repeat: no-repeat !important;
	background-position: center right;
	background-size: auto 100%;
	text-align: left;
	line-height: 2.25em;
	color: #000;
	border-top: 1px dotted #616042;
	border-bottom: 1px dotted #616042;
}

.banner_f {
	width: 100%;
	height: 112px;
	background: #e0e1d9;
	background-repeat: no-repeat !important;
	background-position: center right;
	background-size: auto 100%;
	text-align: left;
	line-height: 2.25em;
	color: #000;
	border-top: 1px dotted #616042;
	border-bottom: 1px dotted #616042;
}

.line {
	width: 100%;
	height: 1px;
	border-top: 1px dotted #616042;
}

.banner h1 {
	font-size: 1.375em;
	font-family: RobotoRegular;
	padding: 1em 0 1.25em 4%;
	color: #616042;
}
.banner_f h1 {
	font-size: 1.375em;
	font-family: RobotoRegular;
	padding: 1em 0 1.25em 4%;
	color: #616042;
}

.banner_description {
	width: auto;
	height: auto;
	background: #fff;
	border-radius: 50px;
	border: 1px dotted #616042;
	float: left;
	display: table;
	margin: 0 4% 0 4%;
	padding: 1.125em 2.25em 1.5em 2.25em;
	font-size: 1em;
	font-family: RobotoLight;
}
.banner_description .ok {
	color: #f98613;
}

.content {
 	width: 100%;
	height: auto;
	min-height: 20%;
	background: #fff;
	position: relative; 
}

.info {
	margin: 4% 2% 4% 2%;
	width: 96%;
	background: #fff;
}

.info .info_all {
	float: left;
	margin: 0 0 3% 0;
	width: 100%;
	border: 1px dotted #616042;
	background: #fefefe;
}

.info .info_colon:nth-child(odd) {
	float: left;
	margin: 0 0 3% 0;
	width: 48%;
	border: 1px dotted #616042;
	background: #fefefe;
}
.info .info_colon:nth-child(even) {
	float: right;
	margin: 0 0 3% 0;
	width: 48%;
	border: 1px dotted #616042;
	background: #fefefe;
}
.info .info_colon h2 {
 	padding: 4% 4%;
	font-family: BebasBold;
	font-size: 1.375em;
	color: #616042;
}
.info .info_all h1 {
	padding: 2% 2%;
	font-family: BebasBold;
	font-size: 1.375em;
	color: #616042;
}

.navigation {
	padding: 2% 2%;
	font-family: BebasBold;
	font-size: 1;
	color: #616042;
	text-align: right;
}

.navigation a {
	font-family: RobotoRegular;
	font-size: 1em;
	color: #616042;
}

.navigation a {
	text-decoration: none;
	border-bottom: 1px #616042 dashed;
}
.navigation a:hover {
	border-bottom: 0;
}

.info_content {
	position: relative;
 	padding: 4% 4%;
	font-family: RobotoLight;
	font-size: 1em;
}    

.info_content_all, .info_content_all_small, .item_content {
	position: relative;
 	padding: 2% 2%;
	font-family: RobotoLight;
	font-size: 1em;
}    

.item_content h2 {
	margin: 2em 0 1em 0;
 	padding: 0 0 1% 0;
	color: #007a7a;
	font-family: RobotoLight;
	font-size: 1.125em;
	line-height: 1.5em;
	border-bottom: 1px #e0e1d9 dotted;

}
.item_content p {
 	margin: 1em 0 0 0;
	font-family: RobotoLight;
	font-size: 1em;
}


.item_content ul {
 	margin: 0.125em 0 0 1.25em;
}

.item_content li {
	list-style-type: none;
}

.all_links {
 	margin: 0 0 2em 0;
	font-family: RobotoBold;
	font-size: 1em;
	text-align: center;
	color: #007a7a;
}        
    
.info_content li {
	position: relative;
	padding: 1em 0 1em 0;
	list-style-type: none;
	line-height: 1.5em;
	border-bottom: 1px #e0e1d9 dotted;
}
.info_content_all li, .info_content_all_small li {
	position: relative;
	padding: 1em 0 1em 0;
	list-style-type: none;
	line-height: 1.5em;
	border-bottom: 1px #e0e1d9 dotted;
}

.info_content a, .all_links a {
	color: #007a7a;
}

.info_content a, .all_links a {
	text-decoration: none;
	border-bottom: 1px #007a7a dashed;
}
.info_content a:hover, .all_links a:hover {
	border-bottom: 0;
}
.info_content_all a {
	font-family: RobotoRegular;
	font-size: 1.25em;
	color: #007a7a;
}

.info_content_all a {
	text-decoration: none;
	border-bottom: 1px #007a7a dashed;
}
.info_content_all a:hover {
	border-bottom: 0;
}


.download a {
	font-family: RobotoBold;
	font-size: 1em;
	color: #007a7a;
}

.download a {
	position: relative;
	top: -50%;
	text-decoration: none;
	border-bottom: 1px #007a7a dashed;
}
.download a:hover {
	border-bottom: 0;
}

.info_content_all_small a {
	font-family: RobotoLight;
	font-size: 1em;
	color: #007a7a;
}

.info_content_all_small a {
	text-decoration: none;
	border-bottom: 1px #007a7a dashed;
}
.info_content_all_small a:hover {
	border-bottom: 0;
}


.pubdate {
	margin: 0.875em 0 0 0;
	font-family: RobotoRegular;
	font-size: 0.875em;
	color: #000;
	text-align: left;
}        

.summary {
	margin: 0.875em 0 0 0;
	font-family: RobotoRegular;
	font-size: 0.875em;
	color: #616042;
	text-align: left;
}        

.info_content_all_small .desc {
	padding: 1.5em 0 2em 0;
	font-family: RobotoRegular;
	font-size: 1em;
	color: #000;
	text-align: left;
}        

.info_content_all .desc {
	margin: 0.875em 0 0 0;
	font-family: RobotoRegular;
	font-size: 1em;
	color: #000;
	text-align: left;
}        


.info_content:before {
	position: absolute;
	top: 0;
	left: 4%;
	width: 20%;
	content: "";
	border-top: 2px solid #616042;
}
.info_content_all:before {
	position: absolute;
	top: 0;
	left: 2%;
	width: 10%;
	content: "";
	border-top: 2px solid #616042;
}
.item_content:before {
	position: absolute;
	top: 0;
	left: 2%;
	width: 10%;
	content: "";
	border-top: 2px solid #616042;
}
.info_content_all_small:before {
	position: absolute;
	top: 0;
	left: 2%;
	width: 10%;
	content: "";
	border-top: 2px solid #616042;
}

.share {
 	width: 100%;
	margin: 1em 0 2em 0;
	text-align: center;
}
.download {
 	width: 100%;
	margin: 1em 0 4em 0;
	text-align: center;
}

@media (max-width:800px) {
	.info .info_colon:nth-child(odd) {
		float: left;
		margin: 0 0 3% 0;
		width: 100%;
		border: 1px dotted #616042;
		background: #fefefe;
	}
	.info .info_colon:nth-child(even) {
		float: left;
		margin: 0 0 3% 0;
		width: 100%;
		border: 1px dotted #616042;
		background: #fefefe;
	}
	.info .info_colon h2 {
 		padding: 2% 2%;
		font-family: BebasBold;
		font-size: 1.375em;
		color: #616042;
	}
	.info_content {
		position: relative;
	 	padding: 2% 2%;
		font-family: RobotoLight;
		font-size: 1em;
	}
	.info_content:before {
		position: absolute;
		top: 0;
		left: 2%;
		width: 10%;
		content: "";
		border-top: 2px solid #616042;
	}
}

@media (max-width:660px) {
	.banner_description {
		width: auto;
		height: auto;
		background: #fff;	
		border-radius: 50px;
		border: 1px dotted #616042;
		float: left;
		display: table;
		margin: 0 4% 0 4%;
		padding: 1.125em 2.25em 1.5em 2.25em;
		font-size: 0.875em;
		font-family: RobotoLight;
	}

	.banner h1 {
		font-size: 1.25em;
		font-family: RobotoRegular;
		padding: 1em 0 1.25em 4%;
		color: #616042;
	}
}

@media (max-width:830px) {
	.logo {
		margin: 4% auto;
		width: 100%;
		text-align: center;
	}
	.menu {
		margin: 0 0 4% 0;
		width: 100%;
		text-align: center;
		font-family: RobotoLight;
		font-size: 1.125em;
		padding: 0 0 0 0;
	}
	.menu div {
		float: left;
		width: 45%;
		display: table;
		text-align: right;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.menu div+div {
		float: right;
		width: 45%;
		display: table;
		text-align: left;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.banner_description {
		width: auto;
		height: auto;
		background: #fff;	
		border-radius: 50px;
		border: 1px dotted #616042;
		float: left;
		display: table;
		margin: 0 4% 0 4%;
		padding: 1.125em 2.25em 1.5em 2.25em;
		font-size: 0.875em;
		font-family: RobotoLight;
	}

	.banner h1 {
		font-size: 1.25em;
		font-family: RobotoRegular;
		padding: 1em 0 1.25em 4%;
		color: #616042;
	}

}


@media (max-width:545px) {
	.banner {
		height: 344px;
		background: #fff url(../img/banner_mini.jpg);
		background-repeat: no-repeat !important;
		background-position: center right;
		background-size: auto 100%;
		text-align: left;
		line-height: 2.25em;
		color: #000;
		border-top: 1px dotted #616042;
		border-bottom: 1px dotted #616042;
	}
}

@media (max-width:475px) {
	.banner {
		height: 376px;
	}
}

@media (max-width:455px) {
	.banner {
		height: 408px;
	}
}

@media (max-width:420px) {
	.banner {
		height: 440px;
	}
}

@media (max-width:580px) {
	.menu div {
		float: left;
		width: 100%;
		display: table;
		text-align: center;
		padding: 0 0 0 0;
		margin: 0 0 0.75em 0;
	}
	.menu div+div {
		float: left;
		width: 100%;
		display: table;
		text-align: center;
		padding: 0 0 0 0;
		margin: 0 0 0.75em 0;
	}
}

@media (max-width:360px) {
	.banner {
		height: 472px;
	}
}

@media (max-width:335px) {
	.banner {
		height: 504px;
	}
}

@media (max-width:320px) {
	.banner {
		height: 536px;
	}
}

#footer {
	margin: 4% 0 0 0;
	font-family: RobotoLight;
	font-size: 0.75em;
	border-top: 1px dotted #616042;
}
	.footerleft {
		float: left;
		margin: 2% 0 0 4%;
		width: 40%;
	}
	.footerright {
		float: right;
		margin: 2% 4%; 0 0;
		width: 45%;
		text-align: right;
		font-family: RobotoRegular;
		font-size: 1.25em;
	}
	#footer .center {
		background: #fff;
		height: 150px;
	}

@media screen and (orientation: portrait) {
	.footerleft {
		width: 92%;
		margin: 4% 4% 4% 4%;
		padding: 0;
		text-align: left;
	}
	.footerright {
		width: 92%;
		margin: 4% 4% 4% 4%;
		padding: 0;
		text-align: left;
		font-family: RobotoRegular;
		font-size: 1.25em;
	}
}