﻿* {
  margin: 0;
  padding: 0;
}
@media (min-width: 1200px);
html,body{background-color:#A2A0A0; height:100%;width:100%; margin:0 auto; padding: 0;}
.c{clear:both;}
.fontsize12{font-size:12px;}
.fontsize14{font-size:14px;}
.fontsize16{font-size:16px;}
.fontsize18{font-size:18px;}
.fontsize20{font-size:20px;}
.fontsize22{font-size:22px;}
.fontsize28{font-size:28px;}
.fontsize30{font-size:30px;}
.fontsize34{font-size:34px;}
.fontsize40{font-size:40px;}
.left{float:left;}
.left200{margin-left:900px;}
.center{margin:0 auto;}
.shadow{ -moz-box-shadow: 0 0 7px #1F1C1C;-webkit-box-shadow: 0 0 7px #1F1C1C;box-shadow: 0 0 7px #1F1C1C;}
a{
    color:#fff;
}
a:visited{
    color:#fff;
}
div{font-family: Verdana, Arial;}
.main_content{width:100%;margin:0 auto;padding-bottom: 150px;}
.row100{
    position:absolute;
    background:rgba(0,0,0,0.95);
    top:40px;
    left:0px;
    right:0px;
    z-index:1000;
    height:60px;
    border:1px solid grey;
}
.top_menu{
float:none;
padding:5px;

}

#bg {position:fixed; top:-50%; left:-50%; width:200%; height:200%;}
#bg .blended {
    position:absolute;
    top:0;
    left:2%;
    right:2%;
    bottom:0;
    margin:auto;
    min-width:45%;
    max-width:45%;
    min-height:50%;
    max-height:50%;
	opacity:0.5;
    background:url(img/bg.png) no-repeat;
    background-size: 100% 100%;
    background-blend-mode:multiply;
    background-color: #CBF0FF;
    z-index:0;}
.logo{background:url(img/logo.png); font-family:Tahoma,Arial,Verdana;font-size:40px;font-weight:; color:blue; float:left;margin-left:-100px;padding:px; margin-right:25px; margin-top:-11px; width:320px; height:70px;border-radius:4px;text-align:center;text-shadow:1px 1px 1px white;line-height:20px;}
.btn_menu{float:left;margin-top:7px;width: 130px;height: 25px;background: white;text-align: center; padding-bottom:10px; margin-right: 1%;border-radius: 10px;
background: url(img/bg_btn_gradw.jpg) repeat-x ;line-height:38px;text-align:center;font-family:, Arial;color:black;font-weight:;cursor:pointer;}
.btn_menu:hover{float: left;margin-top:7px;width: 130px;height: 25px;background: white;text-align: center;margin-right: 1%;border-radius: 10px;
background: url(img/bg_btn_grad.jpg) repeat-x ;line-height:38px;text-align:center;font-family:, Arial;color:white;}
.title_header{
    position:relative;
    top:60px;
    z-index:1000;
    color:#0054FF;
    background:#2d2d2d;
    height:41px;
	width:200px;
    text-align:center;
    font-size:26px;
    margin-left:480px;
    margin-top:125px;
	border:2px solid silver;
	border-radius:2px;
	}
	#H2{
	padding:9px;
	color:white;
	text-shadow:1px 1px 1px black;
	
	}
	
 #bottom{position:fixed;bottom:0px; width:100%; height:35px; background:silver; border-radius:5px 5px 0 0; text-align:center; color:black;}
/*boxes*/
.boxes{
    margin:0 auto;
    margin-top:200px;
    cursor:pointer;
    width:960px;
}
.boxes .btn-warning{line-height:34px;color:#2d2d2d;text-align:center;}
.boxes .btn-warning:hover{line-height:34px;color:#fff;text-align:center; background:#6B6767; }
.gImg{
    position:relative;
}
/*glowna miniaturki*/
#box1 .img_boxes{
    background:url(img/glowna/reklamy_miniaturka.png) no-repeat;
}
#box2 .img_boxes{
    background:url(img/glowna/konstrukcje_miniaturka.png) no-repeat;
}
#box3 .img_boxes{
    background:url(img/glowna/serwis_miniaturka.png) no-repeat;	
	}
#box4 .img_boxes	{
    background:url(img/bilboardy/img1.png)
}
#box5 .img_boxes{
    background:url(img/bilboardy/img2.png)
}
#box6 .img_boxes{
    background:url(img/bilboardy/img3.png)
}
#box7.img_boxes{
    background:url(img/bilboardy/img.png)
}
#box8 .img_boxes{
    background:url(img/bilboardy/img.png)
}
#box9 .img_boxes{
    background:url(img/bilboardy/img.png)
}
#box10 .img_boxes	{
    background:url(img/bilboardy/img.png)
}
#box11 .img_boxes{
    background:url(img/bilboardy/img.png)
}
#box12 .img_boxes{
    background:url(img/bilboardy/img.png)
}

	


