/*	-------------------------------------------------------------
Table of Contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*

Author: webde.pl
Date: 09/3/2010
Project: mariuszjasuwienas.pl
Language: polish;

	1.	BODY
	2.	FACIELIITIES
	3.  TEXT - STYLE
	4.  MENU
	5.	FOOTER
	6. 	LOADER - STYLE
	7.	BUTTONS-EDGE
	8.	LOGO
	9.	CONTENT - STYLE
	10. CONTACT SITE - STYLE	
	11. IMAGE-SCROLLER	
	
	*/

/* = 1. BODY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

* {margin: 0;padding: 0;}
body { font-family: Helvetica Neue, Arial, sans-serif; font-size:75%; line-height:1.0em;width:100%; height:100%; min-width:80em; height:auto; min-height:100%; overflow:hidden; }

.img-bg {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	z-index: -1;
}
.img-sem-resize {
	width:100% !important;
	height:auto !important;
	top:auto;
	bottom:0
}

.backgroundbind {
	position: absolute;
	z-index: -10;
	top:0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	min-width: 980px;
}

/* = 2. FACIELIITIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.c {clear:both;}
.c-l {clear:left;}
.l, .left-link {float:left;}
.r, .right-link {float:right;}
.h {display:none;}
.bn {border: 0 none;}

.clearfix:after {
	display:block;
	height:0;
	padding:0;
	margin:0;
	content:".";
	clear:both;
	overflow:hidden;
	visibility:hidden;
}

.smaller-text {font-size: 10px;}

/* = 3. TEXT - STYLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


h1 {
	font-size: 43px;
	line-height: 50px;
	color: #151515;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: Gill Sans, Verdana;
}

p {
	font-size: 15px;
	padding: 10px 0 10px 0;
	color: #000000;
	text-shadow: 1px 1px 0 #dedede;
}

/* = 4. MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#menu {
	width: 100%;
	height: 48px;
	position: absolute;
	left:0; top: 0;
	z-index: 1000;
}

.white-belt {background: url(../img/bg-menu.gif) 0 0 repeat-x;}
.black-belt {background: url(../img/bg-menu2.gif) 0 0 repeat-x;}

#mainmenu {
	list-style-type:none;display:block;
}

.wrapmenu {
	position: absolute;
	display:none;
	list-style-type:none;
	position: relative;top:0px;left:0px; /*left: -75px;*//*dopisane i zmienione z absolute*/
	z-index: 101;/*dopisane*/
}

.viewbox, .innerd, .hovered {overflow:hidden;display:block;position:relative;height:48px;}

.hovered {top:-104px; /*zerowanie hoveru IE */}

.topmenu {
	position:relative;
	list-style-type:none;
	display:block;
	float:left;
	margin:0 10px 0 9px;
}

.viewbox a {
	height: 48px;
	display: block;
	text-indent: -9999em;
}

.menu-item-1 {width:108px;background: url(../img/menu-1.png) 0 0 no-repeat;}
.menu-item-1-hover {width:108px;background: url(../img/menu-1.png) 0 -48px no-repeat;}
.menu-item-1-opened {width:108px;background: url(../img/menu-1.png) 0 -96px no-repeat;}

.menu-item-2 {width:58px;background: url(../img/menu-2.png) 0 0 no-repeat;}
.menu-item-2-hover {width:58px;background: url(../img/menu-2.png) 0 -48px no-repeat;}
.menu-item-2-opened {width:58px;background: url(../img/menu-2.png) 0 -96px no-repeat;}

.menu-item-3 {width:82px;background: url(../img/menu-3.png) 0 0 no-repeat;}
.menu-item-3-hover {width:82px;background: url(../img/menu-3.png) 0 -48px no-repeat;}
.menu-item-3-opened {width:82px;background: url(../img/menu-3.png) 0 -96px no-repeat;}

.menu-item-4 {width:62px;background: url(../img/menu-4.png) 0 0 no-repeat;}
.menu-item-4-hover {width:62px;background: url(../img/menu-4.png) 0 -48px no-repeat;}
.menu-item-4-opened {width:62px;background: url(../img/menu-4.png) 0 -96px no-repeat;}

.menu-item-1-a {width:108px;background: url(../img/menu-1a.png) 0 0 no-repeat;}
.menu-item-2-a {width:58px;background: url(../img/menu-2a.png) 0 0 no-repeat;}
.menu-item-4-a {width:62px;background: url(../img/menu-4a.png) 0 0 no-repeat;}

.menu-item-5 {width:80px;background: url(../img/menu-5.png) 0 0 no-repeat;}
.menu-item-6 {width:92px;background: url(../img/menu-6.png) 0 0 no-repeat;}
.menu-item-7 {width:49px;background: url(../img/menu-7.png) 0 0 no-repeat;}


.bg-submenu {
	width: 82px;
	height:145px;
	background:url(../img/bg-submenu2.png) bottom center no-repeat;
	position: relative;top:-4px;
}

.bg-submenu ul {
	margin: 0;
	padding: 0 0 0 2px;
	width: 77px;
}

