body
{
        text-align:center;
              background-color: #000000;
}
#belka_szara
{
        background-image:url('./pictures/belka_szara.jpg');
        width:980px;
        height:20px;
        display: inline-block;
}


/****************************************************************/

.menu
{
        background-image:url('./pictures/podklad_granatowy.jpg');
        width:980px;
        height:35px;
        display: inline-block;
}

#menu1
{
        float: left;
        margin-left:0px;
}

#menu1 a
{
        display: inline-block;
        width:187px;
        height:35px;
        background-image:url('./pictures/menu/menu_firma_0.jpg');
        margin-left:55px;
}

#menu1 a:hover
{
        background-image:url('./pictures/menu/menu_firma_1.jpg');
}

#menu2
{
        float: left;
}

#menu2 a
{
        display: inline-block;
        width:187px;
        height:35px;
        background-image:url('./pictures/menu/menu_systemy_0.jpg');
        margin-left:55px;
}

#menu2 a:hover
{
        background-image:url('./pictures/menu/menu_systemy_1.jpg');
}
#menu3
{
        float: left;
        margin:auto;
}

#menu3 a
{
        display: inline-block;
        width:187px;
        height:35px;
        background-image:url('./pictures/menu/menu_urzadzenia_0.jpg');
        margin-left:55px;
}

#menu3 a:hover
{
        background-image:url('./pictures/menu/menu_urzadzenia_1.jpg');
}

#menu4
{
        float: left;
}

#menu4 a
{
        display: inline-block;
        width:187px;
        height:35px;
        background-image:url('./pictures/menu/menu_kontakt_0.jpg');
        margin-left:55px;
}

#menu4 a:hover
{
        background-image:url('./pictures/menu/menu_kontakt_1.jpg');
}

/****************************************************************/

.glowneTlo
{
        background-image:url('./pictures/podklad_granatowy.jpg');
        width:980px;
        /*height:700px;*/
        margin: 0 auto;
}

.glowneTlo1
{
        background-image:url('./pictures/tloLiniaCzerwona.jpg');
        width:980px;
        /*height:700px;*/
        margin: 0 auto;
}

.glowneTlo2
{
        background-image:url('./pictures/tloLiniaNiebieska.jpg');
        width:980px;
        /*height:700px;*/
        margin: 0 auto;
}
.glowneTlo3
{
        background-image:url('./pictures/tloLiniaNiebieska.jpg');
        width:980px;
        /*height:700px;*/
        margin: 0 auto;
}
.textFirma
{
        color:#D3D3D3;
        font-family: Verdana, Arial;
        font-size:14px;
        text-align:justify;
        margin-left:30px;
        margin-right:20px;
       
}

/***************************************************************/
.stopkaCzerwona
{
        background-image:url('./pictures/belka_dolna_czerwona.jpg');
        width:980px;
        height:52px;
        margin: 0 auto;
        margin-top:30px;/*#######   tu zmieniałem*/
}

.stopkaCzerwona2
{
        /*background-image:url('./pictures/syst_belka_dolna_czer.jpg');*//*#######   tu zmieniałem*/
        background-image:url('./pictures/belka_dolna_czerwona.jpg');
        width:980px;
        height:52px;
        margin: 0 auto;
        margin-top:30px;/*#######   tu zmieniałem*/
}

.stopkaCzerwona3
{
        /*background-image:url('./pictures/syst_belka_dolna_czer.jpg');*//*#######   tu zmieniałem*/
        background-image:url('./pictures/belka_dolna_niebieska.jpg');
        width:980px;
        height:52px;
       /* margin: 0 auto;
        margin-top:30px;#######   tu zmieniałem*/
}
/***************************************************************/

.menuSystemy
{
        background-image:url('./pictures/podklad_granatowy.jpg');
        width:980px;
        height:450px;
}

#menuSSG a
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_ssg_0.jpg');
        display:block;
        float:left;
        margin-top:35px;/*#######   tu zmieniałem*/
        margin-left:53px;/*#######   tu zmieniałem*/
}
#menuSSG a:hover
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_ssg_1.jpg');
}

#menuSSP a
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_ssp_0.jpg');
        display:block;
        float:left;
        margin-top:20px;
        margin-left:53px;/*#######   tu zmieniałem*/
}
#menuSSP a:hover
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_ssp_1.jpg');
}

#menuSST a
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_sst_0.jpg');
        display:block;
        float:left;
        margin-top:20px;
        margin-left:53px;/*#######   tu zmieniałem*/
}
#menuSST a:hover
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_sst_1.jpg');
}

#menuSSLKSP a
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_sslksp_0.jpg');
        display:block;
        float:left;
        margin-top:20px;
        margin-left:53px;/*#######   tu zmieniałem*/
}
#menuSSLKSP a:hover
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_sslksp_1.jpg');
}

#menuAtserwis a
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_atserwis_0.jpg');
        display:block;
        float:left;
        margin-top:20px;
        margin-left:53px;/*#######   tu zmieniałem*/
}
#menuAtserwis a:hover
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_atserwis_1.jpg');
}

