@CHARSET "UTF-8";
@import url("reset.css");

/* HELPERY
---------------------------------- */
div#distance { 
	width:1px;
	height:50%;
	margin-bottom:-380px;
	float:left;
}


/* STRUKTURA
---------------------------------- */
* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
	background-color:#181818;
	background-image:url("../images/background.gif");
	font-family: Arial;
}

body {
	text-align:center;
}

#wrapper {
	margin:0 auto;
	position:relative; 
	text-align:left;
	height:688px;
	width:100%;
	clear:left;
	background-image:url("../images/wrapper-background.png");
	background-repeat: repeat-x;
}

#header {
	width:960px;
	height:85px;
	padding: 0px;
	text-align:left;
	margin:0 auto ;
}

#content {
	width:960px;
	height:554px;
	margin:16px auto 0 auto;
}

#content-intro {
	width:980px;
	margin-left: auto;
	margin-right: auto;
	margin-top:16px !important;
	height:554px;	
	vertical-align:middle;
}
	
#footer {
	height: 10px;
    margin-left: auto;
    margin-right: auto;
	margin-top:2px;
    padding: 2px 100px 2px 0;
	color:#3A3A3A;
	text-align:right;
	font-size:10px;
	font-family:Arial;
	width:840px
}

#footer-intro {
	height: 11px;
    margin-left: auto;
    margin-right: auto;
	margin-top:2px;
    padding: 2px 0 2px 0;
	color:#3A3A3A;
	text-align:center;
	font-size:12px;
	font-family:Arial;
	width:940px
}

#intro-link {
	
}

#sign {
	color:#282828;
	float:right;
	font-size:10px;
	margin:-2px 0 0 0;
	position:absolute;
	right:20px;
	
}

#sign a {
	height:14px;
	margin:0 0 0 -2px;
	width:40px;
}

#sign a img {
	filter: alpha(opacity = 50);
	height:14px;
	opacity:0.50;
	width:40px;
	vertical-align:top;
}

/* BLOKI
---------------------------------- */
#logo {
	float:left;
	margin:0px 0 0 0;
	width:400px;
	height:85px;
	background-image:url("../images/logo.gif");
	text-indent:-2000px;
}

#menu {
	float:right;
	margin:65px 20px 0 0; 			
	height:20px;
}

#left {
	float:left;
	width:250px;
}

#o-mnie-left {
	float:left;
	width:350px;
	padding:10px 0 0 55px;
}

#left-menu-container {
	height:290px;
	margin: 30px 0 150px 60px;
}

#left-menu {

}
		
#right {
	float:right;
	width:710px;
}

#o-mnie-right {
	float:right;
	width:555px;
	font-size:11px;
	line-height: 1.5em;
	text-align: justify;
	text-indent: 20px;
	margin:20px auto 0 auto;
	color:#aaa;
}

#o-mnie-right ul {
	text-indent: 0;
	list-style: circle;
	margin: 0 0 0 20px;
}
#o-mnie-right strong {
	font-weight: bold;
	color:#ddd !important;
}

#o-mnie-right a {
	font-size:11px !important;
	color:#ddd !important;
}
#page-content {
	margin:15px 0 10px 0;
	color:#ddd;
	font-size:12px;
	line-height:1.8em;
	float: left;
	width:100%
}

#gallery-container {
	padding:0 !important;
	height:540px !important;
}

#gallery-footer {
	color:#555;
	text-align:center;
	font-size:10px;
	font-family:Arial;
}

#kontakt-form {
	margin: 0 50px 0 50px;
	font-size:11px;
	font-family: Arial;
	color:#bbb;
}

#kontakt-status {
	text-align: center;
	width:480px;
	margin: 0 0 0 10px;
}

#kontakt-message {
	margin: 0 10px 10px 0;
	width:480px;
	height: 100px;
	border:2px solid #434343;
	color:#888;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
	background-color: #323232
}

#kontakt-address {
	margin: 5px 0 0 0;
	width:200px;
	border:2px solid #434343;
	color:#888;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
	background-color: #323232
}
.kontakt-confirmation {
  margin:7px 0 0 0;
  color:#777;
}

.kontakt-confirmation input{
  vertical-align:middle;
}

#gg {
	vertical-align:middle;
	width:14px;
	height: 14px;
}

/* TRESCI
---------------------------------- */
#footer a, #footer-intro a {
	color:#3A3A3A;
	font-weight:bold;
}

#menu li {
	float:left;
	margin:0 6px 0 6px;
	font-size:11px;
	font-family:arial;
	letter-spacing:1.5px;
	text-align:center;
}

#menu li a {
	color:#ddd;
}

#menu li a:hover {
	color:#aaa;
	text-decoration:none;
}

.menu-active {
	font-weight:bold;
}

#left-menu li {
	font-family:Arial;
	font-size:12px;
	line-height: 18px;
}

#left-menu li a {
	color:#ccc;
}

