/* CSS by Craftnet */

@font-face {
	font-family: LongCoolWoman;
	src: url(../font/LongCoolWoman.ttf) format("truetype");
}
/* ]]> */

* { margin:0; padding:0; }

body {background: url(../images/bkg-site.jpg) repeat; font:12px Tahoma, Helvetica, sans-serif; color:#fff; margin: 0px auto; text-align: center;}

#site {background: url(../images/bkg-site.jpg) repeat; height: 100%; width: 100%; float: left;}
#center-site {background: #0c0c0c; width: 100%; float: left;}
#foot-site {background: #202020; height: 80px; width: 100%; float: left;}

img { border:0; vertical-align:top; }
#content img {padding:}

a { color:#fff; text-decoration:none; }
a:hover { color: #d00573 }
:focus { outline: 0; }

.wrapper { width: 947px; margin: 0px auto; }
.no-mar { margin: 0px auto;}

.space {width: 947px; height: 65px; float: left;}
.space-left {width: 668px; height: 15px; float: left;}
.space-top {width: 913px; height: 105px; float: left;}
.space-gallery {width: 888px; height: 10px; float: left;}

/* =================================================================== * TOP * =================================================================== */

#bkg-up-site {background: url("../images/bkg-up-site.png") repeat-x; height: 18px; width: 100%;}
#bkg-top {background: url("../images/bkg-top.jpg") repeat-x; height: 275px; width: 947px; float: left; text-align: left;}
#bkg-logo {height: 122px; width: 947px; float: left; text-align: center;}
#bkg-slogan {height: 112px; width: 947px; float: left;}
#slogan {height: 75px; width: 867px; float: left; padding: 15px 40px 10px 40px; font-family: Verdena; font-size: 24px; font-weight: bold; font-style: italic;}
#krzesla {background: url("../images/krzeslo.png"); height: 177px; width: 207px; float: right; position: relative; margin-top: -74px; margin-right: 20px;}

/* =================================================================== * MENU * =================================================================== */

#bkg-menu {height: 39px; width: 947px; float: left; text-align: left;}
.menu {font-family: 'LongCoolWoman'; font-size: 32px; font-weight: bold; padding: 5px 35px 0px 43px; float: left;}
.current {font-family: 'LongCoolWoman'; color: #d00573; font-size: 32px; font-weight: bold; padding: 5px 35px 0px 43px; float: left;}

/* =================================================================== * GALERIA * =================================================================== */

#about {background: url("../images/bkg-about.jpg") repeat-x; height: 130px; width: 943px; float: left; margin-bottom: 55px;}
.krawedz {background: url("../images/krawedz.jpg") no-repeat; height: 130px; width: 2px; float: left; margin-bottom: 55px;}
.txt-about {float: left; padding: 13px 10px 15px 10px; text-align: left; color: #5c5c5c;}


#galeria {height: 100%; width: 888px; float: left; padding: 0px 30px 10px 29px; text-align: left;}

.infobar-left{
    width: 150px;
    right:20px;
    position:fixed;
    top:30px;
    left:20px;
    z-index:999999999;
    text-align:left;
    color:#ddd;
    text-shadow:0px 0px 1px #ccc;
}

.infobar-bottom{
    background-color:#000;
    height:28px;
    line-height:28px;
    right:20px;
    position:fixed;
    bottom:0px;
    left:20px;
    z-index:999999999;
    text-align:center;
    color:#ddd;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    text-shadow:0px 0px 1px #ccc;
}

.bkg-txt {background: url("../images/bkg-txt.png") repeat; width: 300px; float: left; padding: 10px 10px 10px 10px;}

span#description{
    text-shadow:1px 1px 1px #000;
    display:none;
}
span#loading{
    display:none;
    padding-right: 30px;
    background:transparent url(../loading.gif) no-repeat center right;
}
#thumbsWrapper{
    width:887px;
    height: 100%;
    float: left;
}
#content{
   top:0px;
   float: left;
   width:888px;
   display:none;  
}
#content img{
    float:left;
    margin:0px;
    cursor:pointer;
    opacity:0.2;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
.placeholder{
    float:left;
    clear:both;
    width:888px;
    height:30px;
}
#panel{
    background: url(../images/bkg-slide.png) repeat; height: 100%; width: 100%;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:0px;
    text-align:center; 
}
#panel img{
    cursor:pointer;
    position:relative;
    border:1px solid #000;
    -moz-box-shadow:0px 0px 10px #111;
    -webkit-box-shadow:0px 0px 10px #111;
    box-shadow:0px 0px 10px #111;
    display:none;
}

a#next,
a#prev{
    width:40px;
    height:40px;
    position:fixed;
    cursor:pointer;
    outline:none;
    display:none;
    background:#aaa url(../nav.png) no-repeat top left;
}
a#next:hover, a#prev:hover{
    background-color:#fff;
}
a#next{
    right:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px 0px;
}
a#prev{
    left:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px -40px;
}

a.foot {color: #e2007a}
a:hover.foot {text-decoration: underline;}
#foot-left {width: 300px; height: 25px; float: left; color: #353535; text-shadow: none;}
#foot-right {width: 500px; height: 25px; float: right; color: #353535; text-shadow: none; font-family: Tahoma; font-size: 11px;}
.foot-menu {padding: 0 5px; color: #353535;}

/* =================================================================== * PODSTRONA * =================================================================== */

#sub-site {background: #000; width: 947px;  float: left;}
.txt-sub {padding: 21px 40px 15px 20px; text-align: left; color: #8f8f8f;}
h1 {font-family: 'LongCoolWoman'; font-size: 35px; font-weight: bold; padding-bottom: 30px;}
hr {background-color: #DA007C; border: 2px; margin: 5px 0;}


#belka-bottom {background:url("../images/belka-bottom.png") repeat-x; width: 947px; height: 6px; float: left;}

/*---------------------------- SLIDER ----------------------------*/
#slider {width: 947px; height: 159px; float: left; margin-top: 30px; margin-bottom: 45px;}
/*
    anythingSlider v1.0 modification by Craftnet.pl
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

.anythingSlider                         { width: 947px; height: 159px; position: relative; }
.anythingSlider .wrap                { width: 890px; overflow: auto; height: 159px; position: absolute; top: 0; left: 30px; right: 0px; }
.anythingSlider .wrap ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 159px; width: 890px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 20px; width: 40px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -21px; }
.anythingSlider .back                   { background-position: -66px 0; left: 0px; }
.anythingSlider .forward:hover          { background-position: 0 -20px; }
.anythingSlider .back:hover             { background-position: -66px -20px; }

/*
  Prevents
*/
.anythingSlider .wrap ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrap ul ul li       { float: none; height: auto; width: auto; background: none; }




#kontakt {width: 947px; float: left; text-align: left;}


.clear{
	clear:both;
}

#main-container{
	width:400px;
	margin:30px auto;
}

td{
	white-space:nowrap; padding: 5px 0; color: #000;
}

h2{font-family: 'LongCoolWoman'; font-size: 35px; color: #e2007a; font-weight: bold; padding-bottom: 30px;}

h3{
	font-weight:normal;
	font-size:10px;
	
	text-transform:uppercase;
	
	color:#aaaaaa;
	margin-bottom:15px;
	color: #000;
	border-bottom:1px solid #fff;
	margin-bottom:15px;
	padding-bottom:10px;
}

label{
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
	color: #e2007a;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading-form{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

.tutorial-info{
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px;
}