@font-face {
    font-family: 'calligraph421_btroman';
    src: url('fonts/tt1139m_-webfont.eot');
    src: url('fonts/tt1139m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt1139m_-webfont.woff') format('woff'),
         url('fonts/tt1139m_-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: Helvetica, New Times Roman, Arial, sans-serif;
	font-size: 13px;
	background:  #9cf7a7 url(images/tlo.jpg) repeat-x;
	margin:0px;
	padding:0px;
}


a{
	text-decoration: underline;
	color: #2D7A97;
}

a:hover{
   text-decoration: none;
	color: #388744;
}


td{
  text-align: justify;
}



div#tlo{
	margin: 0 auto;
	width: 1100px;
}


img.nic{
  border: 0px;
}

#tlo div#niezapominajka_nav{
    display: block;
    float: left;
    height: 64px;
    padding: 0px 14px;
    background-image: url("images/kreska.png");
    background-position: right center;
    background-repeat: no-repeat;
}

#tlo div#niezapominajka_nav a{
    font-family: arial, helvetica, sans-serif;
    font-weight: 200;
    height: 64px;
    text-decoration: none;
    color: #FFF;
    font-size: 1.3em;
    line-height: 3.5em;
    display: block;
    width: 100%;

}

#tlo div#niezapominajka_nav:hover a{
    text-shadow: 5px 8px 1px #444444;
}

div#niezapominajka_09{
    position: absolute;
    width: 526px;
    height: 311px;
    top: 64px;
    margin-left: 0px;
    background-image: url(images/niezapominajka_09.jpg);
}

div#niezapominajka_10{
    position: absolute;
    width: 574px;
    height: 311px;
    top: 64px;
    margin-left: 526px;
    background-image: url(images/niezapominajka_10.jpg);
    /*padding: 90px 0px 0px 0px;*/
}

img{
  border-color: #2D7975;
}

div#obszar_roboczy{
   position: absolute;
	width: 1100px;
	margin-left: 0px;
	top: 375px;
}

div#obszar_roboczy1{
   position: absolute;
	width: 1100px;
	margin-left: 0px;
	top: 65px;
}


div#obszar_roboczy_obszar_roboczy_index{
    position: relative;
	 width: 1040px;
	 font-size: 13px;
	 text-align: center;
	 padding-left: 30px;
	 padding-right: 30px;
	 padding-top: 5px;
	 color: #20381D;
	 background-image: url(images/niezapominajka_11.jpg);
}




div#obszar_roboczy_obszar_roboczy{
    position: relative;
	 width: 1040px;
	 font-size: 13px;
	 text-align: left;
	 padding-left: 30px;
	 padding-right: 30px;
	 padding-top: 5px;
	 color: #20381D;
	 background-image: url(images/niezapominajka_11.jpg);
}


div#stopka{
    position: relative;
	 width: 1100px;
}



div#niezapominajka_13{
   position: absolute;
   width: 945px;
	height: 53px;
	top: 0px;
	margin-left: 0px;
	background-image: url(images/niezapominajka_13.jpg);
}




div#niezapominajka_14{
   position: absolute;
   width: 155px;
	height: 35px;
	top: 0px;
	margin-left: 945px;
	background-image: url(images/niezapominajka_14.jpg);
}



div#niezapominajka_15{
   position: absolute;
   width: 155px;
	height: 18px;
	top: 35px;
	margin-left: 945px;
	background-image: url(images/niezapominajka_15.jpg);
}

@keyframes animacja { 
    from { transform:scale(.7); } 
    to { transform:scale(.8); } 
} 


.popup{
background:url(serce.png) no-repeat;
position:fixed;
height:200px;
width:221px;
z-index:99;
left:-90px;
top:90px;
-webkit-transition:All .8s linear;
-moz-transition:All .8s linear;
-o-transition:All .8s linear;
-ms-transition:All .8s linear;
transition:All .8s linear;
transform: scale(.7);
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-o-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
animation: animacja 1.1s infinite alternate;
}
.popup:hover{
margin-left:50px;
-webkit-transform: rotate(90deg) scale(.9) translate(1px);
-moz-transform: rotate(90deg) scale(.9) translate(1px);
-o-transform: rotate(90deg) scale(.9) translate(1px);
-ms-transform: rotate(90deg) scale(.9) translate(1px);
transform: rotate(90deg) scale(.9) translate(1px);
animation: none;
}
.font{
font-family: 'calligraph421_btroman';
 font-size:20px !important;
}