/*
Theme Name: Novarum Website
Theme URI: Art, project, graphics, poligraphy, 
Description: Poland related theme, based on a clear background. Fixed width, widget-ready. Project by Aleksandra Nowak, Novarum Tomasz Kurnik
Author: Novarum
Project: Aleksandra Nowak
Author URI: http://www.novarum.net.pl
Version: 1
Tags: white, colours, art,  fixed-width, no-sidebar
Copyright (c) 2013 Novarum Tomasz Kurnik Polska
*/   

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

body {
	/*background-image: url('images/okregi.png');
	background-repeat:no-repeat;
	background-position: left;*/
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #616253;	
	padding: 0;
	margin: 0 auto;
	max-width: 1228px;
	max-height: 800px;
}

#okregi{
	width: 1400px;
	height: 800px;
	z-index: 50;
	overflow: visible;
	position: absolute;
	top: -40px;
	left: 20px;
	background-image: url("./images/okregi.png");
	background-repeat:no-repeat;	

}

hr{
	width:100%;	
}

a:hover{
	color: #000;	
}

/*=======================================================o FIRMIE========================== */
.ofirmie_1{
	width: 255px;
	height: 73px;
	z-index: 101;
	overflow: visible;
	position: absolute;
	top: 41px;
	left: 324px;
	background-image: url("./tla_images/ofirmie_1.png");
	background-repeat:no-repeat;
}

.ofirmie_2{
	width:152px;
	height:160px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:130px;
	left:205px;
	background-image: url("./tla_images/ofirmie_2.png");
	background-repeat:no-repeat;
}

.ofirmie_3{
	width:287px;
	height:230px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:83px;
	left:295px;
	background-image: url("./tla_images/ofirmie_3.png");
	background-repeat:no-repeat;
}


.ofirmie_4{
	width:313px;
	height:211px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:114px;
	left:338px;
	background-image: url("./tla_images/ofirmie_4.png");
	background-repeat:no-repeat;
}

.ofirmie_5{
	width:276px;
	height:181px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:146px;
	left:386px;
	background-image: url("./tla_images/ofirmie_5.png");
	background-repeat:no-repeat;
}

.ofirmie_6{
	width:248px;
	height:197px;
	z-index:101;
	overflow:visible;
	position: absolute;
	top:172px;
	left:427px;
	background-image: url("./tla_images/ofirmie_6.png");
	background-repeat:no-repeat;
}

.ofirmie_7{
	width:212px;
	height:153px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:205px;
	left:481px;
	background-image: url("./tla_images/ofirmie_7.png");
	background-repeat:no-repeat;
}

.ofirmie_8{
	width:161px;
	height:116px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:238px;
	left:530px;
	background-image: url("./tla_images/ofirmie_8.png");
	background-repeat:no-repeat;
}


/*===================================KONTAKT===================KONTAKT==================== */
.kontakt_1{
	width: 135px;
	height: 374px;
	z-index: 101;
	overflow: visible;
	position: absolute;
	top:225px;
	left: 1052px;
	background-image: url("./tla_images/kontakt_1.png");
}

.kontakt_2{
	width:707px;
	height:476px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:41px;
	left:434px;
	background-image: url("./tla_images/kontakt_2.png");
}

.kontakt_3{
	width:498px;
	height:499px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:83px;
	left:571px;
	background-image: url("./tla_images/kontakt_3.png");
}


.kontakt_4{
	width:339px;
	height:417px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:120px;
	left:650px;
	background-image: url("./tla_images/kontakt_4.png");
}

.kontakt_5{
	width:296px;
	height:386px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:143px;
	left:649px;
	background-image: url("./tla_images/kontakt_5.png");
}

.kontakt_6{
	width:216px;
	height:306px;
	z-index:101;
	overflow:visible;
	position: absolute;
	top:180px;
	left:670px;
	background-image: url("./tla_images/kontakt_6.png");
}

