/* CSS global BODY styles */
html{

}
body {
	margin: 0px;
	padding: 0px;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #d5d5d5;	
	background: #000;
}
select {
	margin: 0px;
	padding: 0px;
}
ul, li, p, div, h1, h2, h3, form, fieldset, label {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
fieldset {
	border: none;
}
p {
  text-align:justify;
	line-height: 15px;
}
.textVersion {
	display: none;
}
a, a:visited {
	color: #f20051;
	text-decoration: none;
}
a:hover {
  color:#FFF;
	text-decoration: none;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* ------------------------------------------------------------------------------ MAIN DIVS */
#contener {
  position:relative;
	width: 100%;
	background: #000;
}
.clearfix {
	clear: both;
	font-size: 0px;
}
/* ------------------------------------------------------------------------------ CONTENER DIV */
#top {
  background: url('../img/top_bkg.jpg') 0 0 repeat-x;
  height:103px;
  width:100%;
}
#top h1 {
	padding: 22px 0px 0px 41px;
	float: left;
}
#top .logo {
	padding: 22px 0px 0px 41px;
	float: left;
}
#top ul{
	float: left;
  padding:37px 0px 0px 41px;
  list-style-type:none;
}
#top ul li{
  padding:0px 20px;
  float:left;
}
#top ul li a{ 
  color:#FFF;
  display:block;    
  font-size:15px;
}
#top ul li a:hover, #top ul li a.active{
  color:#F30052;
}   /*
#top ul li a span{
  display:none;
}            
#top ul li.stronaGlowna a{
  width:103px;
  background: url('../img/menu_strona_glowna.jpg');
}
#top ul li.oNas a{
  width:43px;
  background: url('../img/menu_o_nas.jpg');
}
#top ul li.oferta a{
  width:46px;
  background: url('../img/menu_oferta.jpg');
}
#top ul li.portfolio a{
  width:59px;
  background: url('../img/menu_portfolio.jpg');
}
#top ul li.kontakt a{
  width:55px;
  background: url('../img/menu_kontakt.jpg');
}
#top ul li a:hover, #top ul li a.active{
  background-position: 0px -20px;
}
*/
#content{
  z-index:10;
  height:450px;
  width:100%;
  position:relative;   
  background: #000 url('../img/tlo_3.jpg') 50% 50%;
}   
#content .loader{
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  z-index:100;
} 
#content .loader .bkg{
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;        
  opacity:0.6;
  filter:alpha(opacity=60);
  background: #000;
} 
#content .loader img{   
  position:absolute;
  top:50%;
  left:50%;
}

#slideContent{
  height:450px;
  width:1000px;
  padding:25px 0px;
} 
#slideContent .fixIE{
  position:relative;
}
/* ------------------------------------------------------------------------------ CONTENT DIV */
.main{
  position:absolute;
  float:left;
  z-index:2;
  padding:20px 30px;
  width:615px;
  height: 410px;
  background: url('../img/patern_bkg.jpg');
  margin-right:5px;
  overflow:hidden;
}
.mainShort{
  width:370px;
}
.mainPortfolioList{
  width:180px;
  position:relative;
}
.mainPortfolioList ul.projects{
  list-style-type:none;
  height:335px;
  overflow:hidden;
}
.mainPortfolioList ul.projects li{
  margin-top:5px;
}
.mainPortfolioList ul.projects li a{
  color:#f20051;   
  font-size:13px;
  line-height:25px;       
  padding:5px 0px;    
  background: url('../img/link_bkg.jpg')  -245px 0px no-repeat;
}             
.mainPortfolioList ul.projects li a.active{
  background-position:0px 0px !important;
}
.mainPortfolioList ul.projects li a:hover, .mainPortfolioList ul.projects li a.active{ 
  color:#f30052; 
  text-decoration:none;
}

.mainPortfolioList .linkList{
  height:345px;
}
.mainPortfolioList .pagerList{
  text-align:center;
}
.mainPortfolioList .pagerList ul li{
  display:inline;
  padding:0px 3px;
}
   
.mainPortfolioList .fixOverflow{
  position:relative;
  overflow:hidden;
}  
.mainPortfolioList ul.visible{
  position:relative;
}             
           
