/*Cascading Style Sheets, Author: ngside.com, Version: CSS-4-Rev-3-17, All rights reserved*/

div, article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section, p { display: block; margin: 0; padding: 0; } .font10 { font-size: 10px;} .font11 { font-size: 11px;} .font12 { font-size: 12px;} .font13 { font-size: 13px;} .font14 { font-size: 14px;} .font15 { font-size: 15px;} .font16 { font-size: 16px;} .font17 { font-size: 17px;} .font18 { font-size: 18px;} .font19 { font-size: 19px;} .font20 { font-size: 20px;} .font21 { font-size: 21px;} .font22 { font-size: 22px;} .font23 { font-size: 23px;} .font24 { font-size: 24px;} .font25 { font-size: 25px;} .font26 { font-size: 26px;} .font27 { font-size: 27px;} .font28 { font-size: 28px;} .font29 { font-size: 29px;} .font30 { font-size: 30px;} .font31 { font-size: 31px;} .font32 { font-size: 32px;} .font33 { font-size: 33px;} .font34 { font-size: 34px;} .font35 { font-size: 35px;} .font36 { font-size: 36px;} .font37 { font-size: 37px;} .font38 { font-size: 38px;} .font39 { font-size: 39px;} .font40 { font-size: 40px;} .font42 { font-size: 42px;} .font44 { font-size: 44px;} .font46 { font-size: 46px;} .font48 { font-size: 48px;} .font50 { font-size: 50px;} .font55 { font-size: 55px;} .font60 { font-size: 60px;} .font65 { font-size: 65px;} .font70 { font-size: 70px;} strong { font-weight: bold; } em { font-style: italic; } img { border: 0px; } .cf { clear:both; }


