* { padding: 0; margin: 0; }
img {border:0;}
h1 {font-weight: normal;}

html, body {background:#f1f1f1;font:14px/22px Arial, Helvetica, sans-serif;color:#444;height:100%;width:100%;margin:0;}
#wrapper1{margin:0 auto;height:auto;}
#wrapper2{margin:0 auto;height:auto;}
#wrapper22{margin:0 auto;height:auto;}
#box{margin:0 auto;height:auto;color:#666;}
#box1{margin:0 auto;height:auto;font-size:13px}
#box2{margin:0 auto;height:auto;font-size:13px}
#wrapper4{margin:0 auto;height:auto;color:#666;background:#000;}
#wrapper44{margin:0 auto;height:auto;padding:20px 0px 30px 0px;}
#wrapper3{margin:0 auto;height:auto;margin-top:10px;}
#wrapper33{margin:0 auto;height:auto;}
#header{margin:0 auto;height:auto;}
#logo{margin:0 auto;height:auto;}
#menu-top{margin:0 auto;height:auto;}
#side{height:auto;margin-bottom:20px;}
#content{height:auto;margin-bottom:20px;text-shadow: 1px 1px 0px rgba(255,255,255,1)}
.produkty{height:auto;}
.produkt{height:auto;}
.foto{height:auto;}
.foto2{height:auto;}
.opis{height:auto;}
.cena{height:auto;}
#clear{clear:both;}
#sep{margin:0 auto;width:48px; height:16px;margin-top:-1px;}
#sep2{margin:0 auto;width:48px; height:16px;margin-bottom:5px;}
#footer{height:auto;}
#footer1{height:auto;}
#footer-l{height:auto;color:#444;}
#footer-r{height:auto;color:#444;text-shadow: 1px 1px 0px rgba(255,255,255,1)}



#wrapper44 h1{margin-bottom:15px;font-size:25px;color:#006da6;font-family:Times New Roman;}
#wrapper44 p{margin-bottom:15px;font-size:13px;line-height:18px;}
#wrapper44 a{color:#888888;text-decoration:none;}
#menu-top a{font-size:20px;margin-left:20px;text-decoration:none;color:#000;font-style:italic;text-shadow: 1px 1px 0px rgba(255,255,255,1)}
#menu-top a:hover{color:#006da6;}
#box1 h1{font-size:25px;color:#666;padding-bottom:7px;margin-bottom:10px;font-family: Times New Roman;background: url(../images/tlo_h1.png) repeat-x bottom left;}
#box2 h1{font-size:25px;color:#666;padding-bottom:7px;margin-bottom:10px;font-family: Times New Roman;background: url(../images/tlo_h1.png) repeat-x bottom left;}
#footer-l a{text-decoration:none;text-shadow: 1px 1px 0px rgba(255,255,255,1);color:#444;}
#footer-l a:hover{color:#006da6}
.opis a{color:#006da6;text-decoration:none;text-shadow: 1px 1px 0px rgba(255,255,255,1)}
#content h1{margin:15px 0px;color:#006da6;font-weight:normal;}
#content h2{margin:12px 0px;font-weight:normal;}



@media (min-width: 1071px) {
	#wrapper1{width:100%;background:#f1f1f1;height:76px;}
	#wrapper2{width:100%;background:#000;padding:0;margin:0;}
	#wrapper22{width:1050px;background:url(../images/deska-snb-tlo.jpg) no-repeat top center;height:530px;}
	#box{width:1050px;float:left;}
	#box1{width:290px;float:left;margin-top:300px;}
	#box2{width:290px;float:right;margin-top:20px;}
	#wrapper4{width:100%;}
	#wrapper44{width:1050px;}
	#wrapper3{width:100%;}
	#wrapper33{width:1050px;}
	#header{width:1050px;}
	#logo{width:300px;float:left;}
	#menu-top{width:700px;float:right;text-align:right;padding-top:25px;}
	#side{width:250px;float:left;}
	#side a{display:block;width:200px;background:#c1c1c1; padding:8px 15px; margin-bottom:6px;font-size:15px;text-transform:uppercase;color:#fff;text-shadow: 0px 0px 0px rgba(0,0,0,1);text-decoration:none;}
	#side a:hover{display:block;width:220px;background:#b2b2b2 url(../images/hover.png) no-repeat right; padding:8px 15px; margin-bottom:6px;font-size:15px;text-transform:uppercase;}
	#side .active {display:block;width:220px;background:#b2b2b2 url(../images/hover.png) no-repeat right; padding:8px 15px; margin-bottom:6px;font-size:14px;text-transform:uppercase;}
	#content{width:750px;float:right;}
	.tech{width:745px;}
	.produkty{width:750px;float:left;}
	.produkt{width:750px;float:left;border-bottom:1px dotted #666;}
	.foto{width:100px;float:left;padding-top:10px;margin-right:10px;}
	.foto img{width:100px;height:100px;float:left;}
	.foto2{width:100px;float:left;padding-top:10px;margin-right:10px;}
	.foto2 img{width:100px;height:100px;float:left;}
	.opis{width:469px;float:left;margin:0px 10px 0px 0px; border-right:1px dotted #666;padding:10px 10px 10px 0px;}
	.opis a{display:block;margin-bottom:5px;}
	.cena{width:150px;float:right;text-align:center;padding-top:40px;font-size:18px;}
	#footer{width:100%;}
	#footer1{margin:0 auto;width:1050px;}
	#footer-l{width:300px;float:left;padding:10px 0;}
	#footer-r{width:750px;float:right;text-align:right;padding:10px 0;}

}
@media (max-width: 1070px) {
	#wrapper1{width:100%;background:#f1f1f1;height:76px;}
	#wrapper2{width:100%;background:#000;padding:10px 0;}
	#wrapper22{width:930px;background:url(../images/deska-snb-tlo2.jpg) no-repeat top center;height:456px;}
	#box{width:930px;float:left;}
	#box1{width:290px;float:left;margin-top:270px;}
	#box2{width:290px;float:right;margin-top:20px;}
	#wrapper4{width:100%;background:#000;}
	#wrapper44{width:930px;}
	#wrapper3{width:100%;}
	#wrapper33{width:930px;}
	#header{width:930px;}
	#logo{width:300px;float:left;}
	#menu-top{width:600px;float:right;text-align:right;padding-top:25px;}
	#side{width:240px;float:left;}
	#side a{display:block;width:190px;background:#c1c1c1; padding:8px 15px; margin-bottom:6px;font-size:15px;text-transform:uppercase;color:#fff;text-shadow: 0px 0px 0px rgba(0,0,0,1);text-decoration:none;}
	#side a:hover{display:block;width:210px;background:#b2b2b2 url(../images/hover.png) no-repeat right; padding:8px 15px; margin-bottom:6px;font-size:15px;text-transform:uppercase;}
	#side .active {display:block;width:210px;background:#b2b2b2 url(../images/hover.png) no-repeat right; padding:8px 15px; margin-bottom:6px;font-size:14px;text-transform:uppercase;}
	#content{width:665px;float:right;}
	.tech{width:665px;}
	.produkty{width:665px;float:left;}
	.produkt{width:665px;float:left;border-bottom:1px dotted #666;}
	.foto{width:100px;float:left;padding-top:10px;margin-right:10px;}
	.foto img{width:100px;height:100px;float:left;}
	.foto2{width:100px;float:left;padding-top:10px;margin-right:10px;}
	.foto2 img{width:100px;height:100px;float:left;}
	.opis{width:414px;float:left;margin:0px 10px 0px 0px; border-right:1px dotted #666;padding:10px 10px 10px 0px;}
	.opis a{display:block;margin-bottom:5px;}
	.cena{width:120px;float:right;text-align:center;padding-top:30px;font-size:18px;}
	#footer{width:100%;}
	#footer1{margin:0 auto;width:930px;}
	#footer-l{width:250px;float:left;padding:10px 0;}
	#footer-r{width:680px;float:right;text-align:right;padding:10px 0;}
}
@media (max-width: 970px) {
	#wrapper1{width:100%;background:#f1f1f1;height:76px;}
	#wrapper2{width:100%;background:#000;padding:10px 0;}
	#wrapper22{width:730px;background:url(../images/deska-snb-tlo3.jpg) no-repeat top center;height:336px;}
	#box{width:730px;float:left;}
	#box1{width:290px;float:left;margin-top:150px;}
	#box2{width:290px;float:right;margin-top:20px;}
	#wrapper4{width:100%;background:#000;}
	#wrapper44{width:730px;}
	#wrapper3{width:100%;}
	#wrapper33{width:730px;}
	#header{width:730px;}
	#logo{width:300px;float:left;}
	#menu-top{width:400px;float:right;text-align:right;padding-top:25px;}
	#side{width:180px;float:left;}
	#side a{display:block;width:130px;background:#c1c1c1; padding:8px 15px; margin-bottom:6px;font-size:15px;text-transform:uppercase;color:#fff;text-shadow: 0px 0px 0px rgba(0,0,0,1);text-decoration:none;}
	#side a:hover{display:block;width:150px;background:#b2b2b2 url(../images/hover.png) no-repeat right; padding:8px 15px; margin-bottom:6px;font-size:15px;text-transform:uppercase;}
	#side .active {display:block;width:150px;background:#b2b2b2 url(../images/hover.png) no-repeat right; padding:8px 15px; margin-bottom:6px;font-size:14px;text-transform:uppercase;}
	#content{width:511px;float:right;}
	.tech{width:511px;}
	.produkty{width:511px;float:left;}
	.produkt{width:511px;float:left;border-bottom:1px dotted #666;}
	.foto{width:100px;float:left;padding-top:10px;margin-right:10px;}
	.foto img{width:100px;height:100px;float:left;}
	.foto2{width:100px;float:left;padding-top:10px;margin-right:10px;}
	.foto2 img{width:100px;height:100px;float:left;}
	.opis{width:300px;float:left;margin:0px 10px 0px 0px; border-right:1px dotted #666;padding:10px 10px 10px 0px;}
	.opis a{display:block;margin-bottom:5px;}
	.cena{width:80px;float:right;text-align:center;padding-top:30px;font-size:16px;}
	#footer{width:100%;}	
	#footer1{margin:0 auto;width:730px;}
	#footer-l{width:200px;float:left;padding:10px 0;}
	#footer-r{width:530px;float:right;text-align:right;padding:10px 0;}

}
@media (max-width: 750px) {
	#wrapper1{width:100%;background:#f1f1f1;height:76px;}
	#wrapper2{width:100%;background:#000000;padding:10px 0;}
	#wrapper22{width:420px;background:#000000 url(../images/deska-snb-tlo4.jpg) no-repeat;}
	#box{width:420px;}
	#box1{width:420px;}
	#box2{width:420px;display:none;}
	#wrapper4{width:100%;background:#000;}
	#wrapper44{width:420px;}
	#wrapper3{width:420px;}
	#wrapper33{width:420px;}
	#header{width:420px;}
	#logo{width:420px;}
	#menu-top{width:420px;text-align:left;padding:0;margin:0;}
	#menu-top a{text-shadow:none;color:#666;font-size:16px;margin-left:0px;margin-right:15px;}
	#side{width:410px;background:#666;padding:5px;}
	#side a{margin:0;font-size:13px;text-transform:uppercase;color:#fff;text-shadow: 0px 0px 0px rgba(0,0,0,1);text-decoration:none;text-transform:uppercase;display:inline;background:none;padding:2px 3px;}
	#side a:hover{margin:0;font-size:13px;text-transform:uppercase;color:#ffc000;text-shadow: 0px 0px 0px rgba(0,0,0,1);text-decoration:none;text-transform:uppercase;display:inline;background:none;padding:2px 3px;}
	#side .active {margin:0;font-size:13px;text-transform:uppercase;color:#ffc000;text-shadow: 0px 0px 0px rgba(0,0,0,1);text-decoration:none;text-transform:uppercase;display:inline;background:none;padding:2px 3px;}
	#content{width:420px;}
	.tech{width:420px;}
	.produkty{width:420px;}
	.produkt{width:420px;border:0px;}
	.foto{width:100px;float:left;padding-top:10px;margin-right:10px;}
	.foto img{width:100px;height:100px;float:left;}
	.foto2{width:100px;float:left;padding-top:10px;margin-right:10px;}
	.foto2 img{width:100px;height:100px;float:left;}
	.opis{width:310px;float:right;margin:0px 0px 10px 0px;padding:8px 0px 10px 0px;border-right:0px;}
	.opis a{display:block;margin-bottom:5px;}
	.cena{width:420px;text-align:center;padding:8px 0px;font-size:16px;background:#006da6;color:#fff;text-shadow: 1px 1px 0px rgba(0,0,0,0.5)}
	#footer{width:100%;}
	#footer1{width:420px;}
	#footer-l{width:420px;padding:10px 0;}
	#footer-r{display:none;}
	#header img{margin:0 auto;}
}
@media (max-width: 470px) {
	#wrapper1{width:100%;background:#f1f1f1;height:78px;}
	#wrapper2{width:100%;background:#000;padding:10px 0;}
	#wrapper22{width:300px;background:url(../images/deska-snb-tlo5.jpg) no-repeat;}
	#box{width:300px;}
	#box1{width:280px;padding:0 10px;}
	#box2{width:300px;display:none;}
	#wrapper4{width:100%;background:#000;}
	#wrapper44{width:300px;}
	#wrapper3{width:300px;}
	#wrapper33{width:300px;}
	#header{width:300px;}
	#logo{width:300px;}
	#menu-top{display:none}
	#side{width:300px;}
	#side a{margin:5px;font-size:14px;text-transform:uppercase;color:#fff;text-shadow: 0px 0px 0px rgba(0,0,0,1);text-decoration:none;text-transform:uppercase;display:inline;background:none;padding:2px 2px;}
	#side a:hover{margin:5px;font-size:14px;text-transform:uppercase;color:#ffc000;text-shadow: 0px 0px 0px rgba(0,0,0,1);text-decoration:none;text-transform:uppercase;display:inline;background:none;padding:2px 2px;}
	#side .active {margin:5px;font-size:14px;text-transform:uppercase;color:#ffc000;text-shadow: 0px 0px 0px rgba(0,0,0,1);text-decoration:none;text-transform:uppercase;display:inline;background:none;padding:2px 2px;}
	#content{width:300px;}
	.tech{width:300px;}
	.produkty{width:300px;}
	.produkt{width:300px;border:0px;}
	.foto{width:300px;padding:10px 0px;}
	.foto img{width:300px;height:300px;}
	.foto2{width:100px;padding:10px 100px 10px 100px;}
	.foto2 img{width:100px;height:100px;}
	.opis{width:300px;border:0px;margin:0;padding:0;}
	.opis a{display:block;margin-bottom:5px;text-align:center;text-decoration:none;font-size:16px;}
	.cena{width:300px;text-align:center;padding:8px 0px;font-size:16px;background:#006da6;color:#fff;text-shadow: 1px 1px 0px rgba(0,0,0,0.5)}
	#footer{width:300px;}
	#footer1{width:300px;}
	#footer-l{width:300px;text-align:center;padding:8px 0;}
	#footer-r{display:none;}
	#header img{margin:0;width:300px;height:auto;}
}