.kontakt_7{
	width:149px;
	height:219px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:219px;
	left:681px;
	background-image: url("./tla_images/kontakt_7.png");
}

.kontakt_8{
	width:121px;
	height:172px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:241px;
	left:669px;
	background-image: url("./tla_images/kontakt_8.png");
}





/*===================================OFERTA============OFERTA======================================================= */
.oferta_1{
	width: 929px;
	height: 320px;
	z-index: 101;
	overflow: visible;
	position: absolute;
	top:409px;
	left: 226px;
	background-image: url("./tla_images/oferta_1.png");
}

.oferta_2{
	width:676px;
	height:332px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:303px;
	left:297px;
	background-image: url("./tla_images/oferta_2.png");
}

.oferta_3{
	width:593px;
	height:260px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:325px;
	left:341px;
	background-image: url("./tla_images/oferta_3.png");
}


.oferta_4{
	width:468px;
	height:213px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:323px;
	left:392px;
	background-image: url("./tla_images/oferta_4.png");
}

.oferta_5{
	width:365px;
	height:154px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:348px;
	left:444px;
	background-image: url("./tla_images/oferta_5.png");
}

.oferta_6{
	width: 270px;
	height: 100px;
	z-index: 101;
	overflow: visible;
	position: absolute;
	top: 353px;
	left: 499px;
	background-image: url("./tla_images/oferta_6.png");
}

.oferta_7{
	width:208px;
	height:73px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:351px;
	left:540px;
	background-image: url("./tla_images/oferta_7.png");
}

.oferta_8{
	width:168px;
	height:62px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:340px;
	left:564px;
	background-image: url("./tla_images/oferta_8.png");
}





/*=================================== ANIMACJA ANIMACJA ======================================================== */



.ofirmie_1_anim{
	width: 255px;
	height: 73px;
	z-index: 101;
	overflow: visible;
	position: absolute;
	top: 41px;
	left: 324px;
	background-image: url("./tla_images/ofirmie_1.png");
	background-repeat:no-repeat;
	
	animation-name: odplyw_ofirmie;
	animation-duration:1s;
	animation-delay: 0s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_ofirmie;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode:forwards;
}
.ofirmie_2_anim{
	width:152px;
	height:160px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:130px;
	left:205px;
	background-image: url("./tla_images/ofirmie_2.png");
	background-repeat:no-repeat;
	animation-name: odplyw_ofirmie;
	animation-duration:1s;
	animation-delay: 0.2s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_ofirmie;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0.2s;
	-webkit-animation-fill-mode:forwards;
}
.ofirmie_3_anim{
	width:287px;
	height:230px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:83px;
	left:295px;
	background-image: url("./tla_images/ofirmie_3.png");
	background-repeat:no-repeat;
	animation-name: odplyw_ofirmie;
	animation-duration:1s;
	animation-delay: 0.4s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_ofirmie;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0.4s;
	-webkit-animation-fill-mode:forwards;
}
.ofirmie_4_anim{
	width:313px;
	height:211px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:114px;
	left:338px;
	background-image: url("./tla_images/ofirmie_4.png");
	background-repeat:no-repeat;
	animation-name: odplyw_ofirmie;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_ofirmie;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0.6s;
	-webkit-animation-fill-mode:forwards;
}
.ofirmie_5_anim{
	width:276px;
	height:181px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:146px;
	left:386px;
	background-image: url("./tla_images/ofirmie_5.png");
	background-repeat:no-repeat;
	animation-name: odplyw_ofirmie;
	animation-duration:1s;
	animation-delay: 0.8s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_ofirmie;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0.8s;
	-webkit-animation-fill-mode:forwards;
}
.ofirmie_6_anim{
	width:248px;
	height:197px;
	z-index:101;
	overflow:visible;
	position: absolute;
	top:172px;
	left:427px;
	background-image: url("./tla_images/ofirmie_6.png");
	background-repeat:no-repeat;
	animation-name: odplyw_ofirmie;
	animation-duration:1s;
	animation-delay: 1s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_ofirmie;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:1s;
	-webkit-animation-fill-mode:forwards;
}
.ofirmie_7_anim{
	width:212px;
	height:153px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:205px;
	left:481px;
	background-image: url("./tla_images/ofirmie_7.png");
	background-repeat:no-repeat;
	animation-name: odplyw_ofirmie;
	animation-duration:1s;
	animation-delay: 1.2s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_ofirmie;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:1.2s;
	-webkit-animation-fill-mode:forwards;
}
.ofirmie_8_anim{
	width:161px;
	height:116px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:238px;
	left:530px;
	background-image: url("./tla_images/ofirmie_8.png");
	background-repeat:no-repeat;
	animation-name: odplyw_ofirmie;
	animation-duration:1s;
	animation-delay: 1.4s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_ofirmie;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:1.4s;
	-webkit-animation-fill-mode:forwards;
}


