@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_white.jpg);
	background-repeat:repeat-x;
	background-color: #ebebeb;
	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: #696969;
}
/*This class is used to define headers of sections, like for example contact etc.. */
.section-name {
	color:#696969;
}
/* Style for anchors */
a {
	color: #dc5a2a;
}
a:hover {
	color: #ff5500;
}

/* HEADER */

#header {
	background-image:url(../images/bg-header_white.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;
}
.slogan-description {
	color: #ffff1f;
}
.box-divider {
/*	background-image:url(../images/divider.jpg);
	background-repeat: repeat-x;      */
}
.slogan-description-2 {
	color: #d2d2d2;
}

#spacing-left {
	background-image:url(../images/left-spacing_white.jpg);
}
#spacing-right {
	background-image:url(../images/right-spacing-lens.png);
}
#box {
	/* border-bottom: 1px solid #b8b8b8;
	border-left: 1px solid #b8b8b8; */
	border-top: 0px;
	background-image:url(../images/bg-box.jpg);
	background-repeat:repeat-x;
	/* border-right: 1px solid #b8b8b8; */
}
.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);
	}           	
#img-box {
	background-image:url(../images/lens_dark.png);
		background-repeat: no-repeat; 
}         	
.box-slogan {
	background-image:url(../images/blenda.png);  
}	
.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_white.jpg);
	background-repeat:repeat-y;
}
.service-name {
	color: #b8b8b8;
}
.short-description {
	color: #dc5a2a;
}
.arrow {
	background-image: url(../images/arrow_white.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_white.jpg);
}

.AccordionItem-title {
	color: #878787;
}
.AccordionItem-title:hover {
	color: #4b4b4b;
}
ul {
	list-style-image:url(../images/list_white.png);
}
ul li {
	color: #696969;
}
/*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: #4b4b4b;  /* był #141414 */
}
.jFlowControl:hover {
/*	background-image:url(../images/menu-tab-order.jpg);  */
  color: #ff5500;
}
.jFlowControl:active {
color:#dc5a2a;
}
.jFlowPrev, .jFlowNext {
color:#dc5a2a;
}
a span.jFlowControl-gal {
color: #ffffff;
}
span.jFlowControl-gal {
color: #1e1e1e;
}
.jFlowControl-gal:hover {
color: #dc5a2a;
} 
/* 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: #e1e1e1;
	border: 1px solid #767676;
	color: black;
}
/* This class handles the main input message box */
.contact-body {
	background-color: #e1e1e1;
	color: black;
 	border: 1px solid #767676;
}
/* This class is used to style the "SEND" button on the end of contact form */
.contact-button {
	background-color: #e1e1e1;
	border: 1px solid #767676;
	color: red;
}
/* END OF CONTACT SECTION */

/* FOOTER */

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

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

.gallery-name {
	color:#696969;
}

.twittLI {
	border-bottom: 1px dotted #444;
	margin-bottom: 20px;
}