@charset "utf-8";
/* CSS Document */
body { background:url(../gfx/bg.png) ;}
#wrapper-sec { width:100%; background:url(../gfx/bg-gr.png) repeat-x;}
#wrapper-inner { width:1007px; margin:0 auto; position:relative; overflow:hidden; }
.wrapper-inner.index, .wrapper-inner.regulamin {background:url(../gfx/wrapper-bg.jpg) 571px 0 no-repeat;}
.wrapper-inner.busines {background:url(../gfx/bg-biznes.jpg) 525px 0 no-repeat;}
.wrapper-inner.dom {background: url(../gfx/bg-dom.jpg) 100% 0 no-repeat;}
.wrapper-inner.serwery {background: url(../gfx/bg-serwry.jpg) 500px 0 no-repeat;}
#wrapper { width:960px; margin:0 auto;}
#header { height:299px; position:relative;}
#header h1 { position:absolute; top:70px;}
#header h1 a { display:block; width:480px; height:125px; background:url(../gfx/logo.png) no-repeat; text-indent:-666em; overflow:hidden;}
#header #tel { display:block; width:277px; height:88px; background:url(../gfx/nr-tel.png) no-repeat; text-indent:-666em; position:absolute;}
#header h3 { position:absolute; top:219px; }
#header #menu { width:660px; height:34px; position:absolute; bottom:4px; background:url(../gfx/bg-menu.png) no-repeat;}
.lavaLampWithImage {position: relative; height: 34px; width: 660px; padding: 0; margin: 5px 0 0 8px; overflow: hidden;     }
.lavaLampWithImage li {float: left; list-style: none;   }
.lavaLampWithImage li a {font-size:12px; text-decoration: none; color: #838383; font-weight:bold;  outline: none; text-align: center; display: block;float: left;height: 25px;  overflow: hidden; margin: auto 7px; padding:0 0 0 10px; line-height:24px;}
.lavaLampWithImage li:hover, .lavaLampWithImage li.current {float: left; list-style: none; background: url("../gfx/lava.png") no-repeat right -25px;  }
.lavaLampWithImage li:hover a, .lavaLampWithImage li.current a  {background: url("../gfx/lava.png") no-repeat top left; font-size:12px; text-decoration: none; color: #fff; font-weight:bold; text-align: center; display: block;float: left;height: 25px;  overflow: hidden; margin: auto 7px; padding:0 0 0 10px}
#header #nav {width:290px; height:38px; position:absolute; bottom:0px; right:0px;}
#header #nav li {float: left; list-style: none;   }
#header #nav li a {font-size:12px; text-decoration: none; color: #ededd9; font-weight:bold;  outline: none; text-align: center; display: block;float: left;height: 24px;  overflow: hidden; margin: auto 5px; line-height:10px; background:url(../gfx/nav.png) no-repeat; width:86px; padding:2px 0 0 0}
#header #nav li.current a { line-height:20px;}
#header #nav li a:hover { color:#FFF; background:url(../gfx/nav-over.png) no-repeat;}
#header #nav div { text-align:center; letter-spacing:0.300em; color:#9e9d9d; font-size:10.16px;}
#wrapper #content { width:960px; height:775px; position:relative;}
#wrapper #content_podstrona { width:960px; height:420px; position:relative;}
#content #box-01 { width:960px; height: 384px; position:absolute; top:0; left:0px; background: url(../gfx/content-top.jpg) no-repeat;}
#content .col01 { width:318px; height:775px; position:absolute; top:0px; left:0px; background:url(../gfx/content-col1.jpg) no-repeat;}
#content .col02 { width:313px; height:775px; position:absolute; top:0px; left:324px; background:url(../gfx/content-col2.jpg) no-repeat;}
#content .col03 { width:318px; height:775px; position:absolute; top:0px; right:0px; background:url(../gfx/content-col3.jpg) no-repeat;}
.button { height:382px; overflow:hidden;}
.button a { display:block; width:318px; height:382px; overflow:hidden; text-decoration:none; padding:310px 0 0 25px; }
.button a b { display:none;}
.button a strong.top {font-size:18px; color:#939191; font-weight:bold; padding:0 0 0 0;}
.button a strong { font-size:25px; font-weight:bold; color:#fff; padding:0 0 0 8px;  }
.col01 .button a {background:url(../gfx/btn-dom.png) 83px 8px no-repeat;}
.col02 .button a {background: url(../gfx/btn-biznes.png) 83px 8px no-repeat;}
.col03 .button a {background: url(../gfx/btn-serwery.png) 83px 8px no-repeat;}
.text { height:380px; margin:8px 0 0 0; }
.text p { padding:24px 30px 0 21px; font-size:15.24px; font-weight: 700; color:#FFF;}
.text img { float:right; margin:20px 12px 0 0;}
.col02 .text img { float:right; margin:20px 20px 0 0;}
.col03 .text img { float:right; margin:20px 32px 0 0;}
.text ul { color:#FFF; font-weight:bold; margin:30px 0 0 20px;}
.text ul li { padding:0 0 0 12px; background:url(../gfx/arrow.png) 0 50% no-repeat;}
.info {  position:relative; padding:0 0 30px 0;}
.info h2 { font-size:12.7px; color:#ff8900; font-weight:bold; padding:20px 0 0 15px;}
.info p{ padding:17px 0 0 15px;}
.info .info-form { padding:0 0 0 15px; position:relative; margin:10px 0 0 0;}
.info .info-form input[type=text] { width:222px; border:none; margin:0 0 0 5px; border:1px solid #F4F4F4; border-bottom:1px solid #000;}
.info .info-form input.img { position:absolute; right:139px;}

.zakres {  position:relative; padding:0 0 30px 0; color:#b2b2b2;}
.zakres h2 { font-size:12.7px; color:#ff8900; font-weight:bold; padding:1px 0 0 15px;}
.zakres p{ padding:1px 0 0 15px;}

.info-form .facebook { width:99px; height:22px; position:absolute; border-bottom:0px; right:0px; background:url(../gfx/facebook.png) no-repeat; text-indent:-666em;}
#footer { width:956px; margin:0 auto; border-top:1px solid #7f7f7f; font-size:12.7px; color:#b2b2b2;height:29px; padding:3px 0 0 0;}
#footer h3 { float:left; width: 200px; display:block; }
#footer h4 { float:right; width: 350px; display:block; text-align:right;}
.arrow01 { position:absolute; top:345px; left:13px; z-index:2;}
.arrow02 { position:absolute; top:345px; left:340px; z-index:2;}
.arrow03 { position:absolute; top:854px; right:0px; z-index:2;}
.arrow04 { position:absolute; top:0px; right:0px;}
.arrow06 { position:absolute; top:854px; right:0px;}
.arrow07 { position:absolute; top:920px; right:0px;}
/*dom*/
.conent-top { width:958px; height:382px; margin: 0 auto; position:relative}
.conent-top.dom { background: url(../gfx/dom.jpg) no-repeat;}
.conent-top.biznes { background: url(../gfx/biznes.jpg) no-repeat;}
.conent-top.serwery { background: url(../gfx/serwery.jpg) no-repeat;}
.conent-top.kontakt { background: url(../gfx/kontakt.jpg) no-repeat;}
	/*contemt bottom*/
.conent-bottom { width:958px; height:386px; margin:7px auto 0; position:relative}
.conent-bottom.odd {background:url(../gfx/content-bottom.jpg) no-repeat; }
.conent-bottom.kontakt { background: url(../gfx/bottom-kontakt.jpg) no-repeat;}
	/*koniec contemt bottom*/
.conent-top h3.price { display:block; width:154px; height:20px; text-align:center; color:#fff; background:url(../gfx/btn-oplata.png) no-repeat; position:absolute; right:62px; font-weight:bold; line-height:20px;}
.conent-top.dom .button-mini { display:block; width:256px; height:100px; background:url(../gfx/btn-dom-mini.png) no-repeat; text-indent:-666em; position:absolute; top:23px}
.conent-top.biznes .button-mini { display:block; width:256px; height:100px; background: url(../gfx/btn-biznes-mini.jpg) no-repeat; text-indent:-666em; position:absolute; top:23px}
.conent-top.serwery .button-mini { display:block; width:256px; height:100px; background: url(../gfx/btn-serwery-mini.jpg) no-repeat; text-indent:-666em; position:absolute; top:23px}
.arrow04 { position:absolute; top:331px; left:0px;}
.conent-top .text-info { width:335px; font-weight:normal; color:#FFF; position:absolute; top:150px; left:23px; font-size:13px;}
.conent-top.dom .text-info p strong { color:#00d727; font-weight:bold;}
.conent-top h4 { color:#FFF; position:absolute; bottom:10px; left:24px; font-size:13px; font-weight:bold}
.conent-bottom .text-info { width:556px; padding: 25px 20px 0;}
.conent-bottom .text-info h3 { font-size:20px; color:#00b502; font-weight:bold;}
.conent-bottom .text-info ol { list-style:decimal; list-style-position: inside;}
.conent-bottom .text-info ol li { list-style:decimal;font-size:12px; color:#000; line-height:20px; padding:0 0 0 0; text-indent:0px; margin:0 0 0 20px; }
.conent-bottom .text-info ul { list-style: none; list-style-position: inside;}
.conent-bottom .text-info ul li {font-size:12px; color:#000; line-height:25px; padding:0 0 0 0; text-indent:10px; margin:0 0 0 0px; }
.conent-bottom .text-info ol li strong, .conent-bottom .text-info ul li strong { color:#00b502; font-weight:bold;}
.conent-bottom .news { width:364px; height:124px; background:url(../gfx/bg-news.jpg) no-repeat; position:absolute; right:0px; top:2px;}

.glidecontentwrapper{ position: relative; width: 364px; height: 124px; overflow: hidden;}
.glidecontent{ position: absolute; padding: 0; visibility: hidden; width: 364px; color:#FFF; background:url(../gfx/bg-news-slider.jpg) no-repeat; font-size:12px;}
.glidecontenttoggler{ width: 364px; margin-top: 6px; margin-bottom: 10px; margin-left: 310px;}
.glidecontenttoggler a{ display: inline-block; color: #fff; font-weight: bold; text-decoration: none;}
.glidecontenttoggler a.selected{ background: #E4EFFA; color: #000000;}
.glidecontenttoggler a:hover{ background: #E4EFFA; color: #000000;}
.glidecontenttoggler a.toc{}
.glidecontenttoggler a.prev{ background: url(../gfx/arrow-slider-left.png) no-repeat; display: block; width: 34px; height: 24px; overflow: hidden; text-indent: -666em; border: none; float: left;}
.glidecontenttoggler a.next{ background: url(../gfx/arrow-slider-right.png) no-repeat; display: block; width: 34px; height: 24px; overflow: hidden; text-indent: -666em; border: none; float: left;}

#canadaprovinces .glidecontent p{ padding: 15px; font-size: 12px; color: #fff;}
#canadaprovinces .glidecontent div { text-align:right; margin:0 20px 0 0}

.info.dom { background:url(../gfx/klawiatura.jpg) 667px 21px no-repeat; padding:0 0 20px 0}
.info.dom h2 { color:#ea3601; font-size:20px; font-weight:bold;}
.info.dom p { margin:0 0 0 0; font-size:11px; color:#000;}
.info.dom ul { margin:10px 0 0 15px; font-size:12px; color:#000;}
.info.dom ul li { padding:0 0 0 20px; background:url(../gfx/arrow-slider-right.png) 0 50% no-repeat; line-height:18px; font-weight:bold}
.info-form.dom { font-weight:bold; background:none;}
.kostka { width:21px; height:20px; position:absolute; top:375px;}
.kostka.dom { background:url(../gfx/green.png) no-repeat; left:33px;}
.kostka.biznes { background:url(../gfx/kostka-biznes.png) no-repeat; left:354px;}
.kostka.serwery { background:url(../gfx/kostka-serwery.png) no-repeat; left:674px; z-index:999;}
.pasek { width:958px; height:2px;}
.pasek.biznes { background:url(../gfx/pasek-biznes.jpg) no-repeat;}
.pasek.serwery { background:url(../gfx/pasek-serwery.jpg) no-repeat;}
.conent-top.biznes .text-info { position:absolute; top:134px; left:19px;}
.conent-top.biznes .text-info .content-text-top { width:293px; height:12px; background:url(../gfx/biznes_g.png) no-repeat;}
.conent-top.biznes .text-info .content-text-middle { width: 293px; background:url(../gfx/biznes_m.png)}
.conent-top.biznes .text-info .content-text-middle p { padding:0 5px 5px 5px;}
.conent-top.biznes .text-info .content-text-bottom { width:293px; height:12px; background:url(../gfx/biznes_b.png) no-repeat; font-size:10px; text-align:right; font-style:italic;}
.conent-top.biznes .text-info .content-text-bottom p{ padding:0 15px 0 0;} 
.conent-top.biznes .audyt { font-size:23px; color:#0091f2; position:absolute; bottom:40px; left:23px; font-weight:bold;}
.conent-top.biznes .konsultant { font-size:18px; color:#939191; position:absolute; bottom:20px; left:23px; font-weight:bold;}
.stacje-robocze { position:absolute; bottom:10px; right:15px; color:#FFF; font-size:11px;}
.text-info.biznes p { font-weight:bold; line-height:20px; margin:0 0 10px 0; }
.text-info.biznes h3 { color:#0091f2; margin:10px 0 0 0}
.text-info.biznes strong { font-weight:bold; color:#0091f2;}
.info.biznes ul {margin:10px 0 0 15px; font-size:12px; color:#000;}
.info.biznes ul li { background:url(../gfx/arrow-slider-right.png) 0 50% no-repeat; padding:0 0 0 15px; line-height:20px;}

.help_with td { font-size:10px; padding-top:10px; }
.help_with a { text-decoration: none; color:#999; }
.help_with a:hover { text-decoration: none; color:#444; }

/*serwery*/
.conent-top.serwery .audyt { font-size:23px; color:#f44100; position:absolute; bottom:40px; left:23px; font-weight:bold;}
.conent-top.serwery .konsultant { font-size:18px; color:#fe8300; position:absolute; bottom:20px; left:23px; font-weight:bold;}
.conent-top.serwery .stacje-robocze { color:#000;}
.conent-top.serwery .text-info { position:absolute; top:134px; left:19px;}
.conent-top.serwery .text-info .content-text-top { width:293px; height:12px; background:url(../gfx/serwery_g.png) no-repeat;}
.conent-top.serwery .text-info .content-text-middle { width: 293px; background:url(../gfx/serwery_m.png)}
.conent-top.serwery .text-info .content-text-middle p { padding:0 5px 5px 5px;}
.conent-top.serwery .text-info .content-text-bottom { width:293px; height:12px; background:url(../gfx/serwery_b.png) no-repeat; font-size:10px; text-align:right; font-style:italic;}
.conent-top.serwery .text-info .content-text-bottom p{ padding:0 15px 0 0;} 
.text-info.serwery p { font-weight:normal; line-height:20px; margin:0 0 10px 0; }
.text-info.serwery h3 { color:#f44100; margin:10px 0 0 0}
.text-info.serwery strong { font-weight:bold; color:#f44100;}
/*regulamin*/
#content .conent-bottom.odd .text-info.regulamin-01 { width:770px;}
#wrapper-inner #wrapper #content .conent-top.regulamin { background: url(../gfx/regulamin.jpg) no-repeat; }

.bisg { position:absolute; top:13px; right:30px; z-index:0}
#mycustomscroll ol { margin:0 0 15px 0;}
.lipsum h2 { color:#f45000; font-size:13px; font-weight:bold; margin:0 0 15px 0;}
.text-info.regulamin #mycustomscroll .lipsum h3 { color:#ff8900; font-size:13px; font-weight:bold; margin:10px 0 15px 0;}
.lipsum dl dd { margin:0 0 15px 0;}
.back-top { text-align:right}
.back-top a { color:#e3530d; font-weight:bold; font-size:13px; text-decoration:none;}
.conent-top.regulamin .text-info { top:300px; left:20px; position:absolute;width:200px;}
.conent-top.regulamin .text-info h3 { font-size:13px; font-weight:bold; color:#f45000; }
/*kontakt*/


/* portal wiedzy */
.soon { color:white; padding:20px; padding-top:30px; }
.banner { display:block; height:24px; text-align:center; padding-top:4px; font-size:15px; color:#ffffff; font-weight:bold;} 
.b_left {float: left; background:url(../gfx/btn-baza-left.jpg); width: 10px; height: 24px; display:block;}
.b_text {float: left; background: #ff3e00; height: 20px; padding-top: 4px;}
.b_right {float: left; background:url(../gfx/btn-baza-right.jpg); width: 10px; height: 24px; display:block;}

.baza { padding-top:20px; line-height:150%;}
.baza span { color:#dd4800; font-weight:bold;}

.kontakt-dane { width:307px; position:absolute; left:0px;}
.kontakt-dane div { padding:30px 23px 0;}
.kontakt-dane div h3 { font-size:15px; color:#f45000; font-weight:bold;}
.kontakt-dane div p strong { color:#000; font-weight:bold;}
.kontakt-dane div h4 { font-size:13px; color:#000; font-weight:normal; margin:20px 0 0 0;}
.kontakt-dane div ul { margin:20px 0 0 0;}
.kontakt-dane div ul li:first-child {color:#f45000; font-weight:bold; font-size:13px;}
.kontakt-dane div ul li strong { font-weight:bold;}
.form-kontakt { width:650px; position:absolute; left:307px;}
.form-kontakt .form {width:650px; position:relative; color:#FFF; font-size:13px;}
.form-kontakt .form h2 { display:block; width:83px; height:24px; background:url(../gfx/btn-kontakt.jpg) no-repeat; text-indent:-666em; margin:20px 0 10px 30px;} 
.form-kontakt .form p { margin:0 0 20px 30px;}
.form-kontakt .form form p { margin:7px 0 0 30px;}
.form-kontakt .form form p label { clear:both; padding:0 0 3px 0; font-weight:bold;}
.form-kontakt .form form p input[type="text"] { width:231px; height:19px; color:#333; background:#FFF; border:none; margin:3px 0 0 0;}
.form form p #wiadomosc {  }
#textarea { position:absolute; top:73px; left:285px; margin:0px; padding:0px;}
.form form #textarea #wiadomosc { margin:0px; padding:0px; border:none; width:331px; height:117px; color:#333; font-size:12px;}
.textarea { position:absolute; top :66px; left:255px;}
.btn { display: block; position: relative;  padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn.submit {  background-image: url(../gfx/submit-red.jpg); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; color:#333; font-size:13px;  }
form p .btn { margin:0 10px 0 0 ;   width:53px; margin-top:20px }
.conent-top.kontakt .text-info { top:300px;}
.conent-top.kontakt .text-info h2 { color: #FFF;}
.conent-top.kontakt .text-info h3 { color: #f45000; font-weight:bold;}
.conent-top.kontakt .text-info p { margin: 10px 0 0 0;}
.info.kontakt h3 { font-size:13px; color:#ff8900; font-weight:bold; margin:20px 0 20px 20px;}
.info.kontakt ul { margin:0 0 0 20px;}
.info.kontakt ul li { display:block; float:left; height:48px; line-height:48px; margin:0 70px 0 70px;}
.info.kontakt ul li a {display:block; float:left; height:48px; text-decoration:none; color:#ea3601; padding: 0 60px 0 0;  line-height:48px;}
.info.kontakt ul li.gg a { background:url(../gfx/gadu.png) no-repeat 100% 50%;}
.info.kontakt ul li.skype a{ padding: 0 120px 0 0;}
.info.kontakt ul li.skype a { background: url(../gfx/Skype-logo.png) no-repeat 100% 50%;}
.info.kontakt ul li.fabo a { background:url(../gfx/fb.png) no-repeat 100% 50%}
.form-kontakt .pod { position:absolute;top:350px; left:20px}
/*sklep*/

.conent-bottom.dom-sklep {background: url(../gfx/bottom-sklep-dom.jpg) no-repeat; }
.conent-bottom.dom-sklep .text-info { width:450px; padding:3px 0 0 0; position:relative;}
.conent-bottom.dom-sklep .text-info h2 { margin:0 ; font-size:20px; color:#FFF; font-weight:bold; padding:0 0 0 68px }
.conent-bottom.dom-sklep .text-info h2 span { font-size:15px; color:#d2cdcc; font-weight:bold;}
/*Radio*/
.text-info fieldset.radio ul{margin:25px 0 0 25px; font-size:15px;}
.text-info fieldset.radio ul li { font-size:15px; color:#575656; background:url(../gfx/sklep_06.jpg) 0 50% no-repeat; padding:0 0 0 30px;}

.conent-bottom.dom-sklep .text-info .radio { margin: 25px 0 0 25px; padding: 0px; border:none;}
.conent-bottom.dom-sklep .img-plat { position:absolute; top:200px; left:280px; width:152px; height:162px;}
.conent-bottom.dom-sklep h4 { font-weight:bold; position:absolute; top:200px; left:45px;}
.conent-bottom.dom-sklep p { display:block; width:230px; position:absolute; top:250px; left:45px;}
.twoje-dane { position:absolute; top:0px; right:0px; width:450px;}
.conent-bottom.dom-sklep .twoje-dane h2 { font-size:15px; color:#d2cdcc; font-weight:bold; padding:7px 0 0 0}
.in-one { width:121px; text-align:right; padding:0 5px 0 0; color:#FFF; height:35px; }
.in-two { width:320px;}
.in-two input { width:307px; height:19px; background:url(../gfx/input-dane.png); border:none;}
.conent-bottom.dom-sklep .twoje-dane fieldset { border:none; margin:25px 0 0 -15px;}
form .twoje-dane fieldset table tr .in-two select { background:url(../gfx/input-dane.png); border:none;}
.info.sklep-platosci { width:950px; }
.info.sklep-platosci ul { margin:10px 0 0 20px}
form fieldset table tr .in-one #submit_btn  { display: block; padding: 5px; color: #fff; text-decoration: none; cursor: pointer; }
form fieldset table tr .in-one #submit_btn {  background-image: url(../gfx/green.png); background-position:right; background-repeat:no-repeat; padding:0 30px 0 0 ; color:#333; font-size:13px; width:73px;  border:none; font-weight:bold; line-height:25px;position:absolute; top:300px; right:50px; }
.conent-bottom.dom-sklep fieldset { border:none;}
.sklep-text { position:absolute; top:310px; left:25px;}
.zobof { font-size:18px; color:#939191; margin:0;}
.zobszcz { font-size:18px; font-weight:bold; color:#939191; margin:-5px 0 0 0}
.przejskl a{ font-size:24px; font-weight:bold; color:#00b502; text-decoration:none;}
.text-info .content-text-middle p em { display:block; text-align:right; font-style:italic; margin:10px 0 0 0}