/* CSS global BODY styles */
body {
	margin: 0px;
	padding: 0px;
	font-family: "tahoma", sans-serif;
	font-size: 11px;
	background: #000;
	color: #FFF;
}
select {
	margin: 0px;
	padding: 0px;
}
ul, li, p, div, h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
p {
	line-height: 1.5em;
	text-align: justify;
}
.textVersion {
	display: none;
}
a, a:visited {
  color:#FFF;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
h2 span {
	display: none;
}
/* ------------------------------------------------------------------------------ CENTERIN PAGE */
#t_banner{
  height:0px;
}
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
	text-align:center;
	min-height:278px;/* for good browsers*/
	min-width:305px;/* for good browsers*/
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 278px;
}	
#xinner {
	width: 305px;
	background:#000;
	height: 278px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
#content{    
	width: 275px;
	height: 47px;
	padding:231px 0px 0px 30px;
  background: url('../img/bkg.jpg');
}
#content a{
  display:block;
  height:13px;
  float:left;
}

#content a.noeeko{
  width:55px;
  margin-right:33px;
  background: url('../img/noeeko.jpg');
}
#content a.behance{
  width:61px;
  margin-right:27px;
  background: url('../img/behance.jpg');
}
#content a.facebook{
  width:63px;
  background: url('../img/facebook.jpg');
}
#content a:hover{
  background-position:bottom left;
}
#content a span{
  display:none;
}
/* ------------------------------------------------------------------------------ MENU DIV */
#mainPageImg{
  z-index:0;
	width: 689px;
	height: 630px;
  background: url('../img/mainPageImg.jpg') 0 0 no-repeat;
}
#mainPageImg h1{
  width:233px;
  height:147px;
  margin:0px 0px 0px 23px;
  padding-top:447px;
  background: url('../img/masadaLogo.jpg') 0 447px no-repeat;
}
#mainPageImg h1 span{
  display:none;
}
#mainPageImg ul{
  margin:6px 0px 0px 109px;
  list-style-type:none;
}
#mainPageImg ul li{
  padding-right:12px;
  float:left;
  
}
#mainPageImg ul li img{

  cursor: pointer;
}
#mainMenu{
  z-index:10;
  position:absolute;
  top:190px;
  left:703px;
  width:120px;
  height:300px;
  display:block;
}
#mainMenu ul{
  list-style-type:none;

}
#mainMenu ul li{
  margin-bottom:13px;
}
#mainMenu ul li img{
  cursor: pointer;
}
/* ------------------------------------------------------------------------------  O NAS DIV */

#onasImg{
 width:350px;
 height:630px;
 background: url('../img/onasImg.jpg');
  float:left;
}

#main{
  height:630px;
  width:315px;
  float:left;
}

.onas_box #h_onas span{
  display:none;
}

.onas_box #pas{
	float: left;
}

.onas_box #sciezka{
	width: 3px; 
	height: 439px;
	margin-right:15px;
	background: url('../img/scrollTrack.jpg');
}

.onas_box #galka{
	width: 3px; 
	height: 39px;
	background: url('../img/scrollDrag.jpg'); 
	cursor: pointer;
}

.onas_box #przewijany{
	width: 280px;
	height: 439px;
	overflow: hidden;
	font-size: 11px;
	float: left;
	color:#000;
}

.onas_box #contentScroll{
	height: 439px;
	width:320px;
	padding: 40px 0px 42px 15px;
}

.onas_box span.powrot{
  float:right;
 display:block;
 font-weight:bold;
 color:#FFF;
  font-size:10px;
  width:106px;
  height:20px;
  line-height:20px;
  text-align:center;
  background: #a9a9a9;
  cursor:pointer;
}


/* ------------------------------------------------------------------------------  MENU  DIV */

#menuImg{
 width:350px;
 height:630px;
 background: url('../img/menuImg.jpg');
  float:left;
  position:relative;
}

#main{
  height:630px;
  width:315px;
  float:left;
}
#contetn2 .menu_box {
    height:630px;
  width:339px;
  float:left;
}

.menu_box #h_onas span{
  display:none;
}

.menu_box #pas{
	float: left;
}

.menu_box #sciezka{
	width: 3px; 
	height: 439px;
	background: url('../img/scrollTrack.jpg');
}

.menu_box #galka{
	width: 3px; 
	height: 39px;
	background: url('../img/scrollDrag.jpg'); 
	cursor: pointer;
}

