@charset "UTF-8";
/* CSS Document */

/* Body Margins set to 0 are important, it takes care of issues with default borders in browsers */
body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color: #141414;
	color: #767676;
}
/* This class is used for all the main text on your website */
.general-text {
	color: #767676;
}
/*classed used for majority of headings */
h3 {
	color: #b8b8b8;
}
/*This class is used to define headers of sections, like for example contact etc.. */
.section-name {
	color:#B8B8B8;
}
/* Style for anchors */
a {
	color: #3399cc;
}
a:hover {
	color: #09F;
}

/* HEADER */

#header {
	background-image:url(../images/bg-header.jpg);
}
#logo, #logo span {
color: #767676;
}	
/* END OF HEADER */

/* This styles the call us now section in the upper right corner */

#call-us-now p {
	color: #a7a7a7;
}

.slogan, .slogan-n, .slogan-description, .slogan-description-n {
	color: #e1e1e1;
}
.box-divider {

}
.slogan-description-2 {
	color: #d2d2d2;
}

#spacing-left {
	background-image:url(../images/left-spacing.jpg);
}
#spacing-right {
	background-image:url(../images/right-spacing-lens.png);
		background-repeat: no-repeat; 
}
#img-box {
	background-image:url(../images/lens_dark.png);
		background-repeat: no-repeat; 
}
#box {
	border-top: 0px;
	background-image:url(../images/bg-box.jpg);
	background-repeat:repeat-x;
}
.image0 {
	background-image:url(../images/fotografia.jpg);
	}
.image1 {
	background-image:url(../images/fotografia1.jpg);
	}
.image2 {
	background-image:url(../images/fotografia2.jpg);
	}
.image3 {
	background-image:url(../images/fotografia3.jpg);
	}
.image4 {
	background-image:url(../images/fotografia4.jpg);
	}
.image5 {
	background-image:url(../images/fotografia5.jpg);
	}
.image6 {
	background-image:url(../images/fotografia6.jpg);
	}
.image7 {
	background-image:url(../images/fotografia7.jpg);
	}
.image8 {
	background-image:url(../images/fotografia8.jpg);
	}
.image9 {
	background-image:url(../images/fotografia9.jpg);
	}
.image10 {
	background-image:url(../images/fotografia10.jpg);
	}
.image11 {
	background-image:url(../images/fotografia11.jpg);
	}
.image12 {
	background-image:url(../images/fotografia12.jpg);
	}
.image13 {
	background-image:url(../images/fotografia13.jpg);
	}
.image14 {
	background-image:url(../images/fotografia14.jpg);
	}
.image15 {
	background-image:url(../images/fotografia15.jpg);
	}
.image16 {
	background-image:url(../images/fotografia16.jpg);
	}
.image17 {
	background-image:url(../images/fotografia17.jpg);
	}
.image18 {
	background-image:url(../images/fotografia18.jpg);
	}
.image19 {
	background-image:url(../images/fotografia19.jpg);
	}
.image_pyl {
	background-image:url(../images/fotografia20.jpg);
	}
.ima21 {
	background-image:url(../images/fotografia21.jpg);
	}
.ima22 {
	background-image:url(../images/fotografia22.jpg);
	}
.ima23 {
	background-image:url(../images/fotografia23.jpg);
	}	
.box-slogan, .box-slogan1 {

}	
.box-element {
	background-image:url(../images/bg-box.jpg);
  background-repeat:repeat-x;
}
/* CSS used for styling main content of website, in other words, part of the website between moving slogans and footer. Keep in mind that this part has fixed height.*/
#mainContent {
background-image: url(../images/bg-content.jpg);
background-repeat:repeat-x;

}
.service-name {
	color: #b8b8b8;
}
.short-description {
	color: #3399cc;
}
.arrow {
	background-image: url(../images/arrow.png);
}
/* Accordion */
/* This class is used to style arrow next to Accordion headr */
/*Stylng for Accordion title */
.Accordion-icon-img {
	background-image: url(../images/acordian-closed.jpg);
}
.AccordionItem-title {
	color: #b8b8b8;
}
.AccordionItem-title:hover {
	color: white;
}
ul {
	list-style-image:url(../images/list.png);
}
ul li {
	color: #B8B8B8;
}
/*NAVIGATION*/
/* This part takes care of navigation. #controller is the div with all the nav buttons, while .jFlowControl is class for every button. .jFlowControl:hover is used for hover effect, meanwhile .jFlowControl:active is used when the button is clicked. */
.jFlowControl {
/*	background-image:url(../images/menu-tab.jpg); */
	color: #b8b8b8;  /* był #141414 */
}
.jFlowControl:hover {

color:#23a5d5;
}
.jFlowControl:active {
color:#0055ff;
}
.jFlowPrev, .jFlowNext {
color:#3399cc;
} 
.jFlowNext:hover {
color:#09F;
} 
.jFlowPrev:hover {
color:#09F;
} 
/* END OF NAVIGATION */

/* CONTACT SECTION */
/* This class style all labes that are used in the contact form */
.contact-label {
	color: #767676;
}
/* This class styles all the input fields in contact form */
.contact-input {
	background-color: #141414;
	border: 1px solid #767676;
	color:white;
}
/* This class handles the main input message box */
.contact-body {
	background-color: #141414;
	color: white;
 	border: 1px solid #767676;
}
/* This class is used to style the "SEND" button on the end of contact form */
.contact-button {
	background-color: #141414;
	border: 1px solid #B8B8B8;
	color: white;
}
/* END OF CONTACT SECTION */

/* FOOTER */

/* Main styling for the main #footer div */
 #footer {
	background-image:url(../images/bg-footer.jpg);
	background-repeat:repeat-x;
} 
/* END OF FOOTER */

/*DIVIDERS */
/*Horizontal divider - parallel with x-axis */
 .divider-y {
	background-image:url(../images/divider-y.jpg);
	background-repeat: repeat-x;
}
/*Vertical divider - parallel with y-axis */
.divider-x {
	background-image:url(../images/divider-x.jpg);
	background-repeat: repeat-y;
} 
 
/* END OF DIVIDERS */

.gallery-name {
	color:#B8B8B8;
}