*{margin:0; padding:0;}
body{background-color:#000000;}
urlset {background:#0F0F0F url(images/logo_bg.jpg) top center no-repeat; padding-top: 113px; }
url {display: block; width: 870px; margin: 0px auto; background: white url(images/dot.gif) 40px 10px no-repeat; padding: 4px 56px;}
loc {color: black; font-weight: bold;}
priority, lastmod, changefreq {color: gray;}
h1 {font:normal 20px verdana, arial, "Times New Roman", Times, serif; color: white; margin: 0px 0 7px 0; line-height: normal; background: url(images/web_design1.png) repeat-x; padding: 2px 15px; border-bottom: 3px solid #ccc; width: 436px;}
#content h1 img {float: right: margin-right: 10px;}
urlset h1 {display: block; font: normal 27px verdana, arial; color: white; margin: 10px auto 0 auto; line-height: normal; background: #DEDFDE url(images/web_design1.png) repeat-x; padding: 2px 41px; border-bottom: 2px solid #ccc; width: 900px;}
h2 {font-size: 23px; margin-bottom: 16px; margin-top: 10px; color: #555555; line-height: 25px;}
h2.subtit {font-size: 18px; color: red;}
h2.info {line-height: normal; padding-left: 35px; background: url(images/info.png) left center no-repeat; color: red;}
h3 {font-size: 14px; margin: 12px 0 5px 0; color: red;}
#page_3 h3 {margin-top: 0;}
h4 {margin: 8px 0; font-size: 15px; color: #E8E8E8;}
img{border:0; text-align:left; vertical-align:top;}
ul{list-style:none; list-style-position: outside;}
li{line-height:0;}
.column{float:left;}
.clear{clear:both; margin: 0; padding: 0;}
body{font-family:Arial, helvetica, sans-serif; color:#4E4E4E; font-size:0.75em; line-height:1.33em; text-align:center;}
input, textarea, select{color:#FFFFFF; vertical-align:top; text-align:left; border: 1px solid #181818; background:#707070; font:11px Tahoma, Arial, helvetica, sans-serif;}
.float_right{float:right;}
.align_right{text-align:right;}
.center{text-align:center;}
.top_indent_5px{padding-top:5px; display:block;}
.top_indent_10px{padding-top:10px; display:block;}
.top_indent_15px{padding-top:15px; display:block;}
.top_indent_20px{padding-top:20px; display:block;}
.top_indent_25px{padding-top:25px; display:block;}

.width_stretch{width:100%;}
strong {color: black;}

.col_1, .col_2, .col_3, .col_4, .box_1, .box_2, .box_3, .mid, .mid_2{float:left;}

.mid{width:1px; background:url(images/line_y.gif) left top repeat-y;}

.float_pic_right{float:right; margin-left:10px;}

.pic_float{margin-right:15px; float:left;}

/*=======header===========*/
.nav{position: absolute; z-index: 1; height: 12px; width: 978px; padding: 0 2px 0 0; color:#878787; font-size:0.91em; margin: 0;}
.nav em{color:#545454; font-style:normal;}
.nav span{float:right; word-spacing:13px; margin-right: 30px;}
.nav span a{color:#989898; text-decoration: none; word-spacing:0;}
.nav span a:hover{text-decoration:none; color: white;}
.nav span .link_2{background:url(images/english.gif) right center no-repeat; padding-right:22px;}
.nav span .link_3{background:url(images/polish.gif) right center no-repeat; padding-right:22px;}

.logo{color: #eee;  height:83px; width: 392px; font: normal 10px Arial, Helvetica, sans-serif; padding: 40px 0 0 598px; margin: 0px; background:url(images/logo_bg.jpg) left top no-repeat;}
.logo span {font-size: 16px; font-weight: bold; color: #FF0000; margin: 0;}
.logo p {display: block; width: 335px; padding-left: 17px; font-style: normal; text-align: right; margin: 0;}
.logo p b {font-size: 14px;}

.menu{height:52px; background:url(images/menu_bg.jpg) left top no-repeat; position: relative; }
.menu .indent{padding:4px 0 0 62px;}
.menu a, .menu span{font-size: 12px; color:black; text-decoration:none; text-transform:uppercase; text-align: center; font-weight:normal; padding:10px 12px 0px 12px; float:left; margin: 0;  border-top: 1px solid #222; height: 37px; letter-spacing: 0.5px; width: 189px;}
#bord {}
#bord2 {}
.menu a {background: url(images/bbg.jpg) right no-repeat; color: white;}
.menu span{text-decoration:none; color:black; background: none; background-color: white; font-weight: bold;}
.menu a:hover {height: 41px; padding: 5px 12px 0px 12px; background: url(images/bbg.jpg) right -3px no-repeat; }

#submenu {position: absolute; display: inline; margin: 3px 0px 20px 32px; background: url(images/bsm.jpg) repeat-x; padding: 2px 0 0px 30px; width: 887px; height: 21px; border-bottom: 2px solid gray;}
#submenu a{display: block; float: left; margin:0; color: #333; padding: 2px 25px; font-size: 11px; text-decoration: none; letter-spacing: 0.5px; border-right: 1px solid #eee; border-left: 1px solid gray; text-align: center; }
#submenu a:hover, #submenu a.active_s {background: url(images/bsm1.jpg) repeat-x; color: black; border-left-color: #777;}
/*=====//header===========*/

#services {width: 503px; margin-bottom: 20px;}

/*=======template===========*/
#template {background: url(images/3_webdesign_steps.jpg) no-repeat; height: 226px; width: 466px ; color: white; font-weight: bold; text-align:center; line-height: 13px;}
#template1 {background: url(images/3kroki_tworzenie_stron_internetowych.jpg) no-repeat; height: 226px; width: 466px ; color: white; font-weight: bold; text-align:center; line-height: 13px;}
#step1 {float: left; width: 112px; margin: 137px 53px 0 7px; _margin: 137px 52px 0 4px; padding: 0; letter-spacing: 0.5px;}
#step2 {float: left; width: 112px; margin: 132px 58px 0 5px; padding: 0; letter-spacing: 0.5px;}
#step3 {float: left; width: 112px; margin: 131px 0px 0 0px; padding: 0;}

/*=======/template===========*/

/*=======content===========*/
#content{background:url(images/content_top.jpg) left top repeat-x #FFFFFF; width:100%;}
#content .left_top{background:url(images/content_left_top.jpg) left top no-repeat; }
#content .right_top{background:url(images/content_right_top.jpg) right top no-repeat; padding:48px 53px 10px 63px;}

#content strong{color:#4E4E4E;}

strong a{color:#00C2FF; text-decoration:none;}
strong a:hover{text-decoration:underline;}

#content .col_1 .indent{padding:0 22px 0 0;}
#content .col_2 .indent{padding:0 0 0 24px;}

#content .title{margin-bottom:19px;}

#content .col_1, #content .col_2{padding:0;}

.line_x{height:1px; background:url(images/line_x.gif) left top repeat-x; font-size:0; margin:20px 0 20px 0;}
#content li{padding:5px 0 5px 0; background:url(images/list_bg.gif) left bottom repeat-x;}
#content li a{color:#00C2FF; text-decoration:none; font-weight:bold; line-height:1em; padding-left:14px; margin-left:10px; background:url(images/list_arr.gif) left center no-repeat;}
#content li a:hover{text-decoration:underline;}
#content .clear{background:0;}
/*=====//content===========*/

/*===== portfolio ===========*/
.portfolio {width: 245px; float: right; display: inline; margin: 0 10px 0 0; padding: 0;}
.portfolio h4 {color: #333; margin: 0 0 3px 0;}
.portfolio span {display: block; margin-bottom: 8px; margin-top: 0; font-size: 10px;}
.portfolio a {display: block; margin-top: 8px;}

#divine, #promo, #green, #stf, #niall, #rjk, #beauty, #bridal, #ubs, #ahpayroll, #littlesport, #solicitor {display: block; display: inline; float: left; height: 175px; width: 270px; margin: 0; padding: 0; border: 1px solid #eee;}
#divine {background: url(images/divine.jpg) center 0 no-repeat; }
a#divine:hover { background: url(images/divine.jpg) center -175px no-repeat;}
#promo {background: url(images/promo.jpg) center 0 no-repeat; }
a#promo:hover { background: url(images/promo.jpg) center -175px no-repeat;}
#green {background: url(images/green.jpg) center 0 no-repeat; }
a#green:hover { background: url(images/green.jpg) center -175px no-repeat;}
#stf {background: url(images/stf.jpg) center 0 no-repeat; }
a#stf:hover { background: url(images/stf.jpg) center -175px no-repeat;}
#niall {background: url(images/niall.jpg) center 0 no-repeat; }
a#niall:hover { background: url(images/niall.jpg) center -175px no-repeat;}
#rjk {background: url(images/rjk.jpg) center 0 no-repeat; }
a#rjk:hover { background: url(images/rjk.jpg) center -175px no-repeat;}
#beauty {background: url(images/beauty.jpg) center 0 no-repeat; }
a#beauty:hover { background: url(images/beauty.jpg) center -175px no-repeat;}
#ahpayroll {background: url(images/payroll.jpg) center 0 no-repeat; }
a#ahpayroll:hover { background: url(images/payroll.jpg) center -175px no-repeat;}
#bridal {background: url(images/bridal.jpg) center 0 no-repeat; }
a#bridal:hover { background: url(images/bridal.jpg) center -175px no-repeat;}
#ubs {background: url(images/ubs.jpg) center 0 no-repeat; }
a#ubs:hover { background: url(images/ubs.jpg) center -175px no-repeat;}
#littlesport {background: url(images/littlesport.jpg) center 0 no-repeat; }
a#littlesport:hover { background: url(images/littlesport.jpg) center -175px no-repeat;}
#solicitor {background: url(images/solicitor.jpg) center 0 no-repeat; }
a#solicitor:hover { background: url(images/solicitor.jpg) center -175px no-repeat;}

#little, #divinepl, #promopl, #greenpl, #stfpl, #niallpl, #rjkpl, #beautypl, #bridalpl, #ubspl, #ahpayrollpl, #wrzosek, #edent, #zanurzsie, #solicitorpl {display: block; display: inline; float: left; height: 175px; width: 270px; margin: 0; padding: 0; border: 1px solid #eee;}
#divinepl {background: url(images/divinepl.jpg) center 0 no-repeat; }
a#divinepl:hover { background: url(images/divinepl.jpg) center -175px no-repeat;}
#promopl {background: url(images/promopl.jpg) center 0 no-repeat; }
a#promopl:hover { background: url(images/promopl.jpg) center -175px no-repeat;}
#greenpl {background: url(images/greenpl.jpg) center 0 no-repeat; }
a#greenpl:hover { background: url(images/greenpl.jpg) center -175px no-repeat;}
#stfpl {background: url(images/stfpl.jpg) center 0 no-repeat; }
a#stfpl:hover { background: url(images/stfpl.jpg) center -175px no-repeat;}
#niallpl {background: url(images/niallpl.jpg) center 0 no-repeat; }
a#niallpl:hover { background: url(images/niallpl.jpg) center -175px no-repeat;}
#rjkpl {background: url(images/rjkpl.jpg) center 0 no-repeat; }
a#rjkpl:hover { background: url(images/rjkpl.jpg) center -175px no-repeat;}
#beautypl {background: url(images/beautypl.jpg) center 0 no-repeat; }
a#beautypl:hover { background: url(images/beautypl.jpg) center -175px no-repeat;}
#ahpayrollpl {background: url(images/payrollpl.jpg) center 0 no-repeat; }
a#ahpayrollpl:hover { background: url(images/payrollpl.jpg) center -175px no-repeat;}
#bridalpl {background: url(images/bridalpl.jpg) center 0 no-repeat; }
a#bridalpl:hover { background: url(images/bridalpl.jpg) center -175px no-repeat;}
#ubspl {background: url(images/ubspl.jpg) center 0 no-repeat; }
a#ubspl:hover { background: url(images/ubspl.jpg) center -175px no-repeat;}
#little {background: url(images/little.jpg) center 0 no-repeat; }
a#little:hover { background: url(images/little.jpg) center -175px no-repeat;}
#solicitorpl {background: url(images/solicitorpl.jpg) center 0 no-repeat; }
a#solicitorpl:hover { background: url(images/solicitorpl.jpg) center -175px no-repeat;}

#wrzosek {background: url(images/wrzosek.jpg) center 0 no-repeat; }
a#wrzosek:hover { background: url(images/wrzosek.jpg) center -175px no-repeat;}
#edent {background: url(images/edent.jpg) center 0 no-repeat; }
a#edent:hover { background: url(images/edent.jpg) center -175px no-repeat;}
#zanurzsie {background: url(images/zanurzsie.jpg) center 0 no-repeat; }
a#zanurzsie:hover { background: url(images/zanurzsie.jpg) center -175px no-repeat;}

/*=====//portfolio===========*/


/*=======content_2===========*/
#content_2{background:url(images/content_2_bg.jpg) left top repeat-y; width:100%; color:#8E8E8E; text-align: left;}
#content_2 .layer_2{background:url(images/content_2_top_bg.jpg) left top no-repeat; padding:0 53px 0px 62px;}

#content_2 .col_1, #content_2 .col_2{padding:20px 0 15px 0px;}
#content_2 .col_2{padding-left: 15px;}
#content_2 .mid{background:url(images/line_y_2.gif) center top repeat-y;}

#content_2 .title{margin-bottom:25px;}

#content_2 strong{color:#BEBEBE;}

#content_2 .line_x_2{height:1px; background:url(images/line_x_2.gif) left top repeat-x; font-size:0; margin:20px 0 20px 0;}

#content_2 li{padding:5px 0 5px 0; background:url(images/list_bg_2.gif) left bottom repeat-x;}
#content_2 li a{color:#00C2FF; text-decoration:none; font-weight:bold; line-height:1em; padding-left:14px; margin-left:10px; background:url(images/list_arr_2.gif) left center no-repeat;}
#content_2 li a:hover{text-decoration:underline;}
#content_2 .clear{background:0;}
/*=====//content_2===========*/
#packages, #webstore, #cms, #pakiety, #sklep, #cms1 {display: block; height: 127px; width: 343px; margin: 0; padding: 7px 0 0 15px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; letter-spacing: 0.5px;}

#packages:hover, #webstore:hover, #cms:hover, #pakiety:hover, #sklep:hover, #cms1:hover {color: white;}


#packages {background: url(images/webdesign_services.jpg) center 0 no-repeat; }
a#packages:hover { background: url(images/webdesign_services.jpg) center -138px no-repeat;}
#webstore {background: url(images/e-commerce_shopping_cart.jpg) center 0 no-repeat;  }
a#webstore:hover { background: url(images/e-commerce_shopping_cart.jpg) center -138px no-repeat;}
#cms {background: url(images/content_management_system_cms.jpg) center 0 no-repeat; }
a#cms:hover { background: url(images/content_management_system_cms.jpg) center -138px no-repeat;}

#pakiety {background: url(images/tworzenie_stron_internetowych.jpg) center 0 no-repeat; }
a#pakiety:hover { background: url(images/tworzenie_stron_internetowych.jpg) center -138px no-repeat;}
#sklep {background: url(images/sklep_internetowy.jpg) center 0 no-repeat;  }
a#sklep:hover { background: url(images/sklep_internetowy.jpg) center -138px no-repeat;}
#cms1 {background: url(images/system_zarzadzania_trescia_cms.jpg) center 0 no-repeat; }
a#cms1:hover { background: url(images/system_zarzadzania_trescia_cms.jpg) center -138px no-repeat;}

a#photo:hover { background: url(images/photo.jpg) center -138px no-repeat;}
#senso {background: url(images/senso.jpg) center 0 no-repeat; }
a#senso:hover { background: url(images/senso.jpg) center -138px no-repeat;}

/*=======page_1===========*/
#page_1 #content .col_1 .box_1{width:227px;}
#page_1 #content .col_1 .box_2{width:1px; background:#DCDCDC;}
#page_1 #content .col_1 .box_3{width:229px;}

#page_1 #content .col_2 .box_1{width:48px;}
#page_1 #content .col_2 .box_2{width:290px;}
#page_1 #content .col_2 .line_x{margin-top:20px; margin-bottom:20px;}
#page_1 #content .col_2 .indent .line_x{margin: 4px 0;}
#page_1 #content_2 .mid{background:url(images/line_y_2.gif) right top repeat-y;}
#page_1 #content_2 .col_2 .indent{padding:0 0 0 24px;}

#page_1 #content_2 .col_1 .title{margin-bottom:10px;}

#form{width:451px; color:#FFFFFF;}
#form .box_1{width:201px; height:50px;}
#form .box_2{width:250px; height:50px;}
#form input{width:187px; height:19px; margin-top:2px;}
#form textarea{width:450px; height:94px; overflow:hidden; margin-bottom:8px; margin-top:2px;}
#form i{color:#00C2FF; font-style:normal;}
#form span{padding:5px 0 0 32px; font-size:0.91em;}
/*=====//page_1===========*/

/*=======page_2===========*/
#page_2 #content .col_1 .pic_float{margin-bottom:10px;}

#page_2 #content .col_1 .box_1{width:241px;}
#page_2 #content .col_1 .box_2{width:1px; background:#DCDCDC;}
#page_2 #content .col_1 .box_3{width:253px;}
/*=====//page_2===========*/

/*=======page_3===========*/
#page_3 #content_2 .col_2 .box_1{width:201px;}
#page_3 #content_2 .col_2 .box_2{width:1px; background:#DCDCDC;}
#page_3 #content_2 .col_2 .box_3{width:180px;}
/*=====//page_3===========*/

/*=======page_4===========*/
#page_4 #content .col_3{padding-top:15px;}
#page_4 #content .col_4{padding-top:77px;}
#page_4 #content .col_1, #page_4 #content .col_2{padding-top:20px;}

#page_4 #content .line_x{margin:20px 0 0 0;}

#page_4 #content_2 .col_1 .box_1{width:201px;}
#page_4 #content_2 .col_1 .box_2{width:1px; background:#DCDCDC;}
#page_4 #content_2 .col_1 .box_3{width:180px;}
/*=====//page_4===========*/

/*=======page_5===========*/
#page_5 #content_2 .col_1 .box_1{width:201px;}
#page_5 #content_2 .col_1 .box_2{width:1px; background:#DCDCDC;}
#page_5 #content_2 .col_1 .box_3{width:180px;}
/*=====//page_5===========*/

/*=======page_6===========*/
#page_6 #content .col_1 .box_1{width:175px;}
#page_6 #content .col_1 .box_2{width:204px;}
#page_6 #content .col_1 .box_2 span{float:right; padding-right:25px;}

#page_6 .col_3{width:203px;}
#page_6 .mid_2{width:52px;}
#page_6 .col_4{width:201px;}


#page_6 .col_3 span, #page_6 .col_4 span{float:right;}

#page_6 #content_2 .mid{background:url(images/line_y_2.gif) right top repeat-y;}
#page_6 #content_2 .col_2 .indent{padding:0 0 0 24px;}

#page_6 #content_2 .col_1 .title{margin-bottom:10px;}
/*=====//page_6===========*/

/*=======page_7===========*/
#page_7 #content_2 .title{margin-top:20px; margin-bottom:10px;} 
/*=====//page_7===========*/

/*=======footer===========*/
#footer{padding:10px 0 13px 38px; background:url(images/footer_bg.jpg) left top no-repeat; color:#8D8D8D; font-size:0.91em;}
#footer span{color: #8D8D8D;}
#footer a{color:#3A3A3A; text-decoration:none;}
#footer a:hover{ cursor: text;}
/*=====//footer===========*/
#content ul.normal { list-style: circle; margin: 0; padding-left: 195px;}
#content ul.normal li {line-height: 15px; text-decoration: none; background: none; margin: 0 0 0 20px; padding: 2px 0 2px 0px; }
#content ul.subnormal li {list-style: circle; margin: 0px 0 0px 24px; line-height: 15px; padding: 2px 0 2px 0px; }
.more {color: #00C2FF;}
#content ul.normal2 { list-style: circle; margin: 0; padding-left: 0px;}
#content ul.normal2 li {line-height: 15px; text-decoration: none; background: none; margin: 0; padding: 1px 0 2px 1px; }
#long {width: 820px; background: url(images/web_design1.png) repeat-x;}
#folio {width: 824px; padding: 3px 0 3px 25px; color: #eee; font: normal 17px Verdana, Arial, Helvetica, sans-serif; background: url(images/web_design2.png) repeat-x;}

.nomarg {margin-right: 0px;}

#button1, #button2, #button3, #button4, #button1en, #button2en, #button3en, #button4en {display: block; width: 235px; height: 52px; font: 18px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: black; padding: 12px 0 0 23px }
.menu2 {display: block; margin-top: 4px; color: #5d5d5d; font-weight: bold; font-size: 12px;}
#button1 {background: url(images/button1.jpg) no-repeat center 0;}
a#button1:hover { background: url(images/button11.jpg) no-repeat center 0;}
#button2 {background: url(images/button2.jpg) no-repeat center 0;}
a#button2:hover { background: url(images/button11.jpg) no-repeat center 0;}
#button3 {background: url(images/button3.jpg) no-repeat center 0;}
a#button3:hover { background: url(images/button11.jpg) no-repeat center 0;}
#button4 {background: url(images/button4.jpg) no-repeat center 0;}
a#button4:hover { background: url(images/button22.jpg) no-repeat center 0;}
#button1en {background: url(images/button1en.jpg) no-repeat center 0;}
a#button1en:hover { background: url(images/button11.jpg) no-repeat center 0;}
#button2en {background: url(images/button2en.jpg) no-repeat center 0;}
a#button2en:hover { background: url(images/button11.jpg) no-repeat center 0;}
#button3en {background: url(images/button3en.jpg) no-repeat center 0;}
a#button3en:hover { background: url(images/button11.jpg) no-repeat center 0;}
#button4en {background: url(images/button4en.jpg) no-repeat center 0;}
a#button4en:hover { background: url(images/button22.jpg) no-repeat center 0;}

/*--- scrolling folio ---*/
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 110px;
  width: 847px;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  border-bottom: 2px solid #444;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 116px;
  /* Max width here, for users without Javascript */
  width: 3800px;
  padding: 4px 0 0 0px;
  /* Remove default margin */
  margin: 0;
  background: url(images/bgfolio.jpg) top repeat-x;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
  list-style: none;
  background: none;
}
#content .sc_menu ul li a {
  display: block;
  text-decoration: none;
	background: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 7px;
  text-align: center;
  font-size: 12px;
  color: #eee;
  font-weight: normal;
}
.sc_menu ul li a:hover {
  text-decoration: none;
}
.sc_menu a:hover span {
  display: block;
  text-decoration: none;
  color: black;
  font-weight: bold;
  font-size: 11px;
}
.sc_menu img {
  border: 1px #999 solid;
/*  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; */
  filter:alpha(opacity=55);
  opacity: 0.55;
}
.sc_menu a:hover img {
  filter:alpha(opacity=100);
  opacity: 1;
}