/* CSS Document */

/* ustawienia domyślne */

/* marginesy i dopełnienia */
html, body, ul, li, h1, h2, p { margin: 0;
								padding: 0; }

/* rozmiar fontu i interlinii */
ul, li, h1, h2, p { font-size: 13px;
					line-height: 1.5em }

/* ustawienia globalne */
body { font: 13px/1.5em Tahoma, Arial, Verdana, sans-serif;
	   color: #000;
	   background: #fff url("images/bg_pattern.png"); }

/* szerokość strony */
.content { width: 960px;
		   margin: 0 auto; }

/* usuwania obramowania w linkach */
a:focus, a:active { outline: none; }

/* usuwanie podkreślenia w linkach */
a { text-decoration: none; }

/* usuwanie obramowania obrazków */
img { border: none; }

/* HEADER */
#header {height: 129px;}

#header .content {background: #fafafa;
				  height: 100%;}

#header h1 {width: 60px;
		    height: 70px;
		    float: left;
		    margin-left: 50px;
		    margin-top: 30px;
		    background: url("images/baufil_logo.png") no-repeat;}
		    
#header h1 a {width: 100%;
			  height: 100%;
			  text-indent: -666em;
			  display: block;}

#phone {float: right;
		margin-right: 50px;
		margin-top: 30px;
		color: #636363;
		width: 260px;
		font-family: 'OpenSansSemiboldItalic';}
		
#web-mail {float: right;
clear: both;
		margin-right: 50px;
		margin-top: 5px;
		color: #636363;
		width: 260px;
		font-family: 'OpenSansSemiboldItalic';}
		
#phone img {float: left;
			margin-right: 15px;}
			
#phone p {margin-top: 5px;
		  font-size: 20px;}
		  
#web-mail img {float: left;
			margin-right: 15px;}
			
#web-mail p {margin-top: 5px;
		  font-size: 20px;}
		  
/* MENU */
#menu {height: 40px;}

#menu .content {height: 100%;
				background: #636363;}

#menu ul {list-style: none;
		  float: left;
		  margin-top: 10px;
		  margin-left: 50px;}

#menu ul li {float: left;
			 color: #fff;
		     height: 22px;
		     padding-left: 20px;
			 padding-right: 20px;
			 background: url("images/menu_border.gif") no-repeat;
			 background-position: right; }
			 
#menu ul li a {display: block;
			   color: #fff;
			   font-weight: bold;
			   font-size: 12px;
			   width: 100%;
			   height: 100%;}
			   
#menu ul li:first-child {padding-left: 0;}

/*WRAPPER*/
#slider_container {width: 960px;
				   height: 460px;
				   background: #fff url("images/slider_bg.png") no-repeat;
				   }

#frame {width: 740px;
		height: 369px;
		background: url("images/frame.png") no-repeat;
		float: left;
		position: relative;
		margin-top: 57px;
		margin-left: 120px;}
			 
.nivo-controlNav {clear: both;
				  margin-top: 10px;
				  float: left;
				  margin-left: 330px;
				  width: 70px;}

.nivo-controlNav a {display: block;
					float: left;
					margin-right: 4px;
					width: 13px;
					height: 15px;
					background: url("images/slide_btn.png") no-repeat;
					background-position: top;
					text-indent: -666em;}

.nivo-controlNav a:hover {background-position: bottom;}
.nivo-controlNav a:active {background-position: bottom;}
		 
#main_container {height: 600px;
				 position: relative;
				 background: #fff;}
				 
#main_container h3 {float: left;
				    font-family: 'OpenSansSemiboldItalic';
				    color: #636363;
				    font-weight: normal;
				    font-size: 19px;
				    margin-left: 236px;
				    line-height: 1.3;
				    text-align: center;}
				    
#border {width: 402px;
		 height: 36px;
		 background: url("images/border.png") no-repeat;
		 margin: 0 auto;
		 clear: both;}
		 
#main_container ul {list-style: none;
					margin-left: 50px;
					margin-top: 50px;}