#menuAtvisio a
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_atvisio_0.jpg');
        display:block;
        float:left;
        margin-top:20px;
        margin-left:53px;/*#######   tu zmieniałem*/
}
#menuAtvisio a:hover
{
        width:685px;
        height:55px;
        background-image:url('./pictures/menuSystemy/menu_atvisio_1.jpg');
}

#kontaktTelefon
{
        width:141px;
        height:143px;
        background-image:url('./pictures/klawiatura.jpg');
        /*float:left;*/
        margin-left:120px;
        margin-top:-25px;
}
#textKontakt
{
        color:#D3D3D3;
        font-family: Verdana, Arial;
        font-size:17px;
        text-align:justify;
        margin-left:70px;
        margin-top:-15px;
        /*margin-right:20px;
        text-indent:20px;*/
}
#mapa
{
        width:516px;
        height:417px;
        float:right;
        background-image:url('./pictures/mapa.jpg');
        margin-top:-380px;
        margin-right:50px;
              
}
a
{
       color:red;
}

a:hover
{
       color:white;
}
/*************lewySSG************/
.lewy
{
       width:270px;
       height:465px;
       /*float:left;*/
       text-align:left;
       color:#D3D3D3;
       font-family: Verdana, Arial;
       font-size:16px;
       margin-top:-20px;
       margin-left:90px;
}

.prawy
{
       width:550px;
       height:417px;
       float:right;
       text-align:justify;
       color:#D3D3D3;
       font-family: Verdana, Arial;
       font-size:15px;
       margin-top:-450px;
       margin-right:40px;
}
#tytulSystemy
{
        margin-top:10px;
        font-family:Verdana;
        font-size:28px;
        color:#D3D3D3;
        margin-top:-10px;
        margin-right:-110px;
}

.textLi
{
       color:#D3D3D3;
}

/***************menu urzadzenia****************/
.menuUrzadzenia
{
        background-image:url('./pictures/podklad_granatowy.jpg');
        width:250px;
        height:450px;
}
#menuAtx124 a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/atx124_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuAtx124 a:hover
{
        background-image:url('./pictures/menuUrzadzenia/atx124_1.jpg');
}
#menuAtx222 a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/atx222_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuAtx222 a:hover
{
        background-image:url('./pictures/menuUrzadzenia/atx222_1.jpg');
}

#menuCuks1 a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/cuks_1bx_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuCuks1 a:hover
{
        background-image:url('./pictures/menuUrzadzenia/cuks_1bx_1.jpg');
}

#menuCuks3 a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/cuks_3bx_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuCuks3 a:hover
{
        background-image:url('./pictures/menuUrzadzenia/cuks_3bx_1.jpg');
}

#menuCuks5 a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/cuks_5_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuCuks5 a:hover
{
        background-image:url('./pictures/menuUrzadzenia/cuks_5_1.jpg');
}

#menuSsa a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/ssa_bx_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuSsa a:hover
{
        background-image:url('./pictures/menuUrzadzenia/ssa_bx_1.jpg');
}

#menuTs a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/ts_ax_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuTs a:hover
{
        background-image:url('./pictures/menuUrzadzenia/ts_ax_1.jpg');
}

#menuWka a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/wka_ax_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuWka a:hover
{
        background-image:url('./pictures/menuUrzadzenia/wka_ax_1.jpg');
}
#menuWza a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/wza_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuWza a:hover
{
        background-image:url('./pictures/menuUrzadzenia/wza_1.jpg');
}

#menuZim a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/zim_ax_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuZim a:hover
{
        background-image:url('./pictures/menuUrzadzenia/zim_ax_1.jpg');
}

#menuFm300 a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/ipe_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuFm300 a:hover
{
        background-image:url('./pictures/menuUrzadzenia/ipe_1.jpg');
}
#menuZat a
{
        width:146px;
        height:16px;
        background-image:url('./pictures/menuUrzadzenia/zat_0.jpg');
        display:block;
        float:left;
        margin-top:10px;
        margin-left:120px;/*#######   tu zmieniałem*/
}
#menuZat a:hover
{
        background-image:url('./pictures/menuUrzadzenia/zat_1.jpg');
}

#obrazekUrzadzenia
{
        width:473px;
        height:381px;
        background-image:url('./pictures/urzadzenia.jpg');
        float:right;
        margin-top:-450px;
        margin-right:100px;
}

.podklad_ciemny
{
        background-image:url('./pictures/tabelka_podklad_ciemny.jpg');
        width:523px;
        height:25px;
}
.podklad_jasny
{
        background-image:url('./pictures/tabelka_podklad_jasny.jpg');
        width:523px;
        height:25px;
}
.podklad_opis
{
        background-image:url('./pictures/podklad_granatowy.jpg');
        width:523px;
        height:30px;
        background-repeat:repeat-y;
}
.textLewy
{
        display:inline;
        float:left;
        margin-left:10px;
        color:#D3D3D3;
        font-size:15px;
        font-family:Verdana;
}
.textPrawy
{
        
        float:right;
        margin-right:10px;
        color:#D3D3D3;
        font-size:15px;
        font-family:Verdana;
}
.opisText
{
        font-family:Verdana;
        text-align:center;
        color:red;
        font-size:14px;
}