.hero {
	width: 100%;
	position: relative;
	overflow: hidden;
	}
	
	.hero-carousel article {
		width: 1000px;
		margin: 0 auto;
		height: 350px;
		display: block;
		float: left;
		position: relative;
		}

                #o-left, #o-right {
                   position: absolute;
                   width: 50%;
/*                   background: rgba(0,0,0,0.7);*/
                   background: rgba(255,255,255,0.8);
                   height: 350px;
                   z-index: 3;
                   top: 0;
                }
                
                #o-left {
                    margin-left: -500px;
                }
                
                #o-right {
                    margin-right: -500px;
                    right: 0;
                }

    
	.hero-carousel-container article {
		float: left;
		}
	
		.hero-carousel article img{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
                        width: 1000px;
                        height: 350px;
			}
			
		.hero-carousel article .contents {
                    width: 965px;
                    margin: 0px auto;
                    bottom: 0;
                    height: 35px;
/*                    background: rgba(0,0,0,0.7);
                    color: #fff; */
                    background: rgba(121,127,129,0.7);
                    color: #fff; 
                    position: absolute;
                    font-weight: 400;
                    font-size: 20px;
/*                    padding: 30px 0 0 35px; */
                    padding: 10px 0 0 35px;
			position: absolute;
			behavior: url(/assets/PIE.htc);
                        z-index: 4;
                        display: none;
			}
              .hero-carousel article .contents a {
          color: #fff;
          text-decoration: none;
        }
          .hero-carousel article .contents a:hover {
            text-decoration: underline;
          }
    
                        .hero-carousel article.current .contents {
                            display: block;
                        }
    
                        .hero-carousel article.current .contents {
                            display: block;
                        }
	
		.hero-carousel-nav {
			width: 1000px;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -490px;
			z-index: 2;
			}
			
			.hero-carousel-nav li {
				position: absolute;
				bottom: 135px;
				right: 24px;
				list-style: none;
				}
				
			.hero-carousel-nav li.prev {
				left: 4px;
				right: auto;
				}
				
			.hero-carousel-nav li a {
				background: url("grafika/sipky.png") no-repeat center left;
				width: 48px;
                                height: 80px;
				border: none;
				outline: none;
				display: block;
				float: left;
                                font-size: 0px;
				behavior: url(/assets/PIE.htc);
				}
                        
                        .hero-carousel-nav li.next a {
                            background-position: center right;
                         }