.menu_box #przewijany{
	width: 280px;
	height: 439px;
	overflow: hidden;
	font-size: 11px;
	float: left;
	color:#000;
	padding-right:15px;
}

.menu_box #contentScroll{
	height: 439px;
	width:310px;
	padding: 40px 0px 42px 25px;
}

#menuImg span.powrot{
  position:absolute;
  bottom:0px;
  right:25px;
 display:block;
 font-weight:bold;
 color:#FFF;
  font-size:10px;
  width:106px;
  height:20px;
  line-height:20px;
  text-align:center;
  background: #a9a9a9;
  margin-left:25px;
  cursor:pointer;
}





/* ------------------------------------------------------------------------------ KONTAKT DIV */
#kontaktImg{
  position:relative;
  width:689px;
  height:630px;
  text-align:left;
  background: #0a0a0a url('../img/kontaktImg.jpg') top right no-repeat;
}
#formArea h3{
  margin:20px;
  font-size:11px;
  color:#FFF;
  width:444px;
}
#kontaktImg p.addres{
  color:#737373;
  font-weight:bold;
  line-height:2.5em;
  padding:15px 0px 0px 25px;
}
#kontaktImg p.addres b{
  color:#d8d6d6;
}
.menu_box #h_kontakt span{
  display:none;
}

#form {
	margin: 0px;
	padding: 30px 0px 20px 25px;
	width: 300px;
	text-align:left;
}
.inputbox_form, .inputbox_request_form {
	background: #232323;
	border: none;
	height: 13px;
	line-height: 10px;
	width: 290px;
	color: #d8d6d6;
	font-family: tahoma;
	font-size: 10px;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	margin:5px 0px 5px 0px;
}
.inputbox_request_form {
	height: 90px;
	overflow:hidden;
	margin-bottom:10px;
}
.button1, .button2 {
	border: none;
	background: none;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #d8d6d6;
}
.button1 {
	float: left;
}
.button2 {
	float: right;
}
.clearfix{
  clear:both;
  font-size:0px;
}


#kontaktImg span.powrot{
 display:block;
 font-weight:bold;
 color:#FFF;
  font-size:10px;
  width:106px;
  height:20px;
  line-height:20px;
  text-align:center;
  background: #a9a9a9;
  margin-left:25px;
  position:absolute;
  right:25px;
  bottom:0px;
  cursor:pointer;
}



/* ------------------------------------------------------------------------------ Aktualnosci DIV */
#aktualnosciImg{
  position:relative;
  width:689px;
  height:455px;
  text-align:left;
  background: url('../img/newsImg.jpg') top right no-repeat;
}

#h_aktualnosci span{
  display:none;
}

span.powrotAktualnosci{
 display:block;
 font-weight:bold;
 color:#FFF;
  font-size:10px;
  width:106px;
  height:20px;
  line-height:20px;
  text-align:center;
  background: #a9a9a9;
  margin-left:25px;
  float:right;
  position:absolute;
  top:550px;
  left:558px;
  cursor:pointer;
}

#NewsBox{
  position:relative;
  height:180px;
  width:400px;
 top:5px;
}
#NewsBox #wLewo{
  width:40px;
  height:96px;
  background: url('../img/gallery_moveLeft.jpg');
  border:none;
  position:absolute;
  top:40px;
  left:0px;
  display:block;
}
#NewsBox #wPrawo{
  width:40px;
  height:96px;
  background: url('../img/gallery_moveRight.jpg');
  border:none;
  position:absolute;
  top:40px;
  left:458px;
  display:block;
}
#NewsScrollinfo{
  position:absolute;
  top:0px;
  left:55px;
  width:390px;
	height: 180px;
	overflow: hidden;
}
#NewsBox .news{
  width:390px;
  float:left;
}
#NewsBox .news p{
  text-align:left;
}
#NewsBox .news a{
  color: #A8004F;
}
#NewsBox .news a:hover{
  text-decoration:underline;
}
#NewsBox .news p.newsLeftPart{
  width:160px;
  float:left;
  padding:0px 15px 0px 0px;
  line-height:26px;
  font-weight:bold;
}
#NewsBox .news p.newsLeftPart b, #NewsBox .news div.newsRightPart b{
  color:#a8004f;
}
#NewsBox .news div.newsRightPart{
  width:215px;
  float:left;
  padding:0px;
  line-height:15px;

}
#flex{
	width: 1170px;
}