#main_container ul li {float: left;
    				   margin-right: 62px;
					   width: 245px;}

#main_container ul li:last-child {margin-right: 0;}

#main_container ul li p {height: 120px;}

.image_frame {width: 245px;
			  position: relative;
			  height: 138px;
			  background: url("images/img_frame.png") no-repeat;}
			  
.image_frame img {position: absolute;
				  top: 5px;
				  left: 5px;}
				  
#main_container ul li h4 {font-family: 'OpenSansSemiboldItalic';
						  font-weight: normal;
						  color: #636363;
						  font-size: 19px;
						  margin: 15px 0;}
						  
#main_container ul li p {color: #898989;
						 font-size: 12px;}
						 
#main_container ul li a {display: block;
						 width: 99px;
						 height: 26px;
						 margin-top: 15px;
						 text-align: center;
						 padding-top: 3px;
						 color: #fff;
						 font-family: 'OpenSansSemibold';
						 background: url("images/red_btn.png") no-repeat;}
						 
/*FOOTER*/
#footer .footer {width: 100%;
				 height: 32px;
				 background: #636363 url("images/shadow_footer.gif") repeat-x;}
				 
.footer ul {float: left;
			margin-top: 30px;
			margin-left: 50px;
			margin-right: 80px;
			list-style-position: inside;
			color: #f9f9f9;
			width: 180px;}

.footer ul span {font-family: 'OpenSansSemiboldItalic';
				 color: #f9f9f9;
				 font-size: 19px;
				 display: block;
				 margin-bottom: 20px;}
				 
.footer ul li {font-size: 14px;
			   border-bottom: 1px solid #999;
			   margin-bottom: 6px;
			   padding-bottom: 2px;}

.footer ul li a {color: #f9f9f9;}
.footer p {color: #fff;
padding: 5px 0 0 50px;}

#slider_container_sub {width: 960px;
				   height: 80px;
				   background: #fff url("images/slider_bg.png") no-repeat;
				   }
				   
#slider_container_sub h3 {float: left;
font-family: 'OpenSansSemiboldItalic';
						  font-weight: normal;
						  color: #fff;
						  font-size: 21px;
						  margin-left: 50px;
						  margin-top: 20px;}
						  
.txt_content {padding: 50px;
color: #636363;
width: 810px;
float: left;}

.txt_content.uslugi {width: 540px;}

.txt_content2 {padding: 80px 50px;
color: #636363;
width: 390px;
float: left;}

.txt_content span {font-family: 'OpenSansSemiboldItalic';
						  font-weight: normal;
						  font-size: 19px;}
						  
#main_container .image_frame.sub {float: right;
									margin-right: 50px;
									margin-top: 100px;}
									
.contact {float: left;
margin-left: 50px;
margin-top: 50px;
color: #636363;}									
								
.kolumny {float: left;
margin-right: 100px;}

.pics {float: right;
width: 408px !important;
height: 274px !important;
margin-top: 80px;
margin-right: 50px;
border: 1px solid #ccc;
background: #eee;}

.pics img {padding: 4px;}

.nav {width: 408px;
height: 50px;
margin-top: 10px;
margin-right: 50px;
float: right;}

.nav a {color: #636363;}
.nav a:hover {color: red;}
.nav #prev2 {float: left;}
.nav #next2 {float: right;}/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 8, 2013 04:34:06 AM America/New_York */



@font-face {
    font-family: 'OpenSansLight';
    src: url('open-sans-fontfacekit/OpenSans-Light-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Light-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Light-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('open-sans-fontfacekit/OpenSans-Regular-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Regular-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('open-sans-fontfacekit/OpenSans-Italic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Italic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('open-sans-fontfacekit/OpenSans-Semibold-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Semibold-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('open-sans-fontfacekit/OpenSans-Bold-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Bold-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'square721exeunormal';
    src: url('open-sans-fontfacekit/0250eu27-webfont.eot');
    src: url('open-sans-fontfacekit/0250eu27-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/0250eu27-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/0250eu27-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}