body { text-align:center;  background:#eee; color:#4F4F4F; font-family:Arial, Verdana, sans-serif; font-size:13px; }

/* wyzerowanie marginesow i paddingow */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* clearing float */
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/* usuniecie obramowania obrazkow */
img { border: 0; }

/* common styles */
.floatleft { float:left; }
.floatright { float:right; }
a { color:#FF2F4B; text-decoration: underline; }
a:hover { text-decoration: none; }
.imgpad {padding: 10px 0;}
p.small {font-size: 11px;}

/* Top */
#top { width:100%; background:#2A353B url(../img/header-bg1.gif) repeat-x; height:122px; }
#center { width:100%; background:#eee url(../img/center-bg.jpg) repeat-x; }
#bottom { width:100%; background:#fff url(../img/bottom-bg.gif) repeat-x; height:540px; border-top:1px solid #fff; }

/* header */
#header { width:960px; margin:0 auto; position:relative; background:#2A353B url(../img/header-bg1.gif) repeat-x; height:122px; }
#header .logo { position:absolute; top:10px; left:0; }

#menu2 { margin:0; padding:0; background:url(../img/menu.gif) no-repeat; width:699px; height:117px; position:absolute; top:0px; right:0px; }
#menu2 span {display:none;}
#menu2 li, #menu2 a { height:117px; display:block; }
#menu2 li { float:left; list-style:none; display:inline; }

#menu2 .onas { width:78px; margin-left:0px;}
#menu2 .tworzenie { width:132px; margin-left:15px; }
#menu2 .pozycjonowanie { width:125px; margin-left:16px; }
#menu2 .portfolio { width:86px; margin-left:15px; }
#menu2 .psd { width:125px; margin-left:15px; }
#menu2 .kontakt { width:79px; margin-left:13px;}


#menu2 .onas a:hover {background:url(../img/menu.gif) 2px -117px no-repeat; }
#menu2 .onas a.active {background:url(../img/menu.gif) 2px -234px no-repeat;}

#menu2 .tworzenie a:hover {background:url(../img/menu.gif) -91px -117px no-repeat; }
#menu2 .tworzenie a.active {background:url(../img/menu.gif) -91px -234px no-repeat;}

#menu2 .pozycjonowanie a:hover {background:url(../img/menu.gif) -239px -117px no-repeat; }
#menu2 .pozycjonowanie a.active {background:url(../img/menu.gif) -239px -234px no-repeat;}

#menu2 .portfolio a:hover {background:url(../img/menu.gif) -381px -117px no-repeat; }
#menu2 .portfolio a.active {background:url(../img/menu.gif) -381px -234px no-repeat;}

#menu2 .psd a:hover {background:url(../img/menu.gif) -482px -117px no-repeat; }
#menu2 .psd a.active {background:url(../img/menu.gif) -482px -234px no-repeat;}

#menu2 .kontakt a:hover {background:url(../img/menu.gif) -620px -117px no-repeat; }
#menu2 .kontakt a.active {background:url(../img/menu.gif) -620px -234px no-repeat;}

/* content */
#content { width:960px; margin:0 auto; padding:25px 0; text-align:left; background:#eee url(../img/center-bg.jpg) repeat-x; }
#left-side { float:left; width:615px; }
#right-side { float:right;width:305px;  }

#left-side h1 { font-size:18px; padding:0px 0 12px 0; color:#1F4B69; }
#left-side h2 { font-size:16px; padding:20px 0 12px 0; color:#1F4B69; }
#left-side h3 { font-size:14px; padding:10px 0 3px 0; }
#left-side p { line-height:150%; padding-bottom:8px; }

#left-side .boxpos1 { position: relative; height:74px; margin-top:10px;}
#left-side .boxpos2 { position: relative; height:110px; margin-top:10px;}
#left-side .boxpos3 { position: relative; height:92px; margin-top:10px;}
#left-side .boxpos4 { position: relative; height:180px; margin-top:10px;}

.tabela {text-align: center; margin:10px 0 4px 0; }
.tabela td { padding:14px 9px; border:1px solid #CFCFCF}

#left-side .opis {width:480px;}

.lista { list-style-type:none; line-height:200%; }
.lista li { background:url(../img/list.png) no-repeat 1px 5px; padding:0 0 0 26px; }
p.special { color:#1F4B69; padding:20px 0; font-weight:bold; }

#right-side h3 { font-size:16px; margin:0 0 0px 0; padding-bottom:4px; color:#1F4B69; }
.last-portfolio { width:301px; background:url(../img/portfolio.png) no-repeat; height:187px; margin:15px 0; }
.last-portfolio a { text-decoration:none; color:#4F4F4F; }
.last-portfolio p.title { font-weight:bold; font-size:12px; padding:12px 0 12px 10px; }
.last-portfolio img { padding-left:9px; }

h3.opinions { background:url(../img/bubble.gif) no-repeat 135px 6px; line-height:180%; border-bottom:0; padding-top:10px;   }
h3.last-work { background:url(../img/pen.gif) no-repeat 127px -1px; }
.testimonials { padding:15px 0 15px 0;  }
.quote { font-style:italic; }
.name { text-align: right; float:right; padding:8px 0; }
.line-separator {border-bottom:1px solid #E0E2E2;}

/* formularz wyceny */
h3.cena { background: url(../img/price.gif) no-repeat 250px 1px; }
h3.cenap { background: url(../img/price.gif) no-repeat 150px 1px; }

#wycena { margin: 10px 0 0 0; font-size: 12px; }
#wycena .input_text { float: right; height:18px;  padding:6px 6px; width:170px; background:#fff; border-bottom: 1px double #BFBFBF; border-top: 1px double #BFBFBF; border-left:1px double #CFCFCF; border-right:1px double #CFCFCF; }
#wycena .input_text:focus { background:#F4F8FB; }
#wycena label { text-align: right; width:92px; display:block; float: left; font-size:12px; font-weight: bold; }
#wycena .odd { background:#C5EFC2; /*#C4FFBF;*/ padding: 5px 5px 5px 5px; height:32px; position: relative;}
#wycena .even { background:#E1FFDF; padding: 5px 5px 5px 5px; height:32px; position: relative; }
#wycena .odd img { position: absolute; top:12px; left:10px; cursor: pointer;}
#wycena .even img { position: absolute; top:12px; left:10px; cursor: pointer;}
#wycena .even.psd img { position: absolute; top:22px; left:10px; cursor: pointer;}
#wycena .long { height: 100px; }
#wycena .long2 { height: 44px; }
#wycena .long3 { height: 144px; }
#wycena .long4 { height: 96px; }
#wycena #domenatak {margin:8px 20px 0 10px}
#wycena #domenanie {margin:8px 0 0 10px}
#wycena #domainname {display: none;}
#wycena #hostingtak {margin:8px 20px 0 10px}
#wycena #hostingnie {margin:8px 0 0 10px}
#wycena #logotak {margin:8px 20px 0 10px}
#wycena #logonie {margin:8px 0 0 10px}
#wycena .checkboxes { float: left; margin-left: 24px; text-align: left; line-height:150%; }
#wycena .radioboxes { float: left; padding-left: 20px; }
#wycena .checkboxes span { padding-left: 6px; }
#wycena #pozycjonowanietak {margin:8px 20px 0 10px}
#wycena #pozycjonowanienie {margin:8px 0 0 10px}
#wycena #keywords {display: none;}
#wycena #frazy {padding:7px 7px; margin-left:24px; width:160px; background:#fff; border-bottom: 1px double #BFBFBF; border-top: 1px double #BFBFBF; border-left:1px double #CFCFCF; border-right:1px double #CFCFCF; overflow:hidden; height:80px;}
#wycena #frazy2 {padding:7px 7px; margin-left:18px; width:168px; background:#fff; border-bottom: 1px double #BFBFBF; border-top: 1px double #BFBFBF; border-left:1px double #CFCFCF; border-right:1px double #CFCFCF; overflow:hidden; height:80px;}
.headlines { font-size: 13px; font-weight: bold; background: #B3D7EF; padding: 5px 0; text-align: center;}
.submiter { background: #AFE4FF; text-align: center; }

#wycena .message{ padding:7px 7px 7px 7px; width:280px; background:#fff; border-bottom: 1px double #BFBFBF; border-top: 1px double #BFBFBF; border-left:1px double #CFCFCF; border-right:1px double #CFCFCF; overflow:hidden; height:100px; }
#wycena .message_label { text-align: left; width: 150px; padding: 9px 0 3px 9px;}
#wycena .button { margin:10px 0 10px 0; color:#fff; text-align: center; font-weight:bold; cursor:pointer; padding:4px 7px; background:#FF2F4B; border:0px; width:200px; border-bottom: 1px double #660000; border-top: 1px double #660000; border-left:1px double #FF0033; border-right:1px double #FF0033; }
#wycena .button.hover { margin:10px 0 10px 0; color:#fff; text-align: center; font-weight:bold; cursor:pointer; padding:4px 7px; background:#FF3F5D; border:0px; width:200px; border-bottom: 1px double #660000; border-top: 1px double #660000; border-left:1px double #FF0033; border-right:1px double #FF0033; }

#wycena input.error { background: #FFEFF2; font-size: 13px; }
#wycena label.error { padding:0; padding-left:120px; margin-bottom:-11px; width:225px; font-size: 11px; font-weight: normal; }

/* dziekujemy page */
.dziekujemy { padding: 100px 30px; }
.dziekujemy p { font-size: 16px; line-height: 200%; font-weight: bold; }

/* portfolio page */
.portfolio-b { width: 960px; overflow: hidden; padding:15px 0px; }
.portfolio-b .box-1 { float: left; width: 293px; background:url(../img/portfolio-box.png); height:333px; margin: 15px 30px 15px 0px; position: relative; }
.portfolio-b .box-1.last, .portfolio-b .box-2.last { margin-right:0;}
.portfolio-b .box-1 img, .portfolio-b .box-2 img { position: absolute; top:17px; left:17px; }
.portfolio-b .box-2 { float: left; width: 293px; background:url(../img/portfolio-box2.png); height:333px; margin: 15px 30px 15px 0px; position: relative; }
.portfolio-b a:hover {filter:alpha(opacity=90);	-moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.portfolio-b .desc { position: absolute; top:278px; left:17px; color:#fff; }
.portfolio-b .desc p { font-weight: bold;}
.portfolio-b .desc a { color:#fff; }

.portfolio-b .box-3 { float: left; width: 292px; background:url(../img/portfolio-box3.png); height:276px; margin: 15px 28px 15px 0px; position: relative; }
.portfolio-b .box-3 img { position: absolute; top:18px; left:16px; }

/* footer */
#bottom-tree { background:url(../img/tree.jpg) no-repeat top right; }
#footer { width:960px; margin:0 auto; text-align:left; height:490px; background:#fff url(../img/bottom-bg.gif) repeat-x top; }
form,input,select,textarea {margin:0; padding:0; color:#2A353B; }
#footer form { margin-top:16px; float:left; }
#footer div.formbox { width:500px; }
#footer h3 { color:#1F4B69; font-size:16px; text-transform:uppercase; margin-bottom:8px; padding:12px 0 12px 5px; border-bottom:1px solid #CFCFCF; }
#footer div.formbox label { width:100%; display: block; padding:10px 0 10px 0; }
#footer div.formbox label span { display: block; color:#2A353B; font-weight:bold; font-size:12px; float:left; width:100px; text-align:right; padding:5px 20px 0 0; }
#footer div.formbox .input_text { padding:10px 10px; width:200px; background:#fff; border-bottom: 1px double #BFBFBF; border-top: 1px double #BFBFBF; border-left:1px double #CFCFCF; border-right:1px double #CFCFCF; }
#footer div.formbox .message{ padding:7px 7px; width:350px; background:#fff; border-bottom: 1px double #BFBFBF; border-top: 1px double #BFBFBF; border-left:1px double #CFCFCF; border-right:1px double #CFCFCF; overflow:hidden; height:150px; }
#footer div.formbox .submit { margin:0 0 10px 0; color:#fff; font-weight:bold; cursor:pointer; padding:4px 7px; background:#FF2F4B; border:0px; position: relative; top:10px; left:382px; width:100px; border-bottom: 1px double #660000; border-top: 1px double #660000; border-left:1px double #FF0033; border-right:1px double #FF0033; }
#footer div.formbox .submit.hover { margin:0 0 10px 0; color:#fff; font-weight:bold; cursor:pointer; padding:4px 7px; background:#FF3F5D; border:0px; position: relative; top:10px; left:382px; width:100px; border-bottom: 1px double #660000; border-top: 1px double #660000; border-left:1px double #FF0033; border-right:1px double #FF0033; }
.error { font-size:11px; color:#FF2F4B; }
#footer div.formbox input.error { background: #FFEFF2; font-size: 13px; }
#footer div.formbox textarea.error { background: #FFEFF2; font-size: 13px; }
#footer div.formbox label.error { padding:0; padding-left:120px; margin-bottom:-11px; width:225px; }

#footer .kontaktbox { margin-top:16px; float:left; margin-left:150px; width:300px }
#footer .kontaktbox p { padding:6px 0; }
#footer .kontaktbox img { padding:6px 10px 0 0; }

#bottomdown { width:100%; background:url(../img/bottomdown-bg.gif) repeat-x top;  }
#bottomdown #inside { width:960px; margin:0 auto; padding:12px 0; background:url(../img/bottomdown-bg.gif) repeat-x top; height:25px; }
#bottomdown .copy { color:#fff; font-size:11px; float:left; text-align:left; padding-left:5px;}
#bottomdown .footermenu { float:right; list-style-type:none; padding-right:5px; padding-top: 3px; }
#bottomdown .footermenu li { display:inline; padding-left:16px; }
#bottomdown .footermenu li a { text-decoration:none; font-size:11px; color:#fff; }
#bottomdown .footermenu li a:hover { text-decoration:underline; }

#cu3er-container {width:600px; outline:0; margin-bottom: 20px; }


#tips { display:none; background:#1F4B69; color:#D8E5EE; width:200px; padding:18px; font-size: 12px; border:1px solid #fff; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; }
/*#tips { display:none; background:transparent url(../img/white.png); height:72px; width:171px; padding:18px; font-size: 11px;}*/