/* CSS Document */

/* nav */

#navdiv{
float:right;
margin:0 17px 20px 0;
width:501px;
}

#nav_left{
float:left;
background:url(images/nav-ends.png) no-repeat scroll left bottom;
width:5px;
height:30px;
}

#nav_right{
float:left;
background:url(images/nav-ends.png) no-repeat scroll right bottom;
width:5px;
height:30px;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:28px; 
}

#nav a{
display:block;
padding:0px 10px;
border:1px solid #484848;
color:#fff;
text-decoration:none;
background-color:#484848;
}

#nav a:hover{
background-color:#fff;
color:#484848;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:120px;
top:29px;
}

#nav li ul a{
width:120px;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* rest */

body{
background:black url(images/bg.gif) repeat scroll;
font:12px tahoma, arial, helvetica, sans-serif;
color:#191919;
margin:0;
padding:0;
}

#top_bg{
background:url(images/top-bg.png) repeat-x scroll;
min-height:250px;
}

#container{
margin:0 auto;
width:800px;
overflow:hidden;
}

#top_frame{
clear:right;
background:url(images/top-frame.png) no-repeat scroll;
height:5px;
width:800px;
}

#middle_frame{
overflow:hidden;
background:white url(images/middle-frame.png) repeat-x scroll;
width:800px;
min-height:500px;
}

#head{
padding:20px 30px;
}

#logo{
float:left;
background:url(images/logo.png) no-repeat scroll;
width:263px;
height:146px;
}

#headimage{
float:right;
width:475px;
height:144px;
border: 1px #191919 solid;
}

.auto1{
background:url(images/auto1.jpg) no-repeat scroll;
}

.auto2{
background:url(images/auto2.jpg) no-repeat scroll;
}

.auto3{
background:url(images/auto3.jpg) no-repeat scroll;
}

.auto4{
background:url(images/auto4.jpg) no-repeat scroll;
}

.auto5{
background:url(images/auto5.jpg) no-repeat scroll;
}

.auto6{
background:url(images/auto6.jpg) no-repeat scroll;
}

#headimageblack{
float:right;
background:url(images/headimageblack.png) repeat scroll;
width:50px;
height:144px;
font:11px tahoma, arial, helvetica, sans-serif;
color:white;
}

#headtext{
clear:right;
text-align:right;
padding-top:10px;
}

h1{
font:17px tahoma, arial, helvetica, sans-serif;
color:#191919;
margin:0;
padding:0 0 8px 30px;
background: url(images/h1-line.png) no-repeat scroll left bottom;
}

h2{
font:14px tahoma, arial, helvetica, sans-serif;
color:#191919;
margin:0 0 5px 0;
padding:5px 0;
width:250px;
border-bottom:1px #191919 solid;
}

#content{
margin:20px 30px;
min-height:200px;
}

#content ul{
margin:0 0 0 15px;
padding:0;
}

#content li{
margin:0;
padding:0;
}

#content p{
font:12px tahoma, arial, helvetica, sans-serif;
color:#191919;
margin:0;
padding:5px 0;
text-align:justify;
}

#content a:link, #content a:visited, #content a:hover{
text-decoration:none;
color:black;
border-bottom:1px black dotted;
}

#content img, .certyfikaty img{
border:1px #191919 solid;
padding:2px;
margin:5px 5px 5px 0;
}

#content dl{
padding:5px 0;
}

#content dt{
float:left;
clear:both;
width:40px;
}

#content dd{
position:relative;
left:10px;
}

#footer {
clear:both;
width:100%;
padding:10px 30px;
}

#infooter{
width:300px;
font:11px tahoma, arial, helvetica, sans-serif;
color:#191919;
border-top:1px #b5b5b5 solid;
padding-top:7px;
}

#bottom_frame{
background:url(images/bottom-frame.png) no-repeat scroll;
height:5px;
width:800px;
margin-bottom:30px;
}