html {
    height:100%;
}

body {
    background:url(images/bg.jpg) repeat-x top left #003068;
    margin:0px;
    padding:0px;
    font-size:0.7em;
    font-family:Arial,sans-serif;
    color:#FFF;
    height:100%;
}

div.body {
    background:url(images/bg-img.jpg) no-repeat top center;
    min-height:100%;
    _height:100%;
}

a { color:#FFF; outline:none; }
a:hover { color:#F00; outline:none; }

#top {
    margin:0px auto;
    width:980px;
    position:relative;
}
#top h1 {
    margin:0px;
    padding:0px;
    width:290px;
    height:50px;
    background:url(images/logo.gif) no-repeat top left;
}
#top h1 a {
    display:block;
    height:45px;
}
#top h1 a span {
    display:none;
}

#top .menu {
    background:url(images/main-menu-bg.png) no-repeat top left;
    padding:0 0 0 0;
    color:#FFF;
}
#top .menu ul {
    list-style:none;
    margin:0px;
    padding:0 0 0 23px;
    font-size:1.2em;
    font-weight:bold;
}
#top .menu ul li {
    float:left;
    background:url(images/main-menu-odd.gif) no-repeat right 23px;
    position:relative;
}
#top .menu ul li span {
    display:block;
    padding:23px 15px 20px 15px;
}
#top .menu ul li a { color:#FFF; text-decoration:none; }
#top .menu ul li a:hover { color:#DA261C; text-decoration:none; }

#top .menu ul li.active {
    float:left;
    background:url(images/main-menu-active-left.gif) no-repeat top left;
    padding:0 0 0 12px;
    color:#152e6d;
}
#top .menu ul li.active span {
    display:block;
    padding:23px 25px 20px 13px;
    background:url(images/main-menu-active-right.gif) no-repeat top right;
}
#top .menu ul li.active a { color:#152e6d; text-decoration:none; }
#top .menu ul li.active a:hover { color:#000; text-decoration:none; }

#top .menu ul ul {
    font-size:0.8em;
    position:absolute;
    top:51px;
    left:0px;
    background:#0D407F;
    border:1px solid #163468;
    border-top:0px;
    padding:5px 10px 5px 10px;
    display:none;
}
#top .menu ul ul li {
    width:150px;
    padding:3px 0px 3px 0px;
    border-bottom:1px dotted #235999;
}
#top .menu ul li.active li a { color:#FFF; text-decoration:none; }
#top .menu ul li.active li a:hover { color:#DA261C; text-decoration:none; }

#top ul.langs {
    margin:0px;
    padding:0px;
    list-style:none;
    position:absolute;
    top:30px;
    right:20px;
    background:url(images/langs-odd.gif) no-repeat center center;
    height:18px;
}
#top ul.langs li {
    float:left;
    padding:0px 8px;
    height:18px;
}
#top ul.langs li a {
    display:block;
    width:24px;
    height:18px;
}
#top ul.langs li a span { display:none; }
#top ul.langs li.sk { background:url(images/sk.gif) no-repeat top center; }
#top ul.langs li.pl { background:url(images/pl.gif) no-repeat top center; }
#top ul.langs li.hu { background:url(images/hu.gif) no-repeat top center; }
#top ul.langs li.cz { background:url(images/cz.gif) no-repeat top center; }
#top ul.langs li.en { background:url(images/en.gif) no-repeat top center; }

#content {
    margin:0px auto;
    width:980px;
    background:url(images/content-data-top.png) no-repeat top left;
    padding-top:5px;
    min-height:400px;
    _height:400px;
    color:#FFF;
}
#content .content-bg {
    background:url(images/content-data-bg.png) repeat-y top left;
    min-height:400px;
    _height:400px;
    padding-bottom:15px;
}
#content h2 {
    margin:0px;
    padding:15px 30px 5px 30px;
    font-size:2.4em;
    font-weight:normal;
    color:#FFF;
}
#content .vft {
    padding:0px 30px 0px 30px;
}

#content .lightbox {
    clear:both;
    padding:0px;
}
#content .lightbox img {
    border:1px solid #3271B1;
    padding:1px;
    margin:0px 5px 10px 5px;
}

/* CONTENT ITEM LIST */

#content div.list-items {
    
}
#content dl.list-item {
    width:450px;
    float:left;
    margin:5px 5px 0px 0px;
    padding:0px;
}
#content dl.list-item dt {
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:1.3em;
    font-weight:bold;
	width: 310px;
    text-align: left;
    float: right;
}
#content dl.list-item dt a { color:#DA261C; text-decoration:none; }
#content dl.list-item dt a:hover { color:#FFF; text-decoration:none; }

