* {
  background-color: #041010;
  font-family: Arial, SansSerif;
  font-size:17px;
}
html    {
	padding: 0;
	margin: 0;
        }

.center {
	text-align: center;
        }

 body
 {
     padding: 0;
     margin: 0;
     color: #8080ff;
     background-color: #041010;
     /*width:1020px;*/
     text-align: center;
/*     background-position: center center;*/
     /*background-repeat:repeat;*/
    
    
}
#bod
{
    padding:0px;
    /*background-color: teal;    */
    text-align: center;
    position:relative;
    width:1020px;
    display:inline-block;
    background-position:top center;
    background-repeat: no-repeat;
    background-image: none;
    background-color:#041010;
    margin-left: auto;
    margin-right: auto;
    }

#header
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 1020px;
    height: 215px;
    color: #00ceff;
}

#left
{
position:absolute;
top:0px;
left:0px;
width:304px;
padding: 0px;
padding-top:3px;
}
#left table
{
margin:0px;
border: none;
padding:0px;
color: yellow;
height:215px;
}

#left table tr td
{
    height:39px;
    width:300px;
	text-align:center; 
    vertical-align:middle;
    background-image: url('images/2yellow.png');
    background-repeat: no-repeat;
    padding-left: 5px;
}
#left table tr td a
{
width:100%;display:block;
text-decoration:none;
}
#left table tr td:active
{

    background-image: url('images/2purple.png');
    background-repeat: no-repeat;
}
#left table tr td:hover
{
    background-image: url('images/2green.png');
    background-repeat: no-repeat;
    color:lime;
   
}

#left table tr td a
{
color: yellow;
background-color: transparent;
}
#left table tr td a:hover
{

     color:lime;
}



#right
{
position:absolute;
top:0px;
left:704px;
width:304px;
padding: 0px;
height:215px;
padding-top:3px;
}
#right table
{
border: none;
padding:0px;
color: aqua;
height:215px;
margin:0px;
}

#right table tr td
{
    height:39px;
    width:300px;
    background-image: url('images/2purple.png');
    background-repeat: no-repeat;
    padding-left: 5px;
	text-align:center; 
    vertical-align:middle;
}
#right table tr td a
{
width:100%;display:block;
text-decoration:none;
}
#right table tr td:active
{
    background-image: url('images/2red.png');
    background-repeat: no-repeat;
}
#right table tr td:hover
{
    background-image: url('images/2red.png');
    background-repeat: no-repeat;
    color:red;

}

#right table tr td a
{
color: aqua;
background-color: transparent;
}
#right table tr td a:hover
{
color:red;
}


#banner

{
position:absolute;
top:0px;
left:304px;
background-image: url('images/inteligentny-dom-ehouse-wizualizacja-sterowanie-graficzne-online.gif');
background-repeat: no-repeat;
width:400px;
height:215px;
padding-bottom:10px;
border: 0px;
border-color: lime;
text-align:center;
}

#banner h1
{
    font-size: 30px;
    font-family: verdana;
    background-color: transparent;
    color: purple;
	text-align:center;
}
#pre_title
{
position:relative;
text-align: center;
background-image: url('images/3blue.png');
background-repeat: no-repeat;
background-position: bottom center;
width:514px;
height:9px;
margin-left: auto;
margin-right: auto;
}

#title
{
position:relative;
text-align: center;
background-image: url('images/1blue.png');
background-repeat: no-repeat;
background-position: top center;
width:514px;
height:40px;
margin-left: auto;
margin-right: auto;


/*padding-top:20px;*/
}
#title h1
{
position:relative;
text-align: center;
font-size: 21px;
background-color: transparent;
padding: 0;
display:inline;
/*margin: 0;*/
color: aqua;
}

#pre_page
{
text-align: center;
background-image: url('images/top.png');
background-repeat: no-repeat;

width:1000px;
height:40px;

}

#page
{
text-align: center;
/*background-image: url('images/middle.png');*/
background-repeat: no-repeat;
position:absolute;
top:215px;
left:0px;
padding:0px;
padding-top:5px;
width:1020px;
/*height:22px;*/

}

#post_page
{
text-align: center;
background-image: url('images/bottom.png');
background-repeat: no-repeat;
width:514px;
height:40px;
}

#visual
{
position:relative;
padding:10px;
width:1210px;
}