.box{width:300px;height:350px;position:relative; z-index:1000;background:rgba(0,0,0,0.95); border:1px solid silver; border-radius:3px;margin-left:15px !important;}
.title_boxes{position:relative;font-family:;font-size:16px;color:white;text-shadow:;text-align:center;margin-top:5px; height:30px;line-height:30px;}
.img_boxes{background:#ffc; width:280px; height:208px; margin:0 auto;border:1px solid #000; margin-top:5px;}
.txt_boxes{
    color:white; 
    margin-left:15px; 
    line-height: 16px;
    margin-top:10px;
}
.icon-home{position:relative;left:-10px;}
.btn_pylon{width:95px;height:35px;border-radius:5px;position:absolute; top:306px;left:190px;background:#0054FF;}
.btn_konstrukcje{width:135px;height:35px;border-radius:5px;position:absolute; top:306px;left:150px;background:#0054FF;}
.btn_serwis{width:110px;height:35px;border-radius:5px;position:absolute; top:306px; left:180px;background:#0054FF;}
.btn_nascienne {width:100px;height:35px;border-radius:5px;position:absolute; top:306px; left:190px;background:#0054FF;}
.btn_przestawne {width:110px;height:35px;border-radius:5px;position:absolute; top:306px; left:190px;background:#0054FF;}
 h3{position:relative;top:-12px;}
 .home{
     display: block;
    overflow: hidden;
    width: 1120px;
    margin: 0 auto;
 }
/*GALLERY*/
.gContent{position:relative;top:160px; width:1000px; height:780px; border: 1px solid silver;border-radius:25px;background:rgba(0,0,0,0.95);margin:0 auto;}
.gTitle{
    position:relative;
    top:25px;
    color:white;
    left:450px;
    line-height:30px;
    width:300px;
	font-size:16px;
	text-shadow:;
	
}
.gCol{float:left; position:relative; top:35px; margin-left:25px;width:300px; height:780px;}
.gImg{width:300px; height:200px; border:1px solid #aec;margin-top:20px;}
.gImg:hover{
    cursor:pointer;
}
.gImg:hover .gImgTitle{opacity:1;}
.gImgTitle{text-align:center;color:#f36039; font-size:14px;margin-bottom:10px; line-height:20px;
position:relative;z-index:1000;opacity:0.7;background:#2d2d2d;
display:none;
}
.gImg .img_boxes{
    position: absolute;
    top: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.gImg .img_boxes img{
    width:100%;
    height:100%;
}
/*Konstrukcje*/
.contents{text-decoration:none;}
.contents:hover{text-decoration:none;}
.tKonstrukcje{position:relative; top:20px;left:60px;color:white; font-size:26px;text-shadow:2px 2px 2px black}
.orange{color:#F36039;text-decoration:none;}
.kCol{float:left;position:relative; top:10px; width:495px; height:1050px;}
.kServiceTitle{
text-decoration:none;
color:#f36039;
margin-top:70px;
margin-bottom:10px;
margin-left:50px;
line-height:20px;
}
.kServiceTitle:hover{
text-decoration:none;
color:#f36039;
}
.service{
height: 420px;
width: 480px;
margin: 0 auto;
margin-top: 25px;
}
.kImg{
height: 250px;
width: 460px;
background-color:#ffc;
margin:0 auto;
}
.kTxt{
padding-top:10px;
margin:0 auto;
width:450px;
color:white;
line-height:18px;
}
.kTxt:hover{
padding-top:10px;
margin:0 auto;
width:450px;
color:white;
cursor:pointer;
}
.kBtn{
width: 120px;
height: 35px;
float: right;
margin: 10px;
line-height: 35px;
text-align: center;
cursor:pointer;
}
/*Kontakt*/
.konContent{
position:relative;top:160px; width:1000px; height:500px;background:rgba(0,0,0,0.97);margin:0 auto;border-radius:25px;
}
.fKontakt{
position:relative;
top:100px;left:150px;
}
.fKontakt input
{
width:600px;
color:#ADAAAA;
background-color:#2d2d2d;
}
.fKontakt textarea
{
width:600px;
color:#ADAAAA;
background-color:#2d2d2d;
}
.konTitle
{
position:relative;
top:100px;
left:50px;
font-family:Verdana, Arial;
color:white;
font-size:26px;
text-shadow:2px 2px 2px black;
}
.dane
{
position:relative;
top:140px;
left:55px;
width:220px;
height:200px;
font-family:Verdana, Arial;
color:#fff;
font-size:14px;
font-weight:bold;
text-shadow: 1px 1px 1px black;
}
.btn-send{
position:relative !important;
left:510px !important;
width:100px !important;
height:35px !important;
color:#000 !important ; 
}
.stopka{position:fixed;
bottom:0px; 
width:100%;
height:25px; 
background:; 
border-radius:5px 5px 0 0; 
text-align:center; 
color:black;
font-size:12;
display:block;


}



 /*JS*/
 .hidden{display:none;}
 .visible{display:true;}
 
 