html,body {
    margin: 0;
    padding: 0;
    background: black url('foto/bg.jpg') 0 0 no-repeat fixed; 
}
	
/* ---- style ogólne ---- */

td {
    color: #D0D0D0;
    font: 13px Verdana,Arial,sans-serif; 
}
ul {
    list-style-type: square;	
}
img {
    border: 0;
}

a:link {
    color: #D0D0D0;
    text-decoration: none;
}

a:visited {
    color: #D0D0D0;
    text-decoration: none;
}

a:hover {
    color: #9B0017;
}

.activelink {
    color: #9B0017; 
    font-weight: bold;
}

.input {
   height: 18px;
	border: 1px solid #121212; 
   background: #949494;	
	padding: 3px 2px 4px 4px;
	/* zaokrąglenie */
	-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	
}
.input:hover {
   background: #FF9;		
}
.input:focus {
   background: #FF9;		

}
.submit {
    width: 80px;
    height: 27px;
    font-family: Tahoma, Verdana;
    font-size: 10px;
    background: #414141;
    color: #D0D0D0;
    border: 1px solid #121212;
    margin: 10px 3px 0px 7px;
	 -webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.submit:hover {
    background:#282828;
}	

/* ---- site ---- */

#site {
    width: 960px;
    margin-top: 20px;
    margin-bottom: 20px; 
}
.site {
	 width: 100%;
    background-image: url('foto/pt2.png');
	 background-repeat: repeat;
	 border: 0px solid #000;
	 -webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	 


}
.box-top {
    margin-bottom: 20px; 
	 background-color: #121212; 	
	 -webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	 
}

/* ---- baner / menu ---- */
.box-top-baner {
    width: 700px; 
	 height: 300px;
	 background-color: #272A2B; 
	 margin-top: 5px; 
	 margin-left: 5px; 
	 margin-bottom: 5px; 	
	 -webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	
}

.box-top-menu {
   width: 225px; 
	height: 300px; 
	background-color: #272A2B; 
	margin-top: 5px; 
	margin-left: 5px;
	margin-top: 5px;
	webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	  
}


/* ---- menu top ---- */

.menu_top {
    text-align: right;
	 font: 10px "Trebuchet MS", Verdana,tahoma, Arial,sans-serif; 
	 text-transform: uppercase;
}
.logo {
    width: 70%;
    padding-bottom: 2px;
}
.lang {
    width: 30%;
}
.plang {
    text-align: right; 
	 font: 15px "Trebuchet MS", Verdana,tahoma, Arial,sans-serif; 
	 text-transform: uppercase;
}

.log {
   float: right; 
}
.logg {
   float: left; 
	height:25px; 
	background-color: #0D0B0C;
}
.logu {
   float: right;
	height:25px;
	width: 70px; 
	background-color: #0D0B0C;
}


/* ---- slider ---- */

.stepcarousel {
    position: relative;
    /*leave this value alone*/
    border: 0px solid black;
    overflow: scroll;
    /*leave this value alone*/
    width: 690px;
    /*width of carousel viewer itself*/
    height: 271px;
    /*height should enough to fit largest content's height*/
	 margin-top: 5px;
	 margin-left: 5px;	 
}

.stepcarousel .belt {
    position: absolute;
    /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel {
    float: left;
    /*leave this value alone*/
    overflow: hidden;
    /*clip content that go outside dimensions of holding panel div*/
    /* padding: 5px; */
    width: 690px;
    /*width of each panel holding each content. if removed, widths should be individually defined on each content div then. */
}


/* ---- menu lewe ---- */

ul#bpodnav,ul#bpodnav li {
    width: 182px; 
    margin: 0 0 0 20px;
    padding: 0;
    font: 17px "Trebuchet MS", Verdana,tahoma, Arial,sans-serif; 
	 text-transform: uppercase;		 	 
}
ul#bpodnav {

}
ul#bpodnav li {
    margin: 0;
    padding: 0;
    display: inline;
	 
}
ul#bpodnav a {
    width: 182px;
    height: 18px;		 
    display: block;
    color: #D0D0D0;
    padding: 5px 0 10px 0px;
	 border-bottom: 1px dotted #2D3133;
    text-decoration: none;	 	 
}
ul#bpodnav a:hover {
    color: #9B0017;
    text-decoration: none;	 
	 background-color: #232627;
	 /* border-left: 1px solid #5B000E; */ 

}
ul#bpodnav li.activelink a,ul#bpodnav li.activelink a:hover {
	 background-color: #232627;
    color: #9B0017;
	 /* border-left: 1px solid #5B000E; */ 

}


