/* RESET STYLI  */


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: inherit;
                    vertical-align: baseline;
										font-family: Arial, sans-serif;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 15px;
                    color: black;
                    background: white;
										font-size: 12px;
                }

                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }

h1 {font-size:29px; color: #DA1A0B; font-family: 'Source Sans Pro', sans-serif;font-weight: 300; line-height: 35px;}
h2 {font-size:22px; color: #DA1A0B; font-family: 'Source Sans Pro', sans-serif;font-weight: 300; line-height: 27px;}
h3 {font-size:22px; color: #DA1A0B; font-family: 'Source Sans Pro', sans-serif;font-weight: 300; line-height: 27px;} 

#prev2 img {
border:0px;float: right;clear: both;
}


#next2 img {
border:0px;float: right;clear: both;margin-top: 142px;
}


.media1 {
margin-top:15px;
}


.logo img {
border:0px;float:left;
max-width:100%;
}

.Czcionka {
font-family: 'Source Sans Pro', sans-serif;
}

.tlo_podstrona_naglowek h2{
font-size: 30px;font-weight: 300;color: #FFFFFF;line-height:30px;
}

.media2 {
float: right;padding: 30px 0px 0px 0px;margin-bottom: -40px;
}

.media3 {
float: left;padding:0px 0px 20px 0px;max-width:730px;
}



@media screen and (min-width: 0px) and (max-width: 850px) 

{

.media3 {
float: left;padding:15px 0px 15px 0px;max-width:100%;
}


}


@media screen and (min-width: 0px) and (max-width: 520px) 

{

.tlo_podstrona_naglowek h2{
font-size: 20px;font-weight: 300;color: #FFFFFF;line-height:25px;
}


}


.media3 h1 {
color:black;font-weight: 400;
}

.media4 {
float:left;width:23%;padding-right:2%;
}

.media5 {
float:left;height:170px;line-height:21px;
}

.media6 {
float:left;width:50%;text-align:right;padding-top:45px;
}



@media screen and (min-width: 0px) and (max-width: 900px) 

{

.media4 {
float:left;width:45%;padding-right:5%;
}

.media5 {
float:left;height:auto;line-height:21px;width:100%;
}

.media6 {
float:left;width:100%;text-align:right;padding-top:45px;
}



}



@media screen and (min-width: 0px) and (max-width: 500px) 

{

.media4 {
float:left;width:100%;padding-right:0%;
padding-top: 20px;
text-align: center;
}

}



.media7 {
float: left;width: 80%;
}



@media screen and (min-width: 0px) and (max-width: 700px) 

{

.media7 {
float: left;width: 100%;
padding-top: 20px;
}


}



.media8 {
float: right;padding: 30px 0px 10px 0px;text-transform: uppercase;font-size: 13px;clear:both;
}

.media9 {
float:left;
width:35%;
}

.media10 {
float:left;
width:65%;
}

.media11 {
float: left;padding: 30px 0px 0px 0px;
}

.media12 {
float:left;width:100%;
}

.media13 {
float:left;
width:100%;
padding: 4px 0px 4px 40px;
color: #919191;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.media14 {
float: left;
padding: 0px 0px 23px 0px;
width: 100%;
border-bottom: 1px solid #EEEEEE;
margin-bottom: 20px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.media14 h2 {
font-size: 22px;color: #da1b0c;font-weight: 300;
}

.media15 {
float: left;padding: 0px 30px 0px 30px;clear: both;
}

.media15 img {
border:0px;
float: left;
margin: 11px 5px -12px 0px;
}


#obrazek {
position:absolute;right:25px;top:10px;
}


.media19 {
float:left;
width:50%;
border-right:1px solid #E6E6E6;
height:99px;
padding-top:30px;
padding-left:30px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}





.strona {
	width: 94%;
	border: 0px;
	margin: 0 auto;
	min-width:300px;
	max-width:998px;
	padding: 0px 3%;
}





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

.logo {
	width: 25%;
	float: left;
	border:0px;
	border-right: 1px solid #E2E2E2;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.logo img{
	width: 220px;
	max-width: 100%;
}




.logo2 {
	width: 25%;
	float: left;
	border:0px;
	padding-top:15px;
	color:#C0C0C0;
	font-size:31px;
	font-weight:300;
	padding-left:30px;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.top {
	width: 50%;
	float: right;
	border:0px;
	margin-top:10px;
}

.nav {
float: left;
width: 100%;
margin-top: -226px;
z-index: 100;
position: relative;
}


.box-skontaktuj {
float:right;
text-align:left;
height:25px;
padding-top:9px;
color:#111111;
font-size:13px;
}


.tlo-telefon {
	float: right;
	border:0px;
	height:34px;
  background-image:url('../grafika/tlotelefon.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	text-align: left;
	float: right;
	width:220px;
}

.tlo-telefon2 {
color:#9C9C9C;
font-size:14px;
font-weight:400;
float:left;
	width: 100%;
height:29px;
padding-top:9px;
padding-left:60px;
text-align: left;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.tlomenu {
margin-top:15px;
width:100%;
border-top: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
height:1px;
float:left;
height:47px;
}


@media screen and (min-width: 0px) and (max-width: 770px) 

{




.tlomenu {
margin-top:15px;
width:100%;
border-top: 0px solid #E2E2E2;
border-bottom: 0px solid #E2E2E2;
height:1px;
float:left;
height:auto;
}




}



.tloflash {
width:100%;
background-image:url('../grafika/tloflash.jpg');
background-repeat : repeat-x;
background-position:center top;
height:542px;
float:left;
}


.tlo_podstrona {
width:100%;
background-image:url('../grafika/tloflash.jpg');
background-repeat : repeat-x;
background-position:center bottom;
float:left;
}



.tlobaner2 {
width:100%;
background-image:url('../grafika/tlobaner2.png');
background-repeat : repeat-y;
background-position:right top;
height:184px;
float:left;
}


.listwa {
	width: 498px;
	float: left;
	border:0px;
}


.menu2 {
	width: 100%;
	float: left;
	border:0px;
	height:47px;
	overflow:hidden;
}


.flash {
	border:0px;
	margin:auto;
	height:479px;
	max-width:1170px;
  background-image:url('../grafika/flashglowna.jpg');
	background-repeat : no-repeat;
	background-position:center top;
}



.flash_podstrona {
	border:0px;
	height:236px;
	float: left;
	width:100%;
  background-image:url('../grafika/podstrona_a.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	color: #FFFFFF;
	}
	
	
.flash_podstrona2 {
	border:0px;
	height:236px;
	float: left;
	width:100%;
  background-image:url('../grafika/podstrona_b.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	color: #FFFFFF;
	}
	
	
	.flash_podstrona3 {
	border:0px;
	height:236px;
	float: left;
	width:100%;
  background-image:url('../grafika/podstrona_c.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	color: #FFFFFF;
	}
	
	.flash_podstrona4 {
	border:0px;
	height:236px;
	float: left;
	width:100%;
  background-image:url('../grafika/podstrona_d.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	color: #FFFFFF;
	}
	
	
	
	
	

.tlo_podstrona_naglowek {
  background-image:url('../grafika/tlo_flash_podstrona.png');
	float: left;
	max-width: 390px;
	padding: 30px;
	margin-top: 90px;
	width:100%;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.nawigacja {
	width: 100%;
	float: left;
	border:0px;
	padding: 10px 0px 10px 0px;
	font-size: 11px;
	color: #f1f1f1;
}



@media screen and (min-width: 0px) and (max-width: 850px) 

{

.nawigacja {
	display: none;
}




}



.nawigacja img {
margin: 3px 0px -2px 5px;
}

.link_nav { color:#f1f1f1;font-size:11px;text-decoration: none;}
.link_nav:hover { color:black; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;font-size:11px;}



.link_nav2 { color:#FFFFFF;font-size:11px;text-decoration: none;}
.link_nav2:hover { color:black; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;font-size:11px;text-decoration: none;}


.link-akt2 { text-decoration:none !important;}
.link-akt2:hover { text-decoration:none !important; color:black !important;}


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


@media screen and (min-width: 0px) and (max-width: 850px) 

{

.lewa {
	width:96%;
	float: left;
	border:0px;
	padding: 0px 3%;
}


}


.menu-pionowe {
	width: 100%;
	float: left;
	border:0px;
}


.box-kontakt {
	width: 100%;
	float: left;
	border:0px;
	background-color:#F0F0F0;
	margin: 20px 0px 20px 0px;
	padding: 0px 20px 40px 20px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	
}


.tresc {
	width: 100%;
	float: left;
	border:0px;
	padding: 30px 40px 30px 0px;
	line-height: 18px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tresc2 {
	width: 70%;
	float: left;
	border:0px;
	padding: 30px 0px 30px 40px;
	line-height: 18px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.tresc3 {
	width: 70%;
	float: left;
	border:0px;
	padding: 30px 40px 30px 0px;
	line-height: 18px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



@media screen and (min-width: 0px) and (max-width: 850px) 

{

.tresc3 {
	width: 100%;
	float: left;
	border:0px;
	padding: 30px 5% 30px 5%;
	line-height: 18px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


}



.tresc-kontakt {
	width: 100%;
	float: left;
	border:0px;
	line-height: 18px;
	padding: 30px 0px 30px 0px;
}


.formularz {
	width: 57%;
	float: right;
	border:0px;
	background-color: #F5F5F5;
	padding: 30px 0px 30px 0px;
	margin-left: 3%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.mapka {
	width: 57%;
	float: right;
	border:0px;
	margin-top: -80px;
	margin-left: 3%;
}


.tresc-kontakt span{
	width: 30%;
	float: left;
	border:0px;
	display: block;
}



.tresc img {max-width:100% !important;height:auto !important;}
.tresc2 img {max-width:100% !important;height:auto !important;}
.tresc3 img {max-width:100% !important;height:auto !important;}
.tresc-kontakt img {max-width:100% !important;height:auto !important;}


.tresc table {max-width:100% !important;}
.tresc2 table {max-width:100% !important;}
.tresc3 table {max-width:100% !important;}
.tresc-kontakt table {max-width:100% !important;}

.tresc iframe {max-width:100% !important;}
.tresc2 iframe {max-width:100% !important;}
.tresc3 iframe {max-width:100% !important;}
.tresc-kontakt iframe {max-width:100% !important;}









@media screen and (min-width: 0px) and (max-width: 720px) 

{

.tresc-kontakt span{
	width: 100%;
	float: left;
	border:0px;
	display: block;
}

.formularz {
	width: 100%;
	float: right;
	border:0px;
	background-color: #F5F5F5;
	padding: 30px 0px 30px 0px;
	margin-left: 0%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.mapka {
	width: 100%;
	float: right;
	border:0px;
	margin-top: 80px;
	margin-left: 0%;
}


}



.box-aktualnosci {
	width: 100%;
	float: left;
	border:0px;
	height: 203px;
}

.box-aktualnosci2 {
	width: 100%;
	float: left;
	border:0px;
}

.akt {
width: 100%;
float: left;
border-bottom: 1px solid #E9E9E9;
padding-top:5px;
padding-bottom:5px;
}


.akt2 {
width: 100%;
float: left;
border-bottom: 1px solid #E9E9E9;
padding-top:5px;
padding-bottom:5px;
}





.akt a{ color:#333333;text-decoration: none;font-size:13px;}
.akt a:hover { color:#DA1309; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;font-size:13px;}


.akt2 a{ color:#8f8f8f;text-decoration: none;font-size:13px;}
.akt2 a:hover { color:#DA1309; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;font-size:13px;}


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






.box-ows {
	width: 280px;
	float: left;
	border:0px;
	padding: 30px 0px 30px 0px;
}



.komorka-menu {
	width: 100%;
	float: left;
	border-top:1px solid #dedede;
	padding: 12px 0px 9px 0px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.komorka-menu a{ color:#000000;text-decoration: none;}
.komorka-menu a:hover { color:#da1b0c; 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 {
		width: 100%;
	float: left;
	border-top:1px solid #dedede;
	padding: 12px 0px 9px 0px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.komorka-menu-bold a{ color:#000000;text-decoration: none;font-weight:400;}
.komorka-menu-bold a:hover { color:#da1b0c; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;font-weight:400;}



.komorka-menu-menu {
	width: 100%;
	float: left;
	border:0px;
	padding: 7px 0px 7px 30px;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.komorka-menu-menu-bold {
		width: 100%;
	float: left;
	border:0px;
	padding: 7px 0px 7px 30px;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.komorka-menu-menu a{ color:#7c7c7c;text-decoration: none;font-size:14px;}
.komorka-menu-menu a:hover { color:#da1b0c; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;font-size:14px;}


.komorka-menu-menu-bold a{ color:#7c7c7c;text-decoration: none;font-size:14px;font-weight:700 !important;}
.komorka-menu-menu-bold a:hover { color:#da1b0c; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;font-size:14px;font-weight:700 !important;}


.box-stal {
  max-width:360px;
	width: 100%;
	float: left;
	border:0px;
	height:305px;
	background-image:url('../grafika/boxstaltlo.png');
  background-repeat : repeat-x;
  background-position:center top;
	padding:45px 5% 45px 5%;
	color:#F0E6E4;
	font-size:12px;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.box-stal h1 {
	font-size:56px;
	color:#F0E6E4;
	font-weight:300;
}


.middle {
width: 100%;
float: left;
overflow: hidden;
}


@media screen and (min-width: 0px) and (max-width: 700px) 

{

.box-stal {
  max-width:100%;
	width: 100%;
}


}

.linia_aktualnosci {
width: 100%;
border-bottom: 1px solid #d4d4d4;
padding: 20px 0px 20px 0px;
float: left;
}


.linia_aktualnosci .media77 {
float: left;
width: 20%;
color: #da1b0c;
}

.oferta_kategoria {
width:315px;
display:inline-block;
}

.row1 {
float: left;
border-right: 1px solid #EEEEEE;
width: 100%;
height: 230px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row2 {
float: left;
height: 135px;
overflow:hidden;
text-align: center;
width:100%

}


.row2 img {
max-width: 100%;border:0px;max-height:100%;text-align: center;width:100%;
}


.row3 {
float: left;
padding: 50px 5% 20px 5%;
width: 90%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	
}

.row4 {
float: left;
width: 100%;
border-bottom: 1px solid #EEEEEE;
height: 2px;
margin: 10px 0px 20px 0px;
}





.oferta_foto {
	background-image:url('../grafika/tlo_foto.gif');
	width: 90%;
	float: left;
	height:115px;
	padding: 20px 20px 0px 20px;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:10px;
}


.ramka2 {
	width: 100%;
	float: left;
	border:0px;
}


.przycisk {
	float: right;
	border:0px;
	width:155px;
	background-color:#991006;
	height:26px;
	padding-top:10px;
	text-align:center;
}



.przycisk a{ color:#FFFFFF;text-decoration: none;font-weight:300;}
.przycisk a:hover { color:#000000; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;font-weight:300;}



.link_akt { color:#353535;text-decoration: none;font-weight:300;}
.link_akt:hover { color:#da1b0c; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;font-weight:300;}


.box-slider {
	width: 100%;
	float: left;
	border:0px;
	height:142px;
	background-repeat : no-repeat;
	background-position:center top;
	margin-top:-184px;
	position: relative;
	z-index: 1000;
}


.sekwencja {
	width: 100%;
	float: left;
	border:0px;
	height:142px;
	padding:50px 50px 0 35px;
	color:#CECECE;
	font-weight:300;
	text-align:right;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
		background-repeat : no-repeat;
	background-position:right top;
}

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




.sekwencja .Czcionka {
font-size: 55px !important;
}

.sekwencja a.Czcionka {
font-size: 13px !important;
}

@media screen and (min-width: 0px) and (max-width: 840px) 

{

.sekwencja .Czcionka {
font-size: 25px !important;
}


.sekwencja a.Czcionka {
font-size: 13px !important;
}



}


.media16 {
height:40px;
margin-top:-40px;
}


.media17 {
float:left;
width:48%;
}

.media18 {
float:left;
width:26%;
padding-left:0px;
}




.boxy-ramka {
	border:0px;
	margin-top:-20px;
	float:left;
	width:44%;
}


@media screen and (min-width: 0px) and (max-width: 880px) 

{


.boxy-ramka {
	border:0px;
	margin-top:-20px;
	float:left;
	width:100%;
}



}


.box-ows-glowna {
	width: 25%;
	border:0px;
	margin-left:3%;
	float:left;
	background-color: #F0F0F0;
	height: 320px;
}


.box-kontakt-glowna {
	width: 25%;
	float: left;
	border:0px;
	margin-left:3%;
	background-color: #F0F0F0;
	height: 320px;
}

.box-kontakt-glowna img{
	width: 100%;
	float: left;
}





.box-kontakt-srodek {
	width: 100%;
	border:0px;
	padding-top:25px;
	padding-left:30px;
	padding-right:30px;
	font-size:13px;
	color:#3A3A3A;
	height:144px;
	background-color:#F0F0F0;
	font-size:14px;
	color:#333333;
	line-height:25px;
	padding-top: 10px;
	padding-left: 20px;
	display:inline-block;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	float:left;
}



@media screen and (min-width: 0px) and (max-width: 880px) 

{

.box-ows-glowna {
	width: 50%;
	border:0px;
	margin-left:0%;
	float:left;
	background-color: #F0F0F0;
	height: 350px;
}


.box-kontakt-glowna {
	width: 47%;
	float: left;
	border:0px;
	margin-left:3%;
	background-color: #F0F0F0;
	height: 350px;
}



}



@media screen and (min-width: 0px) and (max-width: 500px) 

{


.box-ows-glowna {
	width: 100%;
	border:0px;
	margin-left:0%;
	float:left;
	background-color: #F0F0F0;
	height: 350px;
}


.box-kontakt-glowna {
	width: 100%;
	float: left;
	border:0px;
	margin-left:0%;
	background-color: #F0F0F0;
	height: 350px;
}



}



.box-dopobrania {
	width:100%;
	border:0px;
	background-color:#F0F0F0;
	height:129px;
	margin-top:8px;
	display:inline-block;
}


.box-ows-srodek {
	width: 100%;
	float: left;
	border:0px;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	font-size:13px;
	color:#3A3A3A;
	height:115px;
	background-color:#F0F0F0;
	line-height:20px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.box-ows-srodek a{ color:#333333;font-size:11px;}
.box-ows-srodek a:hover { color:#C9271A; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;font-size:11px;}



.box-kontakt-srodek span{
	font-size:22px;
	color:#333333;
}

.box-kontakt-srodek a{ color:#333333;font-size:11px;}
.box-kontakt-srodek a:hover { color:#C9271A; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;font-size:11px;}



a { color:#DA1A0B;}
a:hover { color:black; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}





.stopka {
  width:100%;
	float:left;
	border:0px;
  background-image:url('../grafika/tlostopka.jpg');
	background-repeat : no-repeat;
  background-position:center top;
	margin-top:40px;
	background-size: cover;
}


.stopka2 {
  width:100%;
	float:left;
	border:0px;
	padding-top:25px;
	color:#383838;
	font-size:11px;
	padding-bottom:50px;
}

.stopka2 a{ color:#333333;font-size:11px;}
.stopka2 a:hover { color:#D81C0C; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;font-size:11px;}








.pole {
float: left;
width: 100%;
padding: 5px 0px 5px 0px;
position:relative;
}


.pole2 {
float: left;
width: 90%;
padding: 5px 0px 5px 0px;
}


.input {
border: 1px solid #C4C4C4;
padding: 6px 4px 6px 4px;
margin: 5px 0px 5px 0px;
width: 100%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	float:left;
}

.input2 {
border: 1px solid #C4C4C4;
padding: 6px 4px 6px 4px;
margin: 5px 0px 5px 0px;
width: 100%;
height: 80px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	float:left;
}


.listwa2 {
width: 20px;
height: 35px;
	background-image:url('../grafika/tlo_foto.gif');
	background-color: #FFFFFF;
	float: left;
	margin-right: 10px;
}

.formbutton {
width: 190px;
padding: 12px;
background-color: #100F0F;
font-weight: 300;
color: #FFFFFF;
font-size: 20px;
text-align: center;
font-family: 'Source Sans Pro', sans-serif;
margin: 0  0 0 0px;
border: 0px;
}


.formbutton:hover {
background-color: #D81C0C;
color: #FFFFFF;
}

.form1 {
float:left;
width:30%;
padding:10px 0px 0px 0px;
margin:0px;

}

.form2 {
float:left;
width:40%;
padding:0px;
margin:0px;
position:relative;
}




/* MENU  */










@media screen and (min-width: 771px) and (max-width: 99770px) 

{


#nawigacja-menu{
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	font-weight:300;
	font-size:16px;
	text-align:center;
	width:100%;
}

#nawigacja-menu li{
	float: left;
	margin: 0px;
}
					
#nawigacja-menu li ul{
	display:none;
}
					
					
					
					
#nawigacja-menu li a {
	float:left;
	text-align:center;
	color:black;
	text-decoration:none;
	padding: 16px 1em 16px 1em;
	border-left:1px solid #E2E2E2;	
}

#nawigacja-menu li a:hover{
	color:#BE271C;
}





#nawigacja-menu li a#m-8{
	float:right;
	min-width:170px;
	text-align:center;
	color:#F8F8F8;
	text-decoration:none;
	padding: 16px 22% 16px 22%;
	background-color:#BEBEBE;
}

#nawigacja-menu li a#m-8:hover{
	color:#BE271C;
}

#nawigacja-menu li a#m-88{
	float:right;
	min-width:170px;
	text-align:center;
	color:#F8F8F8;
	text-decoration:none;
	padding: 16px 22% 16px 22%;
	background-color:#BEBEBE;
	color:#DB1A0B;
}



#nawigacja-menu li:last-child a{
float:right;
	min-width:170px;
	text-align:center;
	color:white !important;
	text-decoration:none;
	padding: 16px 22% 16px 22%;
	background-color:#BEBEBE;
	color:#DB1A0B;
}

#nawigacja-menu li.menubold:last-child a{
color:#DA1607 !important;
}

#nawigacja-menu li:last-child a:hover{
color:#DA1607 !important;
}



.menubold {
background: url(../grafika/tlomenu.jpg) !important;
background-repeat: repeat-x !important;
background-position: center top !important;
}




}



@media screen and (min-width: 0px) and (max-width: 1050px) 

{


.logo {
	border-right: 0px solid #E2E2E2;
}


.logo {
	width: 50%;
	float: left;
	border:0px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.logo2 {
	display: none;
}





#nawigacja-menu li a#m-8{
	min-width:120px;
	padding: 16px 22% 16px 22%;
}

#nawigacja-menu li a#m-8:hover{
	color:#BE271C;
}

#nawigacja-menu li a#m-88{
	min-width:120px;
}

#nawigacja-menu li:last-child {
	float:right;
}


}



@media screen and (min-width: 0px) and (max-width: 980px) 

{


#nawigacja-menu li a#m-8{
	min-width:100px;
	padding: 16px 10% 16px 10%;
}


#nawigacja-menu li a#m-88{
	min-width:100px;
}





}







@media screen and (min-width: 0px) and (max-width: 770px) 

{


.logo {
	width: 100%;
	float: left;
	border:0px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.top {
	display: none;
}





}



@media screen and (min-width: 0px) and (max-width: 771px) 

{

.lewa {display:none !important;}
.tresc {width:100% !important;}
.tresc2 {width:100% !important;}
.tresc3 {width:100% !important;}

}











			/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	width: 100%;
	position: absolute;
	background: transparent;
	padding: 0px 0;
	top: 0px;
	right: 0px !important;
	z-index: 900000000000000000000;
}

.mean-container a.meanmenu-reveal {
	width: 32px;
	height: 32px;
	padding: 10px 14px 10px 14px;
	position: absolute;
	z-index: 9990000;
	top: 18px;
	right: 4% !important;
	cursor: pointer;
	color: #EC1E45 !important;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 30px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	
	
}


.mean-container a.meanmenu-reveal:hover  {
color: #00ACEE;
}




.mean-container a.meanmenu-reveal span {
	display: block;
	background:  #EC1E45;
	height: 3px;
	margin-top: 4px;
}

.mean-container a.meanmenu-reveal:hover span {
	background:  #283C72;
}

.mean-container .mean-nav {
	position: relative;
	width: 100%;
	margin-top: 0px;
	float:left;
}

.mean-container .mean-nav ul {
	padding: 0px 0px 0px 0px !important;
	margin: 0;
	width: 100%;
	list-style-type: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 300000;
	margin: 0px !important; 
	top: 73px;
	right: 0px;
	background-color:rgba(0,0,0,0.9);
}


.mean-container .mean-nav ul ul{
	padding: 0px 0px 0px 0px !important;
	margin: 0;
	width: 100% !important;
	list-style-type: none;
	background: #F0F0F0;
	position: relative !important;
	z-index: 300000;
	margin: 0px !important; 
	top:0px !important;
	float: left;
-webkit-box-shadow: inset 0px 20px 22px -27px rgba(0,0,0,0.42);
-moz-box-shadow: inset 0px 20px 22px -27px rgba(0,0,0,0.42);
box-shadow: inset 0px 20px 22px -27px rgba(0,0,0,0.42);
overflow: hidden;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px !important; 
	padding: 0px !important;
		background-color:rgba(0,0,0,0.9);
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 80%;
	padding: 1.1em 5%;
	margin: 0 5% !important;
	text-align: left;
	color: #FFF !important;
	border-bottom: 1px solid #464552;
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
}




.mean-container .mean-nav ul ul li a {
	display: block;
	float: left;
	width: 80%;
	padding: 0.6em 5%;
	margin: 0 5% !important;
	text-align: left;
	color: #EC1E45 !important;
	border-bottom: 0px solid #464552;
	text-decoration: none;
  background-color: #464552;
	font-weight: 400;
	font-size: 14px;

	
	
}



.mean-container .mean-nav ul ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 0.6em 5% !important;
	margin: 0;
	text-align: left;
	color: #EFEFF1 !important;
	border-bottom: 0px solid #DFDFDF;
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
	border-left: 0px solid #00ACEE;

}



.mean-container .mean-nav ul li a.active { color:#79cbff !important;}




.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 0.9em 10%;
	border-top: 1px solid #464552;
	border-top: 1px solid#464552;
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: 0px solid #DFDFDF;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 80%;
	padding: 1em 15% 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	color: #00ACEE;
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 26px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: transprent;
	border: none !important;
	border-left: 0px solid rgba(255,255,255,0.4) !important;
	border-bottom: 0px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	color: #00ACEE;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}