*{
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
}

a:active{
	outline: none;
}

a:focus{
	-moz-outline-style: none;
}

html{
	height: 100%;
}

body{
	background-color: #ebebeb;
	height: 100%;
}

.clear{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

/*********************************************************************************/
/*********************************************************************************/


.formText{
	height: 23px;
	line-height: 23px;
	border: 1px solid #444751;
	width: 200px;
}


.formTextarea{
	border: 1px solid #444751;
	font-size: 12px;
	width: 648px;
	height: 100px;
}

.formSelect{
	width: 200px;
}

/*********************************************************************************/
/*********************************************************************************/
/*
	<div class="rBLeft orange"><div class="rBRight"><div class="rBCenter"><a href="#">Test Link Orange</a></div></div></div>
	<div class="rBLeft grey"><div class="rBRight"><div class="rBCenter"><a href="#">Test Link Grey</a></div></div></div>
*/
/*********************************************************************************/
.textCenter .rBRight .rBCenter{
	text-align: center;
}

.textRight .rBRight .rBCenter{
	text-align: right;
}

.orange{
	background: transparent url(../images/link_orange_left.jpg) scroll no-repeat top left;
}

.orange .rBRight{
	background: transparent url(../images/link_orange_right.jpg) scroll no-repeat top right;
}

.orange .rBCenter{
	background-color: #ff6c00;
}

.grey{
	background: transparent url(../images/link_grey_left.jpg) scroll no-repeat top left;
}

.grey .rBRight{
	background: transparent url(../images/link_grey_right.jpg) scroll no-repeat top right;
}

.grey .rBCenter{
	background-color: #444751;
}


.rBLeft{
	padding-left: 6px;
	overflow: hidden;
	zoom:1;
}


.rBRight{
	padding-right: 6px;
	overflow: hidden;
}

.rBCenter{
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-align: left;
}

.rBCenter a{
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	font-weight: 100;
	line-height: 24px;
}

.rBCenter a:hover{
	text-decoration: underline;
}



/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/

.artistItem{
	margin-top: 5px;
}


.playItem{
	margin-top: 5px;
}

.containerGreyLeft{
	background: transparent url(../images/container_grey_left.jpg) scroll no-repeat top left;
	padding-left: 14px;
	overflow: hidden;
	zoom:1;
}

.containerGreyRight{
	background: transparent url(../images/container_grey_right.jpg) scroll no-repeat top right;
	padding-right: 14px;
	overflow: hidden;
}


.containerGreyCenter{
	background-color: #444751;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	position: relative;
}

.containerGreyCenter a.whiteText{
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

.containerGreyCenter a:hover{
	text-decoration: underline;
}

.containerGreyCenter a .bold{
	font-weight: 900;
}
.containerGreyCenter a .italic{
	font-style: italic;
}

.containerGreyCenter .orangeText{
	position: absolute;
	top: 0px;
	right: 0px;
}

.containerGreyCenter .orangeText a{
	color: #ff6c00;
	font-size: 12px;
	text-decoration: none;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/

.withImage{
	min-height:300px;
  	height:auto !important;
  	height:300px;
}

.withoutImage{
	min-height:30px;
  	height:auto !important;
  	height:30px;
}

.topInfo{
	text-align: right;
	position: relative;
	margin-top: 40px;
}

.topInfoRight{
	float: right;
	width: 420px;
}

.topInfo p{
	font-size: 13px;
	margin-top: 5px;
	line-height: 18px;
}

.topInfo p.big{
	font-size: 14px;
	font-weight: 900;
}

.topInfoRight a{
	color: #000000;
}

.topInfoRight a:hover{
	color: #FF6C00;
}

.topInfo h1{
	font-size: 28px;
	font-weight: 900;
}

.topInfoFoto{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	border: 5px solid #ffffff;
	overflow: hidden;
}

.playInfo{
	width: 113px;
	height: 70px;
	background: transparent url(../images/playInfoContainer.jpg) scroll no-repeat top left;
	position: relative;
	float: right;
	margin-top: 10px;
}

.playInfo .time{
	position: absolute;
	top: 12px;
	left: 10px;
	width: 90px;
	height: 30px;
	overflow: hidden;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
}

.playInfo .type{
	position: absolute;
	top: 50px;
	left: 5px;
	width: 100px;
	height: 15px;
	overflow: hidden;
	color: #444751;
	text-align: center;
	font-size: 11px;
}

.playVideo{
	margin-top: 10px;
}

.description{
	margin-top: 10px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

.galleryElementPlayName{
	color: #ff6c00;
	font-size: 24px;
	font-weight: 100;
}

.galleryElementImageDescription{
	color: #ffffff;
	font-size: 12px;
	margin-top: 5px;
}

.galleryElementImagePhotographer{
	color: #a0a2a7;
	font-size: 11px;
	margin-top: 5px;
}

/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
#leftColumn{
	background-color: #c4c7ce;
}

#centerColumn{
	background: transparent url(../images/mainBack.jpg) scroll repeat-y top left;
	width: 960px;
}

#rightColumn{
	
}

#content{
	width: 650px;
	text-align: left;
}

