*{margin: 0;}
img{border:0;}
a{text-decoration:none;outline: none;}
ul {margin:0px;padding:0px;}
body{
font-family: trebuchet ms,arial,verdana;
font-size: 12px;
color: #3C3C3C;
padding:0;
text-align:center;
background: #fff url(../img/bg.jpg) repeat-x;
}

.clear{clear: both;height:1px;font-size:0px;line-height:0px;}
.wrap{width:1000px;margin:0 auto;text-align:left;}	
#site{}	
#site #top h1{margin-top:35px;margin-left:35px;}
#site #top #syst{position:absolute;margin-left:335px;margin-top:-25px;}
#site #top .menu{margin-top:32px;list-style:none;height:45px;background: url(../img/menu-bg.png) repeat-x;}
#site #top .menu li{float:left;display:block;background: url(../img/menu-li.gif) 100% 0 no-repeat;text-align:center;margin-top:1px;padding-right:2px;}
#site #top .menu li.start{float:right;padding-right:0px;padding-left:2px;background: url(../img/menu-li.gif) 0 0 no-repeat;}
#site #top .menu li.start a{text-decoration:underline;}
#site #top .menu li a{display:block;padding:14px 25px 15px 25px;color:#fff;font-size:13px;}
#site #top #img{border:1px solid #E2E3E4;margin-top:10px;}
#site #top #img .text{color:#fff;width:475px;margin-top:40px;margin-left:90px;line-height:18px;}
#site #top #img .text h2{font-size:20px;font-style:italic;}
#site #top #img .text .bd{margin-top:20px;margin-left:0px;margin-right:25px;text-align:justify;}
#site #top #img .text .more{background: url(../img/arrow.png) 90% 50% no-repeat;padding: 4px 16px 4px 6px;border: 1px solid #5573AD;color:#fff;float:right;}
#site #top div.main{width:998px;height:293px;background: url(../img/top01.jpg) 0 0 no-repeat;}
#site #top #fader{border:1px solid #E2E3E4;margin-top:10px;width:998px;height:239px;}
#site #top #fader img{position:absolute;display:none;}
#site #top .menu li a:hover,#site #top .menu li a.current{background: url(../img/menu-hover.png) repeat-x;}	
#site #center{background: #F5F5F5 url(../img/center-bg.gif) repeat-x;border-bottom:19px solid #2B519A;min-height:300px;}
#site #center .box{width:293px;float:left;background: url(../img/box.gif) 100% 0 no-repeat;min-height:303px;padding-top:15px;padding-left:20px;padding-right:20px;position:relative;}
#site #center .box .more{background:url("../img/btn-blue.png") no-repeat scroll 0 0 transparent;height:27px;margin-left:220px;bottom:-7px;position:absolute;text-align:center;width:72px;}
#site #center .box .more a{background: url(../img/arrow.png) 90% 50% no-repeat;padding-right:10px;color:#fff;display:block;padding:4px 0;}
#site #center .box h3,#site #center h2{font-size:20px;display:inline;color:#1E1E1E;border-bottom:2px solid #1E1E1E;margin:15px 0px;}
#site #center h2{display:block;margin:0;padding: 15px 15px 10px;border-bottom:1px solid #D0D0D0;}	
#site #center .box .wwd{list-style:none;margin-top:25px;}
#site #center .box .wwd li{padding-left:20px;margin:3px 0;background: url(../img/dot.png) 0 50% no-repeat;}
#site #center .box .real{border:1px solid #D0D0D0;margin:30px 0 10px;}
#site #center .box table{margin: 15px auto 10px auto;}
#site #center .box table td{text-align:right}
#site #center .box table td.b{color:#2E4C89;font-weight:bold;text-align:left}
#site #center .left,#site #center .right{float:left;	}
#site #center.contact{}
#site #center .left{padding:20px}
#site #center .left h3, #site #center .right h3{font-size:18px;color:#2B519A;margin-bottom:15px;}
/**partnerzy**/
#site #center .left ul.partners{list-style:none}
#site #center .left ul.partners li{padding:20px 0;border-bottom:1px solid #D0D0D0;}
#site #center .left ul.partners li .img{float:left;width:245px;margin-right:30px;}
#site #center .left ul.partners li .desc{float:left;width:655px;}
#site #center .left ul.partners li .desc .name{color:#2B519A;font-weight:bold;}
/**referencje**/
#site #center .left ul.references{list-style:none}
#site #center .left ul.references li{width:160px;min-height:300px;float:left;margin:0 40px 30px 40px}
#site #center .left ul.references .desc{margin:5px 0 5px 10px;}
#site #center .left ul.references .desc .name{color:#2B519A;font-weight:bold;margin-bottom:5px;}
/**realizacje**/
#site #center.impl .left{width:280px;padding:0px 0px;min-height:250px}
#site #center.impl .right{width:679px;border-left:1px solid #D0D0D0;min-height:250px;padding:20px;}
#site #center.impl .right .gallery{list-style:none;margin:30px 0 20px;}
#site #center.impl .right .gallery li{background-color:#fff;margin: 0 15px 15px;float:left;}
#site #center.impl .right .gallery li img{padding:3px;border:1px solid #D0D0D0;}
#site #center.impl .left ul{list-style:none;}
#site #center.impl .left ul li{border-bottom:1px dotted #3C3C3C;padding:7px 0 6px;margin-left:5px;text-align:right;}
#site #center.impl .left ul li span{padding-right:30px;background: url('../img/arrow-l.png') 97% 50% no-repeat;}
#site #center.impl .left ul li span.current{padding-right:30px;background: url('../img/arrow-r.png') 97% 50% no-repeat;   }
#site #center.impl .left ul li span a{color: #606060;padding:0 2px}
#site #center.impl .left ul li span a:hover,#site #center.impl .left ul li span.current a{color: #2B519A;background-color:#fff;}
/**co robimy?**/
.left_menu{float: left;width: 235px;}
.left_menu ul{list-style:none;}
.left_menu ul li{border-bottom:1px dotted #3C3C3C;padding:7px 0 6px;margin-left:0px;text-align:right;}
.left_menu ul li span{padding-right: 18px;background: url('../img/arrow-l.png') 97% 50% no-repeat;}
.left_menu ul li span.current{padding-right:18px;background: url('../img/arrow-r.png') 97% 50% no-repeat;   }
.left_menu ul li span a{color: #606060;padding:0 2px}
.left_menu ul li span a:hover,#site #center.impl .left ul li span.current a{color: #2B519A;background-color:#fff;}
#site #center.wwd.no-column .left{border: none !important;width: 72%;}
#site #center.wwd .left{width:603px;padding:20px;min-height:300px;border-right:1px solid #D0D0D0;width: 43%}
#site #center.wwd .right{width:316px;min-height:250px;padding:20px;width: 25%;}
#site #center.wwd .right ul{list-style:none;margin:10px 5px;}
#site #center.wwd .right ul li{border-bottom:1px dotted #3C3C3C;padding:5px 2px;}
#site #center.wwd .right ul li span.wyp{font-weight:bold;font-size:16px;color: #2B529B;display:block;float:left;margin-right:18px;margin-left:3px;}
.no-column .right{display: none;}
/**kontakt**/
#site #center.contact .left{width:650px;border-right:1px solid #D0D0D0;}
#site #center.contact .right{width:249px;min-height:250px;padding:0px 30px;}
#site #center.contact .right h4{color:#2B519A;font-size:12px;margin:20px 0;}
#site #center.contact .right .input-text,#site #center.contact .right .textarea{border: 1px solid #DEDEDE;color:#444444;font-family: trebuchet ms,arial,verdana;font-size: 12px;padding:3px;margin-bottom:15px;}
#site #center.contact .right .input-text{background: #fff url(../img/input-text.gif) repeat-x;width:180px;height:21px;}
#site #center.contact .right .textarea{background: #fff url(../img/textarea.gif) repeat-x;width:246px;height:151px;}
#site #center.contact .right .submit{margin-left:20px;}
#site #center.contact .right .req{font-size:10px;float:right;margin-top:6px;margin-right:15px;}
/**default**/
#site #center.def .left{padding:20px 20px 20px 20px;line-height:20px}
#site #center.def .left ul{list-style:none;margin:3px 0;}
#site #center.def .left ul li{background:url("../img/dot.png") no-repeat scroll 0 50% transparent;padding-left:20px;}
#site #center.def .left a{color:#2B519A;font-size:12px;}
#foot{margin-top:10px;min-height:40px;background: #F5F5F5 url(../img/foot-bg.gif) repeat-x;font-size:11px;padding-top:25px;}
#foot p{float:left;margin-left:10px;}
#foot #copyright{float:right;width:167px;margin-right:10px;}
#foot #copyright a{color: #3C3C3C;font-weight:bold;}
.blue{color:#2B519A;}
.gray{color:#424242;}
.size14{font-size:14px;}

.smenu{display: none;width: 176px;z-index: 1000;position: relative;background: #2452AA;overflow: hidden;box-shadow: #404040 2px 2px 2px;margin: -3px 0 0 0;}
.smenu ul{}
.smenu ul li{background-image: none !important;border-bottom: 1px solid #f4f4f4;}
.smenu ul li:last-child{border: none;}
.smenu ul li a{}

.menu > li:hover > div.smenu{display: block;}

@media (max-width: 460px) {
	
	#foot{width: 96%;clear:both;overflow: hidden;margin: 10px auto;}
	#foot .wrap{width: 100% !important;}
	#foot #copyright{float: none;clear:both;margin: 10px auto;}
	#foot p{float: none;clear: both;margin: 0a uto;text-align: center;}	
	#site.wrap{width: 100% !important;}
	#site.wrap #top{width: 96%;margin: 0 auto;cleaR:both;float: none;}
	#site.wrap #top h1{margin: 30px auto 0 !important;text-align: center;}
	#site.wrap #top h1 a img{width: 100%;max-width: 300px;height: auto;}
	#site #top .menu{background: #303030;width: 100% !important;height: auto;overflow: hidden;}
	#site #top .menu > li{foat: none;clear:both;width: 100%;background: none;}	
	#site #top div.main{width: 100% !important;height: auto;overflow: hidden;}
	#site #top #img .text{width: 92%;padding: 15px;margin: 0;}
	#site #top #img .text .bd{margin: 0;}	
	#site #center{background: none;}	
	#site #center .box{background: none;float: none;clear:both;width: 89%;}	
	#site #top #fader{width: 100%;overflow: hidden;min-height: 82px;height: auto;}
	#site #top #fader img{max-width: 96% !important;width: 100% !important;}	
	#site #center.wwd .left{width: 89%;float: none;}
	#site #center.wwd .right{width: 89%;float: none;}	
	#site #center.impl .left{width: 95%;padding: 0 10px;}
	#site #center.impl .right{width: 89%;}	
	#site #center .left ul.references li{margin: 10px 2px;width: 145px;bordeR: 1px solid #ccc;padding: 2px;}
	#site #center .left ul.references li a img{width: 100%;}	
	#site #center .left{width: 86%;overflow: hidden;}
	#site #center .left ul.partners li .desc{width: 100%;}
	#site #center.refs .left{width: 89%;overflow: hidden;}
	#site #center.contact .left{width: 89%;}
	.left_menu{width: 95%;padding: 0 10px;}
	.smenu{display: none !important;visibility: none;}
}

@media (min-width: 481px) and (max-width: 640px) {
	
	#foot{width: 96%;clear:both;overflow: hidden;margin: 10px auto;}
	#foot .wrap{width: 100% !important;}
	#foot #copyright{float: none;clear:both;margin: 10px auto;}
	#foot p{float: none;clear: both;margin: 0a uto;text-align: center;}	
	#site.wrap{width: 100% !important;}
	#site.wrap #top{width: 96%;margin: 0 auto;cleaR:both;float: none;}
	#site.wrap #top h1{margin: 30px auto 0 !important;text-align: center;}
	#site.wrap #top h1 a img{width: 100%;max-width: 300px;height: auto;}
	#site #top .menu{background: #303030;width: 100% !important;height: auto;overflow: hidden;}
	#site #top .menu > li{foat: none;clear:both;width: 100%;background: none;}	
	#site #top div.main{width: 100% !important;height: auto;overflow: hidden;}
	#site #top #img .text{width: 92%;padding: 15px;margin: 0;}
	#site #top #img .text .bd{margin: 0;}	
	#site #center{background: none;}	
	#site #center .box{background: none;float: none;clear:both;width: 89%;}	
	#site #center .box:nth-child(1){min-height: 170px;}
	#site #center .box .more{margin-left: 85%;}
	#site #top #fader{width: 100%;overflow: hidden;min-height: 146px;height: auto;}
	#site #top #fader img{max-width: 96% !important;width: 100% !important;}	
	#site #center.wwd .left{width: 89%;float: none;border: none;}
	#site #center.wwd .right{width: 89%;float: none;}	
	#site #center.impl .left{width: 95%;padding: 0 10px;}
	#site #center.impl .right{width: 89%;}	
	#site #center .left ul.references li{margin: 10px 2px;width: 150px;bordeR: 1px solid #ccc;padding: 2px;}
	#site #center .left ul.references li a img{width: 100%;}	
	#site #center .left{width: 86%;overflow: hidden;}
	#site #center .left ul.partners li .desc{width: 100%;}
	#site #center.refs .left{width: 89%;overflow: hidden;}
	#site #center.contact .left{width: 89%;}
	.left_menu{width: 95%;padding: 0 10px;}
	.smenu{display: none !important;visibility: none;}
	
}

@media (min-width: 641px) and (max-width: 920px) {
	
	#foot{width: 96%;clear:both;overflow: hidden;margin: 10px auto;}
	#foot .wrap{width: 100% !important;}
	#site.wrap{width: 100% !important;}
	#site.wrap #top{width: 96%;margin: 0 auto;cleaR:both;float: none;}
	#site.wrap #top h1{margin: 30px auto 0 !important;text-align: center;}
	#site.wrap #top h1 a img{width: 100%;max-width: 300px;height: auto;}
	#site #top .menu{width: 100% !important;height: auto;overflow: hidden;}
	/*#site #top .menu > li{foat: none;clear:both;width: 100%;background: none;}*/	
	#site #top div.main{width: 100% !important;height: auto;overflow: hidden;}
	#site #top #img .text{width: 92%;padding: 15px;margin: 0;}
	#site #top #img .text .bd{margin: 0;}	
	#site #center{background: none;}
	#site #top #fader{width: 100%;overflow: hidden;min-height: 184px;height: auto;}
	#site #top #fader img{max-width: 96% !important;width: 100% !important;}	
	#site #center.wwd .left{width: 89%;float: none;border: none;}
	#site #center.wwd .right{width: 89%;float: none;}	
	#site #center.impl .left{width: 30%;}
	#site #center.impl .right{width: 63%;}	
	#site #center .left ul.references li{margin: 10px 2px;width: 150px;bordeR: 1px solid #ccc;padding: 2px;}
	#site #center .left ul.references li a img{width: 100%;}	
	#site #center .left{width: 86%;overflow: hidden;}
	#site #center .left ul.partners li .desc{width: 100%;}
	#site #center.refs .left{width: 89%;overflow: hidden;}
	#site #center.contact .left{width: 89%;}
	.left_menu{width: 95%;padding: 0 10px;}
	
}