/****************************************************************************************/
/*                                                                                      */
/* Version:         2010-05-04 14:00                                                    */
/* Author: 			Michal Pelech                                                       */
/* Author website: 	www.michalpelech.cz                                                 */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* SLIDER PANEL	                                                                        */
/*======================================================================================*/

#contentPanel #sliderPanel
{
	width: 996px;
	height: 470px;
	margin: 0 0 10px 0;
	position: relative;
	background: url(/images/slider-panel-background.png) no-repeat left top;
}

#contentPanel #sliderPanel .sliderPanel-in
{
	padding: 5px;
	position: relative;
	overflow: hidden;
}

#contentPanel #sliderPanel .sliderPanel-in ul
{
	height: 372px;
	list-style-type: none;
	overflow: hidden;
}

#contentPanel #sliderPanel .sliderPanel-in ul li
{
	height: 372px;
	position: relative;
}

#contentPanel #sliderPanel .sliderPanel-in ul li .box
{
	width: 406px;
	height: 133px;
	position: absolute;
	right: 65px;
	top: 135px;
	background: url(/images/slider/info.png) no-repeat left top;
	overflow: hidden;
}

#contentPanel #sliderPanel .sliderPanel-in ul li .box h2
{
	margin: 15px 0 12px 45px;
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}

#contentPanel #sliderPanel .sliderPanel-in ul li .box p
{
	margin: 0 0 5px 45px;
	color: #ffffff;
	font-size: 0.9em;
}

#contentPanel #sliderPanel .sliderPanel-in ul li .box p.more
{
	font-size: 16px;
}

#contentPanel #sliderPanel .sliderPanel-in ul li .box p.more a
{
	padding: 0 0 0 25px;
	color: #ffffff;
	background: url(/images/slider/more.png) no-repeat left 1px;
	font-weight: bold;
	text-decoration: none;
}

#contentPanel #sliderPanel .sliderPanel-in .previous
{
	width: 43px;
	height: 58px;
	display: block;
	position: absolute;
	left: 4px;
	top: 168px;
	background: url(/images/slider/button-left.png) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 5;
}

#contentPanel #sliderPanel .sliderPanel-in .next
{
	width: 43px;
	height: 58px;
	display: block;
	position: absolute;
	right: 4px;
	top: 168px;
	background: url(/images/slider/button-right.png) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 5;
}

#contentPanel #sliderPanel .sliderPanel-in #nav
{
	width: 120px;
	height: 12px;
	position: absolute;
	right: 0;
	top: 342px;
	overflow: hidden;
	z-index: 5;
}

#contentPanel #sliderPanel .sliderPanel-in #nav a
{
	width: 11px;
	height: 11px;
	margin: 0 8px 0 0;
	float: left;
	background: url(/images/slider/button-dot.png) no-repeat left top;
	color: #000000;
	text-indent: -9999px;
	overflow: hidden;
}

#contentPanel #sliderPanel .sliderPanel-in #nav a.activeSlide
{
	background-image: url(/images/slider/button-dot-active.png);
}

#contentPanel #sliderPanel #leftShadow,
#contentPanel #sliderPanel #rightShadow
{
	width: 20px;
	height: 387px;
	position: absolute;
	top: 0;
	overflow: hidden;
}

#contentPanel #sliderPanel #leftShadow
{
	left: -20px;
	background: url(/images/left-shadow.png) no-repeat right center;
}

#contentPanel #sliderPanel #rightShadow
{
	right: -20px;
	background: url(/images/right-shadow.png) no-repeat left center;
}

.homepage #contentPanel #topMenu
{
	width: 986px;
	height: 77px;
	margin: 3px auto;
	background: url(/images/home-top-menu-background.png) no-repeat center center;
}

.subpage #contentPanel #topMenu
{
	width: 996px;
	height: 97px;
	margin: 0 0 15px 0;
	position: relative;
	background: url(/images/top-panel-background.png) no-repeat center center;
}

#contentPanel #topMenu .menuItem
{
	width: 224px;
	height: 74px;
	float: left;
	display: inline;
	overflow: hidden;
}