/*----------------------------------------------------------KONTAKT ANIMACJE KONTAKT ---------------------------------------------------- */

.kontakt_1_anim{
	width: 135px;
	height: 374px;
	z-index: 101;
	overflow: visible;
	position: absolute;
	top:225px;
	left: 1052px;
	background-image: url("./tla_images/kontakt_1.png");
	background-repeat:no-repeat;
	animation-name: odplyw_kontakt;
	animation-duration:1s;
	animation-delay: 0s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_kontakt;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode:forwards;
}
.kontakt_2_anim{
	width:707px;
	height:476px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:41px;
	left:434px;
	background-image: url("./tla_images/kontakt_2.png");
	background-repeat:no-repeat;
	animation-name: odplyw_kontakt;
	animation-duration:1s;
	animation-delay: 0.2s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_kontakt;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0.2s;
	-webkit-animation-fill-mode:forwards;
}
.kontakt_3_anim{
	width:498px;
	height:499px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:83px;
	left:571px;
	background-image: url("./tla_images/kontakt_3.png");
	background-repeat:no-repeat;
	animation-name: odplyw_kontakt;
	animation-duration:1s;
	animation-delay: 0.4s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_kontakt;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0.4s;
	-webkit-animation-fill-mode:forwards;
}
.kontakt_4_anim{
	width:339px;
	height:417px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:120px;
	left:650px;
	background-image: url("./tla_images/kontakt_4.png");
	background-repeat:no-repeat;
	animation-name: odplyw_kontakt;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_kontakt;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0.6s;
	-webkit-animation-fill-mode:forwards;
}
.kontakt_5_anim{
	width:296px;
	height:386px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:143px;
	left:649px;
	background-image: url("./tla_images/kontakt_5.png");
	background-repeat:no-repeat;
	animation-name: odplyw_kontakt;
	animation-duration:1s;
	animation-delay: 0.8s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_kontakt;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:0.8s;
	-webkit-animation-fill-mode:forwards;
}


.kontakt_6_anim{
	width:216px;
	height:306px;
	z-index:101;
	overflow:visible;
	position: absolute;
	top:180px;
	left:670px;
	background-image: url("./tla_images/kontakt_6.png");
	background-repeat:no-repeat;
	animation-name: odplyw_kontakt;
	animation-duration:1s;
	animation-delay: 1s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_kontakt;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:1s;
	-webkit-animation-fill-mode:forwards;
}

.kontakt_7_anim{
	
	width:149px;
	height:219px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:219px;
	left:681px;
	background-image: url("./tla_images/kontakt_7.png");
	background-repeat:no-repeat;
	animation-name: odplyw_kontakt;
	animation-duration:1s;
	animation-delay: 1.2s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_kontakt;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:1.2s;
	-webkit-animation-fill-mode:forwards;
}

