/* RESET STYLI  */

@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

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, sub, sup, tt, var,
                dl, dt, dd,
                fieldset, form, label, legend{
                    margin: 0;
                    padding: 0;
                    border: 0;
                    outline: 0;
                    font-weight: inherit;
                    font-style: inherit;
                    font-size: 100%;
                    font-family: 'Titillium Web', sans-serif;
                    vertical-align: baseline;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 15px;
                    color: #333333;
                    background: white;
										font-size:13px;
                }
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }
								

h1 {font-size:30px;}
h2 {font-size:17px;}
h3 {font-size:8px;}


.strona {
	width: 998px;
	border: 0px;
	margin: 0 auto;
}

.listwa {
	width: 998px;
	float: left;
	border:0px;
	height:23px;
	text-align:right;
	padding-top:20px;
	padding-bottom:20px;
}

.ramka {
	width: 998px;
	float: left;
	border:0px;
}

.lewa {
	width: 336px;
	float: left;
	border:0px;
}

.menu {
	width: 158px;
	float: left;
	border:0px;
}

.box-pionowy {
	width: 138px;
	float: left;
	border:0px;
	
  background-image:url('../grafika/tloszare.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	padding:20px;
	line-height: 19px;
	font-family: arial;
	font-size: 11px;
	background-color:#DDDDDD;
}

.punkt_a {
position: absolute;
}

.tlo {
  width: 100%;
  background-image:url('../grafika/tloszerokie1.jpg');
	background-repeat:repeat-y;
	background-position:center top;
	float:left;
}

.tlo2 {
  width: 100%;
  background-image:url('../grafika/tloszerokie2.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	float:left;
}

.tlopasekstopka {
  width: 998px;
  background-image:url('../grafika/tlopasekstopka.png');
	background-repeat:no-repeat;
	background-position:center top;
	float:left;
	height:10px;
	margin-bottom:20px;
}


.prawa {
	width: 662px;
	float: left;
	border:0px;
}

.slider {
	width: 662px;
	float: left;
	border:0px;
}

.sekwencja {
	width: 662px;
	float: left;
	border:0px;
	height:590px;
  background-image:url('../grafika/BR_102-2.jpg');
	background-repeat:no-repeat;
	background-position:center 90px;
}


.sekwencja2 {
	width: 662px;
	float: left;
	border:0px;
	height:590px;
  background-image:url('../grafika/BR_113-2.jpg');
	background-repeat:no-repeat;
	background-position:center 60px;
}


.sekwencja3 {
	width: 662px;
	float: left;
	border:0px;
	height:590px;
  background-image:url('../grafika/BR_118-2.jpg');
	background-repeat:no-repeat;
	background-position:center 89px;
}

.sekwencja4 {
	width: 662px;
	float: left;
	border:0px;
	height:590px;
  background-image:url('../grafika/BR_120-2.jpg');
	background-repeat:no-repeat;
	background-position:center 90px;
}






.boxsekwencja {
float:left;
width:155.5px;
border:0px;
height:125px;
margin-right:10px;
}



#slideshow { float: left; width:662px;height:135px;}
#nav {  float: left; margin-top: 0px; }
#nav li {float:left;
width:155.5px;
border:0px;
height:125px;
margin-right:10px;}
#nav a { float:left;
width:125.5px;
border:0px;
height:95px;
  background-image:url('../grafika/tloslider.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	color:#B5B5B5;
	padding:15px;
	position:relative;
	z-index:100;
	display: block;}
#nav li.activeSlide a { float:left;
width:125.5px;
border:0px;
height:98px;
  background-image:url('../grafika/tlo_hover.png');
	background-repeat:no-repeat;
	background-position:center top;
	color:#FFFFFF;
	padding:15px;
	position:relative;
	z-index:100;
	margin-top: -10px;
	display: block;
	margin-left: 0px;
	padding: 22px 15px 15px 15px; }
#nav a:focus { outline: none;color: #FFFFFF; }
#nav img { border: none; display: block }
#nav a:hover  { float:left;
width:125.5px;
border:0px;
height:98px;
  background-image:url('../grafika/tlo_hover.png');
	background-repeat:no-repeat;
	background-position:center top;
	color:#FFFFFF;
	padding:15px;
	position:relative;
	z-index:100;
	margin-top: -10px;
	display: block;
	margin-left: 0px;
	padding: 22px 15px 15px 15px;}





.naglowek {
  background-image:url('../grafika/tlo_naglowek.jpg');
	background-repeat:repeat-x;
	background-position:center bottom;
	padding:15px;
	position:relative;
	z-index:100;
	float: left;
	padding: 25px 0px 40px 0px;
	margin-left: 5%;
	width: 95%;
	margin-bottom: 30px;
}

.srodek_tresc {
padding:15px;
	position:relative;
	z-index:100;
	float: left;
	padding: 25px 0px 40px 0px;
	margin-left: 5%;
	width: 95%;
	margin-bottom: 30px;
	font-family: arial;
	font-size: 12px;
	line-height: 19px;
}

.produkt_opis {
  background-image:url('../grafika/tlo_naglowek.jpg');
	width: 100%;
	float: left;
}