#contentPanel #topMenu .menuItem a:hover,
#contentPanel #topMenu .menuItem a.active
{
	background-position: left -74px;
	color: #ffffff;
}

#contentPanel #topMenu .menuItem a:hover strong,
#contentPanel #topMenu .menuItem a:hover,
#contentPanel #topMenu .menuItem a.active strong,
#contentPanel #topMenu .menuItem a.active
{
	color: #ffffff;
}

#contentPanel #topMenu .menuItem a
{
	width: 121px;
	height: 56px;
	padding: 13px 15px 5px 88px;
	display: block;
	color: #282828;
	line-height: 1.2em;
	font-size: 10px;
}

#contentPanel #topMenu .menuItem a strong
{
	margin: 0px 0 5px 0;
	display: block;
	color: #282828;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	text-transform: uppercase;
}

#contentPanel #topMenu .menuItem a
{
	color: #282828;
	text-decoration: none;
}

#contentPanel #topMenu .movie
{
	margin: 2px 25px 0 12px;
}

.subpage #contentPanel #topMenu .movie
{
	margin: 10px 25px 0 17px;
}

#contentPanel #topMenu .movie a
{
	background: url(/images/top-menu/button-movie.png) no-repeat left top;
}

#contentPanel #topMenu .advert
{
	margin: 2px 23px 0 0;
}

.subpage #contentPanel #topMenu .advert
{
	margin: 10px 23px 0 0;
}

#contentPanel #topMenu .advert a
{
	background: url(/images/top-menu/button-advert.png) no-repeat left top;
}

#contentPanel #topMenu .tv
{
	margin: 2px 22px 0 0;
}

.subpage #contentPanel #topMenu .tv
{
	margin: 10px 22px 0 0;
}

#contentPanel #topMenu .tv a
{
	background: url(/images/top-menu/button-tv.png) no-repeat left top;
}

#contentPanel #topMenu .music
{
	margin: 2px 0 0 0;
}

.subpage #contentPanel #topMenu .music
{
	margin: 10px 0 0 0;
}

#contentPanel #topMenu .music a
{
	background: url(/images/top-menu/button-music.png) no-repeat left top;
}

.subpage #contentPanel #topMenu #leftShadow,
.subpage #contentPanel #topMenu #rightShadow
{
	width: 20px;
	height: 97px;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.subpage #contentPanel #topMenu #leftShadow
{
	left: -20px;
	background: url(/images/left-shadow-small.png) no-repeat right center;
}

.subpage #contentPanel #topMenu #rightShadow
{
	right: -20px;
	background: url(/images/right-shadow-small.png) no-repeat left center;
}

/*======================================================================================*/
/* HOME BOX	 	                                                                        */
/*======================================================================================*/

#homeBox
{
	width: 996px;
	background: #f1f1f1 url(/images/home-box-background.png) no-repeat left top;
}

.homepage #homeBox .boxList
{
	padding: 0 22px 45px 22px;
}

.subpage #homeBox .boxList
{
	padding: 10px 0 45px 0;
	background: url(/images/box-list-background.png) repeat-y 251px top;
}

.homepage #homeBox .box
{
	width: 280px;
	margin: 0 22px 0 0;
	padding: 22px 25px 0 0;
	float: left;
	position: relative;
	background: url(/images/box-background.png) no-repeat right top;
}

.subpage #homeBox .box
{
	width: 199px;
	margin: 0;
	padding: 26px 25px 0 25px;
	float: left;
	position: relative;
	overflow: hidden;
}

.subpage #homeBox .otherList
{
	width: 199px;
}

.subpage #homeBox .otherList .boxItem
{
	margin: 0 0 20px 0;
}

#homeBox .middle
{
	margin: 0 30px 0 0;
}

#homeBox .itemList .top{
    /*text-align: right;*/
    margin-top: -25px;
}
#homeBox .itemList .top span label{
    color: rgb(61,61,61);
}
#homeBox .itemList .top .line{
    width: 100%;
    background-image: url('/images/housereelTopLine.png');
    height: 2px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.homepage #homeBox .last
{
	margin: 0;
	padding: 22px 0 0 0;
	background: none;
}