#content dl.list-item dd {
    margin:0px;
	padding:0px;
}
#content dl.list-item dd a { color:#FFF; text-decoration:none; }
#content dl.list-item dd a:hover { color:#DA261C; text-decoration:none; }
#content dl.list-item dd.image {
    float: left;
}
#content dl.list-item dd.image img {
    padding:0px;
	border:3px solid #FFF;
}
#content dl.list-item dd.desc {
	width: 310px;
	float: right;
}
#content dl.list-item dd.desc p {
	margin: 0;
	padding: 0;
}
#content dl.list-item dd.desc div.more {
    background:url(images/red-arrow.gif) no-repeat 0px 8px;
    padding:2px 0px 2px 17px;
}
#content dl.list-item dt.wide,
#content dl.list-item dd.wide {
	width: 100%;
}


#kontextMenu {
    padding:5px 0;
    margin:0px 30px 0px 30px;
    list-style:none;
    background:url(images/blue-dark-dot.gif) repeat-x top left;
    color:#FFF;
    text-align:right;
}
#kontextMenu li {
    display:inline;
}
#kontextMenu li a { color:#76b0e5; }
#kontextMenu li a:hover { color:#FFF; }

#content ul.list {
    list-style:none;
    margin:0px;
    padding:0px;
    font-size:1.2em;
    font-weight:bold;
}
#content ul.list li {
    background:url(images/red-arrow.gif) no-repeat 0px 8px;
    padding:2px 0px 2px 17px;
}
#content ul.list li a { color:#DA261C; }
#content ul.list li a:hover { color:#FFF; }

#content div.download {
    clear:both;
}
#content div.download img {
    border:none;
    float:left;
    margin:0px 5px 0px 0px;
}
#content div.download h3 {
    font-size:1.1em;
    margin:0px;
    padding:0px 0px 10px 0px;
    color:#DA261C;
}
#content div.download ul {
    list-style:none;
    margin:0px;
    padding:0px;
    font-size:1.1em;
}
#content div.download ul li {
    clear:both;
    /*
    background:url(images/red-arrow.gif) no-repeat 0px 8px;
    padding:2px 0px 2px 17px;
    */
    padding:2px 0px 2px 0px;
}
#content div.download ul li a { color:#FFF; text-decoration:none; }
#content div.download ul li a:hover { color:#DA261C; text-decoration:none; }
#content div.download ul li span {
    font-size:0.85em;
    font-style:italic;
    color:#67B0E5;
}

#portfolio-logos {
    text-align:center;
}
#portfolio-logos a { text-decoration:none; }
#portfolio-logos a:hover { text-decoration:none; }
#portfolio-logos table {
    margin:0px auto;
}
#portfolio-logos table td {
    text-align:center;
    vertical-align:middle;
    padding:2px;
}
#portfolio-logos table td div {
    width:160px;
    height:150px;
    position:relative;
}
#portfolio-logos table td img {
    border:none;
    width:120px;
    position:absolute;
    top:14px;
    left:20px;
}

#content div.portfolio-product {
    width:145px;
    height:320px;
    float:left;
    position:relative;
}
#content div.portfolio-product img {
    position:absolute;
    width:131px;
    top:12px;
    left:7px;
}
#content div.portfolio-product p {
    margin:0px;
    padding:0px;
}

#content .portfolio-logos {
    text-align:left;
    padding:10px 0px 0px 20px;
}
#content .portfolio-logos a { text-decoration:none; }
#content .portfolio-logos a:hover { text-decoration:none; }
#content .portfolio-logos div {
    width:80px;
    height:70px;
    position:relative;
    float:left;
    margin:0px 3px;
}
#content .portfolio-logos div img {
    border:none;
    position:absolute;
    width:60px;
    height:56px;
    top:7px;
    left:10px;
}

#content .portfolio-offer {
    clear:both;
    padding:30px 0px 0px 0px;
}

#offerPrev {
    width:45px;
    float:left;
    min-height:320px;
    _height:320px;
    line-height:320px;
}
#offerPrev img { cursor:pointer; }
#offerNext {
    width:45px;
    float:left;
    text-align:right;
    min-height:320px;
    _height:320px;
    line-height:320px;
}
#offerNext img { cursor:pointer; }
#offer {
    width: 580px;
    float: left;
}
#offer .items-area { 
    position:relative;
    overflow:hidden;
    min-height:320px;
    _height:320px;
}
#offer .items { 
    position:absolute;
    width:20000em;
    left:0px;
    top:0px;
}

#content div.pager {
    clear:both;
    margin:10px 0px 0px 0px;
    background:url('images/blue-dark-dot.gif') repeat-x top left;
    padding:8px 0em 1.5em 0em;
    font-size:0.9em;
}
#content div.nextprev {
    float:right;
}

#bottom {
    margin:0px auto;
    width:980px;
    position:relative;
    /*background:url(images/bottom.gif) no-repeat top left;*/
    background:url(images/content-data-bottom.png) no-repeat top left;
}
#bottom .txt {
    padding:10px 35px 10px 35px;
}
#bottom .developer {
    position:absolute;
    top:20px;
    right:35px;
    color:#FFF;
}
#bottom .developer a { color:#FFF; text-decoration:none; }
#bottom .developer a:hover { color:#FFF; text-decoration:none; }

.cleaner {
    clear:both;
    visibility: hidden;
    height:0.1em;
    font-size:0.1em;
    line-height:0.1em;
}