.kontakt_8_anim{
	width:121px;
	height:172px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:241px;
	left:669px;
	background-image: url("./tla_images/kontakt_8.png");
	background-repeat:no-repeat;
	animation-name: odplyw_kontakt;
	animation-duration:1s;
	animation-delay: 1.4s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_kontakt;
    -webkit-animation-duration:1s;
	-webkit-animation-delay:1.4s;
	-webkit-animation-fill-mode:forwards;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- OFERTA OFERTA OFERTA ANIMACJE ANIMACJE ANIMACJE ----------__________________________________________*/

.oferta_1_anim
{
	width: 929px;
	height: 320px;
	z-index: 101;
	overflow: visible;
	position: absolute;
	top:409px;
	left: 226px;
	background-image: url("./tla_images/oferta_1.png");
	background-repeat:no-repeat;
	animation-name: odplyw_oferta;
	animation-duration:1.5s;
	animation-delay: 0s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_oferta;
    -webkit-animation-duration:1.5s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode:forwards;
}

.oferta_2_anim
{
	width:676px;
	height:332px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:303px;
	left:297px;
	background-image: url("./tla_images/oferta_2.png");
	background-repeat:no-repeat;
	animation-name: odplyw_oferta;
	animation-duration:1.3s;
	animation-delay: 0.2s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_oferta;
    -webkit-animation-duration:1.3s;
	-webkit-animation-delay:0.2s;
	-webkit-animation-fill-mode:forwards;
}

.oferta_3_anim
{
	width:593px;
	height:260px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:325px;
	left:341px;
	background-image: url("./tla_images/oferta_3.png");
	background-repeat:no-repeat;
	animation-name: odplyw_oferta;
	animation-duration:1.1s;
	animation-delay: 0.4s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_oferta;
    -webkit-animation-duration:1.1s;
	-webkit-animation-delay:0.4s;
	-webkit-animation-fill-mode:forwards;
}


.oferta_4_anim
{
	width:468px;
	height:213px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:323px;
	left:392px;
	background-image: url("./tla_images/oferta_4.png");
	background-repeat:no-repeat;
	animation-name: odplyw_oferta;
	animation-duration:0.9s;
	animation-delay: 0.6s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_oferta;
    -webkit-animation-duration:0.9s;
	-webkit-animation-delay:0.6s;
	-webkit-animation-fill-mode:forwards;
}

.oferta_5_anim
{
	width:365px;
	height:154px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:348px;
	left:444px;
	background-image: url("./tla_images/oferta_5.png");
	background-repeat:no-repeat;
	animation-name: odplyw_oferta;
	animation-duration:0.7s;
	animation-delay: 0.8s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_oferta;
    -webkit-animation-duration:0.7s;
	-webkit-animation-delay:0.8s;
	-webkit-animation-fill-mode:forwards;
}

.oferta_6_anim
{
	width: 270px;
	height: 100px;
	z-index: 101;
	overflow: visible;
	position: absolute;
	top: 353px;
	left: 499px;
	background-image: url("./tla_images/oferta_6.png");
	background-repeat:no-repeat;
	animation-name: odplyw_oferta;
	animation-duration:0.5s;
	animation-delay: 1.0s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_oferta;
    -webkit-animation-duration:0.5s;
	-webkit-animation-delay:1.0s;
	-webkit-animation-fill-mode:forwards;
}

.oferta_7_anim
{
	width:208px;
	height:73px;
	z-index:102;
	overflow:visible;
	position: absolute;
	top:351px;
	left:540px;
	background-image: url("./tla_images/oferta_7.png");
	background-repeat:no-repeat;
	animation-name: odplyw_oferta;
	animation-duration:0.3s;
	animation-delay: 1.2s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_oferta;
    -webkit-animation-duration:0.3s;
	-webkit-animation-delay:1.2s;
	-webkit-animation-fill-mode:forwards;
}

.oferta_8_anim
{
	width:168px;
	height:62px;
	overflow:visible;
	z-index:103;
	position: absolute;
	top:340px;
	left:564px;
	background-image: url("./tla_images/oferta_8.png");
	background-repeat:no-repeat;
	animation-name: odplyw_oferta;
	animation-duration:0.1s;
	animation-delay: 1.4s;
	animation-direction:alternate;
	animation-fill-mode: forwards;

	-webkit-animation-direction:alternate;
	-webkit-animation-name: odplyw_oferta;
    -webkit-animation-duration:0.1s;
	-webkit-animation-delay:1.4s;
	-webkit-animation-fill-mode:forwards;
}






@keyframes odplyw_ofirmie
{
from {

	opacity:1;
	-moz-transform: translateX(0px) translateY(0px);
	-o-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	/*
	top:112px;
	-moz-transform: rotate(0deg) translateX(0px) translateY(0px);
	-o-transform: rotate(0deg) translateX(0px) translateY(0px);
	-ms-transform: rotate(0deg) translateX(0px) translateY(0px);
	transform: rotate(00deg) translateX(0px) translateY(0px);*/
	}
to {

	opacity:0;
	-moz-transform: translateX(120px) translateY(120px);
	-o-transform: translateX(120px) translateY(120px);
	-ms-transform: translateX(120px) translateY(120px);
	transform: translateX(120px) translateY(120px);
	/*
	top:200px;
	-moz-transform: rotate(-30deg) translateX(-20px) translateY(20px);
	-o-transform: rotate(-30deg) translateX(-20px) translateY(20px);
	-ms-transform: rotate(-30deg) translateX(-20px) translateY(20px);
	transform: rotate(-30deg) translateX(-20px) translateY(20px);*/
	}
}
@-webkit-keyframes odplyw_ofirmie
{
from {
	opacity:1;
	-webkit-transform: translateX(0px) translateY(0px);
	}
to {
	opacity:0;
	-webkit-transform: translateX(120px) translateY(120px);
}
}



@keyframes odplyw_kontakt
{
from {

	opacity:1;
	-moz-transform: translateX(0px) translateY(0px);
	-o-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	}
to {
	opacity:0;
	-moz-transform: translateX(-120px) translateY(120px);
	-o-transform: translateX(-120px) translateY(120px);
	-ms-transform: translateX(-120px) translateY(120px);
	transform: translateX(-120px) translateY(120px);
	}
}
@-webkit-keyframes odplyw_kontakt
{
from {
	opacity:1;
	-webkit-transform: translateX(0px) translateY(0px);
	}
to {
	opacity:0;
	-webkit-transform: translateX(-120px) translateY(120px);
}
}


@keyframes odplyw_oferta
{
from {

	opacity:1;
	-moz-transform: translateX(0px) translateY(0px);
	-o-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	}
to {
	opacity:0;
	-moz-transform: translateX(120px) translateY(-120px);
	-o-transform: translateX(120px) translateY(-120px);
	-ms-transform: translateX(120px) translateY(-120px);
	transform: translateX(120px) translateY(-120px);
	}
}
@-webkit-keyframes odplyw_oferta
{
from {
	opacity:1;
	-webkit-transform: translateX(0px) translateY(0px);
	}
to {
	opacity:0;
	-webkit-transform: translateX(120px) translateY(-120px);
}
}






@keyframes pojawienie
{
0% {	opacity:0;}
35%{	opacity:0;}
100% {	opacity:1;	}
}
@-webkit-keyframes pojawienie
{
0% {	opacity:0;	}
35%{	opacity:0;}
100% {	opacity:1;  }
}





/*----------------------------- ANIMACJE _ KONIEC ---------------------------------------------------------------------------------- */



#content{
	/*background-image:url('http://novarum.net.pl/images/tlo.jpg');*/
	background-repeat:no-repeat;
	background-color: #fff;
	width: 1024px;
	height: 800px;
}