html { background: #ffffff; }
body { line-height: 23px; margin: 0; padding: 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #4d4d4d; text-align: left; }


h1, h2, h3 { display: block; margin: 0; padding: 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 500; color: #4d4d4d; }
h1 { line-height: 30px; margin: 0 0 15px 0; font-size: 19px; }
h2 { line-height: 30px; margin: 0 0 15px 0; font-size: 18px; }
h3 { line-height: 30px; margin: 0 0 10px 0; font-size: 16px; }

main#mainSubpage-DoPobrania h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-DoPobrania h2 { line-height: 30px; margin: 0 0 15px 0; font-size: 18px; color: #0071BE; text-transform: uppercase; text-align: center; }

main#mainSubpage-AluminiumAkcesoria h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-AluminiumAkcesoria h2 { line-height: 30px; margin: 0 0 15px 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 18px; color: #0071BE; text-transform: uppercase; text-align: center; }

main#mainSubpage-AluminiumPrzesuwneYaval h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-AluminiumPrzesuwneYaval h2 { line-height: 30px; margin: 0 0 15px 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 18px; color: #000000; text-transform: uppercase; text-align: center; }

main#mainSubpage-AluminiumPrzesuwneSchuco h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-AluminiumPrzesuwneSchuco h2 { line-height: 30px; margin: 0 0 15px 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 18px; color: #000000; text-transform: uppercase; text-align: center; }

main#mainSubpage-AluminiumPrzesuwneAluprof h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-AluminiumPrzesuwneAluprof h2 { line-height: 30px; margin: 0 0 15px 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 18px; color: #000000; text-transform: uppercase; text-align: center; }

main#mainSubpage-AluminiumPrzesuwne h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-AluminiumPrzesuwne h2 { line-height: 30px; margin: 0 0 15px 0; font-size: 18px; text-transform: uppercase; }

main#mainSubpage-AluminiumFasady h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }

main#mainSubpage-OgrodyZimowe h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-OgrodyZimowe h2 { line-height: 30px; margin: 0 0 15px 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 18px; color: #000000; text-transform: uppercase; text-align: center; }

main#mainSubpage-AluminiumOknaDetails h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-AluminiumOknaDetails h2 { line-height: 35px; margin: 0 0 15px 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 20px; color: #ffffff; text-align: center; text-transform: uppercase; background: #58585A; }

main#mainSubpage-PCVKolory h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-PCVKolory h2 { line-height: 30px; margin: 0 0 15px 0; font-size: 18px; color: #000000; }

main#mainSubpage-PCVAkcesoria h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 400; font-size: 30px; color: #4d4d4d; border-bottom: 4px solid #4d4d4d; }

main#mainSubpage-PCVDrzwi .left h2 { line-height: 25px; padding: 0 0 15px 0; color: #000000; text-align: center; border-bottom: 4px solid #585858; }
main#mainSubpage-PCVDrzwiDetails h1 { line-height: 50px; margin: 0 0 30px 0; font-weight: 700; font-size: 30px; color: #4d4d4d; border-bottom: 4px solid #4d4d4d; }


main#mainSubpage-GdzieKupic .right h1 { padding: 0 0 15px 0; text-transform: uppercase; border-bottom: 4px solid #989898; }
main#mainSubpage-GdzieKupic .right h2 { display: inline-block; line-height: 40px; padding: 0 20px 0 50px; color: #ffffff; text-transform: uppercase; background: #0071BE url('../grafika/arrow2.png') no-repeat left; }

section#productList .rightColumn h1 { margin: 0 0 25px 0; color: #0071BE; text-transform: uppercase; border-bottom: 4px solid #0071BE; }
section#productDetails h1 { line-height: 50px; margin: 0 0 30px 0; font-size: 30px; color: #4d4d4d; text-transform: uppercase; border-bottom: 4px solid #4d4d4d; }

main#mainSubpage-OFirmie h1 { display: inline-block; margin: 0 0 10px -20px; padding: 0 6px 0 20px; color: #ffffff; text-transform: uppercase; border-bottom: 4px solid #ffffff; }
main#mainSubpage-OFirmie h2 { display: inline-block; margin: 10px 0 10px -20px; padding: 0 6px 0 20px; color: #ffffff; text-transform: uppercase; border-bottom: 4px solid #ffffff; }


a { margin: 0; padding: 0; font-weight: 400; color: #4d4d4d; text-decoration: underline; outline: none; cursor: pointer; }
a:hover { color: #4d4d4d; text-decoration: none; }

a.hButton { display: inline-block; line-height: 30px; margin: 0 0 15px 0; padding: 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 500; font-size: 19px; color: #4d4d4d; text-transform: uppercase; text-decoration: none; border-bottom: 4px solid #989898;}
a.hButton:hover { color: #4d4d4d; text-decoration: none; }
a.backButton { display: block; float: left; height: 20px; line-height: 20px; margin: 10px 0 0 0; padding: 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 16px; color: #989898; text-transform: lowercase; text-decoration: none; }
a.backButton:hover { color: #0071be; text-decoration: none; }



@media only screen and (min-width:1010px) {

}
@media only screen and (min-width:760px) and (max-width:1009px) {

}
@media only screen and (max-width:759px) {

}


/*HEADER*/
header#header { }
header#header .headerContent { width: 90%; max-width: 1180px; margin: 0 auto; position: relative; border-bottom: 1px solid #0071be; }

header#header .logoBg { width: 480px; height: 250px; position: absolute; left: -100px; background: url('../grafika/logoBg.png') no-repeat left top; }
header#header .logo { }
header#header .logo img { display: block; margin: 0; }

header#header .logo-subpage { }
header#header .logo-subpage img { display: block; max-width: 100%; margin: 0; }

header#header .schuco { position: relative; z-index: 1000; }

header#header .container { float: right; margin: 17px 0 0 0; position: relative; z-index: 1000; }
header#header .language { float: left; margin: 0 0 17px 50px; }
header#header .language a.pl { display: block; float: left; width: 41px; height: 25px; margin: 0 0 0 10px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); background: url('../grafika/pl.png') no-repeat left top; }
header#header .language a.en { display: block; float: left; width: 41px; height: 25px; margin: 0 0 0 10px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); background: url('../grafika/en.png') no-repeat left top; }
header#header .language a.it { display: block; float: left; width: 41px; height: 25px; margin: 0 0 0 10px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); background: url('../grafika/it.png') no-repeat left top; }
header#header .language a.de { display: block; float: left; width: 41px; height: 25px; margin: 0 0 0 10px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); background: url('../grafika/de.png') no-repeat left top; }
header#header .socialMedia { float: left; margin: 0 0 17px 0; }
header#header .socialMedia a.youtubeButton { display: block; float: left; width: 30px; height: 25px; margin: 0 10px 0 0; background: url('../grafika/youtubeButton.png') no-repeat left top; }
header#header .socialMedia a.facebookButton { display: block; float: left; width: 30px; height: 25px; margin: 0; background: url('../grafika/facebookButton.png') no-repeat left top; }

@media only screen and (min-width:1100px) {
header#header .logoBg { }
header#header .logo { position: absolute; top: 30px; left: 0; }
header#header .logo-subpage { position: absolute; top: 30px; left: -40px; }
header#header .schuco { float: left; margin: 7px 0 0 380px; }
}
@media only screen and (min-width:760px) and (max-width:1099px) {
header#header .logoBg { display: none; }
header#header .logo { float: left; padding: 10px 0; }
header#header .logo-subpage { float: left; padding: 10px 0; }
header#header .schuco { float: left; margin: 7px 0 0 20px; }
}
@media only screen and (max-width:759px) {
header#header .logoBg { display: none; }
header#header .logo { float: left; padding: 10px 0; }
header#header .logo-subpage { float: left; padding: 10px 0; }
header#header .schuco { float: left; margin: 7px 0 0 20px; }
header#header .socialMedia a.youtubeButton { display: block; float: left; width: 20px; height: 17px; margin: 0 10px 0 0; background: url('../grafika/youtubeButton.png') no-repeat left top; background-size:contain;}
header#header .socialMedia a.facebookButton { display: block; float: left; width: 20px; height: 17px; margin: 0; background: url('../grafika/facebookButton.png') no-repeat left top; background-size:contain;}
header#header .language a.pl {width: 28px; height: 17px; background-size:contain}
header#header .language a.en {width: 28px; height: 17px; background-size:contain}
header#header .language a.it {width: 28px; height: 17px; background-size:contain}
header#header .language a.de {width: 28px; height: 17px; background-size:contain}
}



/*NAV*/
nav#nav { }
nav#nav .navContent { width: 90%; max-width: 1180px; margin: 0 auto; padding: 40px 0; }
#navMob { width: 100%; margin: 0 0 30px 0; }
#navMob .navContent { width: 90%; max-width: 1180px; margin: 0 auto; }
@media only screen and (min-width:1100px) {
#navMob { display: none; }
}
@media only screen and (max-width:1099px) {
nav#nav { display: none; }
}
.jqueryslidemenu { float: right; position: relative; z-index: 5000; }
.jqueryslidemenu ul { height: 30px; margin: 0; padding: 0; list-style: none; }
.jqueryslidemenu ul li { display: inline; float: left; margin: 0 20px; padding: 0; position: relative; list-style: none; }	
.jqueryslidemenu ul li a { display: block; height: 30px; line-height: 30px; margin: 0 0 2px 0; padding: 0 8px; font-weight: 500; font-size: 17px; color: #0071be; text-transform: uppercase; white-space: nowrap; text-decoration: none; border-bottom: none; }
.jqueryslidemenu ul li a.active, .jqueryslidemenu ul li a:hover { margin: 0; color: #0071be; text-decoration: none; border-bottom: 2px solid #4d4d4d; }
.jqueryslidemenu ul li:first-child { }
.jqueryslidemenu ul li ul { visibility: hidden; height: auto; margin: 0; padding: 5px 0 5px 0; position: absolute; left: 0; background: #4d4d4d; }
.jqueryslidemenu ul li ul li { display: list-item; float: none; margin: 0; padding: 0; border-right: none; }	
.jqueryslidemenu ul li ul li a { float: none; height: 35px; line-height: 35px; margin: 0 10px; padding: 0 12px 0 0; font-weight: 500; font-size: 17px; color: #ffffff; text-transform: uppercase; white-space: nowrap; text-decoration: none; border-top: 1px solid #ffffff; border-bottom: none; background: none; }	
.jqueryslidemenu ul li ul li a.active, .jqueryslidemenu ul li ul li a:hover { margin: 0 10px; padding: 0 12px 0 0; color: #00A4E8; text-decoration: none; border-top: 1px solid #ffffff; border-bottom: none; }
.jqueryslidemenu ul li ul li:first-child a { border-top: none; }
.jqueryslidemenu ul li ul li ul { visibility: hidden; height: auto; margin: 0; padding: 10px 0 10px 0; position: absolute; left: 0; background: #0071be; }
.jqueryslidemenu ul li ul li ul li { display: list-item; float: none; margin: 0; padding: 0; border-right: none; }	
.jqueryslidemenu ul li ul li ul li a { float: none; height: 20px; line-height: 20px; margin: 0 12px; padding: 0; font-weight: 400; font-size: 14px; color: #ffffff; text-transform: uppercase; white-space: nowrap; text-decoration: none; border-top: none; border-bottom: 1px solid #ffffff; background: none; }	
.jqueryslidemenu ul li ul li ul li a.active, .jqueryslidemenu ul li ul li ul li a:hover { margin: 0 12px; padding: 0; color: #4d4d4d; text-decoration: none; border-top: none; border-bottom: 1px solid #ffffff; background: none; }	
.jqueryslidemenu ul li ul li ul li:last-child a { border-bottom: none; }
.downarrowclass { position: absolute; bottom: 0px; right: 8px; }
.rightarrowclass { position: absolute; top: 12px; right: 5px; }

#navMob a.mobMenu { display: block; width: 45px; height: 45px; text-decoration: none; background: #0071BE url('../grafika/mobMenu.png') no-repeat top; }
#navMob a.mobMenuActive { display: block; width: 45px; height: 45px; text-decoration: none; background: #0071BE url('../grafika/mobMenu.png') no-repeat bottom; }
#navMob .categoryMenu { margin: 0 0 20px 0; }
#navMob .categoryMenu a { display: block; line-height: 20px; padding: 10px 5px 10px 0; font-weight: 500; font-size: 17px; color: #0071be; text-transform: uppercase; text-decoration: none; }
#navMob .categoryMenu a.active, #navMob .categoryMenu a:hover { color: #4D4D4D; text-decoration: none; }
#navMob .categoryMenu .bg { }	
#navMob .categoryMenu dd dt a { display: block; line-height: 20px; margin: 0 0 0 0; padding: 10px 10px 10px 10px; font-weight: 400; font-size: 14px; color: #ffffff; text-transform: uppercase; text-decoration: none; background: #4D4D4D; }
#navMob .categoryMenu dd dt a.active, #navMob .categoryMenu dd dt a:hover { color: #00A4E8; text-decoration: none; background: #4D4D4D; }	
#navMob .categoryMenu dd dd a { display: block; line-height: 20px; margin: 0 0 0 0; padding: 10px 20px 10px 10px; font-weight: 400; font-size: 14px; color: #ffffff; text-transform: uppercase; text-decoration: none; background: #0071BE; }
#navMob .categoryMenu dd dd a.active, #navMob .categoryMenu dd dd a:hover { color: #4d4d4d; text-decoration: none; background: #0071BE; }
dl { margin-top: 0; margin-bottom: 0; margin-left: 0; border-bottom: 0; }
dt { margin: 0; }
dd { margin-bottom: 0; margin-left: 0; }



/*BANNER*/
#banner { /*see below*/ width: 100%; }
#banner .bannerContent { width: 90%; max-width: 1180px; margin: 0 auto; position: relative; }
#banner .images { float: right; margin: 0 0 0 190px; }
#banner img { display: block; max-width: 100%; }
#banner .slogan { padding: 0 0 15px 0; font-weight: 700; color: #4d4d4d; letter-spacing: 2px; border-bottom: 5px solid #4d4d4d; }
@media only screen and (min-width:1010px) {
#banner .slogan { line-height: 60px; margin: -100px 0 0 0; font-size: 40px; position: absolute; top: 50%; left: 0; }
#banner .slogan h1{ line-height: 60px; font-size: 45px;}
}
@media only screen and (min-width:760px) and (max-width:1009px) {
#banner .slogan { line-height: 30px; margin: -40px 0 0 0; font-size: 25px; position: absolute; top: 50%; left: 0; }
#banner .slogan h1{ line-height: 30px; font-size: 30px;}
}
@media only screen and (max-width:759px) {
#banner { display: none; }
#banner .slogan { line-height: 25px; font-size: 15px; position: absolute; top: 0; left: 0; }
#banner .slogan h1{ line-height: 25px; font-size: 20px;}
}

/*BREAD CRUMBS*/
#breadCrumbs { /*see below*/ width: 100%;  position: relative;}
#breadCrumbs .breadCrumbsContent { width: 90%; max-width: 1180px; margin: 0 auto; position: relative;}
#breadCrumbs .breadCrumbsContent ol { height: 30px; margin: 0; padding: 0; list-style: none; }
#breadCrumbs .breadCrumbsContent ol li { display: inline; float: left; margin: 0 5px; padding: 0; position: relative; list-style: none; }
#breadCrumbs .breadCrumbsContent ol li a { display: block; height: 30px; line-height: 30px; margin: 0 0 2px 0; padding: 0 2px; font-weight: 100; font-size: 11px; color: #0071be; white-space: nowrap; text-decoration: none; border-bottom: none; }
#breadCrumbs .breadCrumbsContent ol li a.active, .jqueryslidemenu ul li a:hover { margin: 0; color: #0071be; text-decoration: none; border-bottom: 2px solid #4d4d4d; }
#breadCrumbs .breadCrumbsContent ol li:last-child {color: #000000;}	





/*MAIN*/
#main { width: 100%; }
#main .mainContent { width: 90%; max-width: 1180px; margin: 0 auto; padding: 0; }



/*MAINHOME*/
main#mainHome { width: 100%; }

main#mainHome .left { background: #4d4d4d url('../grafika/p.png') no-repeat right bottom; }
#bannerA { width: 100%; }
ul.bjqs { display: none; overflow: hidden; margin: 0; padding: 0; position: relative; list-style: none; }
li.bjqs-slide {  display: none; position: absolute; }
ul.bjqs-controls { margin: 0; padding: 0; list-style: none; z-index: 9999; }
ul.bjqs-controls.v-centered li a { display: block; width: 40px; height: 40px; position: absolute; z-index: 3000; background: #4D4D4D; }
ul.bjqs-controls.v-centered li a:hover { background: #4D4D4D; }
ul.bjqs-controls.v-centered li.bjqs-next a { right: 0; background-position: right; }
ul.bjqs-controls.v-centered li.bjqs-prev a { left: 0; background-position: left; }
a.detailsBannerButton { display: block; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; text-decoration: none; z-index: 2000; }
a.detailsBannerButton:hover { text-decoration: none; }

main#mainHome .center { background: #ffffff; }
main#mainHome .center article { margin: 0 0 20px 0; }
main#mainHome .center article .mainPhoto { float: left; max-width: 100px; margin: 0 10px 10px 0; }
main#mainHome .center article .mainPhoto img { display: block; width: 100%; }
main#mainHome .center article a.title { display: block; line-height: 20px; margin: 0 0 10px 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 500; font-size: 14px; color: #4d4d4d; text-transform: none; text-decoration: none; }	
main#mainHome .center article a.title:hover { color: #0071be; text-decoration: none; }
main#mainHome .center article .introduction { line-height: 18px; }
main#mainHome .center article a.readmoreButton { display: block; height: 20px; line-height: 20px; margin: 0; padding: 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #989898; text-transform: lowercase; text-decoration: none; text-align: right; }
main#mainHome .center article a.readmoreButton:hover { color: #0071be; text-decoration: none; }

main#mainHome .right { font-size: 15px; color: #ffffff; text-align: right; background: #989898 url('../grafika/k.png') no-repeat left bottom; }
main#mainHome .content { padding: 15px; }
main#mainHome .left img, main#mainHome .center img, main#mainHome .right img { max-width: 100%; }

@media only screen and (min-width:1010px) {
main#mainHome .left { float: left; width: 33.33%; height: 0; padding: 0 0 28% 0; }
#bannerA { margin: -50px 0 0 0; }
main#mainHome .center { float: left; width: 33.33%; }
main#mainHome .right { float: left; width: 33.33%; height: 0; padding: 0 0 28% 0; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainHome .left { float: left; width: 33.33%; height: 0; padding: 0 0 28% 0; }
#bannerA { margin: -50px 0 0 0; }
main#mainHome .center { float: left; width: 33.33%; }
main#mainHome .right { float: left; width: 33.33%; font-size: 13px; }
}
@media only screen and (max-width:759px) {
main#mainHome .left { margin: 50px 0 20px 0; }
#bannerA { margin: 10px 0 0 0; }
main#mainHome .center { margin: 0 0 20px 0; }
main#mainHome .right { margin: 0; }
}




/*o firmie*/
main#mainSubpage-OFirmie { width: 100%; }
main#mainSubpage-OFirmie .left { background: #989898; }
main#mainSubpage-OFirmie .left .content { padding: 20px; font-weight: 400; color: #ffffff; }
main#mainSubpage-OFirmie .right { }
main#mainSubpage-OFirmie .right .top { margin: 0 0 3% 0; }
main#mainSubpage-OFirmie .right .top img { display: block; max-width: 100%; margin: 0; }
main#mainSubpage-OFirmie .right .middle { margin: 0 0 3% 0; }
main#mainSubpage-OFirmie .right .middle .leftBox { color: #ffffff; background: #0071be; }
main#mainSubpage-OFirmie .right .middle .rightBox { }
main#mainSubpage-OFirmie .right .middle .rightBox img { display: block; max-width: 100%; margin: 0; }
main#mainSubpage-OFirmie .right .bottom { }
main#mainSubpage-OFirmie .right .bottom img { display: block; max-width: 100%; margin: 0; }
main#mainSubpage-OFirmie .right .content { padding: 20px; font-weight: 700; }
@media only screen and (min-width:1010px) {
main#mainSubpage-OFirmie .left { float: left; width: 30%; }
main#mainSubpage-OFirmie .right { float: left; width: 68%; margin: 0 0 0 2%; }
main#mainSubpage-OFirmie .right .middle .leftBox { float: left; width: 48.5%; }
main#mainSubpage-OFirmie .right .middle .rightBox { float: left; width: 48.5%; margin: 0 0 0 3%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-OFirmie .left { margin: 0 0 20px 0; }
main#mainSubpage-OFirmie .right { margin: 0; }
main#mainSubpage-OFirmie .right .middle .leftBox { float: left; width: 48.5%; }
main#mainSubpage-OFirmie .right .middle .rightBox { float: left; width: 48.5%; margin: 0 0 0 3%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-OFirmie .left { margin: 0 0 20px 0; }
main#mainSubpage-OFirmie .right { margin: 0; }
main#mainSubpage-OFirmie .right .middle .leftBox { margin: 0 0 20px 0; }
main#mainSubpage-OFirmie .right .middle .rightBox { margin: 0 0 20px 0; }
}



/*aktualności*/
main#mainSubpage-Aktualnosci { width: 100%; }
main#mainSubpage-Aktualnosci .left { }
main#mainSubpage-Aktualnosci .right { }
main#mainSubpage-Aktualnosci .right a.button { display: block; width: 100%; line-height: 30px; margin: 0 0 10px 0; padding: 30px 0; font-size: 25px; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; background: #0071BE; }
main#mainSubpage-Aktualnosci .right .container { width: 100%; padding: 20px; box-sizing: border-box; background: #989898; }
section#articles { }
section#articles article { display: block; padding: 20px 0; border-bottom: 4px solid #989898; }
section#articles article .mainPhoto { float: left; max-width: 270px; margin: 0 20px 10px 0; }
section#articles article .mainPhoto img { display: block; width: 100%; }
section#articles article a.title { display: block; line-height: 20px; margin: 0 0 10px 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 500; font-size: 17px; color: #4d4d4d; text-transform: none; text-decoration: none; }	
section#articles article a.title:hover { color: #0071be; text-decoration: none; }
section#articles article .date { line-height: 20px; margin: 0 0 10px 0; padding: 0; color: #0071be; }
section#articles article .introduction { line-height: 18px; }
section#articles article a.readmoreButton { display: block; height: 20px; line-height: 20px; margin: 0; padding: 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 16px; color: #989898; text-transform: lowercase; text-decoration: none; text-align: right; }
section#articles article a.readmoreButton:hover { color: #0071be; text-decoration: none; }
@media only screen and (min-width:1010px) {
main#mainSubpage-Aktualnosci .left { float: left; width: 66%; }
main#mainSubpage-Aktualnosci .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-Aktualnosci .left { float: left; width: 66%; }
main#mainSubpage-Aktualnosci .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-Aktualnosci .left { margin: 0 0 20px 0; }
main#mainSubpage-Aktualnosci .right { margin: 0; }
}

section#articleDetails { margin: 0 0 20px 0; }
section#articleDetails .date { line-height: 20px; margin: 0 0 10px 0; padding: 0; color: #0071be; }
section#articleDetails .mainPhoto { float: left; max-width: 270px; margin: 0 20px 10px 0; }
section#articleDetails .mainPhoto img { display: block; width: 100%; }
section#articleDetails .tekst { }
section#articleDetails .tekst img { max-width: 100%; }
section#articleDetails .newsMoviesList { margin: 0 0 20px 0; }
section#articleDetails .newsMoviesList .box { padding: 0 0 20px 0; }
section#articleDetails .newsGalleryDetails { }
section#articleDetails .newsGalleryDetails .col { float: left; }
section#articleDetails .newsGalleryDetails .colM { display: none; }
section#articleDetails .newsGalleryDetails .photo { margin: 0 0 30px 0; }
section#articleDetails .newsGalleryDetails .photo img { display: block; width: 100%; }

@media only screen and (min-width:760px) {
section#articleDetails .newsGalleryDetails { width: 103%; margin: 0 0 0 -3%; }
section#articleDetails .newsGalleryDetails .col { float: left; width: 30.33%; margin: 0 0 30px 3%; }
section#articleDetails .newsGalleryDetails .colM { display: none; }
}
@media only screen and (max-width:759px) {
section#articleDetails .newsGalleryDetails { width: 100%; }
section#articleDetails .newsGalleryDetails .col { display: none; }
section#articleDetails .newsGalleryDetails .colM { display: block; width: 100%; }
}


/*pozostałe*/
main#mainSubpage { }


/*FOOTER*/
footer#footer { }
footer#footer .footerContent { width: 90%; max-width: 1180px; margin: 0 auto; padding: 20px 0; }
footer#footer .footerContent .copyright { line-height: 30px; margin: 0 30px 0 0; font-size: 12px; color: #989898; }
footer#footer .footerContent a.webdesign, footer#footer .footerContenta.webdesign:hover { line-height: 30px; font-size: 12px; color: #989898; text-decoration: none; }
footer#footer .footerContent #cookieInfo { line-height: 20px; margin: 5px 0; font-size: 12px; color: #989898;  }
footer#footer .footerContent #cookieInfo a, footer#footer .footerContent #cookieInfo a:hover { color: #989898; text-decoration: none; }
@media only screen and (min-width:760px) {
footer#footer .footerContent .copyright { float: left; }
footer#footer .footerContent .webdesign { float: left; }
footer#footer .footerContent #cookieInfo { float: right; }
}
@media only screen and (max-width:759px) { }



/*editor*/
.editor { margin: 0 0 20px 0; padding: 0 0 20px 0; }
.editor img { max-width: 100%; }


/*kontakt*/
main#mainSubpage-Kontakt { width: 100%; }
main#mainSubpage-Kontakt .top { }
main#mainSubpage-Kontakt .top .topLeft { }
main#mainSubpage-Kontakt .top .topRight { }
main#mainSubpage-Kontakt .top .content { margin: 15px; text-align: center; }
main#mainSubpage-Kontakt #map { width: 100%; height: 350px; }
main#mainSubpage-Kontakt .bottom { }
main#mainSubpage-Kontakt .bottom .bottomLeft { color: #ffffff; background: #989898; }
main#mainSubpage-Kontakt .bottom .bottomCenter { }
main#mainSubpage-Kontakt .bottom .bottomRight { }
main#mainSubpage-Kontakt .bottom .content { padding: 30px 15px; text-align: center; }
@media only screen and (min-width:1010px) {
main#mainSubpage-Kontakt .top .topLeft { float: left; width: 33.33%; }
main#mainSubpage-Kontakt .top .topRight { float: left; width: 66.66%; }
main#mainSubpage-Kontakt .bottom .bottomLeft { float: left; width: 33.33%; }
main#mainSubpage-Kontakt .bottom .bottomCenter { float: left; width: 33.33%; }
main#mainSubpage-Kontakt .bottom .bottomRight { float: left; width: 33.33%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-Kontakt .top .topLeft { float: left; width: 33.33%; }
main#mainSubpage-Kontakt .top .topRight { float: left; width: 66.66%; }
main#mainSubpage-Kontakt .bottom .bottomLeft { float: left; width: 33.33%; }
main#mainSubpage-Kontakt .bottom .bottomCenter { float: left; width: 33.33%; }
main#mainSubpage-Kontakt .bottom .bottomRight { float: left; width: 33.33%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-Kontakt .top .topLeft { }
main#mainSubpage-Kontakt .top .topRight { }
main#mainSubpage-Kontakt .bottom .bottomLeft { }
main#mainSubpage-Kontakt .bottom .bottomCenter { }
main#mainSubpage-Kontakt .bottom .bottomRight { }
}


/*gdzie kupić*/
main#mainSubpage-GdzieKupic { width: 100%; }
main#mainSubpage-GdzieKupic .left { }
main#mainSubpage-GdzieKupic .right { }
main#mainSubpage-GdzieKupic .right a.wojewodztwo { display: block; padding: 0 0 0 25px; line-height: 30px; font-weight: 500; font-size: 18px; color: #0071be; text-transform: uppercase; text-decoration: none; background: url('../grafika/arrow.png') no-repeat left; }
main#mainSubpage-GdzieKupic .right .container { padding: 20px; background: #E4E4E4; }
main#mainSubpage-GdzieKupic .right .container .l { }
main#mainSubpage-GdzieKupic .right .container .p { }
@media only screen and (min-width:1010px) {
main#mainSubpage-GdzieKupic .left { float: left; width: 55%; padding: 30px 0 0 0; }
main#mainSubpage-GdzieKupic .right { float: left; width: 43%; margin: 0 0 0 2%; }
main#mainSubpage-GdzieKupic .right .container .l { float: left; width: 50%; }
main#mainSubpage-GdzieKupic .right .container .p { float: left; width: 50%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-GdzieKupic .left { float: left; width: 55%; padding: 30px 0 0 0; }
main#mainSubpage-GdzieKupic .right { float: left; width: 43%; margin: 0 0 0 2%; }
main#mainSubpage-GdzieKupic .right .container .l { float: left; width: 50%; }
main#mainSubpage-GdzieKupic .right .container .p { float: left; width: 50%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-GdzieKupic .left { margin: 0 0 20px 0; }
main#mainSubpage-GdzieKupic .right { margin: 0; }
main#mainSubpage-GdzieKupic .right .container .l { }
main#mainSubpage-GdzieKupic .right .container .p { }
}



/*pcv okna*/
section#productList { }
section#productList .leftColumn { }
section#productList .leftColumn .top { background: #4d4d4d; }
section#productList .leftColumn .top .content { padding: 15px; font-weight: 500; color: #ffffff; }
section#productList .leftColumn .middle { margin: 30px 0 0 0; }
section#productList .leftColumn .middle img { display: block; max-width: 100%; }
section#productList .leftColumn .bottom { margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 4px solid #0071BE; }
section#productList .rightColumn { }
section#productList  ul.productListUl { display: block; margin: 0; padding: 0; list-style: none; }
section#productList  ul li { display: block; margin: 0; padding: 5px 0; position: relative; list-style: none; background: #E0E7F5; }
section#productList .image { float: left; width: 30%; margin: -30px 0 -50px 0; }
section#productList .image img { display: block; width: 100%; }
section#productList .info { float: left; width: 65%; margin: 0 0 0 5%; }
section#productList a.name { display: block; line-height: 20px; margin: 10px 0 10px 0; font-weight: 500; font-size: 18px; color: #222222; text-transform: uppercase; text-decoration: none; }
section#productList a.name:hover { color: #0071be; text-decoration: none; }
section#productList .info .introduction { font-weight: 700; }
@media only screen and (min-width:1010px) {
section#productList .leftColumn { float: left; width: 33.33%; }
section#productList .rightColumn { float: left; width: 64.66%; margin: 0 0 0 2%; }
section#productList  ul.productListUl { margin: 0 0 0 -5%; }
section#productList  ul li { float: left; width: 45%; margin: 30px 0 50px 5%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
section#productList .leftColumn { float: left; width: 33.33%; }
section#productList .rightColumn { float: left; width: 64.66%; margin: 0 0 0 2%; }
section#productList  ul.productListUl { margin: 0 0 0 -5%; }
section#productList  ul li { float: left; width: 45%; margin: 30px 0 50px 5%; }
}
@media only screen and (max-width:759px) {
section#productList .leftColumn { margin: 0 0 20px 0; }
section#productList .rightColumn { }
section#productList  ul.productListUl { }
section#productList  ul li { clear: both; width: 100%; margin: 30px 0 50px 0; }
}


/*pcv okna details*/
section#productDetails { margin: 0 0 20px 0; }

section#productDetails .leftColumn { }
section#productDetails .leftColumn .description { margin: 0 0 30px 0; font-weight: 700; font-size: 15px; }
section#productDetails .table { }	
section#productDetails .table table { width: 100%; }
section#productDetails .table .tr1  { background: #FDFDFD; }
section#productDetails .table .tr2  { background: #EAEAEB; }
section#productDetails .table td { font-weight: 700; color: #222222; }
section#productDetails .table td.value { font-weight: 700; color: #0071be; }

section#productDetails .rightColumn { }
section#productDetails .mainPhoto { }
section#productDetails .mainPhoto img { display: block; max-width: 100%; }
section#productDetails .info { color: #ffffff; background: #58585A; }
section#productDetails .info .txt { float: left; width: 60%; padding: 15px; box-sizing: border-box; }
section#productDetails .info .kolory { float: left; width: 40%; margin: -20% 0 0 0; }
section#productDetails .info .kolory img { display: block; max-width: 100%; }
section#productDetails .info a { font-weight: 700; color: #0071BE; text-decoration: none; }
@media only screen and (min-width:1010px) {
section#productDetails .leftColumn { float: left; width: 49%; }
section#productDetails .rightColumn { float: left; width: 49%; margin: 0 0 0 2%; }
section#productDetails .mainPhoto { margin: -50px 0 50px 0; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
section#productDetails .leftColumn { float: left; width: 49%; }
section#productDetails .rightColumn { float: left; width: 49%; margin: 0 0 0 2%; }
section#productDetails .mainPhoto { margin: -50px 0 50px 0; }
}
@media only screen and (max-width:759px) {
section#productDetails .leftColumn { margin: 0 0 20px 0; }
section#productDetails .rightColumn { margin: 0; }
section#productDetails .mainPhoto { margin: 0 0 50px 0; }
}


/*pcv drzwi*/
main#mainSubpage-PCVDrzwi { width: 100%; }
main#mainSubpage-PCVDrzwi .left { line-height: 19px; text-align: justify; }
main#mainSubpage-PCVDrzwi .right { }
main#mainSubpage-PCVDrzwi .right img { display: block; width: 100%; margin: 0; }
main#mainSubpage-PCVDrzwi .left a.button1 { display: block; height: 25px; line-height: 25px; margin: 10px 0 0 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 16px; color: #ffffff; text-decoration: none; text-align: center; background: #0071BE; }
main#mainSubpage-PCVDrzwi .left a.button2 { display: block; height: 25px; line-height: 25px; margin: 10px 0 0 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 16px; color: #ffffff; text-decoration: none; text-align: center; background: #58585A; }
@media only screen and (min-width:1010px) {
main#mainSubpage-PCVDrzwi .left { float: left; width: 32%; margin: 0 0 20px 0; }
main#mainSubpage-PCVDrzwi .right { float: left; width: 66%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-PCVDrzwi .left { float: left; width: 32%; margin: 0 0 20px 0; }
main#mainSubpage-PCVDrzwi .right { float: left; width: 66%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-PCVDrzwi .left { margin: 0 0 20px 0; }
main#mainSubpage-PCVDrzwi .right { margin: 0 0 20px 0; }
}

main#mainSubpage-PCVDrzwiDetails { width: 100%; }
main#mainSubpage-PCVDrzwiDetails img { line-height: 19px; }
main#mainSubpage-PCVDrzwiDetails ul { display: block; padding: 0; box-sizing: border-box; }
main#mainSubpage-PCVDrzwiDetails ul li { margin: 0 0 5px 10px;  }
@media only screen and (min-width:1010px) {
main#mainSubpage-PCVDrzwiDetails img { float: left; width: 65%; }
main#mainSubpage-PCVDrzwiDetails ul { float: left; width: 33%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-PCVDrzwiDetails img { float: left; width: 65%; }
main#mainSubpage-PCVDrzwiDetails ul { float: left; width: 33%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-PCVDrzwiDetails img { display: block; max-width: 100%; margin: 0 0 20px 0; }
main#mainSubpage-PCVDrzwiDetails ul { }
}


/*pcv akcesoria*/
main#mainSubpage-PCVAkcesoria { width: 100%; }
main#mainSubpage-PCVAkcesoria .left { text-align: justify; }
main#mainSubpage-PCVAkcesoria .center { padding: 15px; color: #ffffff; box-sizing: border-box; background: #0071BE; }
main#mainSubpage-PCVAkcesoria .center ul { padding-left: 15px; }
main#mainSubpage-PCVAkcesoria .right { font-family: "Times New Roman", Times, serif; }
main#mainSubpage-PCVAkcesoria .right img { display: block; max-width: 100%; margin: 0; }
main#mainSubpage-PCVAkcesoria .bottom { }
main#mainSubpage-PCVAkcesoria .bottom img { display: block; float: left; width: 32%; margin: 0 0 20px 2%; }
main#mainSubpage-PCVAkcesoria .bottom img:first-child { margin: 0 0 20px 0; }
@media only screen and (min-width:1010px) {
main#mainSubpage-PCVAkcesoria .left { float: left; width: 32%; margin: 0 0 20px 0; }
main#mainSubpage-PCVAkcesoria .center { float: left; width: 32%; margin: 0 0 20px 2%; }
main#mainSubpage-PCVAkcesoria .right { float: left; width: 32%; margin: 0 0 20px 2%; }
main#mainSubpage-PCVAkcesoria .bottom { }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-PCVAkcesoria .left { float: left; width: 32%; margin: 0 0 20px 0; }
main#mainSubpage-PCVAkcesoria .center { float: left; width: 32%; margin: 0 0 20px 2%; }
main#mainSubpage-PCVAkcesoria .right { float: left; width: 32%; margin: 0 0 20px 2%; }
main#mainSubpage-PCVAkcesoria .bottom { }
}
@media only screen and (max-width:759px) {
main#mainSubpage-PCVAkcesoria .left { margin: 0 0 20px 0; }
main#mainSubpage-PCVAkcesoria .center { margin: 0 0 20px 0; }
main#mainSubpage-PCVAkcesoria .right { margin: 0 0 20px 0; }
main#mainSubpage-PCVAkcesoria .bottom { }
}


/*pcv kolory*/
main#mainSubpage-PCVKolory { width: 100%; }
main#mainSubpage-PCVKolory .left { }
main#mainSubpage-PCVKolory .right { }
main#mainSubpage-PCVKolory img { max-width: 100%; }
@media only screen and (min-width:1010px) {
main#mainSubpage-PCVKolory .left { float: left; width: 66%; }
main#mainSubpage-PCVKolory .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-PCVKolory .left { float: left; width: 66%; }
main#mainSubpage-PCVKolory .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-PCVKolory .left { margin: 0 0 20px 0; }
main#mainSubpage-PCVKolory .right { margin: 0; }
}


/*aluminium okna*/
main#mainSubpage-AluminiumOkna { width: 100%; }
main#mainSubpage-AluminiumOkna .logoName { margin: 0 0 15px 0; text-align: center; border-bottom: 4px solid #4d4d4d; }
main#mainSubpage-AluminiumOkna .left { }
main#mainSubpage-AluminiumOkna .left a.button { display: block; height: 30px; line-height: 30px; margin: 10px 0 0 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 16px; color: #ffffff; text-decoration: none; text-align: center; background: #58585A; }
main#mainSubpage-AluminiumOkna .center-right { }
main#mainSubpage-AluminiumOkna .center { }
main#mainSubpage-AluminiumOkna .center a.button { display: block; height: 30px; line-height: 30px; margin: 10px 0 0 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 16px; color: #ffffff; text-decoration: none; text-align: center; background: #0071BE; }
main#mainSubpage-AluminiumOkna .right { }
main#mainSubpage-AluminiumOkna .right a.button { display: block; height: 30px; line-height: 30px; margin: 10px 0 0 0; font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 16px; color: #000000; text-decoration: none; text-align: center; background: #B8B7B7; }
main#mainSubpage-AluminiumOkna .bottom { }
main#mainSubpage-AluminiumOkna .bottom img { display: block; width: 100%; margin: 0; }
@media only screen and (min-width:1010px) {
main#mainSubpage-AluminiumOkna .left { float: left; width: 32%; }
main#mainSubpage-AluminiumOkna .center-right { float: left; width: 66%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumOkna .center { float: left; width: 49%; margin: 0 0 20px 0; }
main#mainSubpage-AluminiumOkna .right { float: left; width: 49%; margin: 0 0 20px 2%; }
main#mainSubpage-AluminiumOkna .bottom { }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-AluminiumOkna .left { float: left; width: 32%; }
main#mainSubpage-AluminiumOkna .center-right { float: left; width: 66%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumOkna .center { float: left; width: 49%; margin: 0 0 20px 0; }
main#mainSubpage-AluminiumOkna .right { float: left; width: 49%; margin: 0 0 20px 2%; }
main#mainSubpage-AluminiumOkna .bottom { }
}
@media only screen and (max-width:759px) {
main#mainSubpage-AluminiumOkna .left { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumOkna .center-right { }
main#mainSubpage-AluminiumOkna .center { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumOkna .right { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumOkna .bottom { }
}


/*aluminium okna details*/
main#mainSubpage-AluminiumOknaDetails { width: 100%; }
main#mainSubpage-AluminiumOknaDetails .left { }
main#mainSubpage-AluminiumOknaDetails .center { }
main#mainSubpage-AluminiumOknaDetails .right { }
main#mainSubpage-AluminiumOknaDetails img { display: block; max-width: 100%; margin: 0; }
@media only screen and (min-width:1010px) {
main#mainSubpage-AluminiumOknaDetails .left { float: left; width: 32%; }
main#mainSubpage-AluminiumOknaDetails .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumOknaDetails .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-AluminiumOknaDetails .left { float: left; width: 32%; }
main#mainSubpage-AluminiumOknaDetails .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumOknaDetails .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-AluminiumOknaDetails .left { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumOknaDetails .center { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumOknaDetails .right { margin: 0; }
}


/*ogrody zimowe*/
main#mainSubpage-OgrodyZimowe { width: 100%; }
main#mainSubpage-OgrodyZimowe .left { }
main#mainSubpage-OgrodyZimowe .right { text-align: justify; }
main#mainSubpage-OgrodyZimowe img { display: block; max-width: 100%; margin: 0; }
@media only screen and (min-width:1010px) {
main#mainSubpage-OgrodyZimowe .left { float: left; width: 66%; }
main#mainSubpage-OgrodyZimowe .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-OgrodyZimowe .left { float: left; width: 66%; }
main#mainSubpage-OgrodyZimowe .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-OgrodyZimowe .left { margin: 0 0 20px 0; }
main#mainSubpage-OgrodyZimowe .right { margin: 0; }
}


/*aluminium fasady*/
main#mainSubpage-AluminiumFasady { width: 100%; }
main#mainSubpage-AluminiumFasady .left { }
main#mainSubpage-AluminiumFasady .center { padding: 15px; color: #000000; box-sizing: border-box; background: #B8B7B7; }
main#mainSubpage-AluminiumFasady .right { }
main#mainSubpage-AluminiumFasady img { display: block; max-width: 100%; margin: 0; }
@media only screen and (min-width:1010px) {
main#mainSubpage-AluminiumFasady .left { float: left; width: 32%; }
main#mainSubpage-AluminiumFasady .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumFasady .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-AluminiumFasady .left { float: left; width: 32%; }
main#mainSubpage-AluminiumFasady .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumFasady .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-AluminiumFasady .left { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumFasady .center { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumFasady .right { margin: 0; }
}


/*aluminium przesuwne*/
main#mainSubpage-AluminiumPrzesuwne { width: 100%; }
main#mainSubpage-AluminiumPrzesuwne .left { }
main#mainSubpage-AluminiumPrzesuwne .left .box1 { padding: 20px; margin: 0 0 20px 0; color: #ffffff; box-sizing: border-box; background: #58585A; }
main#mainSubpage-AluminiumPrzesuwne .left .box1 h2 { color: #ffffff; }
main#mainSubpage-AluminiumPrzesuwne .left .box2 { padding: 20px; margin: 0 0 20px 0; box-sizing: border-box; background: #B8B7B7; }
main#mainSubpage-AluminiumPrzesuwne .left .box3 { padding: 20px; margin: 0 0 20px 0; box-sizing: border-box; border: 2px solid #B8B7B7; background: #ffffff; }
main#mainSubpage-AluminiumPrzesuwne .right { }
main#mainSubpage-AluminiumPrzesuwne .right img { display: block; width: 100%; margin: 0; }
main#mainSubpage-AluminiumPrzesuwne .left a { display: block; text-decoration: none; }
main#mainSubpage-AluminiumPrzesuwne .left .box1 a { color: #ffffff; }
@media only screen and (min-width:1010px) {
main#mainSubpage-AluminiumPrzesuwne .left { float: left; width: 32%; }
main#mainSubpage-AluminiumPrzesuwne .right { float: left; width: 66%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-AluminiumPrzesuwne .left { float: left; width: 32%; }
main#mainSubpage-AluminiumPrzesuwne .right { float: left; width: 66%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-AluminiumPrzesuwne .left { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumPrzesuwne .right { margin: 0; }
}


/*aluminium przesuwne aluprof*/
main#mainSubpage-AluminiumPrzesuwneAluprof { width: 100%; }
main#mainSubpage-AluminiumPrzesuwneAluprof .left { }
main#mainSubpage-AluminiumPrzesuwneAluprof .center { }
main#mainSubpage-AluminiumPrzesuwneAluprof .right { }
main#mainSubpage-AluminiumPrzesuwneAluprof img { display: block; max-width: 100%; margin: 0; }
@media only screen and (min-width:1010px) {
main#mainSubpage-AluminiumPrzesuwneAluprof .left { float: left; width: 32%; }
main#mainSubpage-AluminiumPrzesuwneAluprof .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumPrzesuwneAluprof .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-AluminiumPrzesuwneAluprof .left { float: left; width: 32%; }
main#mainSubpage-AluminiumPrzesuwneAluprof .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumPrzesuwneAluprof .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-AluminiumPrzesuwneAluprof .left { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumPrzesuwneAluprof .center { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumPrzesuwneAluprof .right { margin: 0; }
}


/*aluminium przesuwne schuco*/
main#mainSubpage-AluminiumPrzesuwneSchuco { width: 100%; }
main#mainSubpage-AluminiumPrzesuwneSchuco .left { }
main#mainSubpage-AluminiumPrzesuwneSchuco .center { }
main#mainSubpage-AluminiumPrzesuwneSchuco .right { }
main#mainSubpage-AluminiumPrzesuwneSchuco img { display: block; max-width: 100%; margin: 0; }
@media only screen and (min-width:1010px) {
main#mainSubpage-AluminiumPrzesuwneSchuco .left { float: left; width: 32%; }
main#mainSubpage-AluminiumPrzesuwneSchuco .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumPrzesuwneSchuco .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-AluminiumPrzesuwneSchuco .left { float: left; width: 32%; }
main#mainSubpage-AluminiumPrzesuwneSchuco .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumPrzesuwneSchuco .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-AluminiumPrzesuwneSchuco .left { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumPrzesuwneSchuco .center { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumPrzesuwneSchuco .right { margin: 0; }
}


/*aluminium przesuwne yaval*/
main#mainSubpage-AluminiumPrzesuwneYaval { width: 100%; }
main#mainSubpage-AluminiumPrzesuwneYaval .left { }
main#mainSubpage-AluminiumPrzesuwneYaval .center { }
main#mainSubpage-AluminiumPrzesuwneYaval .right { }
main#mainSubpage-AluminiumPrzesuwneYaval img { display: block; max-width: 100%; margin: 0; }
@media only screen and (min-width:1010px) {
main#mainSubpage-AluminiumPrzesuwneYaval .left { float: left; width: 32%; }
main#mainSubpage-AluminiumPrzesuwneYaval .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumPrzesuwneYaval .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-AluminiumPrzesuwneYaval .left { float: left; width: 32%; }
main#mainSubpage-AluminiumPrzesuwneYaval .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumPrzesuwneYaval .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-AluminiumPrzesuwneYaval .left { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumPrzesuwneYaval .center { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumPrzesuwneYaval .right { margin: 0; }
}


/*aluminium akcesoria*/
main#mainSubpage-AluminiumAkcesoria { width: 100%; }
main#mainSubpage-AluminiumAkcesoria .left { }
main#mainSubpage-AluminiumAkcesoria .center { }
main#mainSubpage-AluminiumAkcesoria .right { }
main#mainSubpage-AluminiumAkcesoria img { display: block; max-width: 100%; margin: 0; }
@media only screen and (min-width:1010px) {
main#mainSubpage-AluminiumAkcesoria .left { float: left; width: 32%; }
main#mainSubpage-AluminiumAkcesoria .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumAkcesoria .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-AluminiumAkcesoria .left { float: left; width: 32%; }
main#mainSubpage-AluminiumAkcesoria .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-AluminiumAkcesoria .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-AluminiumAkcesoria .left { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumAkcesoria .center { margin: 0 0 20px 0; }
main#mainSubpage-AluminiumAkcesoria .right { margin: 0; }
}


/*do pobrania*/
main#mainSubpage-DoPobrania { width: 100%; }
main#mainSubpage-DoPobrania .left { }
main#mainSubpage-DoPobrania .center { }
main#mainSubpage-DoPobrania .center img { display: block; width: 100%; margin: 0; }
main#mainSubpage-DoPobrania .right { }
main#mainSubpage-DoPobrania .plikicon { display: block; height: 20px; line-height: 20px; margin: 5px 0; padding: 0 0 0 25px; text-transform: uppercase; text-decoration: none; background: url('../grafika/pobierz.png') no-repeat left; }
main#mainSubpage-DoPobrania a { display: block; line-height: 20px; text-transform: none; text-decoration: none; }
main#mainSubpage-DoPobrania a.plik { display: block; height: 30px; line-height: 30px; margin: 5px 0; padding: 0 0 0 25px; text-transform: uppercase; text-decoration: none; background: url('../grafika/pobierz.png') no-repeat left; }
@media only screen and (min-width:1010px) {
main#mainSubpage-DoPobrania .left { float: left; width: 32%; }
main#mainSubpage-DoPobrania .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-DoPobrania .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage-DoPobrania .left { float: left; width: 32%; }
main#mainSubpage-DoPobrania .center { float: left; width: 32%; margin: 0 0 0 2%; }
main#mainSubpage-DoPobrania .right { float: left; width: 32%; margin: 0 0 0 2%; }
}
@media only screen and (max-width:759px) {
main#mainSubpage-DoPobrania .left { margin: 0 0 20px 0; }
main#mainSubpage-DoPobrania .center { margin: 0 0 20px 0; }
main#mainSubpage-DoPobrania .right { margin: 0; }
}