/* ---- boxy  ---- */

.box_site {
	 width: 940px; 
	 margin: 20px;
	 /* background-color: #232323; */
	 /* border: 1px solid #FFF; */
}

#of-box {
    /* height: 200px;  */
	 margin-bottom: 20px; 
	 background-color: #121212;
	 -webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	 

}
.of-box-td {
    width: 188px; 
	 border-right: 1px dotted #2D3133;
}
.of-box-tdp {
    width: 188px; 
}

.of-box-div {
    margin: 5px;
	 margin-bottom: 5px; 

}
#of-box-divt {
   padding: 5px; 
	font-size: 14px; 
	font-weight: bold; 
	background-color: #9B0017; 	 
	font: 15px 'Trebuchet MS', Verdana,tahoma, Arial,sans-serif;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	 

}
#of-box-divt a:link {
    color: #D0D0D0;
    text-decoration: none;
}
#of-box-divt a:hover {
    color: #A0A0A0;
    text-decoration: none;
}
#of-box-divt a {
    color: #D0D0D0;
    text-decoration: none;
}


/* ---- boxy / menu ---- */

ul#bmenu,ul#bmenu li {
    /* width: 180px; */ 
    margin: 15px 0 0 5px;
    padding: 0;
    font: 13px "Trebuchet MS", Verdana,tahoma, Arial,sans-serif; 
	 text-transform: uppercase;	
	 list-style-type: none;	 	 
}
ul#bmenu li {
    margin: 0;
    padding: 0; 
}
ul#bmenu a {
    width: 170px; 
    height: 18px;		 
    display: block;
    color: #D0D0D0;
    padding: 5px 0 10px 0px;
	 border-bottom: 1px dotted #2D3133;
    text-decoration: none;	 	 
}
ul#bmenu a:hover {
    color: #9B0017;
    text-decoration: none;	 
}
ul#bmenu li.activelink a,ul#bmenu li.activelink a:hover {
    color: #9B0017
}


/* ---- treść strony ---- */
.tresc {
    background-color: #121212; 
	 margin-bottom: 20px; 	
	 -webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	 
}
.tresc-td {
    width: 945px;
	 /* height: 500px; */
}

/* ---- pasek nawigacyjny ---- */
#pnawig {
    width: 100%;
}
#pnawig .plink {
    width: 80%;
	 font-size: 10px;
    padding: 7px;
}
#pnawig .webreader {
    width: 20%;  

}

.tbox {
    background-color: #343434; 	
	 -webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	 
}
.tbox-td {
    width: 945px;
	 height: 300px;
    line-height: 150%;	
}	 
.tbox-td h1 {
    font: 16px "Trebuchet MS", Verdana,tahoma, Arial,sans-serif; 
	 text-transform: uppercase;	
    font-weight: bold;	 
	 /* color: #9B0017; */
}
.tbox-tresc {
    padding: 15px;
}

/* ---- komunikaty ---- */
.box-komunikat {
    width: 100%;
    padding-left: 300px;
}
.komunikat {
    width: 250px;
    height: 25px;
    border: 1px solid #F5200B;
    color: #9B0017;
    background: #FFAAB7;
    background-image: url('foto/danger32.png');
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px 15px 5px 40px;
    text-align: justify;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* ---- fototer/ menu ---- */

#fot {
   background-color: #0E0D0D; 
	-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;	 

}
.fot-tel {
	padding-top: 15px;
	padding-bottom: 15px;
	font: 14px 'Trebuchet MS', Verdana,tahoma, Arial,sans-serif;
	text-transform: uppercase;
}
.fot-menu {
   padding: 16px; 
	font: 12px 'Trebuchet MS', Verdana,tahoma, Arial,sans-serif;
	text-transform: uppercase;
	text-align: right;
}

/* ---- fototer ---- */

#footer {
    width: 100%;
    height: 30px;
}
#footer .copy{
    font: 10px "Trebuchet MS", verdana, Tahoma;
    padding-top: 5px;
}

#footer .copyc{
    float: left;
}
#footer .copyg{
    float: right; 
	 padding-top: 3px;
	 padding-left: 3px;
}
#footer .copyf{
    float: right
}

#footer a:link {
    color: #FFF;
    text-decoration: none;
}

#footer a:visited {
    color: #FFF;
    text-decoration: none;
}

#footer a:hover {
    color: #FFF;
}



