/* CSS Reset */
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video 
{margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: inherit; font-style: inherit; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block; }
a, ins, del { text-decoration: none; }
ul, ol {  list-style: none; }
table {border-spacing: 0; border-collapse: collapse;}
q:after, q:before { content: "";}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body {background-color:#fff;}
body,table {font-family:Verdana, Heveltica, Arial, sans-serif; font-size:12px;}

.clear {clear: both; width: 100%;}

img {margin: 0px;padding : 0px; border: none;}

a{color: #CD3200; text-decoration: none;}
a:hover{color: #CD3200; text-decoration: underline;}

#container {text-align:center; background: transparent url('images/bg.png') repeat-y center center; min-width:988px;}

#head1 {width:988px; height:110px; margin: 0 auto;}
#logo { float: left; width: 148px; height: 110px; background: url('images/labsql_logo.jpg') top left no-repeat; margin: 0 0 0 22px; }
#logo a { width: 148px; height: 110px; display: block; }
#head1 .p1 {background: transparent url('images/labsql_02n.jpg') no-repeat top right; width: 493px;height: 110px;float: left;}
#head1 .p2 {background: transparent url('images/labsql_03.jpg') no-repeat top left; width: 495px;height: 110px;float: right;}

#head2_wrapper {width:100%;height: 253px;text-align: center; background: transparent url('images/labsql_05_wrapper.jpg') no-repeat top center;}
#head2{width:988px; height: 253px; margin: 0 auto; } 
#menu1 {width:813px;height: 253px; float: left; background: transparent url('images/labsql_05.jpg') no-repeat top right;}
#menu1 ul {width: 602px; text-align: left; margin: 13px 0 0 30px; }
#menu1 ul li {display: inline-block; color: #fff; font-size:13px; float:left; }
#menu1 ul li a{color: #fff; padding: 0 8px;}
#menu1 ul li a:hover{text-decoration: underline;}

#menu2 {width:175px;height: 253px; float: right; background: transparent url('images/labsql_06.jpg') no-repeat top left;}
#menu2 ul {margin: 85px 40px 0 0 ; text-align: right; font-size:11px;}
#menu2 ul li {height: 23px;}

#main {width:988px; margin: 0 auto; }

/* column */

#column {float: right;width: 300px;}
#column h2 {font-size: 18px; font-family : "Trebuchet MS", serif; text-align: left;margin: 0 0 5px 10px; border-bottom: 1px solid #000; font-weight: normal; color:#000;}
#column a {text-decoration: none; color: white;}
#column a:hover {text-decoration: underline;}
#column ul {color: white; text-align: left; margin: 0 0 10px 20px;}
#column p {text-align:justify;color: white;margin:10px;}


#szybki_kontakt {background-image: url('images/labsql_19.jpg'); background-repeat : no-repeat; width: 164px; height: 175px; padding: 25px 0 0 145px}
#szybki_kontakt p{font-size:12px; margin:0 0 2px 0;}
#szybki_kontakt p.h{font-size:12px; color:#000;margin-top: 10px;font-size:10px}
#szybki_kontakt .more{text-align: left; margin-top: 10px; font-size: 10px;}

/* Foot */

#foot_wrapper{ background: transparent url('images/labsql_33_wrapper.jpg') no-repeat center top;}
#foot {height:63px;width:988px; margin:0 auto; padding:0px; }
#foot a {text-decoration: none; color: white;}
#foot a:hover {text-decoration: underline; color: white;}

#foot .p1 {float: left;width: 683px;}
#foot .p1 ul{color: white;  margin:17px 20px 0 40px; text-align: left; text-align: right;}
#foot .p1 li {display:inline-block;  font-size: 11px;}
#foot .p2 {float: right;width: 304px; font-size: 10px;}
#foot .p2 p {margin: 18px 0 0 0;}
#foot .p2 a {}


/* content - najwazniejsze  */

#content #error { text-align: center; color: #fa0000; }
#content #ok { text-align: center; }

#content {width: 650px; float: left; margin-left: 20px; text-align: left;}
#content h1 {font-size: 16px; border-bottom: 1px #CD3200 solid; padding: 0 0 10px; margin: 10px 0 10px 0; clear: both;}
#content h1.inner {margin-top: 30px;}
#content h1 span {color: #555}

#content h2 {color:#8EB308; font-size:13px; margin: 15px 0 5px 0px; font-weight: bold;}
#content h2.dekoracja { color: #222222; font-family: Trajan Pro,Trebuchet MS; font-size: 16px; font-variant: small-caps; font-weight: normal; margin: 0; padding: 20px 0 0 0px; }
#content .kontakt h2.dekoracja { padding-left: 30px; }
#content h2.dekoracja_dzial { color: #CD3200; font-family: Trajan Pro,Trebuchet MS; font-size: 16px; font-variant: small-caps; font-weight: normal; margin: 0; padding: 20px 0 0 30px; }
#content h3 { color: #666666; font-size: 13px; font-weight: normal; margin: 0; padding: 5px 0 10px 60px; }
#content h4 { font-weight: bold; margin: 10px 0; }

#content .kontakt table { font-size: 11px; }
#content .kontakt td { border: none; }
#content .dane { float: left; width: 320px; }
#content .dane table { margin: 10px 10px 10px 25px; width: 280px; }
#content .dane td { padding-bottom: 4px; padding-top: 4px; }
#content .mapka { margin: 75px 0 0 10px; }
#content #formularz_kontaktowy { margin: 20px 94px; width: 460px; text-align: left; }
#content #formularz_kontaktowy td { padding: 2px; }
#content #formularz_kontaktowy .lewa { font-weight: bold; width: 150px; }
#content #formularz_kontaktowy input { border: 1px solid #bbb; width: 200px; }
#content #formularz_kontaktowy input.radio { width: 10px; }
#content #formularz_kontaktowy textarea { border: 1px solid #bbb; height: 100px; width: 300px; }

#content {font-size:12px; text-align:justify;}
#content p {margin-bottom: 10px;text-align:justify;line-height: 130%;}
#content p.prawa { text-align: right; margin: 15px 0 10px 0; }
#content p.wiecej { text-align: right; }
#content a{text-decoration:none; color: #CD3200;}
#content a:hover{text-decoration:none; color: #f16311;}
#content ol {list-style: decimal inside none; margin: 0 0 0 20px; line-height: 130%;}
#content ul {list-style: square inside none; margin: 5px 0 10px 20px; line-height: 130%;}
#content em {font-style: italic; color: #777; }
#content ins {text-decoration: underline;}
#content strong {font-weight: bold;}
#content table {border-spacing: 0; border-collapse: collapse;}
#content table td {padding: 5px; border: 1px #E1E1E1 solid;}

#content .img_right, #content .img_prawa {float: right; margin: 10px 0 10px 10px;}

#content .start-box {background:#fff url('images/labsql_start_www.jpg') no-repeat top left; height: 195px;width:275px;float:left; padding: 30px 28px 0 20px; text-align: left; position: relative;}
#content .start-box .more {display: block; position: absolute; top:12px; right:35px; width: 50px; height: 20px;}
#content .start-box .more span {display: none;}
#content .start-box ul {list-style:none; margin: 0;}
#content .start-box-wide {background:#fff url('images/labsql_www.jpg') no-repeat top left; height: 260px;width:600px;float:left; padding: 30px 28px 0 20px; text-align: left; }
#content .start-box-wide2 {background:#fff url('images/labsql_www.jpg') no-repeat top left; height: 100px;width:600px;float:left; padding: 30px 28px 0 20px; text-align: left; }
#content .start-box h2 {color: #8EB308; font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}
#content .start-box p {color: #626262; margin-bottom: 10px; text-align: left; line-height: normal; }
#content .start-box#offer-www {background-image:url('images/labsql_start_www.jpg');}
#content .start-box#offer-cms {background-image:url('images/labsql_start_cms.jpg');}
#content .start-box#offer-seo {background-image:url('images/labsql_start_seo.jpg');}
#content .start-box#offer-shop {background-image:url('images/labsql_start_shop.jpg');}
#content .start-box#offer-adv {background-image:url('images/labsql_start_adv.jpg'); margin-bottom:10px;}
#content .start-box#offer-druk {background-image:url('images/labsql_start_druk_cyfrowy.jpg'); margin-bottom:10px;}
#content .start-box#offer-adv ul {float: left; width: 200px; margin: 0;}
#content .start-box#offer-print {background-image:url('images/labsql_start_print.jpg');}


#content .oferta-box {width: 280px; height: 100px;display: inline-block; margin: 5px 20px 5px 20px;  vertical-align:top; float: left;}
#content .oferta-box img {float: left; margin: 10px 5px 0 0px;}
#content .oferta-box h2 {color: #000;font-weight : normal;font-variant: small-caps; font-size: 16px; font-family : "Trebuchet MS", serif; margin:0;}
#content .oferta-box p {margin: 0 5px 10px 0;text-align: justify;font-size: 10px;color: #555555; line-height:normal;}
#content .oferta-box a { font-size: 10px; text-align: right; width: 100%; display: block;}

#content ul.left_projects { float:left; margin:10px 0 15px 0px; width:320px; }
#content ul.left_projects li { list-style-type:square; margin:2px 0px 0 25px; padding:0; }
#content ul.right_projects { float:left; margin:10px 0 15px 25px; width: 305px; }
#content ul.right_projects li { list-style-type:square; margin:2px 0px 0 0px; padding:0; }

.cennik_box { display: block; float: left; height: 42px; margin: 0 0 10px 120px; width: 396px; }
.cennik_box a { background-position: 0 0; display: block; height: 42px; width: 396px; }

#uslugi_informatyczne a { background: url("images/uslugi_informatyczne.jpg") no-repeat scroll 0 -42px transparent; }
#uslugi_informatyczne a:hover, #uslugi_informatyczne a.selected { background-position: 0 0; }
#agenja_reklamy a { background: url("images/agenja_reklamy.jpg") no-repeat scroll 0 -42px transparent; }
#agenja_reklamy a:hover, #agenja_reklamy a.selected { background-position: 0 0; }
#drukarnia_cyfrowa a { background: url("images/drukarnia_cyfrowa_cennik.jpg") no-repeat scroll 0 -42px transparent; }
#drukarnia_cyfrowa a:hover, #drukarnia_cyfrowa a.selected { background-position: 0 0; }

#content table.color_cennik { border: 1px solid #F3F3F3; border-spacing: 1px; margin: 15px 0 25px 0px; text-align: center; width: 630px; border-collapse: separate; }
#content table.color_cennik td { padding: 2px; }
#content table.color_cennik tr.name_cell { background-color: #CCCCCC; font-weight: bold; }
#content table.color_cennik tr.quantity_cell { background-color: #999999; font-weight: bold; }
#content table.color_cennik td.color_yellow { background-color: #FFA130; }
#content table.color_cennik td.color_green { background-color: #FF7719; }
#content table.color_cennik td.color_blue { background-color: #FF5118; }

#cennik_btn3 table { border-collapse: separate; margin: 0; padding: 0; width: 630px; border: 1px solid #F3F3F3; border-spacing: 1px; }
#content #cennik_btn3 td, th { border: 1px solid #F3F3F3; text-align: center; padding: 3px 0; }
#cennik_btn3 th { font-weight: bold; background-color: #F3F3F3; }
#cennik_btn3 p { margin: 10px 0 0 0; }

.catalog_container {width: 100%; clear: both; text-align: center;}
.catalog {display: inline-block; width: 220px; text-align: center; margin: 0 20px; padding: 20px; border: 1px solid #AAA; height: 220px;}
.catalog a {display: block;}

.umbrela_catalog {}
.clothing_catalog {}
.clothing_catalog_logo {margin: 50px 50px 10px 50px;}

.referencja a img{border: 1px solid #EBEBEB; padding: 3px; margin: 3px;}

.shops_functions { }
.shops_functions td { padding: 4px 5px; }
.shops_functions td.yes { background: url("images/yes_ico.png") no-repeat scroll center center transparent; }

#content .domeny { width: 100%; text-align: center; border: none; border-spacing: 2px; border-collapse: inherit; margin: 0 0 15px 0; }
#content .domeny th, #content .domeny td { border: 1px solid #F3F3F3; }
#content .domeny .serwery { border: none; }

.katalog_produkt { float: left; font-size: 14px; margin: 20px 61px 10px; padding: 0; text-align: center; width: 200px; }
.katalog_logo { border: medium none; float: left; margin: 15px 55px; padding: 0; }

.promocje img {margin: 10px 10px 20px 10px; float: left;}