@import url("reset.css");


p {font-size: 11px; color:#525871; line-height:1.4em; text-align: left; padding:11px;}
div {font-size: 11px; color:#525871; line-height:1.4em; text-align: left;}
a {color:#c93137; text-decoration: none;}
a:hover {color: #EA7923;}
span {font-weight:600;}
span.red {font-weight:600;color:#c93137;}
	
body {background:#d2d5db url(../images/bg.jpg) repeat-x left top; margin:0; padding:0; font-family: Arial, sans-serif; font-size:11px; line-height: 1.4em; z-index:1;}

#container {text-align:center; width: 100%; height:100%; padding:0; margin:0;background: url(../images/bgtop.jpg) no-repeat center top; overflow:hidden;}

#wrapper-z {padding: 0 0 0 4px; width:980px; margin:0 auto; background: url(../images/stock.jpg) no-repeat left top;}
#wrapper-b {width:980px; margin:0 auto; padding:0;background: url(../images/stock2.jpg) no-repeat left top;}
#wrapper {width:980px; margin:0 auto; padding:0 0 30px 4px;}

/*top*/
#top {width:980px; overflow:hidden;margin:0; padding:0;}
#logo {background: url("../images/logo.png") no-repeat scroll 0 13px transparent; width:232px;margin:0; padding:0; float:left; display:inline; text-align:left;}
#logo a {width: 193px; height: 85px; display: block; margin-top: 13px;}
#logo a img {margin-top:13px;}
#logoklient {margin:0; padding:0; float:left; display:inline; text-align:left;}
#logoklient a img {margin-top:60px;}
	
	
#logo2 {width:72px;height:90px;margin: 32px 0 0 360px; padding:0; float:left; display:inline; text-align:left;}
#logo2 a img {margin-top:20px;}	
	
/*navigation*/
#navigation{float:right;width:615px;}
#navigation .top-links {overflow:hidden;margin:15px 5px 5px 5px;float:right;}
#navigation .top-links li {float:left;display:inline;padding:0 0 0 5px;}
#navigation .top-links li a.face {background: url(../images/facebookTopz.png) no-repeat left 2px; width:55px; height: 10px; margin:0;padding-right:55px;}
#navigation .top-links li a.face:hover {background: url(../images/facebookTop.png) no-repeat left -10px; width:55px; height: 10px; margin:0;padding-right:55px;}

#menu {overflow:hidden;clear:both;float:right;}
#menu ul li {float:left;display:inline;}
#menu ul li a {display:inline-block;float:left;height:34px;position:relative;}
#menu ul li a span.r {display:inline-block;background: url(../images/lr.gif) no-repeat right bottom;height:34px;width:18px;float:right;}
#menu ul li a.home {background: url(../images/home.gif) no-repeat left bottom;width:87px;z-index:10;}
#menu ul li a.home:hover, #menu ul li a.h-a {background: url(../images/home.gif) no-repeat left top;width:87px;}
#menu ul li a.home:hover span.r, #menu ul li a.h-a span.r {background: url(../images/lr.gif) no-repeat right top;}

#menu ul li a.oferta {background: url(../images/oferta.gif) no-repeat left bottom;width:109px;z-index:9;margin:0 0 0 -18px;}
#menu ul li a.oferta:hover span.l {display:inline-block;background: url(../images/lr2.gif) no-repeat right bottom;height:34px;width:18px;float:left;}
#menu ul li a.oferta:hover, #menu ul li a.o-a {background: url(../images/oferta.gif) no-repeat left top;width:109px;}
#menu ul li a.oferta:hover span.r, #menu ul li a.o-a span.r  {background: url(../images/lr.gif) no-repeat right top;}

#menu ul li a.wspolpraca {background: url(../images/wspolpraca.gif) no-repeat left bottom;width:135px;z-index:8;margin:0 0 0 -18px;}
#menu ul li a.wspolpraca:hover span.l {display:inline-block;background: url(../images/lr2.gif) no-repeat right bottom;height:34px;width:18px;float:left;}
#menu ul li a.wspolpraca:hover, #menu ul li a.w-a {background: url(../images/wspolpraca.gif) no-repeat left top;width:135px;}
#menu ul li a.wspolpraca:hover span.r, #menu ul li a.w-a span.r {background: url(../images/lr.gif) no-repeat right top;}

#menu ul li a.realizacje {background: url(../images/realizacje.gif) no-repeat left bottom;width:127px;z-index:7;margin:0 0 0 -18px;}
#menu ul li a.realizacje:hover span.l {display:inline-block;background: url(../images/lr2.gif) no-repeat right bottom;height:34px;width:18px;float:left;}
#menu ul li a.realizacje:hover, #menu ul li a.r-a {background: url(../images/realizacje.gif) no-repeat left top;width:127px;}
#menu ul li a.realizacje:hover span.r, #menu ul li a.r-a span.r {background: url(../images/lr.gif) no-repeat right top;}

#menu ul li a.blog {background: url(../images/blog.gif) no-repeat left bottom;width:95px;z-index:6;margin:0 0 0 -18px;}
#menu ul li a.blog:hover span.l {display:inline-block;background: url(../images/lr2.gif) no-repeat right bottom;height:34px;width:18px;float:left;}
#menu ul li a.blog:hover, #menu ul li a.b-a {background: url(../images/blog.gif) no-repeat left top;width:95px;}
#menu ul li a.blog:hover span.r, #menu ul li a.b-a span.r {background: url(../images/lr.gif) no-repeat right top;}

#menu ul li a.kontakt {background: url(../images/kontakt.gif) no-repeat left bottom;width:113px;z-index:5;margin:0 0 0 -18px;}
#menu ul li a.kontakt:hover span.l {display:inline-block;background: url(../images/lr2.gif) no-repeat right bottom;height:34px;width:18px;float:left;}
#menu ul li a.kontakt:hover, #menu ul li a.k-a {background: url(../images/kontakt.gif) no-repeat left top;width:113px;}
#menu ul li a.kontakt:hover span.r, #menu ul li a.k-a span.r {background: url(../images/lr.gif) no-repeat right top;}

#menu ul li a.home2 {background: url(../images/home2.gif) no-repeat left bottom;width:55px;z-index:4;margin:0 0 0 -18px;}
#menu ul li a.home2:hover span.l, #menu ul li a.active span.l {display:inline-block;background: url(../images/lr2.gif) no-repeat right bottom;height:34px;width:18px;float:left;}
#menu ul li a.home2:hover, #menu ul li a.active {background: url(../images/home2.gif) no-repeat left top;width:55px;}


/*slider*/
#slider {height:420px; overflow:hidden; width:1030px; margin-left: -10px; }
#slider .hidden {display:none;}
#slider .box {margin:60px 0 0 0;height:225px;width:380px;position:relative; left: 600px;}
#slider .box p {text-align: right;}
#slider .box h1.slogan {text-align: right;margin:0;}
#slider .box h1.slogan-budowa {text-align: right;margin:0 35px 25px 0;}
#slider .box .more {float:right;margin:15px 20px 0;}
#slider #horizontal-nav ul {overflow:hidden;padding:50px 0 0 20px; width: 980px;}
#slider #horizontal-nav ul li {display:inline;float:left;text-align: center;width:98px;}
#slider #horizontal-nav ul li a {display:block;height: 35px;margin:0 auto;z-index:100;position:relative;}
#slider #horizontal-nav ul li a.main { display:none;}
#slider #horizontal-nav ul li a.e-mail {background: url(../images/email.png) no-repeat bottom center;width:50px;}
#slider #horizontal-nav ul li a.e-mail:hover, #slider #horizontal-nav ul li a.active1 {background: url(../images/email.png) no-repeat top center;}
#slider #horizontal-nav ul li a.e-marketing {background: url(../images/emr.png) no-repeat bottom center;width:40px;}
#slider #horizontal-nav ul li a.e-marketing:hover, #slider #horizontal-nav ul li a.active2 {background: url(../images/emr.png) no-repeat top center;} 
#slider #horizontal-nav ul li a.Audyt {background: url(../images/audyt.png) no-repeat bottom center;width:42px;}
#slider #horizontal-nav ul li a.Audyt:hover, #slider #horizontal-nav ul li a.active3 {background: url(../images/audyt.png) no-repeat top center;} 
#slider #horizontal-nav ul li a.Sklep {background: url(../images/sklep.png) no-repeat bottom center;width:42px;height: 39px;}
#slider #horizontal-nav ul li a.Sklep:hover, #slider #horizontal-nav ul li a.active4 {background: url(../images/sklep.png) no-repeat top center;} 
#slider #horizontal-nav ul li a.Mlm {background: url(../images/mlm.png) no-repeat bottom center;width:43px;height: 38px;}
#slider #horizontal-nav ul li a.Mlm:hover, #slider #horizontal-nav ul li a.active5 {background: url(../images/mlm.png) no-repeat top center;} 
#slider #horizontal-nav ul li a.Hosting {background: url(../images/host.png) no-repeat bottom center;width:39px;height: 32px;}
#slider #horizontal-nav ul li a.Hosting:hover, #slider #horizontal-nav ul li a.active6 {background: url(../images/host.png) no-repeat top center;} 
#slider #horizontal-nav ul li a.www {background: url(../images/www.png) no-repeat bottom center;width:47px;height: 34px;}
#slider #horizontal-nav ul li a.www:hover, #slider #horizontal-nav ul li a.active7 {background: url(../images/www.png) no-repeat top center;} 
#slider #horizontal-nav ul li a.Sem {background: url(../images/sem.png) no-repeat bottom center;width:43px;height: 38px;}
#slider #horizontal-nav ul li a.Sem:hover, #slider #horizontal-nav ul li a.active8 {background: url(../images/sem.png) no-repeat top center;} 
#slider #horizontal-nav ul li a.Seo{background: url(../images/seo.png) no-repeat bottom center;width:37px;height: 34px;}
#slider #horizontal-nav ul li a.Seo:hover, #slider #horizontal-nav ul li a.active9 {background: url(../images/seo.png) no-repeat top center;} 
#slider #horizontal-nav ul li a.Foto{background: url(../images/foto.png) no-repeat bottom center;width:33px;height: 24px; margin-top:5px; margin-left:30px;}
#slider #horizontal-nav ul li a.Foto:hover, #slider #horizontal-nav ul li a.active10 {background: url(../images/foto.png) no-repeat top center;} 

#slider #horizontal-nav {position: relative;height:133px;clear:both;margin-left: -8px;}

.block {position:absolute;background:url(../images/bgblock.png) no-repeat center top;left:-90px;

width:110px;height:123px;margin:5px;z-index:99;top:0;}

#slider #horizontal-nav .block #left, #slider #horizontal-nav .block  #right {width:20px;height:20px;display:inline-block;cursor:pointer;z-index:10000;position:relative;}
#slider #horizontal-nav .block  #left {background: url(../images/left.png) no-repeat left center;margin:50px 0 0 -5px;float:left;}
#slider #horizontal-nav .block  #right {background: url(../images/right.png) no-repeat right center;margin:50px -5px 0 0;float:right;}


/*footer*/
#footer {width:980px;overflow:hidden;color:#525871;margin:50px 0 0 0;position:relative;}
#footer ul, #footer div {float:left;display:inline;text-align: left;}
#footer ul.adress {margin:0 37px 0 0;}
#footer ul.foot-nav {padding:0 16px 0 0;background: url(../images/sep.gif) no-repeat 105px center; width: 170px;}
#footer ul.foot-nav li, .post-small li {padding:0 0 0 10px;background: url(../images/bullet2.gif) no-repeat left center;}
#footer ul.foot-nav li a {color:#525871;}
#footer ul.foot-nav li a:hover {text-decoration:underline;}
#footer #logos {margin:6px 0 0 30px;text-align: center;}
#footer #logos ul li {width:140px;text-align: center;}
#footer .next {float:right; margin-right:6px;}

#prevBtn a, #nextBtn a {width:20px;height:20px;display:inline-block;text-indent: 1000px;}
#prevBtn a {background: url(../images/prev.gif) no-repeat left center;left:375px;top:18px;position:absolute;}
#nextBtn a {background: url(../images/next.gif) no-repeat right center;position:absolute;left:535px;top:18px;}


/*realizacje*/
.roundabout-holder {
				list-style: none;
				width: 400px;
				height: 284px;
				margin:50px 0 0 70px;float:left;display:inline;
			}
			
			.roundabout-moveable-item {
				
				cursor: pointer;
			}
			
			.roundabout-moveable-item img {
				height: 284px;
				width: 236px;
			}
			
			.roundabout-in-focus {
				cursor: auto;
			}
			
			#filler {

			}
#slider-realizacje {height:440px;position:relative; overflow:hidden;}
#slider-realizacje .box {margin:60px 0 0 0;height:200px;width:360px;float:right;}
#slider-realizacje .box p {text-align: right;}
#slider-realizacje .box h1 {text-align: right;margin:0 0 1px 0;}
#slider-realizacje .box .more {float:right;margin:15px 0 0 0;}
#slider-realizacje .box .prace {left:0;
position:absolute;
top:330px;}
#slider-realizacje .box .prace img {margin:0 3px 0 0;}
#slider-realizacje .box .prace h2 {text-align: left;}
#n, #p {width:54px;height:54px;display:inline-block;z-index:800;top:143px;}
#n {background: url(../images/arrowright.png) no-repeat right center;left:355px;
position:absolute;}
#p {background: url(../images/arrowleft.png) no-repeat right center;left:125px;
position:absolute;}



@font-face {
	font-family: "Helvetica Neue 67 Medium Condensed";  
	src: url('http://localhost/mediainteraktywne/mi/css/HelveticaNeue-MediumCond.otf');  
	font-weight: normal;
	font-style: '67 Medium Condensed';
}


/*kontakt*/
#slider-kontakt {position:relative;overflow:hidden; min-height: 460px;} 
#slider-kontakt .box {margin:60px 0 0 0;width:590px;float:right;text-align: right;}
/* #slider-kontakt .box p {text-align: right;} */
#slider-kontakt .box h1 {line-height: 28px; font-size: 26px; text-align: right;margin:0 0 25px 0; text-shadow: -1px -1px 2px white; font-weight: normal;}
#slider-kontakt .box .more {float:right;margin:20px 0 0 0; font-family: 'Helvetica Neue 67 Medium Condensed'}
#slider-kontakt .box #kontakt-form {height: 205px;}
#slider-kontakt .box #kontakt-form p {padding:5px 0;}
#slider-kontakt .box #kontakt-form input, #slider-kontakt .box #kontakt-form select {background: url(../images/bginput.png) no-repeat left center;width:267px;border:none;padding:10px;color:#525871;font-size:11px;}
#slider-kontakt .box #kontakt-form select {width:287px;display:inline-block;}
#slider-kontakt .box #kontakt-form textarea {background: url(../images/bgarea.png) no-repeat left center;height:94px;
width:569px;border:none;padding:10px;color:#525871;font-size:11px;font-family:Arial, sans-serif; clear: both;}

#slider-kontakt .box-left {width:285px;float:left;display:inline;margin:60px 0 0 0;border-right:1px solid #b8bcc6;}
#slider-kontakt .box-left h2 {text-align: left;}
#slider-kontakt .box-left ul {margin:19px 0 39px 0;text-align:left;}
#slider-kontakt .box-left ul li a {width: 235px;height: 33px;display:block;}

#slider-kontakt .box-left ul li a.menus {
	background: url(../images/menu_left.png) no-repeat left bottom;
	color:grey;
	font-weight:bold;
	line-height:33px;
	padding-left:20px;
	vertical-align:middle;
}
#slider-kontakt .box-left ul li a.menus:hover, #slider-kontakt .box-left ul li a.menus-a {
	background: url(../images/menu_left.png) no-repeat left top;
	color:white;
	font-weight:bold;
	line-height:33px;
	padding-left:20px;
	vertical-align:middle;
	text-decoration:none;
}