#homeBox .box .header
{
	height: 31px;
	margin: 0 0 12px 0;
	position: relative;
	background: url(/images/box-header-background.png) repeat-x left bottom;
}

.homepage #homeBox .box .header
{
	height: auto;
	background: none;
}

#homeBox .box .header .link
{
	position: absolute;
	right: 0;
	top: 0;
}

#homeBox .box .header h2
{
	color: #9c9c9c;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
}

#homeBox .box #serviceSlider
{
	height: 180px;
	list-style-type: none;
	overflow: hidden;
}

#homeBox .box #serviceSlider li
{
	height: 180px;
	overflow: hidden;
}

#homeBox .box h3
{
	margin: 0 0 15px 0;
	line-height: 1.2em;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}

#homeBox .box h3 a
{
	color: #191919;
	text-decoration: none;
}

#homeBox .box h3 a:hover
{
	text-decoration: underline;
}

#homeBox .box p
{
	height: 60px;
	margin: 0 0 20px 0;
	color: #898989;
	overflow: hidden;
}

#homeBox .box .button
{
	width: 125px;
	height: 29px;
	margin: 0 0 10px 0;
	display: block;
	line-height: 29px;
	background: #db0935 url(/images/button-more.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#homeBox .box .button:hover
{
	text-decoration: underline;
}

#homeBox .box .sliderControl
{
	width: 75px;
	height: 20px;
	position: absolute;
	right: 25px;
	top: 230px;
	overflow: hidden;
	z-index: 5;
}

#homeBox .box .sliderControl .newsPrev,
#homeBox .box .sliderControl .newsNext
{
	width: 20px;
	height: 19px;
	display: block;
	position: absolute;
	background: url(/images/button-left.png) no-repeat left top;
	color: #ffffff;
	overflow: hidden;
	text-indent: -9999px;
}

#homeBox .box .sliderControl .newsPrev:hover,
#homeBox .box .sliderControl .newsNext:hover
{
	background-position: left -19px;
}

#homeBox .box .sliderControl .newsPrev
{
	left: 0;
	top: 0;
}

#homeBox .box .sliderControl .newsNext
{
	right: 0;
	top: 0;
	background-image: url(/images/button-right.png);
}

#homeBox .box .sliderControl .newsNav
{
	width: 33px;
	height: 20px;
	position: absolute;
	left: 21px;
	top: 0;
	line-height: 20px;
	color: #898989;
	font-family: "Trebuchet MS", sans-serif;
	text-align: center;
}

#homeBox .box .boxItem
{
	margin: 0 0 15px 0;
        height: 200px;
}

.date
{
	width: 51px;
	height: 61px;
	margin: 0 14px 0 0;
	float: left;
	overflow: hidden;
	background: url(/images/box-date-background.png) no-repeat left top;
}

.date p
{
	width: 51px;
	height: 61px;
	overflow: hidden;
	text-align: center;
}

.date p strong
{
	width: 51px;
	height: 44px;
	display: block;
	line-height: 44px;
	color: #000000;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 35px;
}

.date p span
{
	width: 51px;
	height: 17px;
	display: block;
	line-height: 17px;
	color: #ffffff;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 9px;
}

.description
{
	width: 215px;
	float: left;
	overflow: hidden;
}

.picture
{
	width: 189px;
	height: 104px;
	margin: 0 0 9px 0;
	position: relative;
	border: 5px solid #e5e5e5;
	overflow: hidden;
        text-align:center;
}

.picture span
{
	width: 189px;
	height: 104px;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/images/box-hover-background.png) no-repeat left top;
	text-indent: -9999px;
}
.picture:hover{
    border: 5px solid rgb(230,0,49);
}
.picture:hover span
{
	display: block;
}

#homeBox .boxItem .info h2
{
	margin: 0 0 5px 5px;
	color: #e60032;
	font-size: 15px;
}

#homeBox .boxItem .info h2 a
{
	color: #e60032;
	text-transform: uppercase;
	text-decoration: none;
}

#homeBox .boxItem .info p
{
	height: auto;
	margin: 0 0 0 5px;
	color: #898989;
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.9em;
}

