body {

	margin:0px 0px 0px 0px;	

	text-align: center;

	font-family:"Myriad Pro","Myriad Web Pro","Arial";

	background-image:url("/images/layout/bg1.jpg");

	background-repeat:repeat;

	line-height:1.4;

}



.global_container {

	 text-align: left;

	 margin: 0 auto; /* mozna zapisac krócej: margin: 0 auto; */

	 width:1200px;

	 position:relative;

	 z-index:1;

}



.center {

	width:1200px;

	min-height:760px;

	background-image:url("/images/layout/bg2.jpg");

	background-repeat:repeat-y;

	float:left;

}



.logo {
	
	background:url("/images/layout/logo.jpg") no-repeat;

	width:1200px;

	height:127px;

	float:left;

}
#motto {
	float:right;
	width:392px;	
}

#motto p {
	color:#CC6600;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	text-shadow:0.3em 0.3em 0.1em #000000;
	width:300px;
}


.logo img { 

	float:left;

	clear:left;

}



.menu_container {

	float:left;

	padding-left:75px;

}



.menu_button_container{

	float:left;	

}



.menu_container img {

	float:left;

	clear:left;

	

}



.menu_left_side {

	width:83px;

	height:99px;

	float:left;

}



.about {
	float:left;
	width:87px;
	height:99px;

}



.service {
	width:80px;
	height:99px;
	float:left;	

}



.portfolio {
	width:97px;
	height:99px;
	float:left;	

}



.reference {
	width:100px;
	height:99px;
	float:left;	

}



.blog {
	width:90px;
	height:99px;
	float:left;	

}



.contact {
	width:98px;
	height:99px;
	float:left;	

}



.menu_right_side {

	float:left;	

}



.little_box {

	max-width:384px;

	max-height:365px;

	padding-left:105px; 

}


#foto {
	margin-top:15px;
	background-color:#0C6;
	position:relative;
}

#portfolio_content {
	float:left;
}

#portfolio_content hr {
	width:610px;	
}


.little_box_left {

	width:189px;

	height:365px;

	background-image:url("/images/layout/table1left.jpg");

	background-repeat:no-repeat;

	float:left;

	clear:left;

}



.little_box_left img {

	float:left;

	clear:left;

}



.inside_little_box_left {

	color: #999;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-weight:bold;

	margin-left:60px;

	margin-top:50px;

	width:300px;

	position:relative;

	z-index:100;

}



#color {

	color:#C60;	

}

#color2 {
	color:#3366cc;	
}



.inside_little_box_left ul {

	list-style:none;

	width:280px;

	padding:4px 3px 3px 4px;

	margin:0px;	

}



.inside_little_box_left ul,li {

	margin:0px 1px 6px 1px;

	width:295px;
	list-style:none;

}



.little_box_right {

	width:195px;

	height:365px;

	background-image:url("/images/layout/table1right.jpg");

	background-repeat:no-repeat;

	float:left;

}



.little_box_right img {

	float:left;

	clear:left;

}



.content{

	margin-top:0px;

	width:610px;

	min-height:330px;

	float:left;

}



.content p { 

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#999;

	line-height:1.7em;
	
	float:left;

}

.content a {
	text-decoration:none;
	font-weight:bold;
	color:#3366cc;
	
}

.service_list {
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;
	
	font-weight:bold;

	color:#999;

	line-height:1.7em;
}

.actual_project {

	float:right;
	margin-right:30px;

}



.inside_actual_project_up {

	margin-top:15px;
	margin-left:30px;
	margin-right:30px;
	float:left;	
	width:900px;
	height:260px;
	position:relative;
	z-index:1000;

	

}



.actual_project_up { 

	width:958px;

	height:145px;

	background-image:url("/images/layout/table2up.jpg");

	background-repeat:no-repeat;

	float:left;

}



.actual_project_down {

	width:958px;

	height:145px;

	background-image:url("/images/layout/table2down.jpg");

	background-repeat:no-repeat;

	float:left;	

}





.news_content {	

	float:right;
	margin-right:33px;

}



.inside_news_content_up {

	margin-top:30px;

	margin-left:35px;

	margin-bottom:30px;

	margin-right:35px;

	float:left;	

	width:880px;

	height:200px;

/*	background-color:#FFF;*/

	position:relative;

	z-index:1000;	

}


