/*  CSS Document for BVD */
/*


Title:			main.css
Browser(s): 	All 

Author: 		
Created: 		

*/
/* RESET PRZEGLADAREK*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: arial;
	
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	background : url(../img/top_bg.jpg) repeat-x #B6BFB9;
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 1px;
	margin : 10px;

	
}


td {
	padding : 5px;
	border : 1px solid #000;
	
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* KONIEC RESTU*/

a {
	color : #20859F;
}

a:focus {
	color : #259EBC;
}

a:visited {
	color : #165C6D;
}

.clear {
	clear:both;
}

.text {
	float: left;
	width: 580px;
	margin : 15px 15px 15px 20px;
}

p { clear:both;}

#page {
	margin : 0 auto;
	width : 1020px;
}

#head {
	background : url(../img/head_bg.jpg) no-repeat;
	height : 119px;
}

#content {
	width : 960px;
	margin : 0 auto;

}

.box, .banner {
	border : 1px solid #7C828F;
	margin : 0 0 20px 0;
	
}

.box .glowne {
	float:left;
	width : 327px;
	height: 255px;
}

.box.glowne img {
	float:left;
	width : 327px;
	height: 255px;
}

.banner img {
	float:left;
	width : 148px;
	height : 148px;
}

.banner-text {
	margin : 2px 0 0 0;
	float:left;
	width : 459px;
}

.box {
	background : url(../img/box_bg.jpg) repeat-x;
	height : 255px;
	width : 960px;

}

.banner {
	background : url(../img/banner_bg.jpg) repeat-x;
	height : 148px;
	width : 617px;
	float : left;
}


.col {
	float:left;
	width : 270px;
	padding : 20px 20px 20px 30px;

}

#foot {
	background : url(../img/foot_bg.jpg) repeat-x;
	clear:both;
	
	
}
#foot-in {
	background : url(../img/foot_in_bg.jpg) no-repeat;
	margin : 0 auto;
	width : 960px;
	height : 439px;


}

#form {
	float : left;
	height : 394px;
	width : 617px;
	padding : 15px 0 0 0;
}

#links{
	float:left;
	width : 323px;
	margin : 0 0 0 20px;
	padding : 15px 0 0 0;
}

#last {
	clear:both;

}

#last p {
	float:left;
	padding : 0px;
	font-size : 12px;
	color : #666;
}
#last ul {
	margin: 0 0px 0 20px;
}


#last ul, #last ul li{
	display:inline;
		font-size : 12px;
	color : #aaa;
}

 #last ul li {
	margin : 0 5px 0 0;
 }

#foot-menu {
	float:right;
}

/*KONIEC LAYOUTU*/

#head h1 a{
	background : url(../img/logo.jpg) no-repeat;
	width : 174px;
	height : 85px;
	text-indent : -9999px;
	float:left;
	margin : 20px 0 0 65px;
	display : inline;
	overflow : hidden;
	
}

#menu ul {
	float : right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin : 6px 25px 0 0;
}

#menu ul li {
	display : block;
	float : left;
}

#menu ul li a {
	text-indent : -9999px;
	display : block;
	
}

#menu ul li#strona-glowna a {
	background : transparent url(../img/menu.png) no-repeat scroll left top;
	width : 150px;
	height :47px;
}

#menu ul li#uslugi a {
	background : transparent url(../img/menu.png) no-repeat scroll -150px 0px;
	width : 90px;
	height :47px;
}

#menu ul li#kontakt a {
	background : transparent url(../img/menu.png) no-repeat scroll -240px 0px;
	width : 90px;
	height :47px;
}

/* ACTIVE  I HOVER*/

#menu ul li#strona-glowna.active a, #menu ul li#strona-glowna a:hover {
	background : transparent url(../img/menu.png) no-repeat scroll 0 -47px;
	width : 150px;
	height :47px;
}

#menu ul li#uslugi.active a, #menu ul li#uslugi a:hover {
	background : transparent url(../img/menu.png) no-repeat scroll -150px -47px;
	width : 90px;
	height :47px;
}

#menu ul li#kontakt.active a, #menu ul li#kontakt a:hover {
	background : transparent url(../img/menu.png) no-repeat scroll -240px -47px;
	width : 90px;
	height :47px;
}

#right {
	float : left;
	width : 320px;
	padding : 0px 0px 0px 20px;
	
}

#left {
	float : left;
	width : 617px;
}
/*TEXT*/

p {
	font-family : arial;
	font-size : 12px;
	line-height : 1.5em;
	padding : 0px 0 10px 0;
}