#header{
	width: 100%;
	text-align: right;
}

#headerLogo{
	text-align: right;
	margin-top: 20px;
}

#headerLogo a img{
	border: 0px;
}

#headerMenu{
	margin-top: 20px;
}


.primaryMenu{
	list-style: none;
	height: 24px;
}

.secundaryMenu{
	list-style: none;
	height: 24px;
}

.primaryMenu li{
	width: 120px;
	margin-left: 10px;
	float: right;
	position: relative;
	z-index: 5000;
}

.secundaryMenu li{
	width: 140px;
	margin-left: 10px;
	float: right;
}

/*********************************************************************************/

.submenu{
	display: none;
	position: absolute;
	list-style: none;
	width: 120px;
	height: 72px;
	padding: 0px;
	z-index: 5000;
	top: 21px;
	left: 0px;
	background: transparent url(../images/submenu.gif) scroll no-repeat top left;
}

.submenu li{
	width: 120px;
	height: 24px;
	line-height: 24px;
	float: left;
	margin: 0px;
	text-align: left;
}

.submenu li a{
	margin-left: 6px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

.submenu li a:hover{
	text-decoration: underline;
}

/*********************************************************************************/

.lineContainer{
	height: 50px;
	line-height: 50px;
	background-color: #e1e0e0;
	border-top: 1px solid #444751;
	border-bottom: 1px solid #444751;
	margin-top: 10px;
	position: relative;
}

.lineContainerTitle{
	height: 50px;
	position: absolute;
	top: 0px;
	left: 10px;
}

.lineContainerTitle div{
	height: 50px;
	margin-left: 35px;
	line-height: 50px;
	font-size: 12px;
	color: #444751;
	text-align: left;
}

.lineContainerContent{
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 0px;
}

.globe{
	background: transparent url(../images/globe.jpg) scroll no-repeat center left;
}

.letter{
	background: transparent url(../images/letter.jpg) scroll no-repeat center left;
}

.star{
	background: transparent url(../images/star.jpg) scroll no-repeat center left;
}

.downArrow{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 37px;
	height: 49px;
	background: transparent url(../images/downArrow.jpg) scroll no-repeat center left;
}

.newsItem{
	position: relative;
	margin-top: 10px;
	text-align: left;
	height: 130px;
}

.newsTitle{
	color: #FF6C00;
	font-size: 16px;
	width: 560px;
	line-height: 20px;
	font-weight: 100;
	text-align: left;
}

.newsBody{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 560px;
	height: 58px;
	overflow: hidden;
	font-size: 12px;
	line-height: 18px;
	text-indent: 20px;
}

.newsDate{
	position: absolute;
	top: 0px;
	right: 0px;
	background: transparent url(../images/dateContainer.jpg) scroll no-repeat center left;
	width: 77px;
	height: 88px;
}

.newsDate div{
	position: absolute;
	left: 0px;
	width: 77px;
	text-align: center;
}

.day{
	top: 2px;
	color: #444751;
	font-size: 18px;
}

.month{
	top: 22px;
	color: #444751;
	font-size: 28px;
}

.year{
	top: 65px;
	color: #ffffff;
	font-size: 18px;
}

.newsButton{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 120px;
	height: 24px;
}

.newsletterForm{
	position: absolute;
	left: 400px;
}

.newsletterEmail{
	position: absolute;
	top: 13px;
	left: 0px;
}

.newsletterButton{
	position: absolute;
	top: 13px;
	left: 215px;
}

.opinionFormEmail{
	margin-top: 10px;
}

.opinionFormText{
	margin-top: 10px;
}


.treeColumns{
	margin-top: 10px;
}

.treeColumns .column{
	width: 206px;
	overflow: hidden;
	/*margin-left: 15px;*/
	float: left;
	text-align: left;
}

.lastAparitionImage{
	width: 196px;
	height: 196px;
	overflow: hidden;
	border: 5px solid #ffffff;
	text-align: center;
}

.lastAparitionImage a img{
	border: 0px;
}

.lastAparitionSection{
	font-size: 14px;
	font-weight: 900;
	color: #444751;
}

.lastAparitionSection a{
	font-size: 14px;
	font-weight: 900;
	color: #444751;
	text-decoration: none;
}

.lastAparitionSection a:hover{
	text-decoration: underline;
}

.lastAparitionTitle{
	font-size: 12px;
	font-weight: 900;
	color: #ff6c00;
}

.lastAparitionTitle a{
	font-size: 12px;
	font-weight: 900;
	color: #ff6c00;
	text-decoration: none;
}

.lastAparitionTitle a:hover{
	text-decoration: underline;
}

.lastAparitionDescription{
	font-size: 12px;
	color: #444751;
}


.page{
	text-align: left;
	font-size: 13px;
	line-height: 19px;
	margin-top: 40px;
}

.page h1{
	text-align: right;
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 20px;
}

.page h2{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 30px;
}

.page h3{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 30px;
	color: #FF6C00;
}

.page p{
	font-size: 13px;
	margin-top: 10px;
	line-height: 19px;
}

.arhiva{
	text-align: left;
	font-size: 13px;
	line-height: 19px;
	margin-top: 40px;
}

.arhiva h2{
	text-align: right;
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 20px;
}

#footer{
	margin-top: 45px;
	border-top: 1px solid #444751;
	text-align: right;
	font-size: 12px;
	color: #444751;
	padding-top: 5px;
}


