/* Bodzás árok wetland CSS */

html {
	height:100%;
	min-height: 100%;
}

body {
	background-image: url('images/bck-001.png'), url('images/bck-002.png'), url('images/bck-003.png'), url('images/bck-004.png'), url('images/bck-005.png'), url('images/bck-001.png'), url('images/bck-002.png'), url('images/bck-003.png'), url('images/bck-004.png'), url('images/bck-005.png') ;
	font-family: 'Ribeye Marrow', cursive;	
	font-size: 1.1em;
	letter-spacing: 0.9px;
	text-decoration: none;
	background-color: #673713;
	margin:0;
	padding:0;
	z-index:-3;
}

a {	text-decoration:none;
	font-weight:bold;
	opacity:1 !important;
}

.backlinkalways {
	box-shadow: 10px 0px 8px #000000;
	width: 100px;
	height: 55px;
	padding:2px;
	position: fixed;
	right:15px;
	margin-top:25%;
	text-align:center;
	color:#5C7795;
	font-size:0.8em;
	z-index:3;
	background-color:#E6DED8;
	border-style:solid;
	border-width:1px 2px 1px 0;
	border-color:#000000;
	text-decoration:none;
	opacity:0.7;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-transition: -webkit-transform 1s, background 1s,width 1s,height 1s,font-size 1s,margin-top 1s,opacity 1s;
	-o-transition-property: width,height,-o-transform,background,font-size,margin-top,opacity;
	-o-transition-duration: 1s,1s,1s,1s,1s,1s,1s;
	-moz-transition-property: width,height,-o-transform,background,font-size,margin-top,opacity;
	-moz-transition-duration: 1s,1s,1s,1s,1s,1s,1s;
	transition-property: width,height,transform,background,font-size,margin-top,opacity;
	transition-duration: 1s,1s,1s,1s,1s,1s,1s;
}

.backlinkalways:hover {
	-ms-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background-color:#FFFFFF;
	font-size:1.1em;
	width: 140px;
	height: 80px;
	margin-top: 26%; 
	opacity:1;
}

.cit {
	font-size: 0.7em;
}


#container {
	background-color:#E6DED8;
	border:1px solid #000000;
	box-shadow: 0px 0 6px #000000; 
	border-radius:2px;
	padding: 0 5px 2px;
	position:relative;
	margin:5px auto;
	width:770px;
	text-align:center;
	z-index:1;
	}

#container2 {
	background-color:transparent;
	border:1px solid #000000;
	box-shadow: 0px 0 12px #000000; 
	border-radius:2px;
	padding: 0 5px 2px;
	position:relative;
	margin:5px auto;
	width:100%;
	text-align:center;
	z-index:1;
	}

.pricc {
	background-color:#FFFFFF;
	border:3px solid #FFFFFF;
	box-shadow: 0px 0 8px #FFFFFF; 
	border-radius:2px;
}

#anim1 {
	width:750px;
	height:500px;
	margin: 10px auto;
	background-color:#000000;
	border:1px solid #ffffff;
	box-shadow: 0 0 7px #000000; 
	border-radius:2px;	
	animation-name: a-anim;
	animation-duration: 50s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;

	-webkit-animation-name: a-anim;
	-webkit-animation-duration: 50s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	}

@keyframes a-anim
{
from {background-position: -0px -0px;}
to {background-position: -2456px -0px;}
}

@-webkit-keyframes a-anim
{
from {background-position: -0px -0px;}
to {background-position: -2456px -0px;}
}

#anim1 
	{
	background-image: url('images/katlan-kapu.jpg');
	}

#anim2 {
	width:750px;
	height:500px;
	margin: 10px auto 10px auto;
	background-color:transparent;
	border:1px solid #fff;
	box-shadow: 0 0 7px #000; 
	border-radius:2px;	

	animation-name: b-anim;
	animation-duration: 70s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;


	-webkit-animation-name: b-anim;
	-webkit-animation-duration: 70s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	}


@keyframes b-anim
	{
	from {background-position: -0px -0px;}
	to {background-position: -4596px -0px;}
	}

@-webkit-keyframes b-anim
	{
	from {background-position: -0px -0px;}
	to {background-position: -4596px -0px;}
	}

#anim2 
		{
		background-image: url('images/24okor.jpg');
		}