.history_container {
	background-image: url(/images/permanentes/history_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.da-slider {
	margin: 30px auto;
	transition: background-position 1s ease-out 0.3s;
	width: 100%;
	height: 518px;
	overflow: hidden;
	position: relative;
	min-width: 520px;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	background-image: url(/images/permanentes/rtt.png);
	background-repeat: repeat-x;
}
.da-slide {
	left: 0px; top: 0px; width: 100%; height: 100%; text-align: left; position: absolute; max-width: 980px;
}
.da-slide-current {
	z-index: 1000;
}
.da-slider-fb .da-slide {
	left: 100%;
}
.da-slider-fb .da-slide-current.da-slide {
	left: 0px;
}
.da-slide h2 {
	left: 110%; position: absolute; opacity: 0;
}
.da-slide .da-content {
	left: 110%; position: absolute; opacity: 0;
}
.da-slide .da-link {
	left: 110%; position: absolute; opacity: 0;
}
.da-slide .da-img {
	left: 110%; position: absolute; opacity: 0;
}
.da-slider-fb .da-slide h2 {
	left: 10%; opacity: 1;
}
.da-slider-fb .da-slide p {
	left: 10%; opacity: 1;
}
.da-slider-fb .da-slide .da-link {
	left: 10%; opacity: 1;
}
.da-slider-fb .da-slide .da-content {
	left: 10%; opacity: 1;
}
.da-slider-fb .da-slide .da-img {
	left: 60%; opacity: 1;
}
.da-slide h2::before {
	display: none;
}
.da-slide h2 {
	margin: 0px; border: currentColor; border-image: none; left: 50px; top: 250px; width: 50%; color: rgb(255, 255, 255); padding-left: 20px; font-size: 100px; font-weight: 700; white-space: nowrap; z-index: 10; text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.da-slide .da-content {
	background: rgba(255, 255, 255, 1); padding: 20px; border: currentColor; border-image: none; width: 40%; bottom: 195px; color: rgb(72, 72, 72); line-height: 22px; overflow: hidden; font-weight: 300; z-index: 1; box-shadow: 1px 2px 2px 1px rgba(225,225,225,0.8);
}
.da-slide .da-img {
	left: 110%; top: 45px; width: 30%; height: 256px; text-align: left; line-height: 320px;
}
.da-dots {
	left: 0px; width: 100%; text-align: center; bottom: 70px; position: absolute; z-index: 2000; -webkit-user-select: none; -moz-user-select: none;
}
.da-dots span {
	background: rgb(228, 180, 45); margin: 3px; border-radius: 50%; width: 12px; height: 12px; display: inline-block; position: relative; cursor: pointer; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current::after {
	background: -ms-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); border-radius: 50%; left: 2px; top: 2px; width: 8px; height: 8px; position: absolute; content: "";
}
.da-arrows {
	-webkit-user-select: none; -moz-user-select: none;
}
.da-arrows span {
	background: rgb(227, 0, 24); border-radius: 50%; top: 55%; width: 30px; height: 30px; position: absolute; z-index: 2000; cursor: pointer; opacity: 0; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(255,255,255,0.1); -webkit-transition: opacity 0.4s ease-in-out-out 0.2s; -moz-transition: opacity 0.4s ease-in-out-out 0.2s; -o-transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span {
	opacity: 1;
}
.da-arrows span::after {
	background: url("/images/permanentes/arrows.png") no-repeat left top; border-radius: 50%; left: 5px; top: 5px; width: 20px; height: 20px; position: absolute; content: ""; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover::after {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active::after {
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next::after {
	background-position: right top;
}
.da-arrows span.da-arrows-prev {
	left: 15px;
}
.da-arrows span.da-arrows-next {
	right: 15px;
}
.da-slide-current .da-content {
	left: 50%; opacity: 1;
}
.da-slide-current h2 {
	left: 7.5% !important; opacity: 1;
}
.da-slide-current .da-img {
	left: 5% !important; opacity: 1;
}
#history-navi {
	left: 0px; width: 100%; text-align: center; bottom: 120px; position: relative; z-index: 9999;
}
.element {
	margin: 3px; width: 50px; height: 12px; display: inline-block; position: relative; cursor: pointer;
}
.da-dots {
	display: none;
}
.da-slide-fromright h2 {
	animation:fromRightAnim1 0.6s ease-in-out 0.6s both; -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.6s both; -moz-animation: fromRightAnim1 0.6s ease-in-out 0.6s both; -o-animation: fromRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromright .da-content {
	animation:fromRightAnim2 0.6s ease-in-out 0.7s both; -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.7s both; -moz-animation: fromRightAnim2 0.6s ease-in-out 0.7s both; -o-animation: fromRightAnim2 0.6s ease-in-out 0.7s both;
}
.da-slide-fromright .da-link {
	animation:fromRightAnim3 0.4s ease-in-out 1.2s both; -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img {
	animation:fromRightAnim4 0.6s ease-in-out 0.8s both; -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
.da-slide-fromleft h2 {
	animation:fromLeftAnim1 0.6s ease-in-out 0.6s both; -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-content {
	animation:fromLeftAnim2 0.6s ease-in-out 0.7s both; -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.7s both; -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.7s both; -o-animation: fromLeftAnim2 0.6s ease-in-out 0.7s both;
}
.da-slide-fromleft .da-link {
	animation:fromLeftAnim3 0.4s ease-in-out 1.2s both; -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img {
	animation:fromLeftAnim4 0.6s ease-in-out 0.8s both; -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.8s both; -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.8s both; -o-animation: fromLeftAnim4 0.6s ease-in-out 0.8s both;
}
.da-slide-toright h2 {
	animation:toRightAnim1 0.6s ease-in-out 0.6s both; -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both; -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both; -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright .da-content {
	animation:toRightAnim2 0.6s ease-in-out 0.3s both; -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both; -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both; -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link {
	animation:toRightAnim3 0.4s ease-in-out both; -webkit-animation: toRightAnim3 0.4s ease-in-out both; -moz-animation: toRightAnim3 0.4s ease-in-out both; -o-animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img {
	animation:toRightAnim4 0.6s ease-in-out both; -webkit-animation: toRightAnim4 0.6s ease-in-out both; -moz-animation: toRightAnim4 0.6s ease-in-out both; -o-animation: toRightAnim4 0.6s ease-in-out both;
}
.da-slide-toleft h2 {
	animation:toLeftAnim1 0.6s ease-in-out both; -webkit-animation: toLeftAnim1 0.6s ease-in-out both; -moz-animation: toLeftAnim1 0.6s ease-in-out both; -o-animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft .da-content {
	animation:toLeftAnim2 0.6s ease-in-out 0.4s both; -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.4s both; -moz-animation: toLeftAnim2 0.6s ease-in-out 0.4s both; -o-animation: toLeftAnim2 0.6s ease-in-out 0.4s both;
}
.da-slide-toleft .da-link {
	animation:toLeftAnim3 0.6s ease-in-out 0.6s both; -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img {
	animation:toLeftAnim4 0.6s ease-in-out 0.2s both; -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.2s both; -moz-animation: toLeftAnim4 0.6s ease-in-out 0.2s both; -o-animation: toLeftAnim4 0.6s ease-in-out 0.2s both;
}
@media screen and (max-width:980px)
{
#history_select select {
	width: 32%; margin-left: 1%;
}
.yearblock {
	width: 32%; margin-left: 1%;
}
#history_navi {
	left: 1%;
}
}
@media screen and (max-width:800px)
{
.da-slide-current .da-content {
	left: auto; top: 5px; width: 43.5%; right: 3%; bottom: auto;
}
.da-slide .da-content {
	left: auto; top: 5px; width: 43.5%; right: 3%; bottom: auto;
}
.da-slide-current .da-img {
	left: 3% !important; top: 5px; width: 45%;
}
.da-slide .da-img {
	left: 3% !important; top: 5px; width: 45%;
}
.da-img img {
	width: 100%; height: auto;
}
.da-slide-current h2 {
	left: 6% !important; top: 220px;
}
.da-slide h2 {
	left: 6% !important; top: 220px;
}
.da-arrows span {
	top: 30%;
}
.da-slider {
	min-width: 0px;
}
.history_container {
	background: none;
}
.yearblock {
	background: rgb(241, 241, 241);
}
.da-slider {
	height: 480px;
}
}
@media screen and (max-width:720px)
{
.da-slide-current h2 {
	left: 6% !important; top: 190px;
}
.da-slide h2 {
	left: 6% !important; top: 190px;
}
}
@media screen and (max-width:650px)
{
#history_navi {
	background: rgb(241, 241, 241); padding: 5px 3%; left: 0px; top: 0px; width: 94%;
}
.yearblock {
	width: 100%; margin-left: 0px; float: none;
}
:first-child.yearblock {
	width: 100%; margin-left: 0px; float: none;
}
#history_select {
	background: rgb(241, 241, 241); padding: 10px 3% 0px; left: 0px; top: 0px; width: 94%;
}
#history_select select {
	margin: 0px 0px 5px; width: 100%;
}
.history_container {
	height: 300px; overflow: hidden;
}
.da-slide-current .da-content {
	padding: 10px; height: 278px; overflow: scroll;
}
.da-slide .da-content {
	padding: 10px; height: 278px; overflow: scroll;
}
.da-slider {
	height: 300px; margin-top: 0px;
}
.da-slide-current h2 {
	left: 4.5% !important; top: 155px;
}
.da-slide h2 {
	left: 4.5% !important; top: 155px;
}
}
@media screen and (max-width:580px)
{
.da-slide-current h2 {
	left: 5.5% !important; top: 145px; font-size: 80px;
}
.da-slide h2 {
	left: 5.5% !important; top: 145px; font-size: 80px;
}
}
@media screen and (max-width:510px)
{
.da-slide-current .da-img {
	width: 94%;
}
.da-slide .da-img {
	width: 94%;
}
.da-slide-current .da-content {
	padding: 2%; left: 3% !important; top: auto; width: 90%; height: auto; bottom: 0px; z-index: 20; max-height: 250px;
}
.da-slide .da-content {
	padding: 2%; left: 3% !important; top: auto; width: 90%; height: auto; bottom: 0px; z-index: 20; max-height: 250px;
}
.da-slide-current h2 {
	top: 300px; display: none;
}
.da-slide h2 {
	top: 300px; display: none;
}
.history_container {
	height: 420px;
}
.da-slider {
	height: 420px;
}
.da-content h3 span {
	display: inline;
}
}
@media screen and (max-width:480px)
{
.history_container {
	height: 400px;
}
.da-slider {
	height: 400px;
}
.da-slide-current h2 {
	top: 280px;
}
.da-slide h2 {
	top: 280px;
}
}
@media screen and (max-width:440px)
{
.history_container {
	height: 380px;
}
.da-slider {
	height: 380px;
}
}
@media screen and (max-width:420px)
{
.da-slide-current h2 {
	top: 240px;
}
.da-slide h2 {
	top: 240px;
}
.history_container {
	height: 360px;
}
.da-slider {
	height: 360px;
}
.da-slide-current .da-content {
	line-height: 19px; max-height: 220px;
}
.da-slide .da-content {
	line-height: 19px; max-height: 220px;
}
.da-content p.bodytext {
	padding-bottom: 12px;
}
}
@media screen and (max-width:400px)
{
.history_container {
	height: 340px;
}
.da-slider {
	height: 340px;
}
}
@media screen and (max-width:380px)
{
.da-slide-current h2 {
	top: 200px;
}
.da-slide h2 {
	top: 200px;
}
.history_container {
	height: 320px;
}
.da-slider {
	height: 320px;
}
.da-slide-current .da-content {
	line-height: 18px; max-height: 200px;
}
.da-slide .da-content {
	line-height: 18px; max-height: 200px;
}
}
@media screen and (max-width:350px)
{
.history_container {
	height: 300px;
}
.da-slider {
	height: 300px;
}
}
@media screen and (max-width:320px)
{
.history_container {
	height: 280px;
}
.da-slider {
	height: 280px;
}
.da-arrows span.da-arrows-prev {
	left: 0px;
}
.da-arrows span.da-arrows-next {
	right: 0px;
}
.da-arrows span {
	top: 79%;
}
.da-slide-current h2 {
	left: 10.5% !important;
}
.da-slide h2 {
	left: 10.5% !important;
}
}