/*
# @font-face {
#   font-family: MyHelvetica;
#   src: local("Helvetica Neue Bold"),
#   local("HelveticaNeue-Bold"),
#   url(MgOpenModernaBold.ttf);
#   font-weight: bold;
# }
*/
@font-face {
    font-family: "spaceman";
    src: url("spaceman.ttf") format("truetype");
}
body{
    background: white;
}
body a{
    outline: none;
    text-decoration: none;
    font-family: "spaceman";
}
#page{
	width: 870px;
    margin: 8px auto 0;
}
#top{
    width: 870px;
    height: 190px;
    float: left;
}
#code{
    background: url(images/code.png) no-repeat;
    width: 360px;
    height: 32px;
    float: left;
}
#menu1{
    background: #6B6969;
    width: 510px;
    height: 32px;
    float: right;
}
#menu1 ul{
    margin: 0;
    padding: 0;
}
#menu1 li{
    float: left;
    padding: 0 17px;
    list-style: none;
}
#menu1 li a, #menu2 li a{
    display: block;
    float: left;
    height: 32px;
}
#menu1 li.d a img, #menu2 li.d a img{
    opacity: 0.0;
    filter: alpha(opacity=0);
}
li a img{
    border: none;
}


#menu1 li.a a.i1{background: url(images/a1.png) no-repeat;width: 76px;}
#menu1 li.a a.i2{background: url(images/a2.png) no-repeat;width: 79px;}
#menu1 li.a a.i3{background: url(images/a3.png) no-repeat;width: 116px;}
#menu1 li.a a.i4{background: url(images/a4.png) no-repeat;width: 98px;}
#menu2 li.a a.i5{background: url(images/a5.png) no-repeat;width: 100px;}
#menu2 li.a a.i6{background: url(images/a6.png) no-repeat;width: 106px;}
#menu2 li.a a.i7{background: url(images/a7.png) no-repeat;width: 100px;}
#menu2 li.a a.i8{background: url(images/a8.png) no-repeat;width: 167px;}
#menu2 li.a a.i9{background: url(images/a9.png) no-repeat;width: 93px;}
#menu2 li.a a.i10{background: url(images/a10.png) no-repeat;width: 96px;}
#menu1 li.d a.i1{background: url(images/d1.png) no-repeat;width: 76px;}
#menu1 li.d a.i2{background: url(images/d2.png) no-repeat;width: 79px;}
#menu1 li.d a.i3{background: url(images/d3.png) no-repeat;width: 116px;}
#menu1 li.d a.i4{background: url(images/d4.png) no-repeat;width: 98px;}
#menu2 li.d a.i5{background: url(images/d5.png) no-repeat;width: 100px;}
#menu2 li.d a.i6{background: url(images/d6.png) no-repeat;width: 106px;}
#menu2 li.d a.i7{background: url(images/d7.png) no-repeat;width: 100px;}
#menu2 li.d a.i8{background: url(images/d8.png) no-repeat;width: 167px;}
#menu2 li.d a.i9{background: url(images/d9.png) no-repeat;width: 93px;}
#menu2 li.d a.i10{background: url(images/d10.png) no-repeat;width: 96px;}

/*#menu1 li.active{list-style-image: url(images/lws.png);}
#menu1 li.active a{color: white;}
#menu1 li.deactive{list-style-image: url(images/lgs.png);}
#menu1 li.deactive a{color: #CFDB36;}*/

#logo1{
    background: url(images/logo1.png) no-repeat;
    width: 130px;
    height: 126px;
    float: left;
    display: block;
}
#jd{
    background: url(images/jd.png) no-repeat;
    width: 360px;
    height: 126px;
    float: left;
    display: block;
}
#pds{
    background: url(images/pds.png) no-repeat;
    width: 360px;
    height: 126px;
    float: left;
}
#menu2{
    background: #6B6969;
    width: 870px;
    height: 32px;
    float: left;
}
#menu2 ul{
    margin: 0;
    padding: 0;
}
#menu2 li{
    float: left;
    padding: 0 17px;
    list-style: none;
}

#middle{
    width: 870px;
    height: 360px;
    float: left;
}
#content .left{
    width: 490px;
    float: left;
    height: 328px;
    background-repeat: no-repeat;
}
.left .flash{

}
#content .right{
    background: #ADABA6;
    float: left;
    width: 380px;
    height: 328px;
}
#content .right img{
    margin: 0;
}
#content .nazov{
    width: 244px;
    height: 46px;
    border: 1px solid white;
    clear: right;
    color: white;
    font-family: Arial;
    font-size: 12px;
    padding: 8px;
}
.thumbs .thumb{
    float: left;
    height: 87px;
    cursor: pointer;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    opacity: 0.0;
    filter: alpha(opacity=0);
}
.thumbs .d{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.thumbs .d:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
}
.thumbs .thumb:hover, .thumbs .a{
    opacity: 1.0;
    filter: alpha(opacity=100);
}


#content .text, #content .textImpress{
    font-family: Arial;
    font-size: 12px;
    color: white;
    text-align: justify;
/*    margin-top: 16px;*/
    display: none;
    overflow: hidden;
}
#content .textImpress{
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    margin: 0 16px;
}
#content .text p{
    padding: 0 16px;
}
#content .bottom{
    background: #6b6969;
    width: 870px;
    height: 32px;
    float: left;
}
#pager{
    width: 490px;
    height: 32px;
    float: left;
}
.pager{
    margin: 8px auto;
}
.pager .nav{
    background-repeat: no-repeat;
    background-position: 50% 0;
    width: 15px;
    height: 15px;
    float: left;
    margin: 0 8px;
    cursor: pointer;
}
#pager .next{background-image: url(images/pn.png);}
#pager .prev{background-image: url(images/pp.png);}
#pager .a{background-color: white;}
#pager .d{background-color: #CFDB36;}

.sub{
    width: 380px;
    margin-left: 490px;
    height: 32px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#prf{background-image: url(images/profil.png);}
#cen{background-image: url(images/cennik.png);}
#imp{background-image: url(images/impressum.png);}
#kon{background-image: url(images/kontakt.png);}
#int{background-image: url(images/interiery.png);}
#ext{background-image: url(images/exteriery.png);}
#nab{background-image: url(images/nabytok.png);}
#pro{background-image: url(images/produkt-design.png);}
#gra{background-image: url(images/grafika.png);}
#ani{background-image: url(images/animacie.png);}


#bottom{
    width: 870px;
    height: 42px;
    float: left;
    text-align: center;
}
#jurajdurcek a{
    background: url(images/home.png) no-repeat;
    display: block;
    width: 229px;
    height: 10px;
    margin: 32px auto 0;
}