/* 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, 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: Arial, Tahoma;
                    vertical-align: baseline;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 18px;
                    color: #979494;
                    background: white;
										font-size:12px;
                }
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }

h1 {font-size:30px;font-family: 'Open Sans', sans-serif; }
h2 {font-size:24px;color: #BD2626;font-family: 'Open Sans', sans-serif; }
h3 {font-size:18px;font-family: 'Open Sans', sans-serif; }


.font {
font-family: 'Open Sans', sans-serif;
}

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

.tlotop {
	width: 100%;
	float: left;
	border:0px;
	height:150px;
	background-color:#242424;
	min-width:998px;
}

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


.ramka2 {
	width: 998px;
	float: left;
	border:0px;
	background-image:url('../grafika/tlo_ramka.jpg');
	background-repeat : repeat-y;
	background-position:102px top;
}


.logo {
	width: 220px;
	float: left;
	border:0px;
	margin-top:60px;
}

.top {
	width: 778px;
	float: left;
	border:0px;
}

.listwa {
	width: 778px;
	float: left;
	border:0px;
	text-align:right;
	margin-top:20px;
}

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

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

.box-email {
	width: 200px;
	float: left;
	border:0px;
	height:27px;
  background-image:url('../grafika/tlomail.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	padding-left:20px;
	padding-top:10px;
}

.sciezka {
	width: 778px;
	float: left;
	border:0px;
	color:#979494;
	font-size:11px;
	margin-top:5px;
}

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

.flashglowna  {
	width: 100%;
	float: left;
	border:0px;
	height:400px;
	min-width:998px;
}

.lewa {
	width: 26%;
	float: left;
	border:0px;
	font-size: 11px;
	background-color: #3B3B3B;
}


.lewa2 {
	width: 26%;
	float: left;
	border:0px;
	font-size: 11px;
	background-color: #3B3B3B;
}


.menu-pionowe {
	width: 100%;
	float: right;
	border:0px;
	background-image:url('../grafika/tlo_menu.jpg');
	background-repeat : repeat-y;
	background-position:center top;
	padding: 30px 0px 30px 0px;
}

.box-gdzie-kupic {
	width: 163px;
	float: right;
	border:0px;
	margin-right: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.tlo_polecane {
	background-image:url('../grafika/tlo_polecane.jpg');
	background-repeat : no-repeat;
	background-position:left top;
}

.linia_katalog {
	background-image:url('../grafika/linia_katalog.jpg');
	background-repeat : repeat-x;
	background-position:center top;
	width: 100%;
	float: left;
	padding: 30px 0px 0px 0px;
}


.tresc {
	width: 74%;
	float: left;
	border:0px;
	position: relative;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 11px;
	min-height: 440px;
}

.tresc_absolute {
width: 100%;
height: 103%;
	background-color: #FFFFFF;
	top: 0px;
	left: 0px;
}

.tresc_middle {
float: left;
margin-left: 30px;
width: 680px;
padding: 30px 0px 30px 0px;
}


.tresc  table {
border: 0px;
}


.tresc   td {
border-bottom: 1px solid #E0E0E0;
padding: 10px;
}


.tresc   td {
border-bottom: 1px solid #E0E0E0;
padding: 10px;
}



.tresc p a{ color:#BD2626;text-decoration: none;}
.tresc p a: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;}



.tresc-kontakt a{ color:#BD2626;text-decoration: none;}
.tresc-kontakt a: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;}




.tresc-kontakt {
	width: 284px;
	float: left;
	border:0px;
	margin-right: 60px;
	padding-left: 5px;
}

.katalog_glowny {
	background-image:url('../grafika/tlo_produkt.png');
	background-repeat : repeat-x;
	background-position:center bottom;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height:280px;
	z-index: 200;
	display: block;
}



.katalog_glowny:hover {
	background-image:url('../grafika/tlo_produkt.png');
	background-repeat : repeat-x;
	background-position:center bottom;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height:280px;
	z-index: 200;
	display: block;
}


.katalog_glowny:hover .img_a {
	display: block;
}



.katalog_glowny .img_b {
	display: none;
}


.katalog_glowny:hover .img_b {
	display: block;
}






.formularz {
	width: 589px;
	float: left;
	border:0px;
		background-image:url('../grafika/tlo_from.png');
	margin: 0px 0px 40px 0px;
	padding: 30px;
}


.pole2 {
float: left;
width: 100%;
margin: 10px 0px 0px 0px;
padding: 6px 0px 6px 0px;
color: #FFFFFF;
font-size: 11px;
}



.pole {
float: left;
margin: 10px 0px 0px 0px;
padding: 6px 0px 6px 0px;
color: #FFFFFF;
font-size: 11px;
}


.input2 {
border: 2px solid #666666;
background-color: transparent;
height: 60px;
width: 100%;
color:white;
}


.input {
border: 2px solid #666666;
background-color: transparent;
padding: 8px 4px 8px 4px;
	background-image:url('../grafika/tlomail_from.jpg');
	background-repeat : no-repeat;
	background-position:right bottom;
	color:white;
}


.formbutton {
padding: 14px 6px 14px 6px;
background-color: #BD2626;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
border: 0px;
width: 160px;
float: right;
cursor: pointer;
}



.formbutton:hover {
background-color: black;
}





.box-produkty {
	width: 163px;
	float: left;
	border:0px;
	margin-left: 30px;
	padding: 30px 0px 0px 0px;
}

.box-kontakt {
	width: 998px;
	float: left;
	border:0px;
	font-size:11px;
	margin-top:40px;
}

.sekwencja1 {
	width: 100%;
	float: left;
	border:0px;
	height:400px;
  background-image:url('../grafika/baner.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	color:#575757;
	font-size:12px;
	min-width:998px;
}


.sekwencja2 {
	width: 100%;
	float: left;
	border:0px;
	height:400px;
  background-image:url('../grafika/baner2.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	color:#575757;
	font-size:12px;
	min-width:998px;
}



.sekwencja3 {
	width: 100%;
	float: left;
	border:0px;
	height:400px;
  background-image:url('../grafika/baner3.jpg');
	background-repeat : no-repeat;
	background-position:center top;
	color:#575757;
	font-size:12px;
	min-width:998px;
}


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


.middle_tlo {
  background-image:url('../grafika/tloszare.jpg');
	float: left;
	width: 100%;
	padding: 0px 0px 30px 0px;
	min-width:998px;
}


.middle_tlo2 {
	width: 100%;
	max-width: 1200px;
	min-width: 998px;
	margin: 0 auto;
}








.middle_tlo3 {
  background-image:url('../grafika/tlo_middle.jpg');
	background-repeat : repeat-y;
	background-position:center top;
	background-color: #FFFFFF;
	width: 100%;
	float: left;
	position: relative;
	min-width:998px;
}




.middle_tlo32 {
  background-image:url('../grafika/tlo_middle_s.jpg');
	background-repeat : repeat-y;
	background-position:center top;
	background-color: #FFFFFF;
	width: 100%;
	float: left;
	position: relative;
	min-width:998px;
}




.middle_tlo33 {
  background-image:url('../grafika/tlo_kontakt.jpg');
	background-repeat : no-repeat;
	background-position:center bottom;
	background-color: #000000;
	width: 100%;
	float: left;
	position: relative;
	margin-top: -68px;
	padding: 80px 0px 40px 0px;
	min-width:998px;
}



.tlo_naglowek {
  background-image:url('../grafika/tlo_naglowek.png');
	background-repeat : no-repeat;
	background-position:left top;
	float: left;
	width: 998px;
	padding: 25px 0px 25px 0px;
	
}



.tlo_naglowek3 {
	float: left;
	width: 998px;
	padding: 25px 0px 25px 0px;
	z-index: 300;
	position: relative;
}





.naglowek {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: #FFFFFF;
font-weight: 400;
text-transform: uppercase;
} 


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


.box-firma {
	width: 294.5px;
	float: left;
	border:0px;
	border-right:1px solid #D5D5D5; 
	height:180px;
	padding-right:25px;
	font-size:11px;
}

.box-gdzie-kupic-glowna {
	width: 294.5px;
	float: left;
	border:0px;
	padding-left:25px;
	border-right:1px solid #D5D5D5; 
	padding-right:25px;
	font-size:11px;
}

.box-produkty-glowna {
	width: 307px;
	float: left;
	border:0px;
	padding-left:25px;
	font-size:11px;
}


.tlo_podkategorie {
position: absolute;
width: 100%;
top: 0px;
	background-image:url('../grafika/tlo_produkt2.png');
	background-repeat : repeat-x;
	background-position:right top;
	padding: 10px 10% 0px 10%;
	height: 220px;
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
  text-decoration: none;
}





.tlo_podkategorie .img_c {
display: none;
}


.tlo_podkategorie:hover .img_c {
display: block;
}




.zdjecie_produkt {
float: left;
width: 420px;
margin-right: 30px;
}


.td_a {
padding: 10px;
text-align: left;
font-size: 18px;
text-transform: uppercase;
color: #000000;
border-bottom: 3px solid #C92A2A;
font-family: 'Open Sans', sans-serif;
text-align:center;
}


.td_aa {
padding: 10px;
text-align: left;
font-size: 19px;
text-transform: uppercase;
color: #000000;
border-left: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
border-bottom: 3px solid #C92A2A;
background-color: #F0F0F0;
font-family: 'Open Sans', sans-serif;
text-align:center;
}



.td_a2 {
padding: 3px 10px 3px 10px;
text-align: left;
font-size: 12px;
text-transform: uppercase;
color: #838383;
font-size: 11px;
text-align:center;
}


.td_aa2 {
padding: 3px 10px 3px 10px;
text-align: left;
font-size: 12px;
color: #838383;
border-left: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
background-color: #F0F0F0;
font-size: 11px;
text-align:center;
}


.tlo_galeria {
	background-image:url('../grafika/tlo_galeria.jpg');
	background-repeat : repeat-x;
	background-position:right top;
	width: 100%;
	float: left;
	background-color: #D7D7D7;
	margin-bottom: 0px;
	margin-top: 40px;
	padding: 30px 0px 30px 0px;
}



.komorka-menu {
	width: 163px;
	border:0px;
	background-image:url('../grafika/tlo_komorka.png');
	background-repeat : no-repeat;
	background-position:right top;
	float: right;
	margin-right: 50px;
}

.komorka-menu a{ color:#C1C1C1;text-decoration: none;font-family: 'Open Sans', sans-serif;font-size: 13px;}
.komorka-menu a:hover { color:#D60032; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}




.komorka-menu .komorka_middle {
width: 153px;
float: left;
padding: 9px 10px 9px 0px;
	background-image:url('../grafika/komorka_b.png');
	background-repeat : no-repeat;
	background-position:right 13px;
}










.komorka-menu-bold {
	width: 163px;
	border:0px;
	background-image:url('../grafika/tlo_komorka.png');
	background-repeat : no-repeat;
	background-position:right top;
	float: right;
	margin-right: 50px;
}



.komorka-menu-bold .komorka_middle {
width: 153px;
float: left;
padding: 9px 10px 9px 0px;
	background-image:url('../grafika/komorka_a.png');
	background-repeat : no-repeat;
	background-position:right 13px;
}


.komorka-menu-bold  a{ color:#D60032;text-decoration: none;font-family: 'Open Sans', sans-serif;font-size: 13px;}
.komorka-menu-bold  a:hover { color:#D60032; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}







.komorka-menu-menu {
	width: 163px;
	border:0px;
	float: right;
	margin-right: 50px;
}


.komorka-menu-menu .komorka_middle {
width: 153px;
float: left;
padding: 3px 0px 3px 10px;
}




.komorka-menu-menu  a{ color:#919191;text-decoration: none;font-family: 'Open Sans', sans-serif;font-size: 12px;}
.komorka-menu-menu  a:hover { color:#D60032; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}







.komorka-menu-menu-bold {
	width: 163px;
	border:0px;
	float: right;
	margin-right: 50px;
}




.komorka-menu-menu-bold .komorka_middle {
width: 153px;
float: left;
padding: 3px 0px 3px 10px;
}




.komorka-menu-menu-bold  a{ color:#D60032;text-decoration: none;font-family: 'Open Sans', sans-serif;font-size: 12px;}
.komorka-menu-menu-bold  a:hover { color:#D60032; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}














.komorka-stopka {
float: left;
border:0px;
padding-right:3%;
width:47%;
padding-top:5px;
padding-bottom:5px;
}

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


/* MENU  */