.srednica {
  background-image:url('../grafika/size.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	float: left;
	width: 40px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-size:  16px;
	margin: 10px 0px 10px 0px;
}


.formularz_e-mail {
  background-image:url('../grafika/formularz.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	float: left;
	width: 70%;
	height: 220px;
	padding: 60px 15% 0px 15%;
  color: #FFFFFF;
	font-family: arial;
	margin-top: 50px;
}


.komorka {
border-bottom: 1px solid #CACACA;
float: left;
padding: 5px 0px 5px 20px;
width: 90%;
  background-image:url('../grafika/ikona_komorka.gif');
	background-repeat : no-repeat;
	background-position:130px 15px;
}


.komorka a{ color:black;text-decoration: none;font-size:16px;}
.komorka a:hover { color:#009240; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}



.komorka_active {
background-color: #FFFFFF;
float: left;
padding: 5px 0px 5px 20px;
width: 120%;
  background-image:url('../grafika/ikona_komorka2.gif');
	background-repeat : no-repeat;
	background-position:130px 15px;
}

.komorka_active a{ color:#009240;text-decoration: none;font-size:16px;font-weight: 700;}
.komorka_active a:hover { color:#009240; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}





.produkt_opis_middle {
float: left;
margin: 2.5%;
width: 95%;
background-color: #FFFFFF;
}

#nav {
  width: 662px;
	float: left;
	border:0px;
	list-style:none;
	margin:0px;
	padding:0px;
}

.box-kontakt {
	width: 998px;
	float: left;
	border:0px;
	margin-top:60px;
	margin-bottom:40px;
}

.stopka {
	width: 998px;
	float: left;
	border:0px;
	padding-bottom:50px;
}

.komorka-menu {
	width: 158px;
	float: left;
	border:0px;
	border-bottom:1px solid #E1E1E1; 
	padding-top:15px;
	padding-bottom:15px;
	line-height:20px;
  background-image:url('../grafika/trojkatszary.jpg');
	background-repeat : no-repeat;
	background-position:145px center;
}


.komorka-menu:hover {
  background-image:url('../grafika/trojkatszary2.jpg');
}


.komorka-menu-bold {
	width: 158px;
	float: left;
	border:0px;
	border-bottom:1px solid #E1E1E1; 
	padding-top:15px;
	padding-bottom:15px;
	line-height:20px;
  background-image:url('../grafika/trojkatszary2.jpg');
	background-repeat : no-repeat;
	background-position:145px center;
}

.spanmenu {
font-size:11px;
color:#828282;
}

.pasek {
	width: 100%;
	float: left;
	border:0px;
	height:6px;
  background-image:url('../grafika/pasedlugi.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	min-width:998px;
}

.tlozielone {
	width: 100%;
	float: left;
	border:0px;
  background-image:url('../grafika/tlozielone.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	min-height:500px;
	min-width:998px;
}


.box-telefony {
	width: 336px;
	float: left;
	border:0px;
}

.box-tel {
  width: 336px;
	float: left;
	border:0px;
  background-image:url('../grafika/tlotel1.png');
	background-repeat : no-repeat;
	background-position:center top;
	height:130px;
}

.box-tel1 {
  width: 336px;
	float: left;
	border:0px;
  background-image:url('../grafika/tlotel2.png');
	background-repeat : no-repeat;
	background-position:center top;
	height:130px;
}

.box-tel2 {
  width: 336px;
	float: left;
	border:0px;
  background-image:url('../grafika/tlotel3.png');
	background-repeat : no-repeat;
	background-position:center top;
	height:130px;
}




.boxy-dlaczego {
	width: 632px;
	float: left;
	border:0px;
	margin-left:30px;
}

.box-dlaczego-ng {
	width: 632px;
	float: left;
	border:0px;
}

.boxy-dlaczego-ramka {
	width: 632px;
	float: left;
	border:0px;
}

.box {
	width: 157px;
	float: left;
	border:0px;
	border-right:1px solid #37A567;
	margin-top:30px;
	text-align:center;
	color:#cccccc;
}

.stopka-lewa {
	width: 336px;
	float: left;
	border:0px;
	color:#cccccc;
}

.stopka-prawa {
	width: 662px;
	float: left;
	border:0px;
	color:#cccccc;
	text-align:right;
}


.stopka {
	width: 998px;
	float: left;
	border:0px;
	clear:both;
}


.pole {
float: left;
width: 100%;
padding: 7px 0px 7px 0px;
}

.pole2 {
float: left;
width: 100%;
padding: 7px 0px 7px 0px;
}

.input {
float: left;
padding: 6px;
border: 1px solid #C8C8C8;
}


.input2 {
float: left;
padding: 6px;
border: 1px solid #C8C8C8;
width: 102%;
height: 90px;
}




/* MENU  */


#nawigacja-menu{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#nawigacja-menu li{
	float: left;
	margin: 0px;
	padding: 0px;
}
					
					
#nawigacja-menu li a#m-1{
}

#nawigacja-menu li a#m-1:hover{
}

#nawigacja-menu li a#m-11{
}








.komorka-menu a{ color:black;text-decoration: none;font-size:18px;display:block;width:100%;height:100%;}
.komorka-menu a:hover { color:#009240; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}

.komorka-menu-bold a{ color:#009240;text-decoration: none;font-size:18px;display:block;width:100%;height:100%;}
.komorka-menu-bold a:hover { color:#009240; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}




.link_box{ text-decoration: none;}
.link_box:hover {  transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}


.link_czarny{ color:#333333;text-decoration: none;font-size:14px;}
.link_czarny:hover { color:#009240; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}

.link_bialy{ color:white;text-decoration: none;}
.link_bialy:hover { color:#515151; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}


.link_zielony{ color:#009241;text-decoration: none;}
.link_zielony:hover { color:black; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}





.link_stopka{ color:white;text-decoration: none;font-size:16px;padding-left:30px;}
.link_stopka:hover { color:#003517; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}

.link_stopka2{ color:white;text-decoration: none;font-size:14px;}
.link_stopka2:hover { color:#003517; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}

.capbox {
	background-color: #92D433;
	border: #B3E272 0px solid;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 8px 40px 8px 8px;
	}

.capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #000000;
	background-color: #DBF3BA;
	margin: 5px auto 0px auto;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }