body {
     margin: 0 auto; /* 0 oznacza ze marginesy gora-dol sa 0 a prawo lewa zaleza od wielkosci okna przegladarki*/
     padding: 0;
     height: 100%;
     font-size: 13px;
     font-family: Arial;
      color: #ffffff;
     text-align: center; 
     background-color: #f4f4f4;
      overflow-y: scroll;
}

#main {
     margin: 0 auto;
     margin-top: 0px;
     width: auto;
     height: auto;
     vertical-align: top;
     table-layout: fixed;
     text-align: left;
}

.newLine{
     clear:both;
}

.fl{
     float:left;
}     

.fr{
     float:right;
}

.block{
     display:block; /* to co zamienia np: <a> na diva*/
}     

a{
     text-decoration: none; /* bez podkreslenia */
     color: #FFFFFF;
}

/* a kazde najechanie myszka na element <a> niech domyslnie go podkresla i zmienia kolor na pomaranczowy */
a:hover, a.sel{
     text-decoration:underline;
     color:#FFFFFF!important; /* !important, bardzo przydatna rzecz. Sprawia ze wszystkie inne style probujace nadac inny kolor elementowi <a> nie zmienia go, bo ten jest important. Chyba ze tamten styl tez bedzie important, wtedy sa normalne zasady jakie obowiazuja kaskadowe arkusze styli*/
}

a img{
     border:0; /* wiele przegladarek obrazka ktore linkuja nadaja bordery. Tu im na to nie pozwalamy*/
}


/***************************************************************************************/
/************************************* LOGO ********************************************/
/***************************************************************************************/

#pasek_pod_logo {
      background: url(images/pasek_pod_logo.png) repeat-x top left;
       width: auto;
       height: 94px;
}

div.logo {
      margin: 0px auto;
     width: 980px; /* to sa wymiary tla pomniejszone o paddingi*/
     height: 94px;
     background: url(images/logo.png) no-repeat 40px 0px;
}

div.logo a.mapowanie_logo{
    margin-left: 20px;
     margin-top: 10px;
    width: 170px;
        height:70px;
     position:absolute;
}

/***************************************************************************************/
/************************************* MENU ********************************************/
/***************************************************************************************/

#pasek_pod_menu {
      background: url(images/pasek_pod_menu.png) repeat-x top left;
      width: auto;
      height: 50px;
}

div.menu {
     margin: 0px auto;
     width: 980px;
     height: 50px;
}

div.menu img{
     height:50px;
     margin-right:-4px;
}   

/***************************************************************************************/
/******************************* VISUAL + ODS�ONY **************************************/
/***************************************************************************************/

div.visual {
      background: url(images/visual.jpg) no-repeat top center;
      width: auto;
      height: 435px;  
}

div.header {
       margin: 0 auto;
       width: 900px;
        padding-top: 58px; 
      height: 18px;             
}

div.odslony {
       margin: 0 auto;
       width: 930px;
      height: 312px;
       margin-bottom: 30px;  
}       

div.obrazek1 {
      padding-top:61px;
       margin-right:5px;       
}

div.obrazek2 {
      padding-top:39px;
      margin-right: 5px;
}

div.obrazek3 {
      padding-top:61px;
}



/***************************************************************************************/
/********************************** PODSTRONY ******************************************/
/***************************************************************************************/


div.visual2 {
      background: url(images/visual2.jpg) no-repeat top center;
      width: auto;
      height: 435px;  
}

div.duzydiv {
       margin: 0 auto;
       width: 980px;
        padding-top: 10px; 
      height: 365px;             
}

div.duzydiv div.lewy {
               width: 624px;
               height: 322px;
}

div.duzydiv div.lewy div.lewy_header{
             margin-left:40px;
               width: 300px;
               height: 18px;
               margin-top: 25px;
               color: #FFFFFF;
               line-height: 22px;
}

div.duzydiv div.lewy div.lewy_tresc{
               margin-left:40px;
               width: 578px;
               height: 246px;
               color: #FFFFFF;
               line-height: 22px;                                           
}

div.duzydiv div.prawy {
               margin-left:20px;
               margin-top:42px;
               width: 312px;
               height: 232px;
}

div.duzydiv div.prawy div.podpis{
               color: #FFFFFF;
               margin-top:5px;
               text-align: right;
               font-size: 11px;
}

div.button_realizacje {
      background: url(images/button_realizacje.png) no-repeat top right;
      margin: 0 auto;
      width: 940px;
      height: 30px;
      letter-spacing: 1px;
      padding-top:6px;
      padding-bottom:20px;
      text-align: right;
}



/***************************************************************************************/
/************************************ MODU�Y *******************************************/
/***************************************************************************************/

div.moduly {
       margin: 0 auto;
       width: 980px;
       padding-top: 15px;
      height: 270px;
}

div.moduly div.modul1 {
     margin-left: 30px;
     width: 300px;
     height: 233px;
     border-right: solid 1px;
     border-right-color: #ececec;
}

div.moduly div.modul2 {
     margin-left: 17px;
     width: 300px;
     height: 233px;
     border-right: solid 1px;
     border-right-color: #ececec;
}

div.moduly div.modul3 {
     margin-left: 17px;
     width: 300px;
     height: 233px;
}

div.moduly p {
     margin-top: 24px;
      margin-right: 10px;
     line-height: 22px; 
	 color: #5b5b5b; 
}

div.button_wiecej {
      background: url(images/button_wiecej.png) no-repeat top right;
      height: 30px;
       margin-right: 20px;
       letter-spacing: 1px;
       padding-top:6px;
}

div.button_powrot {
      background: url(images/button_powrot.png) no-repeat top right;
      height: 30px;
       margin-right: 20px;
       letter-spacing: 1px;
       padding-top:6px;
	   cursor:pointer;
}

/***************************************************************************************/
/********************************** REALIZACJE *****************************************/
/***************************************************************************************/

div.visual3 {
      background: url(images/visual3.jpg) no-repeat top center;
      width: auto;
      height: 435px;  
}

div.wielkidiv {
       margin: 0 auto;
       width: 980px;
        padding-top: 10px; 
      height: 1490px;             
}

div.wielkidiv div.lewy {
               width: 980px;
               /*height: 652px;*/
}

div.wielkidiv div.lewy div.lewy_header{
             margin-left:40px;
               width: 900px;
               height: 25px;
               margin-top: 25px;
}

div.wielkidiv div.lewy div.lewy_tresc{
               background: url(images/podobrazek.png) no-repeat top left;
               margin-left:26px;
               width: 216px;
               height: 176px;
               margin-top:16px;
}

div.wielkidiv div.lewy div.lewy_tresc img{
               margin-left: 6px;
               margin-top: -4px;
}

/***************************************************************************************/
/****************************** WYBRANE REALIZACJE *************************************/
/***************************************************************************************/

div.duzydiv_big {
       margin: 0 auto;
       width: 980px;
        padding-top: 10px; 
      height: 125px; 
}

div.duzydiv_big div.lewy_big {
               width: 624px;
               height: 100px;
}

div.duzydiv_big div.lewy_big div.lewy_header_big{
             margin-left:40px;
               width: 650px;
               height: 50px;
               margin-top: 25px;
               color: #FFFFFF;
               line-height: 22px;
}

div.duzydiv_big div.prawy_big {
               margin-left:20px;
               margin-top:42px;
               width: 312px;
               height: 50px;
}


div.big_image {
      width: 882px;
}

div.big_image div.big_image_top {
      background: url(images/big_top.png) no-repeat;
      width: 882px;
      height: 7px; 
}

div.big_image div.big_image_middle {
      background: url(images/big_middle.png) repeat-y;
      width: 882px;
}

div.big_image div.big_image_middle img{
      margin-left: 4px;
      margin-top: -1px;
	  margin-bottom: 3px;
}

div.big_image div.big_image_bottom {
      background: url(images/big_bottom.png) no-repeat;
      width: 882px;
      height: 7px;
}
div.big_image div.perpage{
	width:52px;	
}

div.button_powrot_dolny {
      background: url(images/button_wiecej.png) no-repeat top right;
      margin: 0 auto;
      width: 892px;
      height: 55px;
       letter-spacing: 1px;
       padding-top:6px;
       margin-top: 30px;
       text-align: right;
	   cursor:pointer;
}

/***************************************************************************************/
/********************************** FORMULARZ ******************************************/
/***************************************************************************************/

div.visual4 {
      background: url(images/visual4.jpg) no-repeat top center;
      width: auto;
      height: 461px; 
}

div.wielkidiv2 {
       margin: 0 auto;
       width: 980px;
        padding-top: 10px;     
}

div.wielkidiv2 div.lewy2 {
               width: 500px;
               height: 448px;      
}

div.wielkidiv2 div.lewy2 div.lewy_header2{
             margin-left:40px;
               width: 300px;
               height: 18px;
               margin-top: 25px;      
}

div.wielkidiv2 div.lewy2 div.lewy_tresc2{
               margin-left:40px;
               width: 456px;
               height: 246px;
               color: #FFFFFF;
               line-height: 22px;                                               
}

div.wielkidiv2 div.lewy2 div.lewy_tresc2 a{
                  color: #FFFFFF;
}

div.wielkidiv2 div.prawy2 {
               margin-left:50px;
               margin-top:20px;
               width: 410px;       
}


/***************************************************************************************/
/*********************************** LOGOTYPY ******************************************/
/***************************************************************************************/

div.logotypy {
       margin: 0 auto;
       width: 980px;
      height: 100px;
      border-top: solid 1px;
      border-top-color: #e4e4e4;
      border-bottom: solid 1px;
      border-bottom-color: #e4e4e4;
       margin-bottom: 30px;      
}

div.logotypy img {
       margin-top: 10px;
       margin-left: 17px;
}       

/***************************************************************************************/
/************************************ STOPKA *******************************************/
/***************************************************************************************/

#pasek_pod_stopka {
      background: url(images/pasek_stopka.png) repeat-x top left;
       height: 50px;
}

div.footer {
       margin: 0 auto;
       width: 980px;
       padding-top: 18px;
       height: 20px;
}

div.footer div.footer_left {
     width: 180px;
     text-align:left;
     padding-left:5px;
     font-size: 11px;
     color: #646464;        
}

div.footer div.footer_middle {
     width: 610px;
     text-align:center;
     font-size: 11px;
     color: #3c3c3c;              
}

div.footer div.footer_right {
     width: 180px;
     text-align:right;
     padding-right:5px;
     font-size: 11px;
     color: #646464;        
}

div.footer_middle a {
     font-size: 11px;     
     color: #3c3c3c;
     margin-left:12px;
     margin-right:12px;
}

div.footer_right a {
     font-size: 11px;     
     color: #646464;
}


            border : 1px solid red;