.bg-submenu ul li {
	list-style-type: none;
	padding: 10px 0 10px 12px;
	border-bottom: 1px solid #e5e5e5;
}

.bg-submenu ul li:last-child {
	border-bottom: 0 none;
}

.bg-submenu ul li a {display:block;text-indent:-9999em;	line-height: 30px;}

a.label-zdjecia {text-indent:-9999em;width:35px;height: 15px;background: url(../img/label-zdjecia.gif) 0 0 no-repeat;}
a.label-zdjecia2 {text-indent:-9999em;width:46px;height: 15px;background: url(../img/label-zdjecia2.gif) 0 0 no-repeat;}
a.label-zdjecia3 {text-indent:-9999em;width:46px;height: 15px;background: url(../img/label-zdjecia3.gif) 0 0 no-repeat;}

a.label-video {width:28px;height: 11px;background: url(../img/label-video.gif) 0 0 no-repeat;}

.btn-facebook, .btn-myspace, .btn-adidas {
	z-index: 101;
	height: 22px;
	text-indent: -9999em;
}

.btn-facebook {width: 80px;background: url(../img/label1.png) 0 0 no-repeat;}
.btn-myspace {width: 92px;background: url(../img/label2.png) 0 0 no-repeat;}
.btn-adidas {width: 49px;background: url(../img/label5.png) 0 0 no-repeat;}

.more-links {
	position: absolute;
	top:44px;left:0;
	width: 100%;
	height: 20px;
	background:url(../loader-bg.png) 0 0 repeat;
	color: #fff;
	z-index: 1000;
	padding: 10px 0 0 0;
	box-shadow:0px 1px 2px #000;
	-moz-box-shadow: 0px 1px 2px #000;
	-webkit-box-shadow: 0px 1px 2px #000;
}

.more-links ul {
	margin: 0; padding: 0;
}

.more-links ul li {
	float: left;
	list-style-type: none;
	margin: 0 15px 0 0;
}

.more-links ul li.selected a {
	opacity:1.0;
}

h3.choose {
	margin: 0px 10px 3px 22px;
	width: 44px;
	height: 11px;
	background: url(../img/label3.png) 0 0 no-repeat;
}

.label-txt {
	text-indent: -9999em;
	display: block;
	text-decoration: none;
	border: 0 none;
}

.info {
	width: 241px;
	height: 15px;
	background: url(../img/label4.png) 0 0 no-repeat;
}

.zdjecia1, .zdjecia2, .zdjecia3, .video1 {
	width: 46px;
	height: 15px;
	opacity:0.6;
}

.zdjecia1:hover, .zdjecia2:hover, .zdjecia3:hover, .video1:hover {
	opacity:1.0;
}

.zdjecia1 {background: url(../img/label-1.png) 0 0 no-repeat;}
.zdjecia2 {background: url(../img/label-2.png) 0 0 no-repeat;}
.zdjecia3 {background: url(../img/label-3.png) 0 0 no-repeat;}
.video1 {background: url(../img/label-4.png) 0 0 no-repeat;}