/* ------------------------------------------------------------------------------ GALEIA DIV */
#galeriaImg{
  position:relative;
  width:689px;
  height:455px;
  text-align:left;
  background: url('../img/galeriaImg.jpg') top right no-repeat;
}

#h_galeria span{
  display:none;
}

span.powrotGalleria{
 display:block;
 font-weight:bold;
 color:#FFF;
  font-size:10px;
  width:106px;
  height:20px;
  line-height:20px;
  text-align:center;
  background: #a9a9a9;
  cursor:pointer;
  float:right;
}
span.powrotGalleriaDo{
 display:block;
 font-weight:bold;
 color:#FFF;
  font-size:10px;
  width:106px;
  height:20px;
  line-height:20px;
  text-align:center;
  background: #a9a9a9;
  cursor:pointer;
  float:left;
}

#GalleryBox{
  position:relative;
  height:121px;
  width:690px;
 top:5px;
}
#GalleryBox #wLewo{
  width:50px;
  height:96px;
  background: url('../img/gallery_moveLeft.jpg');
  border:none;
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  cursor:pointer;
}
#GalleryBox #wPrawo{
  width:50px;
  height:96px;
  background: url('../img/gallery_moveRight.jpg');
  border:none;
  position:absolute;
  top:0px;
  left:646px;
  display:block;
  cursor:pointer;
}
#GalleryScrollinfo{
  position:absolute;
  top:0px;
  left:55px;
  width:595px;
	height: 108px;
	overflow: hidden;
}
#GalleryBox .gallery{
  width:595px;
  float:left;
}
#GalleryBox .gallery ul{
  list-style-type:none;
  padding-top:13px;
}
#GalleryBox .gallery ul li{
  float:left;
  padding:0px 5px;
  text-align:center;
}
#GalleryBox .gallery ul li.first{
  padding-left:0px;
}
#GalleryBox .gallery ul li span{
  clear:both;
  display:block;
  font-weight:bold;
  color:#808080;
  font-size:10px;
  padding-top:7px;
  width:140px;
}
#flex{
	width: 1815px;
}

/* ------------------------------------------------------------------------------  WSPOLPRACA DIV */

#wspolpracaImg{
 width:689px;
 height:629px;
 position:relative;
 background: url('../img/wspolpracaImg.jpg')  0 0 no-repeat;;
}
#wspolpracaImg span.powrot{
 display:block;
 font-weight:bold;
 color:#FFF;
  font-size:10px;
  width:106px;
  height:20px;
  line-height:20px;
  text-align:center;
  background: #a9a9a9;
  bottom:0px;
  position:absolute;
  right:25px;
  cursor:pointer;
}

#wspolpraca{
  width:188px;
  
  position:absolute;
  top:0px;
  left:703px;
}
ul.partnerList{
  list-style-type:none;
}
ul.partnerList li{
  padding-top:17px;
}

ul.partnerList li.first{
  padding-top:0px;

}

#wspolpraca #pas{
	float: left;
}

#wspolpraca #sciezka{
	width: 3px; 
	height: 439px;
	margin-right:15px;
	background: url('../img/scrollTrack.jpg');
}

#wspolpraca #galka{
	width: 3px; 
	height: 39px;
	background: url('../img/scrollDrag.jpg'); 
	cursor: pointer;
}

#wspolpraca #przewijany{
	width: 140px;
	height: 425px;
	overflow: hidden;
	font-size: 11px;
	float: left;
	color:#000;
}

#wspolpraca #contentScroll{
	height: 439px;
	width:160px;
	padding: 40px 0px 42px 0px;
}
.longNews{
  padding-top:40px;
}
.longNews li{
  display:block;
  padding:13px 0px  26px 0px;
  background: url('../img/double_dotted.jpg') bottom left repeat-x;
  list-style-type:none;
}
.longNews h3{
  font-weight:bold;
  font-size:14px;
  color:#a8004f;
  padding-bottom:15px;
}
.longNews span.info{
  display:block;
  padding-bottom:15px;
}
.longNews #przewijany{
  height:439px;
  padding:0px 0 0px 0px;
  width:670px;
	overflow: hidden;
	float: left;
}
.longNews #pas{
	float: right;
}

.longNews #sciezka{
	width: 3px; 
	height: 439px;
	background: url('../img/scrollTrack.jpg');
}

.longNews #galka{
	width: 3px; 
	height: 39px;
	background: url('../img/scrollDrag.jpg'); 
	cursor: pointer;
}

.clearfix{
  clear:both;
  font-size:0px;
}