/* podstawowe */
html, body                     {margin:0; padding:0; background:#f6f6f6; height:100%}

#tbl_main                {margin:0 auto; width:932px; border-collapse:collapse; height:100%}
#tbl_srodek              {padding:0 2px 0 2px; vertical-align:top; background:#fff}
#tbl_lewo                {border-right:3px solid #649fd3; background:url(http://gfx.procreate.pl/bg/cien_lewy.jpg) top right repeat-y; width:82px}
#tbl_prawo               {border-left:3px solid #649fd3;background:url(http://gfx.procreate.pl/bg/cien_prawy.jpg) top left repeat-y; width:82px}

.clear                   {clear:both}
img                      {border:0}
form                     {margin:0; padding:0}


/* menu */
#menu_top                {height:87px; overflow:hidden; background:rgb(244,247,250)}

#menu_bar                {margin:0 0 2px 0; width:768px; height:34px; overflow:hidden; background:rgb(234,229,221)}
#menu_bar a              {display:block; float:left; width:95px; background:url(http://gfx.procreate.pl/bg/menu.gif) top center; font: bold 11px Tahoma; color:#444444; text-decoration:none; height:20px; padding-top:13px; text-align:center; border-right:1px solid #183d5d; border-bottom:1px solid #b0b0a4}
#menu_bar a:hover, 
#menu_bar a.akt          {background:url(http://gfx.procreate.pl/bg/menu_a.gif) top center}

/* belka */
#belka                   {background:url(http://gfx.procreate.pl/bg/belka.jpg); margin: 0 3px 2px 0; font:11px Tahoma; padding:3px; color:#3B4E70}
#belka b                 {color:black}
#belka a                 {text-decoration:none; color:#3B4E70}
#belka a:hover           {text-decoration:underline}
#tresc_lewo              {width:558px; float:left}
#tresc_prawo             {width:210px; float:left}
#belka h1                {display:inline; font:11px Tahoma; padding:3px; color:#3B4E70; text-decoration:underline}

/* bannery */

#banner_sklep           {background:rgb(232,230,231) url(http://gfx.procreate.pl/banner/banner_sklep.jpg) top left; padding:0 0 0 125px; width:428px; height:102px; border:1px solid #cacaca; font:12px Tahoma; float:left;}
#banner_sklep h2        {font:22px Arial; display:block; padding:4px 0 2px 0; margin:0; line-height:100%; height:25px}
#banner_sklep p         {height:46px; margin:0; padding:0}
#banner_sklep a         {font:12px Arial; color:white; text-decoration:none; margin:0 30px 0 13px}
#banner_sklep a:hover   {text-decoration:underline} 

#banner_main            {border-bottom:3px solid #1768b0; padding-bottom:2px; margin-bottom:3px; height:235px}
#banner_tresc           {margin-bottom:3px; width:555px; height:154px; background:rgb(222,235,252); margin-right:3px}


/* boxy male i duze */
.box                    {font: 11px Arial; color:#737373; width:274px; height: 100px; padding:0; height:101px; float:left; border:1px solid #bebebe; background:rgb(247,247,247) url(http://gfx.procreate.pl/box/bg/short.jpg) top left repeat-x; margin: 0 1px 3px 0}
.box h2                 {margin: 15px 0 5px 0; line-height: 100%; padding:0; font:bold 13px Arial}
.box h2 a               {text-decoration:underline}
.box h2 a:hover         {text-decoration:none}
.box a                  {color:#4f4f4f}
.box img                {float:left; margin-right:5px; width:89px; height:101px}
.box_left               {margin-right:3px}

.box_long               {color:#737373; width:254px; height:282px; overflow:hidden; float:left; border:1px solid #bebebe; background:rgb(214,214,216) url(http://gfx.procreate.pl/box/bg/long.jpg) top left repeat-x; margin-top:3px; padding:0 10px 0 10px;text-align:justify}
.box_long a             {color:#737373}
.box_long h2            {background: url(http://gfx.procreate.pl/bg/h2_bottom.jpg) bottom left no-repeat; font: 15px Arial; color:#3f3f3f; padding:3px 0 6px 0; margin:3px 3px 0 0}
.box_long h3            {font: bold 11px Arial; color:#444444; padding:4px 0 0 0; margin:3px 3px 0 4px}
.box_long p             {margin:1px 0 4px 4px; padding:0; font:11px Arial; line-height:120%}
.box_long img           {margin:10px 0 0 0; border:3px solid #DEDEDE}
.box_long i             {font-weight:normal}



/* prawa kolumna */
#masz_pytania           {float:left; width:210px; height:104px; margin:3px 0 0 0px; clear:right;background:#CEDEFF}
#masz_pytania img       {width: 210px; height:103px}

#informatory            {width:210px; margin:2px 0 0 0px; float:left; height:104px; overflow:hidden;background:#CEDEFF url(http://gfx.procreate.pl/prawo/informatory.gif)}
#informatory h2         {font:16px Arial; color:#406a9d; height:24px; padding:5px 0 0 9px; margin:0;}
#informatory ul         {list-style-type:none; margin:0; padding:0}
#informatory li         {margin:0; height:18px; padding:0 0 0 5px}
#informatory .inf_poz   {background:url(http://gfx.procreate.pl/prawo/informatory/informatory_02.jpg) top center; padding-top:6px; height:28px}
#informatory .inf_adw   {background:url(http://gfx.procreate.pl/prawo/informatory/informatory_03.jpg) top center; padding-top:6px; height:28px}
#informatory .inf_pro   {background:url(http://gfx.procreate.pl/prawo/informatory/informatory_04.jpg) top center; padding-top:6px; height:27px}
#informatory .inf_skl   {background:url(http://gfx.procreate.pl/prawo/informatory/informatory_05.jpg) top center; padding-top:6px; height:27px}
#informatory .inf_aud   {background:url(http://gfx.procreate.pl/prawo/informatory/informatory_06.jpg) top center; padding-top:6px; height:28px}
#informatory .inf_dih   {background:url(http://gfx.procreate.pl/prawo/informatory/informatory_07.jpg) top center; padding-top:5px; height:29px}
#informatory li a       {font:normal 13px Arial; color:#174290; padding:3px 0 2px 30px; margin:5px 0 5px 0; text-decoration:none}
#informatory li a:hover {text-decoration:underline}

#powiadom_znajomego             {width:200px; height:71px; margin:3px 0 0 0px; padding:0 0 9px 10px; float:left; background:rgb(179,204,244) url(http://gfx.procreate.pl/prawo/newsletter.jpg) top left no-repeat; font:9px Tahoma; color:#406a9d; overflow:hidden}
#powiadom_znajomego h2          {font:16px Arial; color:#406a9d; padding:2px 0 6px 20px; margin:0}
#powiadom_znajomego p           {margin:1px; padding:0}
#powiadom_znajomego_email       {border:1px solid #86aad7; margin:1px 0 0 0; width:160px; background:#d9e7f9; color:#719bcf; height:15px}
#powiadom_znajomego_submit      {vertical-align:top; margin-top:2px}

#zaufali_nam h2           {font:16px Arial; color:#406a9d; padding:5px 0 0 9px; width:201px; height:32px; margin:3px 0 0 0px; float:left; background:#CEDEFF url(http://gfx.procreate.pl/prawo/zaufali_nam/top.jpg) top left no-repeat}
#zaufali_nam div          {height:160px; width:210px; float:left; background:#CEDEFF url(http://gfx.procreate.pl/prawo/zaufali_nam/mid.jpg) top left no-repeat}



/* stopka */
#stopka                 {background: rgb(246,246,246) url(http://gfx.procreate.pl/bg/stopka.gif) 0px 1px repeat-x; height:10px; padding:10px 2px 2px 2px; vertical-align:top; margin:0 auto}
#copyright              {float:right; width:265px; font:11px Tahoma; color:#737373}
#footer                 {float:left; width:425px; padding:0; margin:0 0 0 10px; font:11px Tahoma; color:#737373; text-decoration:none}
#footer a               {font:11px Tahoma; color:#737373; text-decoration:none}


#pasek                  {height:3px; background:#1768b0; margin-bottom:1px; line-height:0.1px; overflow:hidden}
ul.submenu              {list-style-type:none; margin:0 0 3px 0; padding:0}
ul.submenu li           {padding:3px 0 2px 10px; margin:0 0 1px 0; height:21px; background:url(http://gfx.procreate.pl/i/li.jpg) top left repeat-x; border:1px solid #e2e2e2}
ul.submenu li a         {padding:0 0 0 13px; margin:0; background:url(http://gfx.procreate.pl/i/square.gif) center left no-repeat; font:12px Arial; text-decoration:none; color:#696969}
ul.submenu li a:hover   {text-decoration:underline}
big.submenu             {padding:2px 0 2px 5px; margin:0 0 1px 0; height:20px; background:#f2efea; border:1px solid #e2e2e2; display:block; font:bold 16px Arial; color:rgb(59,99,134)}

.tresc                  {width:544px; background:url(http://gfx.procreate.pl/bg/tresc.jpg) top left repeat-x; padding:5px 5px 10px 5px; border:1px solid rgb(194,218,255); border-left:0; border-bottom:0;text-align:justify; font:11px Verdana; color:#3b6386}
.tresc p                {padding:0 10px 4px 0; margin:0 0 4px 10px; font:11px Verdana; color:#3b6386; line-height:140%; text-indent:14px}
.tresc h2               {padding:5px 0 0 35px; height:29px; margin:0 0 10px 0; background:url(http://gfx.procreate.pl/bg/h2.jpg) 10px 1px no-repeat; font:16px Arial; color:#3b6386}
.tresc h3               {padding:5px 0 0 9px; height:20px; margin:0 0 7px 0; font:bold 13px Arial; color:#3b6386; background:url(http://gfx.procreate.pl/bg/h3.gif) no-repeat 10px 22px}
.tresc ul, .tresc ol    {margin-top:0}
.tresc li               {font:11px Verdana; color:#3b6386; line-height:140%; padding:0 10px 5px 0}
.tresc th               {font:bold 11px Verdana; color:#3b6386; border:1px solid #3b6386; padding:3px; text-align:center}
.tresc td               {font:11px Verdana; color:#3b6386; border:1px solid #3b6386; padding:0 4px 0 4px; text-align:center}
.tresc a                {color:#3b6386; text-decoration:underline}
.tresc a:hover          {text-decoration:none}
.tresc #wycena_form td,th  {border:0} 

.mb_0                   {margin-bottom:0px}
.mt_5                   {margin-top:5px}

.pb_0                   {padding-bottom:0px}
.pl_15                  {padding-left:15px}
.u                      {text-decoration:underline}
.ti_0                   {text-indent:0px}
.fs_9                   {font-size:9px}

.dots                   {background:url(http://gfx.procreate.pl/i/dot.gif) center center repeat-x; padding:5px 0 5px 0; margin:0 auto; width:96%; line-height:0.1; font:11px tahoma}
.adwords_logo           {background:url(http://gfx.procreate.pl/tresc/a/alogo.jpg) 380px 20px no-repeat}


/* formularze */
form                      {margin:0; padding:0}
label, input, select, textarea      {font:11px Verdana}
label                     {background-color:#fff}
.formularz                {margin:5px}
.formularz br             {display:block; clear:both; border:0px solid black; line-height:0}
.formularz label          {display:block; float:left; width:150px; text-align:right; padding-top:3px;color:#3b6386}
.formularz select         {font:11px Tahoma}
.formularz input          {display:block; margin:2px 0px 2px 160px; width:250px}
.formularz input.checkbox {width:16px; margin-top:0px}
.formularz input.radio    {width:16px; margin-top:0px; margin-bottom:1px; padding:0; display:block; height:20px}
.formularz input.submit   {display:block; width:110px; margin:10px auto; font: bold 12px Tahoma;}
.formularz select         {display:block; margin:2px 0 2px 160px}
.formularz .submit        {background-color:#578CC0;width:150px;margin:0 auto;font-size:12px;font-weight:bold;color:white;padding:4px 0 4px 0} 



/* tabelki */
tr.b td                 {font-weight:bold}

.przypis                {line-height: 1.2em;vertical-align: top;font-size: 0.7em;padding: 0 0.3em 0.5em 0.5em; text-decoration:none;} 
.przypis a              {text-decoration:none;}
#p_przypisy             {font:italic 10px Tahoma; text-indent:0px}
#p_przypisy b           {display:block; font:italic bold 10px Tahoma}
#p_przypisy sup         {font-weight:bold}


/* oferta */
.oferta                 {font:11px Arial; color:#737373; width:540px; padding:0; margin:10px 0 0 0}
.oferta a.ico           {display:block; width:90px; height:100px; float:left; text-align:center; padding:30px 0 0 0}
.oferta div             {float:left; width:445px}
.oferta p               {margin:0; padding:0}
.oferta h3              {padding:5px 0 0 0; height:20px; font:bold 13px Arial; color:#3b6386; background:url(http://gfx.procreate.pl/bg/h3.gif) no-repeat 1px 22px; line-height:100%}
.oferta h3 a            {text-decoration:none}
.oferta h3 a:hover      {text-decoration:none; margin-right:5px}
.oferta a.more          {display:block; float:right; width:120px; font:11px Verdana; color:#3b6386; height:20px}
.kreska                 {clear:both; height:1px; border:0; margin:10px 0px 0px 0px; padding:0; background:url(http://gfx.procreate.pl/i/dot.gif) center center repeat-x; line-height:0; font-size:0}
.oferta br              {display:block; clear:both}
.powrot                 {padding:5px;font:10px Verdana; color:#3b6386; text-align:right}


.tbl_oferta             {margin:2px auto; width:520px}
.tbl_oferta th          {width:250px; background: #f4f4f4; font-weight:normal}
.tbl_oferta td          {background: #f4f4f4; height:25px; width:70px}
.tbl_oferta td img      {padding: 0px}
.tbl_oferta tr.head td  {color:white; background-color:#578CC0}
.tbl_oferta .pusta      {background-color:#FFFFFF; border-color:white}
div.caption             {text-align:right; font:10px Tahoma; color:#3b6386; padding-right:15px}


/* adwords */
#adwords-twoja-reklama   {padding:7px 0 0 190px; height:174px; width:214px; margin:10px auto; background:url(http://gfx.procreate.pl/tresc/a/twoja_reklama.gif) top left no-repeat}
#adwords-twoja-reklama b {color:#185FB6; font:normal normal 15px Arial; display:block; text-decoration:underline}
#adwords-twoja-reklama i {font:normal normal 11px Arial; color:#525252; margin:3px 0 2px 0; line-height:140%; display:block}
#adwords-twoja-reklama u {font:11px Verdana; color:#1B953E; margin-top:3px}
#adwords-twoja-reklama-podpis {text-align:center; color:#9F9F9F}
#aw_contact_or_order     {text-align:center; padding:10px;}
#aw_contact_or_order a   {font:bold 16px Arial; color:#185FB6}

.aw_title                {text-align:center; padding:7px; font:13px Verdana;}
.aw_title b              {font:bold 16px Arial; display:block; padding-bottom:5px}
.aw_jasne_zasady         {list-style-type:none; padding-left:29px}
.aw_jasne_zasady b       {color:#185FB6; font-weight:normal; font-size:12px} 
#aw-serp-sekcje          {text-align:center; padding:10px}
#aw-keywords li          {width:230px; float:left; text-align:left}

/* panel klienta */
.frm_login              {width:220px; margin:20px auto}
.frm_login label        {width:100px}   
.frm_login input        {margin-left:102px; width:150px}          

.kontakt                {}
.kontakt h3             {margin-top:6px}
.kontakt h4             {font:bold 11px Verdana; color:#3b6386; line-height:1.0; padding-left:18px; margin:0;margin-top:10px}
.kontakt h4.de          {background:url(http://gfx.procreate.pl/i/flag_de.gif) center left no-repeat}
.kontakt h4.uk          {background:url(http://gfx.procreate.pl/i/flag_uk.gif) center left no-repeat}
.kontakt div            {padding-left:10px}


#zamow_wycene           {width:210px;height:209px;background:#CEDEFF url(http://gfx.procreate.pl/prawo/zamow_wycene.gif);}
#zamow_wycene form      {margin:0}
#zamow_wycene input     {background-color: transparent;border:0px;font:11px tahoma;color:#293f5c;margin:151px 0 0 10px;width:175px;padding:3px 5px 0px 5px}
#zamow_wycene a         {background:url(http://gfx.procreate.pl/i/dalej_niekat.gif);display:block;width:74px;height:22px;margin:8px 0 0 124px}
#zamow_wycene a:hover   {background:url(http://gfx.procreate.pl/i/dalej_akt.gif)}


#wycena_form   table,td {border:0}
#wycena_form            {font:11px verdana;color:#3b6386}
#wycena_form input.submit {
background:transparent url(http://gfx.procreate.pl/i/submitbg.gif) repeat-x scroll 0pt;
border-color:#DBE7F0 rgb(183, 193, 200) rgb(183, 193, 200) rgb(219, 231, 240);
border-style:solid;
border-width:2px;
color:#EFF5F9;
padding:2px;
font-weight:bold;}

.tresc #wycena_form fieldset        {border:1px solid #C2DAFF;padding-bottom:15px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.tresc #wycena_form legend          {margin:10px;font-weight:bold}
.tresc #wycena_form th              {text-align:right;width:220px;font-weight:normal;border:0px;padding:0}
.tresc #wycena_form td              {text-align:left}
.tresc #wycena_form input.radio     {vertical-align:middle;margin-bottom:2px}
.tresc #wycena_form textarea, .tresc #wycena_form input.text      {background:#FFFFFF url(http://gfx.procreate.pl/i/input_tlo.gif) repeat-x top left;border:1px solid #CBD6DE;width:250px;padding:2px;color:#4F4F4F;}
#wycena_form ul                     {padding:0;margin:0;list-style-type:none;margin-left:32px}
#wycena_form li                     {background:url(http://gfx.procreate.pl/i/v.gif) 5px 6px no-repeat;padding: 3px 0 3px 25px;}

#logotypy               {margin-left:18px}
#logotypy img           {border:1px solid #d4e5ff;}
#logotypy div           {width:170px;height:160px;text-align:center;float:left}
#pager                  {text-align:center}
#pager .akt             {text-decoration:none;font-weight:bold}

/* Horizontal Carousel */
#horizontal_carousel {
  float:left;
  width: 275px;
  height: 235px;
  margin-bottom: 10px;
  position: relative;  
}         

#horizontal_carousel .container {
  position: absolute;
  top: 0px;
  left: 0px;  
  width: 267px;
  height: 244px;
  overflow:hidden;   
  background: transparent;
}            

#horizontal_carousel .previous_button {
  position:absolute;
  top: 215px;
  left: 12px;
  width: 77px ;
  height: 40px;
  background: url(http://gfx.procreate.pl/ostatnie_realizacje/navi/prev.gif) center center no-repeat;
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled {
  background: url('')  center center no-repeat;
  background-color:transparent;
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 215px;
  right: 20px;
  width: 77px;
  height: 40px;
  background: url(http://gfx.procreate.pl/ostatnie_realizacje/navi/next.gif) center center no-repeat;
  z-index: 100;
  cursor:pointer;
  
}   

#horizontal_carousel .next_button_disabled {
  background: url('')  center center no-repeat;
  background-color:transparent;
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 244px;
}                      

                            

#horizontal_carousel ul li {
  margin:0pt;
  padding:0px 10px 10px;
  width:246px;
  list-style:none;   
  float:left;
}