.borderItem{
	border-top: 1px solid #444751;
}

.contactItem p{
	font-weight: 900;
}

.contactItem p span{
	font-weight: 100;
}


/*********************************************************************************/


.programItem{
	text-align: left;
	position: relative;
	padding-top: 20px;
}


.programItem p{
	font-size: 13px;
	margin-top: 5px;
	line-height: 19px;
}

.programItem p.big{
	font-size: 14px;
	font-weight: 900;
}

.programItem p a{
	color: #000000;
}

.programItem p a:hover{
	color: #FF6C00;
}

.programItem h1{
	font-size: 24px;
	font-weight: 900;
	line-height: 24px;
}

.programItem h2{
	color: #FF6C00;
	font-size: 20px;
}

.programItem h2 span{
	color: #444751;
}

.playInfoProgram{
	width: 113px;
	height: 70px;
	background: transparent url(../images/playInfoContainer.jpg) scroll no-repeat top left;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 10px;
}

.playInfoProgram .time{
	position: absolute;
	top: 12px;
	left: 10px;
	width: 90px;
	height: 30px;
	overflow: hidden;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
}

.playInfoProgram .type{
	position: absolute;
	top: 50px;
	left: 5px;
	width: 100px;
	height: 15px;
	overflow: hidden;
	color: #444751;
	text-align: center;
	font-size: 11px;
}


.weekB{
	float: left;
	display: block;
	width: 325px;
	height: 49px;
	line-height: 49px;
	/*color: #444751;*/
	color: #C4C7CE;
	font-size: 24px;
	font-weight: 900;
	text-decoration: none;
}

.weekB:hover{
	color: #444751;
}

.weekCurrent{
	text-align: left;
}

.weekNext{
	text-align: right;
}


.selectedCurrent{
	color: #444751;
	background: transparent url(../images/downArrowG.gif) scroll no-repeat center right;
}


.selectedNext{
	color: #444751;
	background: transparent url(../images/downArrowG.gif) scroll no-repeat center left;
}

p.rezervareInfo{
	color: #FF6C00;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}

/*background: transparent url(../images/downArrow.jpg) scroll no-repeat center left;*/