@charset "utf-8";
@font-face {
	font-family: comfortareg;
	src: url('../fonts/Comfortaa_Regular.ttf');
}
@font-face {
	font-family: comfortabold;
	src: url('../fonts/Comfortaa-Bold.ttf');
}
@font-face {
	font-family: comfortalight;
	src: url('../fonts/Comfortaa-Light.ttf');
}
@font-face {
	font-family: consolas;
	src: url('../fonts/consola.ttf');
}
body {
	font-family: comfortareg;
	color: #e1e1e1;
	background-image:url(../images/tlo2.gif);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
}
.kont {	
	background-image:url(../images/top.jpg);
	background-repeat:repeat-x;
	background-position:top;
	top:0;
	width: 100%;
	height:100%;
	padding: 0;
	margin:0 auto;
}
.kont2{	
	background-image:url(../images/blysk.png);
	background-repeat:no-repeat;
	background-position:top;
	top:0;
	height:100%;
	padding: 0;
	margin:0;
}
.kont3{	
	background-image:url(../images/top2.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	position:fixed;
	bottom:0;
	width: 100%;
}
ul, ol, dl { /
	padding: 0;
	margin: 0;
	list-style-type:none;
}
li {
	list-style-image:none;
}
h1, h2, h3, h4, h5, h6 {
	font-family:consolas;
	margin: 0;	 
	padding-right: 15px;
	padding-bottom:0px;
}
p {
	font-family:comfortalight;
	padding-top:10px;
	padding-bottom:0px;
}
a img { 
	border: none;
}
a:link {
	color:#e1e1e1;
	text-decoration: none;
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.all {
    height:auto;
	max-width: 1000px;
	min-width: 999px;
	margin: 0 auto;
	clear:both;
}
.header {
	width: 1000px;
	height: 180px;
	position:relative;
}
.logo {
	width: 278px;
	position:absolute;
	top:0;
	left:0;
}
.social {
	width: 722px;
	position:absolute;
	top:0;
	right:0;
	background-image:url(../images/web_02.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding-right:30px;
}
.lewo {
	font-family:consolas;
	font-size:18px;
	width: 278px;
	position:absolute;
	left:0;
	background-image:url(../images/kreska.png);
	background-position:left;
	background-repeat:no-repeat;
}
#prawo {
	margin:0 auto;	
	padding-left:278px;
	width:722px;
	font-size:14px;
	font-family: comfortalight;
}
#content {
	height: 100%;
    position:relative;
}
.footer {
	clear:both;
	position:fixed;
	bottom:0;
	background-image:url(../images/web_05.png);
	width:1000px;
	height:45px;
	font-family:"Trebuchet MS";
	color:#666;
	line-height:2.8em;
	letter-spacing:.75px;
	z-index: 15;
}
.footer a {color:#666;}
.footer a:hover {color:#6a05a4;}
#foot2 { position:relative; float:right; right:0; bottom:0; width: 30%; text-align:right; font-size:10px; letter-spacing:.6px;
}
#navigation-block {
	position:relative;
	top:200px;
	left:200px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 0;
	padding: 0;
}
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 0px 15px;
	margin: 0;
	margin-bottom: -10px;
	margin-left: 30px;
}

ul#sliding-navigation li.sliding-element a
{
	color:#e1e1e1;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color:#6a05a4; }

#icons {
	float:right;
	margin-top:15px;
	height:35px;	
}
#contact {
    margin: 0 auto;
	height:382px;
	width:662px;
	background-image:url(../images/contact_bg.png);
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:40px;
	
}
#contact a {
	color:#CCCCCC;
}
#motion {
    margin: 0 auto;
	height:450px;
	width:710px;
	background-image:url(../images/motion_bg.png);
	background-repeat:no-repeat;
	padding-left:26px;
	padding-top:32px;	
}
#wideo {
    margin: 0;
	height:350px;
	width:555px;
	position:relative;
	float:left;
	background-image:url(../images/progress.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#wyborwideo {
    margin: 0;
	position:absolute;
	height:350px;
	right:25px;
	width:80px;
	float:left;

}
#opiswideo {
	position:absolute;
	bottom:53px;
	width:470px;
	font-size:11px;
}
input[type="submit"] { 
	background: url(../images/send.png) no-repeat 0 0;
	border:0;
	width:138px;
	height:51px;
}
#buttonm { 
	width:138px;
	height:51px;
	float:right;
	margin-left:10px;
}
.item {
	float:left;
	margin-right:20px;
}
.item.first {
}
.item img {
}

#showobr {
    margin: 0 auto;
	height:600px;
	width:850px;
	left:10px;
	top:10px;
	position:relative;
	float:left;
	background-image:url(../images/tlo2.gif);
	background-repeat:repeat;
}
#details {
    margin:0;
	padding-left:10px;
	padding-top:25px;
	padding-right:1px;
	position:absolute;
	height:560px;
	width:190px;
	right:10px;
	top:10px;
	float:left;
	background-image:url(../images/showbg.png);
	background-repeat:no-repeat;
	font-size:12px;
}
#details a{ color:#6a05a4; font-weight:bold; text-decoration:none;}
#details a:hover{ color:#FFF; font-weight:bold; text-decoration:underline;}
div.fadehover {
	position:relative;
	margin:0;
	padding:0;
	border:0;
	float:left;
	height:100px;
	width:100px;
	}
#grid { 
	margin:0 auto;
	padding-bottom:20px; 
	width:715px;
	position:relative;
	height:720px;
}
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;

        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}