body{
margin: 0;
padding: 0;
background-image: url('img/structure/bg.bmp');
background-repeat: repeat-x;
background-color: #AACDFF;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #004064;
}

/*background-image*/
#bg{
width: 100%;
min-height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}

/*------------------------------------------------*/

#start-logo{
height: 200px;
width: 800px;
margin: 80px auto 0px auto;
background-image: url('start-logo.png');
}

#start-choose{
height: auto;
width: 816px;
margin: 20px auto 0px auto;
}

.start-border{
height: auto;
width: 370px;
padding: 8px;
background-image: url('img/structure/bg30.png');
}

.start-image{
height: 240px;
width: 370px;
background-color: white;
}

/*------------------------------------------------*/
                                  /*structure divs*/

#container{
height: 100%;
width: 100%;
}

#border{
height: 100%;
width: 800px;
margin: 20px auto 0px auto;
padding: 8px;
background-image: url('img/structure/bg30.png');
}

#logo{
height: 80px;
width: 260px;
padding: 65px 480px 25px 60px;
background-color: #FFFFFF;
background-image: url('img/structure/logo.jpg');
}

#link{
height: 80px;
width: 260px;
}

#nav{
height: 24px;
width: 800px;
background-color: #D7E6FF;
background-image: url('img/structure/nav.bmp');
}

#content{
height: auto;
width: 700px;
padding: 10px 50px 30px 50px;
background-color: #FFFFFF;
}

#footer{
height: 24px;
width: 810px;
padding: 3px;
margin: 8px auto 10px auto;
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #FFFFFF;
/*background-image: url('img/structure/bgb50.png');*/
}

/*------------------------------------------------*/

.non-tn-gallery{
float: left;
height: 325px;
width: 340px;
margin: 10px 0px 10px 0px;
font-size: 12px;
line-height: 18px;
word-spacing: 0.5px;
letter-spacing: 0.1px;
}

.baza{
float: left;
height: 255px;
width: 340px;
margin: 10px;
}

#prices{
margin: 20px 0;
}

#prices td, #prices th{
padding: 3px; 
}

tr.dark{
background-color: #CCE1FF;
}

tr.light{
background-color: #DBEAFF;
}

#image{
float: right;
width: 180px;
margin: 0 0 0 30px;
height: auto;
font-size: 10px;
}

/*------------------------------------------------*/
                               /*links and contact*/

.link-con{
margin: 0 auto;
}

.link-con a:link, .link-con a:visited{
color: #004064;
}

.link-con ul{
margin: 0;
padding-left: 35px;
}

.link-con p{
line-height: 20px;
}

.con{
width: 200px;
}

/*------------------------------------------------*/
                                        /*elements*/

img{
vertical-align: bottom;
}

ul{
line-height: 18px;
}

h1{
font-family: arial, helvetica, sans-serif;
font-size: 18px;
margin-top: 20px;
text-align: center;
}

h2{
font-family: arial, helvetica, sans-serif;
font-size: 16px;
margin-top: 18px;
}

h3{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
margin-top: 16px;
}

p{
font-size: 12px;
line-height: 18px;
word-spacing: 0.5px;
letter-spacing: 0.1px;
}

p.small{
font-size: 10px;
line-height: 16px;
margin: 0 0 16px 0;
word-spacing: 0.5px;
letter-spacing: 0.1px;
}

p.solid{
font-weight: bold;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
}

a:link, a:visited{
text-decoration: none;
font-size: 12px;
}

a:hover, a:active{
text-decoration: underline;
}

/*------------------------------------------------*/
                                  /*navigationmenu*/

ul.nav{
list-style-type: none;
margin: 0;
padding: 0;
}

li.nav{
float: left;
}

a[class|=nav]:link, a[class|=nav]:visited{
display: block;
height: 14px;
width: 90px;
padding: 5px 0 5px 0;
text-align: center;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #004064;
line-height: 16px;
background-image: url('img/structure/nav.bmp');
}

a.nav-wide:link, a.nav-wide:visited{
width: 130px;
}

a[class|=navs]:link, a[class|=navs]:visited{
display: block;
height: 12px;
width: auto;
padding: 3px 0 5px 10px;
text-align: left;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #004064;
line-height: 16px;
background-color: #A8CDFF;
}

a[class|=navs]:hover, a[class|=navs]:active{
background-color: #8CBEFF;
}

#n-baza, #n-galeria{
height: auto;
padding: 0 3px 3px 3px;
visibility: hidden;
position: absolute;
background-image: url('img/structure/bg50.png');
}

#n-baza{
width: 130px;
margin: 0 0 0 127px;
}

#n-galeria{
width: 90px;
margin: 0 0 0 437px;
}

.slideshow{
width: 800px;
height: 600px;
}

.slideshow img{
width: 800px;
height: 600px;
visibility: hidden;
position: absolute;
}

.slideshowbar{
width: 760px;
height: 40px;
padding: 0 20px;
}

.gallery{
width: 700px;
height: 90px;
margin: 20px 0;
}

.gallery img{
float: left;
width: 120px;
height: 90px;
margin-right: 20px;
cursor: pointer;
border: 2px solid #DBEAFF;

}

.gallery img:hover{
border: 2px solid #0088E2;
}

.video-gallery{
width: 700px;
height: 67px;
margin: 20px 0;
}

.video-gallery img{
float: left;
width: 120px;
height: 67px;
margin-right: 20px;
border: 2px solid #DBEAFF;

}

.video-gallery img:hover{
border: 2px solid #0088E2;
}

/*------------------------------------------------*/
                                 /*end of document*/