#homeBox h2.project
{
	width: 220px;
	margin: 0 0 16px 0;
	padding: 20px 0 18px 0;
	color: #e60032;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 17px;
	font-style: italic;
	background: url(/images/box-item-header.png) repeat-x center bottom;
	text-transform: uppercase;
}

#homeBox p.more a
{
	padding: 0 15px 0 0;
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.9em;
	color: #898989;
	background: url(/images/ico-more.png) no-repeat right center;
	font-weight: bold;
}

#homeBox p.more a:hover
{
	color: #ff0048;
}

#homeBox .itemList
{
	padding: 35px 25px 15px 25px;
	overflow: hidden;
}

#homeBox .itemList .iLhack
{
	width: 1000px;
}

#homeBox .itemList h2.project
{
	width: 100%;
}

#homeBox .itemList .boxItem
{
	width: 200px;
	/*height: 180px;*/
	margin: 0 42px 0 0;
	float: left;
        margin-bottom: 10px;
}

#homeBox .itemList .last
{
	margin: 0;
	padding: 0;
}

#breadcrumbs
{
	width: 900px;
	height: 15px;
	margin: 0 0 10px 35px;
	overflow: hidden;
}

#breadcrumbs a
{
	float: left;
	color: #e60032;
	font-size: 0.8em;
}

#breadcrumbs span
{
	padding: 0 8px;
	float: left;
	overflow: hidden;
	color: #c2c2c2;
}

#breadcrumbs strong
{
	color: #c2c2c2;
	font-weight: normal;
}

#paging
{
	height: 35px;
	margin: 0 30px 50px 30px;
	background: url(/images/box-item-header.png) repeat-x left top;
}

#paging .paging-in
{
	width: 250px;
	height: 20px;
	padding: 14px 0 0 0;
	float: right;
}

#paging .paging-in a
{
	width: 20px;
	height: 20px;
	line-height: 20px;
	float: left;
	color: #3a3a3a;
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.9em;
	text-decoration: none;
	text-align: center;
}

#paging .paging-in a.prev
{
	width: 69px;
	margin: 0 5px 0 0;
	background: url(/images/paging-prev.png) no-repeat left top;
	color: #515151;
}

#paging .paging-in a.next
{
	width: 50px;
	margin: 0 0 0 5px;
	display: inline;
	background: url(/images/paging-next.png) no-repeat left top;
	color: #515151;
}

#paging .paging-in a.active
{
	background: url(/images/paging-active.png) no-repeat left top;
	color: #ffffff;
}

#paging .paging-in span
{
	margin: 2px 0 0 0;
	float: left;
	color: #c4c4c4;
}

#homeBox #detail
{
	width: 645px;
	margin: 2px 25px 0 0;
	padding: 32px 35px 35px 35px;
	float: left;
	background: url(/images/detail-background.png) repeat-y right top;
	overflow: hidden;
}

#homeBox #detail.short
{
	width: 575px;
}

#homeBox #rightSide
{
	width: 238px;
	margin: 34px 0 50px 0;
	float: left;
	overflow: hidden;
}

#homeBox #rightSide.long
{
	width: 282px;
}

#homeBox .header
{
	position: relative;
}

#homeBox .header .headerLinks
{
	width: 126px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}

#homeBox .header .headerLinks a
{
	height: 20px;
	line-height: 20px;
	float: left;
	color: #3a3a3a;
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.9em;
	text-decoration: none;
	text-align: center;
}

#homeBox .header .headerLinks .prev
{
	width: 69px;
	margin: 0 5px 0 0;
	background: url(/images/paging-prev.png) no-repeat left top;
	color: #515151;
}

#homeBox .header .headerLinks .next
{
	width: 50px;
	margin: 0;
	display: inline;
	background: url(/images/paging-next.png) no-repeat left top;
	color: #515151;
}

#homeBox .header h2,
#homeBox #rightSide h2.header,
#homeBox h2.style,
#homeBox h2.style a,
#homeBox #rightSide h2.header a,
#homeBox .header h2 a
{
	margin: 0 0 16px 0;
	padding: 3px 0 18px 0;
	color: #e60032;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 17px;
	font-style: italic;
	background: url(/images/box-item-header.png) repeat-x center bottom;
	text-transform: uppercase;
        text-decoration: none;
}

