*{
 margin:0;
 padding:0;
 border:0;
 }
html{
 width:auto;
 height:100%;
 }  
body{
 font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 background:#940000 url(../design_img/bodyBg.jpg) top left repeat-x;
 color:#fff;
 position:relative;
 height:100%;
 }
#mpContainer{
 width:796px;
 height:558px;
 margin:0 auto;
 background-image:url(../design_img/tlo_glowna.jpg);
 position:relative;
 overflow:hidden;
 }
#container{
 width:796px;
 margin:0 auto;
 position:relative;
 }    
#nav{
 position:absolute;
 bottom:10px;
 left:60px;
 }
#header{
 width:796px;
 height:264px;
 background-image:url(../design_img/tlo_podstrona.jpg);
 margin-bottom:20px;
 position:relative;
 overflow:hidden;
 }
 
#header a.back
{
position: absolute;
top: 22px;
left: 50px;
width: 155px;
height: 220px;
border: none;
display: block; 
} 

#nav2{
 position:absolute;
 right:105px;
 bottom:33px;
 } 
h1{
 background-color:transparent;
 color:#fff;
 font-size:16px;
 margin-bottom:20px;
 }
h2{
 background-color:transparent;
 color:#ffd27c;
 font-size:14px;
 margin-bottom:20px;
 }  
#content{
 width:600px;
 margin:0 auto;
 }
 
#content_tech{
position: relative;
 width:796px;
 margin:0 auto;
 }
  
#content a{
 color:#fff;
 background-color:transparent;
 text-decoration:none;
 }
#content a:hover{
 text-decoration:underline;
 }   
#content p{
 line-height:1.66;
 margin-bottom:10px;
 } 
 
p.karuzele img {
 float: left;
 margin: 5px 5px 5px 5px;
}
 
.contact{
 margin-bottom:20px;
 } 
.contact li{
 list-style-type:none;
 line-height:1.66;
 }
#paging{
 clear:both;
 padding-top:10px;
 text-align:right;
 width:600px;
 height:20px;
 }  
#paging ul{
 float:right;
 margin-right:15px;
 } 
#paging li{
 list-style-type:none;
 float:left;
 margin:2px;
 }
#paging li a{
 display:block;
 width:15px;
 text-align:center;
 color:#fff;
 padding:3px;
 background-color:#df0000;
 }  
#paging li a:hover,.active:hover{
 background-color:#feb900 !important;
 text-decoration:none;
 color:#000 !important;
 }
.active{
 background-color:#6d0101 !important;
 color:#fff !important;
 } 
.gallery li{
 list-style-type:none;
 display:block;
 width:100px;
 height:60px;
 position:relative;
 overflow:hidden;
 border:3px solid #ffebb5;
 float:left;
 margin:5px 6px 5px 6px;
 }
.gallery li img{
 position:absolute;
 top:0;
 left:0;
 }  
.gallery li img:hover{
 cursor:pointer;
 } 
.gallery li:hover{
 border-color:#feb900;
 } 
 
#zoomDiv{
 position:absolute;
 top:50%;
 left:50%;
 padding:10px;
 border:1px solid #ccc;
 background-color:#fff;
 display:none;
 cursor:pointer;
 z-index:250;
 }
#zoomDiv li{
 list-style-type:none;
 font-size:12px;
 }
#zoomDiv .description{
 padding-top:10px;
 text-align:center;
 }
#zoomDiv:hover{
 border-color:#feb900;
 }
#zoomDiv:hover img{
 position:relative;
 } 
#zoomDiv:hover a{
 display:block;
 position:absolute;
 } 
#zoomDiv a{
 position:absolute;
 top:0;
 right:0;
 padding:3px 7px 3px 7px;
 background-color:#feb900;
 text-decoration:none !important;
 color:#fff !important;
 font-weight:bold;
 font-size:16px;
 font-family:Arial, Helvetica, sans-serif;
 display:none;
 z-index:200;
 }   
#zoomDiv #fla{
 position:relative;
 z-index:100;
 } 
#zoomDiv img{
 /*position:relative;*/
 z-index:100;}  
/*==================================*/
#zoomDivCon{
 display:none;
 width:100%;
 height:100%;
 position:fixed;
 top:0;
 left:0;
 background-color:transparent;
 } 
* html #zoomDivCon{
position:absolute;
width:100%;
height:100%;
margin:0;
z-index:200;
background-color:transparent;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+0+"px" : body.scrollTop+0+"px");
left:0;
}   
#footer{
 width:756px;
 height:83px;
 margin:0 auto;
 padding-top:20px;
 clear:both;
 position:relative;
 background:transparent url(../design_img/footerBg.gif) bottom left no-repeat;
 }
#production{
 position:absolute;
 right:150px;
 bottom:10px;
 }
#opinia{
 width:510px;
 margin:0 auto;
}
#opinia li{
 list-style-type:none;
 margin-bottom:5px;
}
#opinia label{
 display:block;
 width:100px;
 float:left;
} 
#rFirstLastName,#rEmail,#rText{
 width:400px;
 border:1px solid #ccc;
}
textarea{
 height:150px;
}
.btn{
 width:402px;
 border:none;
 margin-left:100px;
 background-color:#c00;
 color:#fff;
}
.btn:hover{
 background-color:#ffd742;
 cursor:pointer;
 color:#333;
}
.title{
 width:600px;
 height:25px;
 background-color:transparent;
 position:relative;
}
.autor{
 position:absolute;
 left:10px;
 top:4px;
 width:420px;
}
.data{
 position:absolute;
 right:10px;
 top:4px;
 width:180px;
 text-align:right;
 }
.referencja p{
 padding:10px;
}
.referencja{
 border-bottom:1px solid #c00;
 margin-bottom:10px;
}
.margin{
 list-style-type:none;
 text-align:right;
}
.margin a{
 background-color:#ffd742 !important;
 padding:3px 10px 3px 10px !important;
 color:#333 !important;
 text-decoration:none !important;
}
.margin a:hover{
 background-color:#c00 !important;
 color:#fff !important;
 text-decoration:none !important;
}

#balonikipod {
 margin: 0px 0px 0px -76px;
}

#balonikigl {
 margin: 0px 0px 0px -76px;
}

table.technika
{
width: 796px;
margin: 0;
padding: 0;
border: none;
}

td.tech
{
width: 199px;
height: 186px;
margin: 0;
padding: 0;
border: none;
background-color: #a60001;
}

p.addon
{
font-weight: bolder;
line-height: 20px;
}

a.spec
{
color: #F9EC9A;
}

img.mapka
{
position: absolute;
right: 0;
top: 0;
}

h1.informator{
 background-color:transparent;
 font-family: Trebuchet MS, Georgia, Tahoma, Verdana, serif;
 color:#fff;
 font-size:20px;
 margin-top: 10px;
 margin-bottom:20px;
 }
h2.infor{
 background-color:transparent;
 color:#fff;
 font-size:14px;
 margin-bottom:20px;
 }