#clear{
clear: both;
}

#anim_kontener {
	border:1px solid black;
	background-color: #47A;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-radius: 5px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	overflow: auto;
}

#anim_plansza {
	position: absolute;
	width: 880px;
	height: 720px;
	border: 1px solid #555;
	background-color: #000;
	background-repeat: no-repeat;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-bottom: 5px outset #888;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	
}


#anim_box {
   width: 80px;
   height: 100px;
   display: inline-block;
   position: relative; 
   display: none;
   z-index: 2;
}

#anim_menu {
	position: absolute;
	width: 125px;
	left: 180px;
	top: 5px;
	background: #016;
	border: 3px ridge #00c;
}

#anim_menu2 {
	position: absolute;
	width: 120px;
	right: 10px;
	top: 5px;
	background: #016;
	padding: 5px 0px;
	border: 3px ridge #00c;
}

#anim_menug {
	position: absolute;
	width: 865px;
	margin: 5px 5px;
	background: #016;
	border: 3px ridge #00c;
	text-align: center;
	z-index: 2;
	overflow-y: auto;
}

#anim_menu_okno, #anim_menu_okno_otworz, #anim_menu_okno_usun {
	width: 276px;
	height: 100px;
	padding: 5px 0;
	float: left;
	margin: 5px 5px;
	background: #027;
	text-align: center;
	border: 1px ridge #02a;
}

#anim_pomoc {
	width: 830px;
	height: 340px;
	float: left;
	margin: 5px 0 5px 5px;
	padding: 10px 10px;
	background: #cfe;
	text-align: center;
	border: 3px ridge #069;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
	color: #002;
	text-align: left;
	overflow-y: auto;
}


#anim_sciezka {
	position: absolute;
	width: 165px;
	height: 98%;
	background: #027;
	overflow-y: auto;
	overflow-x: hidden;
	white-space: nowrap;
	margin: 5px 0 0 5px;
}

#anim_menu_ramka {
	width: 135px;
	height: 110px;
	margin: 5px 2px 5px 5px;
	background: #009;
	border: 2px ridge #00c;
	white-space: nowrap;
    vertical-align:top;	
	text-align: left;
}

#anim_checkbox {
	background-color: #0b0095;
	border: 1px ridge #00f;
    white-space: nowrap;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	top: 2px;
	left: 38px;
}

.anim_select_kierunek, .anim_select_odleglosc, .anim_select_predkosc, .anim_select_efekt {
	width: 65px;
	margin: 3px 0 0 3px;
	padding: 0;
	display: inline-block;
	background: #4EE;
}

#anim_button, .anim_button2 {
width: 105px;
border:1px solid #d22a00;
-webkit-box-shadow: #A2A3A3 7px 7px 7px  ;-moz-box-shadow: #A2A3A3 7px 7px 7px ; box-shadow: #A2A3A3 7px 7px 7px  ; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:12px;
font-family:arial, helvetica, sans-serif;
font-style: normal; 
padding: 5px 7px; 
margin: 5px 0 5px 10px;
text-decoration:none; 
display:inline-block;
font-weight:bold; 
color: #FFFFFF;
background-color: #FF3C0B; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF3C0B), to(#6d0019));
background-image: -webkit-linear-gradient(top, #FF3C0B, #6d0019);
background-image: -moz-linear-gradient(top, #FF3C0B, #6d0019);
background-image: -ms-linear-gradient(top, #FF3C0B, #6d0019);
background-image: -o-linear-gradient(top, #FF3C0B, #6d0019);
background-image: linear-gradient(to bottom, #FF3C0B, #6d0019);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF3C0B, endColorstr=#6d0019);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
-moz-box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
}

.anim_button2 {
	padding: 4px 5px; 
	margin: 5px 0 5px 0;
}

#anim_button:hover, .anim_button2:hover{
width: 102px;
 border: 1px solid #21a421;
 padding: 4px 5px 6px 13px; 
 background-color: #2AF738; background-image: -webkit-gradient(linear, left top, left bottom, from(#2AF738), to(#0F2B10));
 background-image: -webkit-linear-gradient(top, #2AF738, #0F2B10);
 background-image: -moz-linear-gradient(top, #2AF738, #0F2B10);
 background-image: -ms-linear-gradient(top, #2AF738, #0F2B10);
 background-image: -o-linear-gradient(top, #2AF738, #0F2B10);
 background-image: linear-gradient(to bottom, #2AF738, #0F2B10);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2AF738, endColorstr=#0F2B10);	
}


#anim_napis_klatka {
	margin: 0 0 0 5px;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.9em;
	color: #fe4;
	text-align: left;
	float: left;
	display: inline;
	 white-space: nowrap;
}
 
#anim_napis_ra {
	margin: 0 0 0 5px;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
	color: #f82;
	text-align: left;
	display: inline;
}

#anim_cp, #anim_cpt {
	width: 94px;
	margin: 0 0 0 6px;
	padding: 0;
	text-align: center;
}

#anim_tytul_animacji {
	position: absolute;
	width: 820px;
	height: 25px;
	border: 1px solid #007;
	background-color: #005;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-radius: 5px 5px 0 0;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1.2em;
	color: #8FA;
	text-align: center;
	padding: 0 20px 5px 20px;
}

#anim_tekst {
	width: 545px;
	height: 70px;
	background-color: #000;
	color: #FFF;
	border: 1px ridge #027;
	padding: 5px;
	margin: 0 0 0 2px;
}

#anim_tekst_div {
	position: absolute;
	width: 640px;
	padding: 5px;
	margin: 0 0 0 100px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1em;
	color: #FED;
	text-align: center;
	top: 720px;
	z-index: 1;
}

#animo_tlo {
	position: absolute;
	width: 865px;
	height: 705px;
	margin: 5px 5px;
	background: #016;
	border: 3px ridge #00c;
	text-align: center;
	z-index: 2;
	overflow-y: auto;
	display: none;
}

#animo_avatar{
	 width: 48px;
	 height: 60px;
	 border: 2px ridge #04a;
	 margin: 2px auto;
}

.animo_animsel {
	width: 116px;
	border: 2px ridge #04a;
}

#animo_napis {
	width: 120px;
}

#anim_zaslon {
	position: absolute;
	width: 304px;
	border: 3px ridge #038;
	height: 98%;
	background: #026;
	margin: 5px 0 0 5px;
	font-family: 'Mogra', Helvetica, sans-serif;
	font-size: 1.3em;
	color: #8EF;
	text-align: center;
	z-index: 3;
	display: none;
}