.inside_news_content_up h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	padding:0px;
	margin:0px;
	
}

.inside_news_content_up p {
	margin:0px;
	text-align:left;
	
}


.news_content_up {

	width:958px;

	height:142px;

	background-image:url("/images/layout/table3up.jpg");

	background-repeat:no-repeat;

	float:left;

}



.news_content_down {

	width:958px;

	height:109px;

	background-image:url("/images/layout/table3down.jpg");

	background-repeat:no-repeat;

	float:left;

}



.footer {

	width:1200px;

	height:52px;

	background-image:url("/images/layout/foot.jpg");

	background-repeat:no-repeat;

	float:left;

}



.footer_content p {

	width:300px;

	height:20px;

	margin-left:800px;

	margin-top:15px;

	color: #999;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:13px;

	text-align:right;

}

.footer_link_container {
	color: #666;
	margin-top:-38px;
	margin-left:105px;
}

.footer_link_container a {
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #999;
	display:inline;
	white-space:nowrap;	
}

.footer_link_container a:hover {
	color:#C60;	
}

/* CONTACT FORM */

.contact_form {
	margin-top:25px;	
	
}

.contact_form th {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
}

.contact_form input{
	font-size:12px;
	font-weight:bold;
	width:200px;
	height:13px;
	background-color:#C60;
	border: #7b7b7b solid 1px;
}

.contact_form textarea {
	font-size:12px;
	width:300px !important;
	height:180px; !important;
	border:1px solid #7b7b7b;
	background-color:#333333 !important;
}

.submit_button {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #000;
	background-image:url("/images/layout/button.png") !important;
	background-repeat:no-repeat !important;
	background-color:#333 !important;
	border:none !important;
	width:100px !important;
	height:45px !important;
	margin-left:260px !important;
}

.contact_text {
	color: #999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	margin-left:-355px;
	position:relative;
	z-index:9999999;
}





/*STYL DO GALERII ZDJĘĆ */



input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }

label { display: block; } 



.infiniteCarousel {

  width: 395px;

  position: relative;

}



.infiniteCarousel .wrapper {

  width: 880px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */

  overflow: auto;

  min-height: 10em;

  margin-left:40px;

  margin-top:30px;

  position: absolute;

  top: 0;

}



.infiniteCarousel ul a img {

  border: 5px solid #000;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

}



.infiniteCarousel .wrapper ul {

  width: 9999px;

  list-style-image:none;

  list-style-position:outside;

  list-style-type:none;

  margin:0;

  padding:0;

  position: absolute;

  top: 0;

}



.infiniteCarousel ul li {

  display:block;

  float:left;

  padding: 10px;

  height: 200px;

  width: 350px;

}



.infiniteCarousel ul li a img {

  display:block;

}



.infiniteCarousel .arrow {

  display: block;

  height: 36px;

  width: 37px;

  background: url("/images/arrow.gif") no-repeat 0 0;

  text-indent: -999px;

  position: absolute;

  top: 37px;

  cursor: pointer;

}



.infiniteCarousel .forward {

  background-position: 0 0;

  right: -450px;

}



.infiniteCarousel .back {

  background-position: 0 -72px;

  left: 0;

}



.infiniteCarousel .forward:hover {

  background-position: 0;

}



.infiniteCarousel .back:hover {

  background-position: 0 -108px;

}



/* SLIDE PANEL */

a:focus {

outline:medium none;

}



.panel_container {

	width:400px;

	margin-left:400px;

	float:left;

	position:relative;

	z-index:10000000000000000;

}	



.panel {

background:none repeat scroll 0 0 #754C24;

display:none;

height:200px;

width:400px;

position:relative;

z-index:10000000;

}

.slide {

background:url("images/btn-slide.gif") no-repeat scroll center top transparent;

border-top:4px solid #422410;

margin:0;

padding:0;

position:relative;

z-index:10000;

}

.btn-slide {

background:url("images/white-arrow.gif") no-repeat scroll right -50px transparent;

color:#FFFFFF;

display:block;

font:bold 120%/100% Arial,Helvetica,sans-serif;

height:31px;

margin:0 auto;

padding:10px 10px 0 0;

text-align:center;

text-decoration:none;

width:144px;

}

.active {

background-position:right 12px;

}