#slider-kontakt .box-left ul li a.form {background: url(../images/form.png) no-repeat left bottom;}
#slider-kontakt .box-left ul li a.form:hover, #slider-kontakt .box-left ul li a.form-a {background: url(../images/form.png) no-repeat left top;}
#slider-kontakt .box-left ul li a.ad {background: url(../images/ad.png) no-repeat left bottom;}
#slider-kontakt .box-left ul li a.ad:hover, #slider-kontakt .box-left ul li a.ad-a {background: url(../images/ad.png) no-repeat left top;}
#slider-kontakt .box-left ul li a.tele {background: url(../images/tele.png) no-repeat left bottom;}
#slider-kontakt .box-left ul li a.tele:hover, #slider-kontakt .box-left ul li a.tele-a {background: url(../images/tele.png) no-repeat left top;}

#slider-kontakt .box-left ul.tel li, #cms li {text-align: left;color:#525871;background:url("../images/bullet2.gif") no-repeat left center;
padding:0 0 0 10px;}

/*domena*/
.sklep-domena {float:right;margin:0 0 0 60px;}


#info {text-align:center;clear:both;margin:30px 0 0 0;}
#info a {margin:0 10px 0 0;}

#realizacja {position: absolute; left: 590px;}
#cms {position: absolute; left: 350px;}
#cms-blog {position: absolute;}