.first p {
	font-size : 13px;
	line-height : 1.4em;
}


a.czytaj-wiecej {
		background : url(../img/czytaj_wiecej.jpg) no-repeat;
		width : 110px;
		height : 22px;
		text-indent : -9999px;
		display : block;
		float : right;
		overflow : hidden;
		margin : 10px 0 0 0;
}

a.dowiedz-sie-wiecej {
	background : url(../img/dowiedz_sie_wiecej.jpg) no-repeat;
	width : 163px;
	height : 25px;
	text-indent : -9999px;
	display : block;
	float : right;
	overflow : hidden;
	margin : 0px 15px 0 0;
}

a.zamow-teraz {
	background : url(../img/zamow_teraz.jpg) no-repeat;
	width : 128px;
	height : 25px;
	text-indent : -9999px;
	display : block;
	float : right;
	overflow : hidden;
	margin : 0px 0 0 0;
	
}

.nomargin {
	margin : 0px;
	padding : 0px;
	
}

.nopadding {
	padding :0px;

}


/* Formularz newsletter */

#right {
	font-family : arial;
	font-size : 13px;
}


#right form input#imie, #right form input#email{
	width : 164px;
	float : left;

	margin : 0px 0px 5px 0;
	border : 0 none;
	background : url(../img/newsletter_pole.jpg) no-repeat;
	height : 19px;
	padding : 2px 0 0 5px;
	
	
}
#right form label {
	margin : 0px 0px 5px 0;
	width : 80px;
	display : block;
	float:left;
	font-size : 14px;
	clear : left;
}

#right form input#newsletter-button {
	background : url(../img/newsletter_button.jpg) no-repeat;
	width : 100px;
	height : 25px;
	border : 0px none;
	margin : 0px 0 0 80px;
	cursor : pointer;
	display : block;
	clear : both;
	

}

/* Formularz kontaktowy strona główna*/

.clearing {
height : 0px;
clear:both;
line-height:0;
}

#form form input {
	
	border : 0 none;
	
	width : 164px;
	height : 19px;
	
	background : url(../img/wiadomosc_pole.jpg) no-repeat;
	padding : 2px 0 0 5px;
	display : block;
	float:left;
	margin : 0 0 4px 0;
	
	}

#form form label {
	
	
	
	width : 85px;
	height: 10px;
	font-family : arial;
	font-size : 14px;
	color : #ffffff;

	
}

.form-line {
	clear : left;
	
}

#form textarea {
	
	border : 0 none;
	display : block;
	float : left;
	width : 386px;
	height : 142px;
	background : url(../img/wiadomosc_textarea.jpg) no-repeat;
	padding : 5px 0 0 5px;
}

#form form input#wiadomosc-button {
	cursor : pointer;
	border : 0px none;
	clear: both;
	width : 116px;
	height : 25px;
	background : url(../img/wiadomosc_button.jpg) no-repeat;
	text-indent : -9999px;
	float : right;
	margin : 7px 140px 0 0;
	display : inline;
}

#form form {

	clear: both;
	padding : 12px 0 0 0;
}

#links img#zadzwon {
	margin : 20px 0 0 0;
}

#links a{
	margin : 0px;
	padding : 0px
}

#last ul li {
	font-family : arial;
	
}

#last ul li a {
	color : #666;
	text-decoration : none;
	border-bottom : dotted 1px #666;
}

#last ul li a:hover {
	border-bottom : none;
}

ul {
	font-family : arial;
	font-size : 12px;
	line-height : 1.6em;
}



.col-uslugi {
	width : 427px;
	float:left;
	
	padding : 20px 20px 20px 30px;

	
}

.box-uslugi {
	background : url(../img/box_bg.jpg) repeat-x #fff;
	float:left;
	width : 960px;
	border : 1px solid #7C828F;
	margin : 0 0 20px 0;
	padding : 10px 0 50px 0;
	
}

form#kalkulator-form {
	margin : 10px 0 0 0px;

}

form#kalkulator-form select {
	width : 160px;
	
}

form#kalkulator-form label {
	width : 160px;
	
}

form#kalkulator-form  .form-line {
	height : 30px;
	display : block;
	
}

.italic {
	font-style : italic;
}

.right {
	float:right;
}

a.white {
	color : white;
	line-height : 1.4em;

}

.linki-serwisy {
	height : 41px;
	float: left;
	margin : 0 0 0 0;


}

.linki-serwisy  a.white {
	margin : 0px;
}