#left-menu li .selected {
	font-weight:bold;
}

#gallery-footer a {
	font-weight:bold;
	color:#5a5a5a;
}

#gallery-container a {
	padding:0 !important;
	margin:0 !important;
}

#info {
	font-family: Arial;
	font-size:11px;
	color:#656565;
	margin: 0 0 0 60px;
}

#info li {
	line-height: 14px;
}

#info li strong {
	font-weight:bold;
	color:#888;
}

#info li a {
	font-weight:bold;
	color:#888;
	text-decoration: none;
}

#kontakt-send {
	padding: 3px 0 3px 0;
	font-weight: bold;
}

#kontakt-send input {
	font-family:Arial;
	font-size: 11px;
	font-weight: bold;
	height:22px;
}

#status-img {
	width:16px;
	height: 16px;
	margin: 0 auto;
	display:block;
	border:none;
}

#page-content a {
	font-size:13px;
	color:#ddd;
	font-weight: bold;
}

#page-content a:hover {
	color:#bbb;
	text-decoration: none;
}

#oferta-player-container {
	width:480px;
	height:360px;
	margin:5px 0 0 180px;
	float:left;
	color:#aaa;
	font-size:11px;
	letter-spacing:1.0px;
	line-height:1.4em;
	text-align:justify;
}

#oferta-player {
	margin:0;
}

#oferta-motto {
	width:480px;
	margin:5px 0 0 180px;
	float:left;
	color:#aaa;
	font-size:11px;
	line-height:1.5em;
	text-align:justify;

}

.content-linki li {
	line-height: 24px;
	letter-spacing:0.6px;
	font-size: 11px;
	color:#aaa
}
.content-linki li a {
	font-size:13px;
	color:#eee;
	font-weight: normal !important;
}


#backstage-player-container {
	margin:73px 0 0 -10px;
}

#foto-sign {
	font-size:11px;
	text-align:left;
	color:#777;
	text-shadow: black;
}

#foto-sign a {
	font-size:11px;
	color:#777;
}

#start-quote {
	font-size:11px;
	margin:0px 80px 0 210px;
	text-align:right;
	letter-spacing:1.1px;
	line-height:1.5em;
	color:#aaa
}

#noflash {
	font-size:12px;
	color:#ddd;
	margin: 220px 0 0 20px;
	float:left;
}






#noflash-intro {
	margin:250px 0 0 160px;
	display:block;
	color:#ddd;
	text-align:left;
	font-size:12px;
	font-family:Arial;
	width:640px;
	float:left;	
}


#noflash h3, #noflash-intro h3, #noflash a, #noflash-intro a {
	font-weight:bold;
	color:#ddd;
}

#oferta-text {
	margin: 15px 0 10px 125px;
	font-size:11px;
	line-height:1.5em;
	color:#aaa;
	text-align:justify;
	width:580px;
	text-indent: 20px;
}
#oferta-text strong, #oferta-motto strong {
	display:block;
	text-align:right;
	margin: 10px 0 0 0;
}


.backstage-menu {
	height:470px;
}

#backstage-sign {
	text-align:right;
	color:#656565;
	font-family:Arial;
	font-size:11px;
	margin:0 0 0 0;
}
/* ROZMIARY
---------------------------------- */
#start {width:50px}
#o-mnie {width:55px}
#portfolio {width:60px}
#backstage {width:70px}
#galeria-slubna {width:110px}
#prezentacje {width:75px}
#kontakt {width:50px}
#linki {width:60px}


/* NAGLOWKI
---------------------------------- */
h1,h2 {
	margin:5px 0 5px 0 !important;
	font-weight:normal;
	font-size:14px;
	color:#bbb;
}


/* SCROLL
---------------------------------- */
.menu-scroll-wrapper {
	margin: 15px 0 135px 0;
}
.scroll-menu{overflow:hidden}
.scroll-it-down, .scroll-it-up {
	height:15px;
	margin: 0 0 0 60px;
}

.scroll-it-up {
	background:transparent url("../images/scroll-arrows.gif") no-repeat 0 0 ;
}
.scroll-it-up.arrow-hover {
	background:transparent url("../images/scroll-arrows.gif") no-repeat 0 -15px ;
}
.scroll-it-down {
	background:transparent url("../images/scroll-arrows.gif") no-repeat 0 -30px ;
}
.scroll-it-down.arrow-hover {
	background:transparent url("../images/scroll-arrows.gif") no-repeat 0 -45px ;
}
/* FIXY
---------------------------------- */
#wrapper, #status-img {
	behavior: url("/css/iepngfix.htc");
}


/* INNE
---------------------------------- */
strong {
	font-weight:bold;
}






/* SLIDESHOW
----------------------------------*/
.mainpage {
    margin-left: 60px !important;
}



#slideshow {
    position:relative;
    height:442px;
    width:875px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height:442px;
    width:875px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}