/* = 5. FOOTER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 800;
	width: 100%;
	height:39px;
	background:transparent url(../img/bg-footer.png) 0 0 repeat-x;
	
}

#footer .copy {
	position: absolute;
	left: 10px;
	width: 380px;
	height: 39px;
	text-indent: -9999em;
	background: url(../img/footer-1.png) 30px 12px no-repeat;
	overflow: visible;
}

#footer .copy div {
	width: 23px;
	height: 47px;
	background: url(../img/footer-star.png) 0 0 no-repeat;
	position: absolute;
	top:-7px;
}


#footer .credits {
	position: absolute;
	right: 10px;
	width: 500px;
	text-align: right;
}

#footer .credits .bg-changer {
	margin: 9px 0 0 0;
	float: left;
	width: 350px;
	height: 20px;
	text-indent: -9999em;
	background: url(../img/footer-2.png) 0 0 no-repeat;
}

#footer .credits .author a {
	margin: 15px 0 0 0;
	width: 95px;
	height: 10px;
	display: block;
	background: url(../img/footer-3.png) 0 0 no-repeat;
	float: right;
	text-indent: -9999em;
}

#footer .credits .author a:hover {
	background-position: 0 -10px;
}

/* = 6. LOADER - STYLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#loader {
	position: absolute;
	top:45%;
	left: 45%;
	width: 184px;
	height: 27px;
	padding: 9px 0 0 10px;
	background: url(../img/loading.png) 0 0 no-repeat;
	font-size: 11px;
	color: #717171;
	font-family: 'Lucida Grande', 'Calibri', 'Trebuchet MS', 'Arial', sans-serif;
	line-height: 20px;
}

#loader div {
	margin: 0 8px 0 0;
	float: left;
	width: 16px;
	height: 16px;
	background: url(../img/ajax-loader.gif) 0 0 no-repeat;
}

.arrow-link {
	position: absolute;
	right: 0;
	top:50%;
	z-index: 100;
	width: 150px;
	background: yellow;
	margin: 0;
	padding: 0;
}


/* = 7. BUTTONS-EDGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.arrow-link li.link-right {
	background: url(../img/arrow-right.png) 0 0 no-repeat;
	right: -109px;
	position: absolute;
	width: 138px;
	height: 95px;
	display: block;
	overflow: hidden;
	list-style-type: none;
}

.arrow-link li.link-right a {
	display: block;
	width: 138px;
	height: 95px;
	text-indent: -9999em;
}

/* = LOGO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#logo a {
	display: block;
	width: 150px;
	height: 87px;
	background: url(../img/logo.png) 0 0 no-repeat;
	z-index: 100;
	text-indent: -9999em;
}

#logo {
	width: 150px;
	height: 87px;
	position: absolute;
}

#logo.mainpage {top:22%;left:10%;}
#logo.omnie {top:22%;right:15%;}
#logo.kontakt {top:22%;right:15%;}


/* = 9. CONTENT - STYLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content-text {
	overflow: visible;
	width: 40%;
	height: 80%;
	position: absolute;
	z-index: 1;
}

#content-text h1 {
	padding: 0 0 15px 0;
	text-indent: -9999em;
}

#content-text p {
	line-height: 28px;
}

.text-mainpage {left: 52%;top:22%;}
.text-omnie {left: 6%;top:19%;}
.text-kontakt {left: 8%;top:18%;}

.text-mainpage h1 {
	width: 396px;
	height: 51px;
	background: url(../img/headline-1.png) 0 0 no-repeat;
}

.text-omnie h1 {
	margin: 0 0 10px 0;
	width: 129px;
	height: 43px;
	background: url(../img/headline-2.png) 0 0 no-repeat;
}

.text-kontakt h1 {
	width: 163px;
	height: 43px;
	background: url(../img/headline-3.png) 0 0 no-repeat;
}

.tabs-style ul {
	margin: 10px 0 0 0;
	padding: 0;
}

.tabs-style ul li {
	list-style-type: none;
	display: inline;
	padding: 0px 10px 2px 0;
}

.tabs-style {
	position: static;
}

.tab-links a {
	font-family: 'Lucida Grande', 'Calibri', 'Trebuchet MS', 'Arial', sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #1d1d1d;
	text-transform: uppercase;
}

.tab-links a.selected {
	text-decoration: none;
	color: #1d1d1d;
	font-weight: bold;
}

.tab-links a:active {
	position: relative; top:1px;
}

.n-link {
	margin: 10px;
	text-decoration: none;
}

.a-link {
	padding: 0 0 0 20px;
	background: url(../img/arrow.gif) 0 5px no-repeat;
}


/* = 10. CONTACT SITE - STYLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.box-contact {
	width: 100%;
}

.box-contact .mf {
	display: block;
	padding: 5px;
}

.box-contact .mf label {
	width: 60px;
	float: left;
	line-height: 30px;
	font-size: 14px;
}

.box-contact .mf input {
	display: block;
	width: 224px;
	height: 31px;
	background: url(../img/input-bg.png) 0 0 no-repeat;
	font-size: 11px;
	line-height: 20px;
	color: #000;
	border: 0 none;
	padding: 0 0 0 8px;
}

.box-contact .mf textarea {
	display: block;
	width: 222px;
	height: 106px;
	background: url(../img/textarea-bg.png) 0 0 no-repeat;
	font-size: 11px;
	line-height: 20px;
	color: #000;
	border: 0 none;
	resize:none;
	overflow: hidden;
	padding: 5px 0 0 8px;
}

.box-contact .mf .emsg {
	width: 236px;
	color: #bb0000;
	display: block;
	margin:0 0 0 60px;
	text-align: left;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 10px;
}
.btn-send, .btn-send:hover {
	display: block;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	width: 66px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
}

.btn-send {background: transparent url(../img/btn-send.png) no-repeat center top;}
.btn-send:hover {background: transparent url(../img/btn-send.png) no-repeat 0 -30px;}


/* = 11. IMAGE-SCROLLER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.image-scroller ul { width:100%; height:100%; }
.image-scroller ul li {list-style-type: none;}
.image-scroller img { float:left; } 

/* special things for special browsers */
img { -ms-interpolation-mode:bicubic; }

.overflow {
	overflow: hidden;
}


#adidas-box {
	z-index: 100;
	width: 80px;
	height: 96px;
	position: absolute;
	right: 10%;
	bottom: 60px;
}

#adidas-box a {
	display: block;
	width: 80px;
	height: 96px;
	background: url(../img/adidas-logo.png) 0 0 no-repeat;
	cursor: pointer;
	text-indent: -9999em;
}

#tip1_up {
	font-size: 12px;
}


#outer-video {
	z-index: 950;
	position: absolute;
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
	background: url(../img/bg-transparent.png) 50% 50% no-repeat;
}
#container-video {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 405px;
} 
#inner-video {
	background: #000;
	width: 730px;
	height: 405px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	z-index: 950;
}

.black-bg {
	background: #151515;
}