#space {
	margin-bottom : 15px;

}

#links a img {
	margin : 5px 0 0px 0;

	
}

.col-uslugi form {
	margin-top: 10px;
}

.col-uslugi form#kosztorysform input.pole{
	border : none;
	background : url(../img/kosztorys_pole.jpg) no-repeat;
	height : 17px; 
	width : 164px;
	float: left;

}

.col-uslugi form#kosztorysform textarea {
	border : none;
	background : url(../img/kosztorys_textarea.jpg);
	width : 257px;
	height : 99px;
	float:left;
}

.col-uslugi form#kosztorysform .form-line  label {
	float:left;


}

.col-uslugi form#kosztorysform .form-line {
	margin : 3px 0 4px 0;
	float:left;

	
}



.col-uslugi form#kosztorysform  input#kosztorys-button {

	border : none;
	background : url(../img/kosztorys_button.jpg);
	height : 22px;
	width : 116px;

	cursor : pointer;
	margin-left : 260px;
	display : inline;
	float:left;
	text-indent : -9999px;
	
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.upload {
	position:relative;
	width:377px;
	margin : 8px 0 0 0;
}



.realupload {
	position:absolute;
	top:0;
	right:0;
	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */
	z-index:2; /* bring the real upload interactivity up front */
	width:235px;
	
}
form .fakeupload {
	background:url(../img/kosztorys_przegladaj.jpg) no-repeat scroll 100% 50%;
	height : 22px
}
form .fakeupload input {
	
	border : none;
	background : url(../img/kosztorys_pole.jpg) no-repeat;
	height : 17px; 
	width : 164px;

	
}


#cena {
	font-size : 20px;
}

#cena-opis {

margin : 20px 0 0 0;
font-size : 17px;
}

.dane-kontaktowe {
	width : 150px;
	float:left;
	margin : 5px 0 0 40px;
	display : inline;
}

.dane-kontaktowe  h2, .dane-kontaktowe h3 {
	width : 150px;
}

.dane-kontaktowe img {
	margin : 5px 0 0 0;

}

.second-back {
	background : url(../img/thumb3.jpg) no-repeat;
	height : 255px;
	float:left;
}

.text-kontakt {
margin-left : 350px;
float:left;
display:inline;
}




h2.newsletter {
	margin: 25px 0 0 0;
}


/* SIFR  */

  h2 {

  }
  h3{

  }
  
  
  
.sIFR-active h2 {
	color : #41434B;
	visibility: hidden;

}

.sIFR-active h3 {
	color : #20859F;
visibility: hidden;


}

.sIFR-active .box.first h2 {
	font-size : 36px;


}

.sIFR-active .box.first h3 {
	font-size : 20px;


}	


.sIFR-active .second h2, #foot-in h2 {
	font-size : 30px;



}

.sIFR-active .second h3, #foot-in h3 {
	font-size : 17px;



}			

.sIFR-active .banner h2 {
	font-size : 27px;



}

.sIFR-active .banner h3 {
	font-size : 16px;



}

.sIFR-active  #foot-in h2 {
	color : #ffffff;

}

.sIFR-active #foot-in h3{
color : #ffffff;

}

.sIFR-active h2.newsletter {

}	

.col-uslugi h2 {

font-size : 32px;

}


.col-uslugi h3{

font-size : 17px;

}

/*alternate*/


h2 span.sIFR-alternate{
	color : #41434B;
	
}

h3 span.sIFR-alternate{
	color : #20859F;
	
}

.box.first h2 span.sIFR-alternate{
	font-size : 36px;
	margin : 5px 0 0px 0;
	
}
.box.first h3 span.sIFR-alternate{
	font-size : 20px;
	margin : 10px 0 5px 0;
}	


.second h2 span.sIFR-alternate, #foot-in h2 span.sIFR-alternate{
	font-size : 30px;
	margin : 3px 0 0 0;
	
}

.second h3 span.sIFR-alternate, #foot-in h3 span.sIFR-alternate{
	font-size : 17px;
	margin : 10px 0 3px 0;
}			

.banner h2 span.sIFR-alternate{
	font-size : 27px;
	margin : 5px 0 0 0;
}

.banner h3 span.sIFR-alternate{
	font-size : 16px;
	margin : 5px 0 0 0;
}

#foot-in h2 span.sIFR-alternate, #foot-in h3 span.sIFR-alternate{
	color : #ffffff;
}




#links h3#space {
	margin-bottom : 20px;
}

.sIFR-active object {
  display: block;

}