.mainPortfolioList .portfolioListPagination {
  position:relative; 
  padding-top:10px;
}
.mainPortfolioList .portfolioListPagination ul{
  text-align:center;
}                                             
.mainPortfolioList .portfolioListPagination ul li{
  display:inline;
  padding:0px 3px;
}
.mainPortfolioList .portfolioListPagination ul li .active{
  color:#FFF;
}
.mainPortfolioList h2{
  padding-bottom:10px;
}
.sub{
  position:absolute;
  left:680px;
  z-index:2;
  padding:20px 30px;
  width:260px;
  height: 410px;
  background: url('../img/patern_bkg.jpg');
}
.subShort{
  left:435px;
}
.subPortfolioInfo{
  width:600px;
  left:245px;
  position:absolute;
  z-index:2;
  padding:5px;
  height: 435px;
  padding:10px 5px 5px 5px;
  background: #141414;
}
.subPortfolioInfo a.online{
  position:absolute;
  top:10px;
  right:5px;
  background: url('../img/link_bkg.jpg')  -245px 0px no-repeat;
  z-index:10;
  padding:4px 5px 4px 5px;  
}
.subPortfolioInfo a.online:hover{
  color:#f20051;
  text-decoration:none;
}
.subPortfolioInfo a.online1{
  float:left;
  width:95px;
  display:block;
  font-size:10px;
  color:#a1a1a1;
  padding:3px 5px;
  background: #282828;
  position:absolute;
  top:20px;
  right:5px;
}
.subPortfolioInfo a.online1:hover{
  color:#FFF;
  background: #f20051;
  text-decoration:none;
}
.subPortfolioInfo h1{
  display:block;
  font-size:15px;
  color:#f30052;
  padding-bottom:10px;
}
.subPortfolioInfo p{
  height:38px;
  overflow:hidden;
  margin-bottom:15px;
}
/*
.subPortfolioInfo{
  width:540px;
  left:265px;
  position:absolute;
  z-index:2;
  padding:5px;
  height: 440px;
  padding:20px 30px;
  background: url('../img/patern_bkg.jpg');
}*/
.subPortfolioInfoImg{
  left:255px;
  top:50px;
  position:absolute;
  background: #141414 ;
}
.subPortfolioInfo .bigImage{
  width:600px;
  height:354px;
  overflow:hidden;
  position:relative;
}
.subPortfolioInfo .bigImage ul{
  top:0px;
  width:600px;
  position:absolute;
}
.subPortfolioInfo .bigImage ul li{
  float:left;
  padding:0px;
}
ul.projectImages{
  left:860px;
  height:450px;
  width:139px;
  position:absolute;
  background: url('../img/project_image_bkg.png');
}

ul.projectImages li{
  width:139px;
  height:86px;
  display:block;
  background: #141414;
  margin-bottom:5px;
}
ul.projectImages li a{
  width:129px;
  height:76px;
  display:block;
  border:5px solid #141414;
}
ul.projectImages li a img{
  float:left;
}
ul.projectImages li a.active, ul.projectImages li a:hover{
  border:5px solid #f2004f;
}
.mainPageSlogan{
  height:110px;
}
.mainPageOffer{
  top:155px;
  height:255px;
}
p.sifr{
  font-size:16px;
  color:#FFF;
}
.textBackground{
  position:relative;
  padding:0px 5px;
  height: 100%;
  background: #141414;
}
.textBackground span.bkg{
  position:absolute;
  width:25px;
  height:11px;
  display:block;
  background: url('../img/text_area_border.jpg') 0 0 no-repeat;
}
.textBackground span.topLeftBkg{
  top:0px;
  left:0px;
}
.textBackground span.topRightBkg{
  top:0px;
  right:0px;
}
.textBackground span.bottomLeftBkg{
  bottom:0px;
  left:0px;
}
.textBackground span.bottomRightBkg{
  bottom:0px;
  right:0px;
}

.textBackground  h1, .textBackground  h2, .subPortfolioInfo h3{
  display:block;
  font-size:15px;
  color:#f30052;
  padding-top:15px;
}
.textBackground  h2 a:hover{
  text-decoration:none;
  color:#FFF;
}
.textBackground  h3{
  font-size:13px;
  color:#f30052;
  letter-spacing:-0.4px;
}
.textBackground  h1 span, .textBackground  h2 span{
  color:#FFF;
}
.textBackground  h3 span{
  color:#FFF;
}
.textBackground ul.text li h3 a{
  color:#FFF;
}
.textBackground ul.text li h3 a:hover{
  color:#f30052;
  text-decoration:none;
}
.subPortfolioInfo h3{
  width:480px;
  padding-top:0px;
}

.textBackground  p{
  padding:10px 0px;
}
.textBackground ul.text{
  list-style-type:none;
}
.textBackground ul.text li{
  line-height:20px;
  padding-left:25px;
  background: url('../img/li_ico.jpg') 15px  10px no-repeat;
}
.textBackground ul.partnerList{
  list-style-type:none;
}
.textBackground ul.partnerList li{
  text-align:center;
  padding:10px 0px;
}
.textBackground ul.partnerList img{
  margin:0px auto;
}