#nawigacja-menu{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align:left;
  display: table;
	width:100%;
}

#nawigacja-menu li{
  margin: 0px;
	padding: 0px;
  display: table-cell;
  vertical-align:middle;
	height:37px;
}
					
					
#nawigacja-menu li a{
color:white;
font-size:15px;
text-decoration:none;
font-weight:300;
text-transform:uppercase;
}

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





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





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




.link_nazwa{ color:#C1C1C1;text-decoration: none;font-size: 22px;}
.link_nazwa:hover { color:#FFFFFF;font-weight: 700; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}




.link_powiazane{ color:#8B8B8B;text-decoration: none;font-size: 19px;font-family: 'Open Sans', sans-serif;font-weight: 700;}
.link_powiazane:hover { color:#CCCCCC; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}



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





.link_podkategorie { color:#FFFFFF;text-decoration: none;font-size: 18px;font-family: 'Open Sans', sans-serif;}
.link_podkategorie:hover { color:#CCCCCC; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}



.link_szary{ color:#979494;text-decoration: none;}
.link_szary:hover { color:#D60032; 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:#D60032; 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:#2C2C2C;}
.link_czarny:hover { color:#D60032; 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:#2C2C2C;text-decoration: none;text-transform:uppercase;font-size:14px;padding-right:20px;}
.link_stopka:hover { color:#D60032; 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:#D60032;text-decoration: none;}
.link_stopka2:hover { color:#A4ABAB; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}