* { margin: 0; padding: 0; border: 0; }
body {  
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
 color:#666;
 background: url(../images/bg.jpg) repeat-x; 
 background-color:#373737;
 text-align: center;
} 
#rama {
 margin: 0px auto 0 auto;   
 width: 960px;   
 text-align:left;
}
#bTop{
 width:960px;
 height:44px;
 background: url(../images/belkaTop.png); 
 text-align:right;
}
#lang{
 float:right;
 margin: 17px 30px 0 0;
 font-size:0.9em;
 color:gray;
}
.flag{
 float:right;
 margin: 15px 52px 0 0;
}
.flag2{
 float:right;
 margin: 25px 5px 0 0;
}
#logo{
 float:left;
 width:300px;
 height:76px;
 background: url(../images/logo.png); 
}
#menu{
 float:left;
 width:660px;
 height:76px;
 background: url(../images/bgMenu.png);     
}

#menu ul{
margin:27px 0 0 20px;
}
#menu ul li{
 display:inline;
}
#menu ul li a {
 float:left;
 margin-right:12px;
 text-decoration:none;          
 color:#000;
 text-align:center;
 padding:12px 0 12px 0;
 font-weight:bold;

}
#menu ul li a:hover {
 color:#fe0000;
 text-decoration:underline;
}
#menu ul li a.on{
 width:120px;
 color:#fe0000;
 padding:12px 0 10px 0;
 background: url(../images/podmenuOn.png);
}
#topLeft{
 float:left;
 width:300px;
 height:196px;
 background: url(../images/topLeft.png);    
}
#flash{
 float:left;
 width:660px;
 height:196px;
 background: url(../images/bgFlash.png);    
}
#nav{
 clear:both;
 width:960px;
 height:54px;
 background: url(../images/bgNav.png);  
}
#nav p{
 padding:35px 0 0 310px;
 font-size:0.9em;
}
#nav a{
 color:#666;
 
}

#bgSite{
 width:960px;
 background: url(../images/bgSite.png);     
}
#leftSite{
 float:left;
 width:300px;
}
#leftSite h2{   
 width:300px;
 font-size:1.4em;
 background: url(../images/bgTitle.png) no-repeat; 
 padding:18px 0 5px 80px;
 letter-spacing:-1px;
}
#leftSite p{
 padding:20px;
 font-size:0.9em;
}
#leftSite table{
 margin: 0 20px;
 width:260px;
 font-size:0.9em;
}
#leftSite td{
 padding:0px 5px;
 border:1px solid silver;
 font-weight:bold;
 text-align:center;

}
#stat{
 display:block;
 margin-top:10px;
 font-size:0.8em; 
 color:gray;
}
a#staty{
 color:gray; 
 text-decoration:none;
}
td.nag1{
 width:50%;
 background-color:#333;
 color:#fff;
 height:5px
}
td.nag2{
 width:50%;
 background-color:#333;
 color:#fff;
}

#rightSite{
 float:left;
 width:660px;
 background: url(../images/bgContent.png) no-repeat; 
 padding-bottom:20px;   
}
#rightSite p{
 padding:10px 20px;
}
#rightSite ul{
 padding:10px 0 10px 60px;
}
#rightSite p.galeria{  
    display:block; 
    margin: 10px 20px 10px 60px; 
    float: left;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    width:500px;
}
img.default{
    float: left;
    margin: 20px 5px 0 5px;
    border: 3px solid silver;
}
#rightSite table{
 margin: 0 40px;
 width:540px;
 font-size:1em;
}
#rightSite td{
 padding:0px 5px;
 border:1px solid silver;
 font-weight:bold;
 text-align:center;

}
td.nag3{
 width:40%;
 background-color:#666;
 color:#fff;
}
td.nag4{
 width:30%;
 background-color:#333;
 color:#fff;
}
#bgBottom{ 
 width:960px;
 height:45px;
 background: url(../images/belkaBottom.jpg); 
}
#spacer{
 clear:both;
}
.red{
 color:#e2001a;
}
h1{
 margin:30px 0 10px 20px;
 font-size:1.5em;
 letter-spacing:-1px;
}
h3{
 font-size:1.3em;
 margin:0px 20px;
}
h4{
 font-size:0.9em;
 font-weight:normal;
 letter-spacing:-0px;
 padding:19px 0 0 130px;
 color:gray;
}
#rotator{
 display:block;
 margin:10px 0 20px 30px;
 width:620px;
 height:170px;
 color:red;
}
/* formularz */
form {
    width: 450px;
}

fieldset {
    border: 0;  
}

legend {
    font-weight: bold;
    padding: 7px;
    color: #8c2f22;
}

label {
    width: 150px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 10px;
}
div.form {
    margin: 7px 7px 7px 13px;
}

input{
    border: 1px solid #d9d9d9;
    width: 150px;
    background-color: #f1f1f1;
}
input:focus{
    border: 1px solid #8c2f22;
    width: 150px;
    color: #8c2f22;
    background-color: #fff;
}
input.temat{
    width: 250px;
}
textarea{
    border: 1px solid #d9d9d9;
    width: 250px;
    background-color: #f1f1f1;
}
textarea:focus{
    border: 1px solid #8c2f22;
    width: 250px;
    color: #8c2f22;
    background-color: #fff;
}

span.error{
   display: block;
    color: red;
    margin: 0px 0px 5px 160px;  
}
/*
  ------------------------------------------------------------------------------ webcreo --- 
*/
#webcreo{
     margin:0 auto; 
     width:960px; 
}
div#webcreo a{
 float:right;
 font-family:Arial, Helvetica, sans-serif;
 text-decoration: none;
 color:silver;
 font-weight:normal;
 font-size:11px;
 margin:5px 5px 15px 0;
 text-align:right;
}
div#webcreo a strong{
 color:#fff;
}
div#webcreo a:hover{
 color:#fff;
}
div#webcreo a:hover strong{
 color:#d1e4f4;
 text-decoration:underline;
}

#menuEng{
 float:left;
 width:660px;
 height:76px;
 background: url(../images/bgMenu.png);     
}

#menuEng ul{
 margin:27px 0 0 40px;
}
#menuEng ul li{
 display:inline;
}
#menuEng ul li a {
 float:left;
 margin-right:62px;
 text-decoration:none;          
 color:#000;
 text-align:center;
 padding:12px 0 12px 0;
 font-weight:bold;
}
#menuEng ul li a:hover {
 color:#fe0000;
 text-decoration:underline;
}
#menuEng ul li a.on{
 width:120px;
 color:#fe0000;
 padding:12px 0 10px 0;
 background: url(../images/podmenuOn.png);
}