#homeBox #detail #videoPlayer
{
	width: 626px;
	height: 340px;
	margin: 0 0 25px 0;
	border: 8px solid #e5e5e5;
	overflow: hidden;
}

#homeBox #detail p
{
	margin: 0 0 20px 0;
	line-height: 1.5em;
}

#homeBox #detail #gallery a
{
	margin: 0 9px 0 0;
	float: left;
	border: 6px solid #e5e5e5;
	overflow: hidden;
}

#homeBox #detail #gallery a img
{
	display: block;
}

#homeBox .contact
{
	margin: 0 0 45px 0;
}

#homeBox #detail .contact a
{
	color: #898989;
	text-decoration: none;
}

#homeBox #detail .contact a:hover
{
	text-decoration: underline;
}

#homeBox .contact .leftContact
{
	width: 312px;
	float: left;
	overflow: hidden;
}

#homeBox #detail .contact .leftContact p
{
	margin: 0 0 30px 0;
	line-height: 1.3em;
}

#homeBox .contact .leftContact p.last
{
	margin: 0;
}

#homeBox .contact .leftContact p strong
{
	color: #191919;
}

#homeBox .contact .rightContact
{
	width: 330px;
	float: left;
	overflow: hidden;
}

#homeBox .contact .rightContact #map
{
	width: 319px;
	height: 226px;
	border: 5px solid #e5e5e5;
}

#homeBox .address .addressItem
{
	width: 255px;
	float: left;
}

#homeBox  .address .last
{
	width: 130px;
	padding: 0;
}

#homeBox .address .addressItem strong
{
	color: #191919;
}

#homeBox .address .addressItem p a
{
	color: #898989;
	text-decoration: none;
}

#homeBox .address .addressItem p a:hover
{
	text-decoration: underline;
}

#homeBox #rightSide .photogallery a
{
	width: 125px;
	height: 83px;
	margin: 0 10px 10px 0;
	float: left;
	border: 5px solid #e5e5e5;
	overflow: hidden;
        text-align: center;
}

#homeBox #rightSide .photogallery a.last
{
	margin: 0 0 10px 0;
	padding: 0;
}

#homeBox #detail .serviceItem h3
{
	margin: 0 0 10px 0;
	color: #e60032;
	font-size: 16px;
	text-transform: uppercase;
}

#homeBox #detail .serviceItem p
{
	margin: 0 0 10px 0;
}

#homeBox #detail .serviceItem a.button
{
	width: 87px;
	height: 25px;
	margin: 0 0 35px 0;
	display: block;
	line-height: 25px;
	background: url(/images/service-item-button.png) no-repeat left top;
	color: #4b4b4b;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#homeBox #detail p.noindent
{
	margin: 0;
	color: #898989;
}

#homeBox #detail table
{
	margin: 0 0 15px 0;
}

#homeBox #detail table tr th
{
	font-weight: normal;
	text-align: left;
}

#homeBox #detail table tr td
{
	padding: 0 5px;
}

#homeBox #detail .ourTeam
{
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	background: url(/images/box-item-header.png) repeat-x center bottom;
}

.ourTeam .picture
{
	width: 120px;
	margin: 0 15px 0 0;
	float: left;
	overflow: hidden;
	position: relative;
        height: 80px;
}

.ourTeam .picture a
{
	width: 110px;
	height: 70px;
	display: block;
	border: 5px solid #e5e5e5;
	overflow: hidden;
}

.ourTeam .picture a span
{
	width: 121px;
	height: 83px;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/images/our-team-hover.png) no-repeat left top;
	overflow: hidden;
}

.ourTeam .picture:hover a span
{
	display: block;
}

.ourTeam .info
{
	width: 500px;
	float: left;
}

.ourTeam .info h3
{
	margin: 5px 0 0 0;
	color: #e60032;
	font-size: 15px;
	text-transform: uppercase;
}

.ourTeam .info h3 a
{
	text-decoration: none;
}

.ourTeam .info h3 a:hover
{
	text-decoration: underline;
}

#homeBox #detail .ourTeam .info p
{
	margin: 0 0 10px 0;
}