/*MENU----------------------------------------- MENU MENU MENU MENU MENU-------------------------------------- */


#ofirmie_menu{
	overflow:hidden;
	display: block; 
	position: absolute;
	top: 270px;
	left: 577px;
	height:33px;
	width: 59px;
	z-index:10000;
}

#ofirmie_menu a{
	display: block;
	height:33px;
	width: 59px;
	padding:0;
	margin: 0;
	background-image: url('./tla_images/ofirmie_menu.png');
	background-repeat: no-repeat;
	background-position:bottom;
	z-index:10001;
}
#ofirmie_menu a:hover{
	background-position: 0px 0px;	
	
}


#kontakt_menu{
	overflow:hidden;
	display: block; 
	position: absolute;
	top: 289px;
	left: 689px;
	height:59px;
	width: 38px;
	z-index:10000;
}
#kontakt_menu a{
	display: block;
	height:59px;
	width: 38px;
	padding:0;
	margin: 0;
	background-image: url('./tla_images/kontakt_menu.png');
	background-repeat: no-repeat;
	background-position:bottom;
	z-index:10001;
}
#kontakt_menu a:hover{
	background-position: 0px 0px;			
	
}

#oferta_menu{
	overflow:hidden;
	display: block; 
	position: absolute;
	top: 342px;
	left: 600px;
	height:32px;
	width: 53px;