.roundabout-moveable-item img {
	width: 100%;
	height: 100%;
}
.roundabout-moveable-item {
	height: 284px;
	width: 236px;
	cursor: pointer;
}
a img { border: none; }

#bot {width: 1020px;}

/*Blog*/
.slogan-blog {margin:0 0 10px 0 !important;}
.blog-site {margin:60px 20px 0 0 !important; position:relative;}
.post-item {width:584px;clear:both;overflow:hidden;margin:0 0 15px 0;}
.post-title {width:584px;background: url(../images/bgtitb.png) no-repeat left bottom;padding:0 0 27px 0;}
.post-title-m {background: url(../images/bgtitm.png) repeat-y left bottom;width:584px;text-align: left;position:relative;}
.post-title-t {background: url(../images/bgtittop.png) no-repeat left top;height:5px;width:584px;}
.post-title-m .title {width:480px;padding:7px 15px 5px 15px;position:relative;bottom:-5px;}
.post-title-m .title h2 {font-size:14px;color:#C93137;}
.post-small p {text-align: left !important;clear:both;}
.post-title-m .date { color:#687577;text-align: center;position:absolute;right:6px;top:5px;width:66px;}
.post-title-m .date strong {font-size:14px;display:block;}
.post-title-m .date span {dont-size:11px;font-weight:500;}
#slider-kontakt .box-left ul li a.all {background: url(../images/wszystkie.png) no-repeat left bottom;}
#slider-kontakt .box-left ul li a.all:hover, #slider-kontakt .box-left ul li a.a-a {background: url(../images/wszystkie.png) no-repeat left top;}
.emo div {width: 360px;}
.hidden {display:none;}
.hidden2 {opacity:0;}
#message {margin-left: 50px; margin-top: 100px;}
#googlemap {border: 1px solid #B7C1CE; border-radius: 6px 6px 6px 6px; height: 351px; width: 591px;}
#aksForOffer {
	background-image: url("../upload/slogan/naglowek_formularz.png");
    background-repeat: no-repeat;
    height: 15px;
    width: 343px;
}
p#nfo {padding-left:0;}