#homeBox #detail .ourTeam .info strong
{
	color: #898989;
}

#frmformSubReklama-hudbaOd, #frmformSubHudba-hudbaOd{
    background-image: url('/images/housereelTopSubmit.png');
    width: 69px;
    height: 20px;
    color: rgb(81,81,81);
    border: none;
    margin-left: 10px;
}

#frmformSubReklama-industrial, #frmformSubHudba-videoklip{
    vertical-align: middle;
}
#frmformSubReklama-promo, #frmformSubHudba-audio{
    vertical-align: middle;
    margin-left: 20px;
}
#frmformSubReklama-viral, #frmformSubHudba-koncerty{
    vertical-align: middle;
    margin-left: 20px;
}
.itemNews .picture{
    float: left;
}
.itemNews .info{
    float: left;
    width: 350px;
    margin-left: 10px;
}
.itemNews .info h2 a{
    color: #191919;
    text-decoration: none;
}
.itemNews .info h2 a:hover{
    text-decoration: underline;
}

div.top a.all{
    width: 46px;
    height: 41px;
    background-image: url('/images/housereelSubVse.png');
    display: block;
    float: left;
}
div.top a.all:hover{
    background-image: url('/images/housereelSubVseActive.png');
}
div.top a.activeAll{
    width: 46px;
    height: 41px;
    background-image: url('/images/housereelSubVseActive.png');
    display: block;
    float: left;
}
div.top a.industralni{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubIndustralni.png');
    display: block;
    float: left;
}
div.top a.industralni:hover{
    background-image: url('/images/housereelSubIndustralniActive.png');
}
div.top a.activeIndustralni{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubIndustralniActive.png');
    display: block;
    float: left;
}
div.top a.viralni{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubViralni.png');
    display: block;
    float: left;
}
div.top a.viralni:hover{
    background-image: url('/images/housereelSubViralniActive.png');
}
div.top a.activeViralni{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubViralniActive.png');
    display: block;
    float: left;
}
div.top a.svatebniVideo{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url("/images/svatebniVideo.png");
    display: block;
    float: left;
}
div.top a.svatebniVideo:hover{
    background-image: url('/images/svatebniVideoa.png');
}
div.top a.activeSvatebniVideo{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/svatebniVideoa.png');
    display: block;
    float: left;
}
div.top a.promo{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubPromo.png');
    display: block;
    float: left;
}
div.top a.promo:hover{
    background-image: url('/images/housereelSubPromoActive.png');
}
div.top a.activePromo{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubPromoActive.png');
    display: block;
    float: left;
}
div.top a.videoklip{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubVideoklip.png');
    display: block;
    float: left;
}
div.top a.videoklip:hover{
    background-image: url('/images/housereelSubVideoklipActive.png');
}
div.top a.activeVideoklip{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubVideoklipActive.png');
    display: block;
    float: left;
}
div.top a.hudba{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubHudba.png');
    display: block;
    float: left;
}
div.top a.hudba:hover{
    background-image: url('/images/housereelSubHudbaActive.png');
}
div.top a.activeHudba{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubHudbaActive.png');
    display: block;
    float: left;
}
div.top a.koncerty{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubKoncerty.png');
    display: block;
    float: left;
}
div.top a.koncerty:hover{
    background-image: url('/images/housereelSubKoncertyActive.png');
}
div.top a.activeKoncerty{
    margin-left: 10px;
    width: 146px;
    height: 41px;
    background-image: url('/images/housereelSubKoncertyActive.png');
    display: block;
    float: left;
}
div.top a.reklamniSpot{
    margin-left: 10px;
    width: 147px;
    height: 41px;
    background-image: url('/images/housereelSubReklamniSpot.png');
    display: block;
    float: left;
}
div.top a.reklamniSpot:hover{
    background-image: url('/images/housereelSubReklamniSpotActive.png');
}
div.top a.activeReklamniSpot{
    margin-left: 10px;
    width: 147px;
    height: 41px;
    background-image: url('/images/housereelSubReklamniSpotActive.png');
    display: block;
    float: left;
}
#gallery img{
    cursor: pointer;
}