/*	background-image: url('./tla_images/oferta_menu.png');
	background-repeat: no-repeat;
	*/
	
	z-index:10000;
}
#oferta_menu a{
	display: block;
	height:32px;
	width: 53px;
	padding:0;
	margin: 0;
	background-image: url('./tla_images/oferta_menu.png');
	background-repeat: no-repeat;
	background-position:bottom;
	z-index:10001;
}


#oferta_menu:hover a{
	background-position: 0px 0px;		
	
}



/*--------------------------------------------OPISY ------------------------------- */

#ofirmie{
	width: 200px;
	height: auto;
	position: absolute;
	top:100px;
	left:280px;
	text-align: right;
	animation-name: pojawienie;
	animation-duration:1.5s;
	animation-delay: 0s;
	animation-direction:alternate;
	animation-fill-mode: forwards;
	-webkit-animation-direction:alternate;
	-webkit-animation-name: pojawienie;
    -webkit-animation-duration:1.5s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode:forwards;
	z-index: 120;
}


#kontakt{
	width: 200px;
	height: auto;
	position: absolute;
	top:170px;
	left:750px;
	text-align:left;
	animation-name: pojawienie;
	animation-duration:1.5s;
	animation-delay: 0s;
	animation-direction:alternate;
	animation-fill-mode: forwards;
	-webkit-animation-direction:alternate;
	-webkit-animation-name: pojawienie;
    -webkit-animation-duration:1.5s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode:forwards;
	z-index:120;
}

#kontakt a{
	text-decoration: none;	
}


#oferta{
	width: 350px;
	height: auto;
	position: absolute;
	top:400px;
	left:260px;
	text-align: right;
	animation-name: pojawienie;
	animation-duration:1.5s;
	animation-delay: 0s;
	animation-direction:alternate;
	animation-fill-mode: forwards;
	-webkit-animation-direction:alternate;
	-webkit-animation-name: pojawienie;
    -webkit-animation-duration:1.5s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode:forwards;
	z-index: 120;
}			

/*--------------------------------------FOOTER-------------------*/			
		
		
	footer{
		width:1024px;
		clear: both;
		margin:0 auto;
		text-align: right;
		text-decoration: none;
		font-style: normal;
		padding: 0 0 0 0;
		float: none;
		color: #999;
		z-index: 155;
	}
	
	span.author, span.author a{
		font-weight:normal;
		color: #999;
		text-decoration: none;
		z-index: 156;
	}
	
	span.fot{
		text-align:left;
		padding: 0;
		margin: 0;
		color: #999;
	}

	#content a.links{
		color: #999;
		text-decoration: none;	
		
	}
	a.links :hover{
		color: #000;	
	}
	span.author a:hover{
		color: #000;	
	}