.textBackground ul.link{
  list-style-type:none;
}
.textBackground ul.link li{
  line-height:18px;
  color:#f30052;              
}
.textBackground ul.link li a{
  padding-right:5px;
  background: url('../img/link_bkg.jpg')  -245px 0px no-repeat;
}
.textBackground ul.link li a:hover{
  text-decoration:none;     
  color:#f30052;       
}

/* ------------------------------------------- main page - portfolio */
.main ul.mainPagePortfolio{
  list-style-type:none;
  padding-top:0px;
}
.main ul.mainPagePortfolio li h3{
  padding-top:15px;
}
.main ul.mainPagePortfolio li p{
  padding:5px 0px 10px 0px;
}
.main ul.mainPagePortfolio li img{
}
.main ul.mainPagePortfolio li a.photo{
  position:relative;
  width:360px;
  height:110px;
  display:block;
}
.main ul.mainPagePortfolio li a.photo img{
  position:absolute;
  top:0px;
  left:0px;
}
.main ul.mainPagePortfolio li a.photo span{                               
  position:absolute;
  top:80px;
  left:0px;
  width:340px;
  height:20px;
  line-height:20px;
  padding-left:20px;
  display:none;
  background: url('../img/black.png');
  font-weight:bold;
  text-align:center;
}
.main ul.mainPagePortfolio li a.photo:hover span{
  display:block;
}
.main ul.mainPagePortfolio li a{
  padding-right:5px;
  background: url('../img/link_bkg.jpg')  -245px 0px no-repeat;
}    
.main ul.mainPagePortfolio li a:hover{
  text-decoration:none;     
  color:#f30052;       
}
/* ------------------------------------------- contact page - form */
form.contactForm ul{
  list-style-type:none;
}
form.contactForm li{
  clear:both;
  padding:13px 0px 0px 0px;
}
form.contactForm li label{
  float:left;
  width:120px;
  display:block;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #FFF;	
	line-height:17px;
}
form.contactForm li input.iText, form.contactForm li textarea{
  float:left;
  border:1px solid #282828;
 /*  opacity: .8; filter:Alpha(Opacity=80); */
  background: url('../img/patern_bkg.jpg');
  width:160px;
  padding:2px 5px;
  height:13px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #FFF;	
}
form.contactForm li input.iTextRight{
 float:right;
}
form.contactForm li .iFile{
  float:left;
  display:none;
  border:1px solid #282828;
  background: url('../img/patern_bkg.jpg');
  width:90px;
  padding:2px 5px;
  height:13px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #FFF;	
}
form.contactForm li #iTermin{
  width:85px;
  margin-right:4px;
}
form.contactForm li textarea{
  height:80px;
    width:348px;
}
.iGetCalender{
  background: url('../img/btn_wybierz.jpg');
  height:19px;
  width:71px;
  border:none;
  float:left;
}
.iSubmit{
  float:right;
}


/* ------------------------------------------- about us */
.textBackground .aboutUsVertical{
  width:285px;
  float:left;
}
.textBackground .aboutUsVerticalRight{
  float:right;
}
.textBackground .aboutUsVertical h3{
  padding-top:5px;
}
.textBackground .aboutUsVertical p{
  padding:5px 0px 10px 0px;
}

.textBackground .offerMenu ul{
  margin-top:10px;
  list-style-type:none;
}
.textBackground .offerMenu ul li{
  position:relative;
  height:25px;    
  margin-top:5px;
}
.textBackground .offerMenu ul li span{
  position:absolute;
  z-index:10;
  height:25px;   
  width:100%;
}
.textBackground .offerMenu ul li a{
  color:#f20051;   
  font-size:13px;
  line-height:25px;       
  padding:5px 5px;    
  background: url('../img/link_bkg.jpg')  -245px 0px no-repeat;
}
.textBackground .offerMenu ul li a.active{
  background-position:0px 0px !important;
}
.textBackground .offerMenu ul li a:hover{
  text-decoration:none;
}
/* ------------------------------------------------------------------------------ FOOTER DIV */
#footer {
  background: url('../img/footer_bkg.jpg') 0 0 repeat-x;
  height:53px;
  width:100%;
}
#footerContent{
  padding-top:6px;  
  height:47px
}
#footer p{
  font-size:11px;
  color:#545454;
  padding:3px 10px 0px 30px;
  float:left;
}
#footer a{
  font-size:11px;
  color:#f20051;
  padding:3px 5px;
  background: url('../img/link_bkg.jpg')  -245px 0px no-repeat;
}