@font-face
{
font-family: FuturaMM;
src: url(font/futcon.otf);
}

body 

{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d79bd;
	background: #edf5f4;
	/* #999999  #888888 */
	
	
	margin: 0;
	
}

/* nieodwiedzony lin */
a:link 
{
	color: none;
	text-decoration: none;
}

/* odwiedzony link */
a:visited
{
	color: none;
	text-decoration: none;
}

/* po najechaniu kursorem */
a:hover
{
	color: none;
	text-decoration: none;
}



#container
{
	padding: 10px;
	width: 1266px;
	margin-left: auto;
	margin-right: auto;
	
}


#topbar
{
	
	-khtml-border-radius: 10px / 10px;
	-webkit-border-radius: 10px / 10px;
	-moz-border-radius: 10px / 10px;
	border-radius: 10px / 10px;
	
	background: #1d3161;
	width: 100%;
	height: 100%;
	padding: 10px;

	
}

#logo
{

	text-align: center;
	text-decoration: none;
	padding: 5px;
	float: left;
	margin-left: 30px;
	
}

#navigator
{
	
	background: #1d3161;
	text-align: left;
	float: left;
	margin-left: 520px;
	margin-top: 20px;
	
}

#navigator2
{
	
	background: #1d3161;
	text-align: left;
	float: left;
	margin-left: 220px;
	margin-top: 20px;
	
}

.title
{
	cursor: pointer;
	float: left;
	font-family: FuturaMM;
	font-size: 36px;
	text-transform: uppercase;
	color: #3d79bd;
	letter-spacing: 4px;
	width: 345px;
	height: 46px;
    
	display: flex;
	justify-content: center;
	align-items: center; 
	
	
	-khtml-border-radius: 10px / 10px;
	-webkit-border-radius: 10px / 10px;
	-moz-border-radius: 10px / 10px;
	border-radius: 10px / 10px;

	-webkit-user-select: none;
	-moz-user-select: none;

	cursor: url("./hammer.cur"), auto;
}

.title .crash1 {
	transform: rotate(15deg) translateY(4px);
}

.title .crash2 {
	transform: rotate(-15deg) translateY(4px);
}

.title .crash3 {
	transform: rotate(70deg) translateY(-4px);	
}

.title .crash4 {
	text-shadow: 0 0 30px blue, 0 0 10px blue;
	transform: rotate(10deg) translateY(10px);	
	animation: neon 1s 2s infinite linear;
	transition: opacity 0.5s ;
}


.title:hover
{
	background: #f48773;
	color: white;
}

#art
{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	
}

a.txlink
{
	color: #3d79bd;
	text-decoration:none;
	display: block;
	text-align: center;
	margin-top: 15px;
	width: 150px;
	height: 46px;	
}

a.txlink:hover
{
	color: white;
	text-decoration:none;
	display: block;
	width: 150px;
	height: 46px;
			
}

#xfooter
{
	padding: 10px;
	width: 1266px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	color: #1d3161;
	font-family: FuturaMM;
	font-size: 12px;
	letter-spacing: 1px;
}

@keyframes neon {

    0% {
        opacity: 0;
      }
      5% {
        opacity: 1;
      }
      20% {
        opacity: 1;
      }
      25% {
        opacity: 0.5;
      }
      30% {
        opacity: 0.5
      }
      32% {
        opacity: 1;
      }
      45% {
        opacity: 1;
      }
      46% {
        opacity: 0.5;
      }
      54% {
        opacity: 0.5;
      }
      55% {
        opacity: 1;
      }
      77% {
        opacity: 1;
      }
      78% {
        opacity: 0;
      }
      88% {
        opacity: 0;
      }
      90% {
        opacity: 1
      }
      93% {
        opacity: 0.9
      }
      95% {
        opacity: 0
      }
      97% {
        opacity: 0
      }
      98% {
        opacity: 1
      }
      100% {
        opacity: 0;
      }

}