@charset "utf-8";
/* CSS Document */

body {
	height:100%;
	margin: 0;
	padding: 0;
	background: #0e0907 url(images/background.jpg) no-repeat center top;
	position: relative;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color:#636161;
}

.clear {
  clear: both;
  height: 0;
}
A:link {
	COLOR: #b80000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #b80000; TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
img {
	border:0px;
}
.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #382320;
	width: 965px;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 39px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 0px;
	height: 37px;
	background-repeat: no-repeat;
}
.pocetna {background-image: url(images/navigation/navigation01_2.jpg); width: 96px;}
.pocetna a {background-image: url(images/navigation/navigation01_1.jpg);}
.magazin {background-image: url(images/navigation/navigation02_2.jpg); width: 84px;}
.magazin a {background-image: url(images/navigation/navigation02_1.jpg);}
.pretplata {background-image: url(images/navigation/navigation03_2.jpg); width: 97px;}
.pretplata a {background-image: url(images/navigation/navigation03_1.jpg);}
.vesti {background-image: url(images/navigation/navigation04_2.jpg); width: 63px;}
.vesti a {background-image: url(images/navigation/navigation04_1.jpg);}
.intervjui {background-image: url(images/navigation/navigation05_2.jpg); width: 88px;}
.intervjui a {background-image: url(images/navigation/navigation05_1.jpg);}
.reportaze {background-image: url(images/navigation/navigation06_2.jpg); width: 99px;}
.reportaze a {background-image: url(images/navigation/navigation06_1.jpg);}
.enciklopedija {background-image: url(images/navigation/navigation07_2.jpg); width: 123px;}
.enciklopedija a {background-image: url(images/navigation/navigation07_1.jpg);}
.galerija {background-image: url(images/navigation/navigation08_2.jpg); width: 84px;}
.galerija a {background-image: url(images/navigation/navigation08_1.jpg);}
.show {background-image: url(images/navigation/navigation09_2.jpg); width: 65px;}
.show a {background-image: url(images/navigation/navigation09_1.jpg);}
.video {background-image: url(images/navigation/navigation10_2.jpg); width: 58px;}
.video a {background-image: url(images/navigation/navigation10_1.jpg);}
.redakcija {background-image: url(images/navigation/navigation11_2.jpg); width: 108px;}
.redakcija a {background-image: url(images/navigation/navigation11_1.jpg);}

ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#spacer {
	height: 2px;
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	padding-left: 1px;
}
#container {
	width: 965px; /*The width of our layout*/
	margin-left: auto;
	margin-right: auto;
	text-align: left; /*Resets the text alignment*/
}
#header {
	height: 137px;
	width: 965px;
}
.logo {
	height: 50px;
	width: 200px;
	padding-top: 50px;
	padding-left: 10px;
	float:left;
}
.banner {
	height: 90px;
	width: 728px;
	padding-top: 30px;
	padding-right: 15px;
	float:right;
}
#shadow{
	width: 961px; /*The width of our layout*/
	height:18px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
}
#content {
	width: 961px; /*The width of our layout*/
	margin-left: auto;
	margin-right: auto;
	text-align: left; /*Resets the text alignment*/
	padding: 0px;
	border: 2px solid #FFFFFF;
	overflow: hidden;
	background: #faf9f9 url(images/backgroundshadow.jpg) repeat-y 50% 0;

}
#contentvideo {
	width: 961px; /*The width of our layout*/
	margin-left: auto;
	margin-right: auto;
	text-align: left; /*Resets the text alignment*/
	padding: 0px;
	border: 2px solid #FFFFFF;
	overflow: hidden;
	background: #faf9f9;

}
#maincolumn {
	width: 485px;
	float:left;
	padding-left: 15px;
	padding-bottom:20px;
}
.maincolumntext {
	width: 450px;
	float:left;
	padding-left: 15px;
	padding-right: 20px;
}
#maincolumnvideo {
	width: 680px;
	float:left;
	padding-left: 15px;
	padding-bottom:20px;
}
.maincolumntextvideo {
	width: 640px;
	float:left;
	padding-left: 15px;
	padding-right: 20px;
}
#leftcolumn {
	width: 246px;
	float:left;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom:20px;
	padding-top: 0px;
}
.leftcolumntext {
	width: 222px;
	float:left;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 20px;
}
.redakcijacolumn {
	background: url(images/redakcijarightcolumn.jpg) no-repeat;
	height: 832px;
	width: 246px;
	margin: 0px;
	padding: 0px;
}
.prelistajtecolumn {
	background: url(images/prelistajtebackground.jpg) no-repeat;
	height: 195px;
	width: 246px;
	margin: 0px;
	padding: 0px;
}
.prelistajtetext {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FFFCCC;
	font-size: 11px;
	padding-top: 14px;
	font-weight: bold;
}
#rightcolumn {
	width: 199px;
	float:right;
}
.rightcolumntext {
	position: relative;
	width: 183px;
	float:left;
	padding-left: 8px;
	padding-right: 8px;
}
#mergecolumn {
	width: 740px;
	float:left;
	padding-left: 15px;
	padding-bottom:20px;
}
.title {
	font: italic bold 15px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
}
.smalltitle {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#636161;
}
#footer {
	margin-left: auto;
	margin-right: auto;
	width: 965px;
	background: #0e0907 url(images/backgroundfooter.jpg) no-repeat;
}
.bannersmall {
	height: 90px;
	width: 225px;
	padding-top: 30px;
	padding-left: 0px;
	float:left;
}
.bannerfooter {
	height: 90px;
	width: 728px;
	padding-top: 30px;
	padding-right: 0px;
	float:right;
}
.bannerright {
	height: 70px;
	width: 165px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.textfooterleft {
	float:left;
	width:620px;
	text-align: left; /*Resets the text alignment*/
	font: 11px Arial, Helvetica, sans-serif;
	color:#fdfaf9;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}
.textfooterleft a:link {color: #fdfaf9; text-decoration: none; }
.textfooterleft a:visited {color: #fdfaf9; text-decoration: none; }
.textfooterleft a:hover {color: #fdfaf9; text-decoration: underline; }
.textfooterleft a:active {color: #fdfaf9; }

.textfooterline {
	text-align: left; /*Resets the text alignment*/
	font: 11px Arial, Helvetica, sans-serif;
	color:#8d6d55;
	}
.textfooterright {
	float:left;
	width:260px;
	text-align: left; /*Resets the text alignment*/
	font: 11px Arial, Helvetica, sans-serif;
	color:#fdfaf9;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}
.webdesignbeach{
	float:right;
	text-align: left; /*Resets the text alignment*/
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	}
.tekst {
	text-align: left; /*Resets the text alignment*/
	font: 11px Arial, Helvetica, sans-serif;
	color:#8d6d55;
	}
	
/* arhiva */
.arhivatekst {
	text-align: left; /*Resets the text alignment*/
	font: 11px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 3px;
	}
.arhivaleft {
	width: 115px;
	float:left;
	padding-left: 13px;
	padding-right: 0px;
	background-color:#ececeb;
}
.arhivaright {
	width: 115px;
	float:right;
	padding-left: 3px;
	padding-right: 0px;
	background-color:#ececeb;
}
.prethodnibrojevi {
	width: 224px;
	padding-left: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#ececeb;
}
.arhiva {
	width: 105px;
	float:left;
	padding-left: 11px;
	padding-right: 0px;
}
/* arhiva kraj*/
.shop {
	width: 105px;
	height: 190px;
	float:left;
	padding-left: 11px;
	padding-right: 0px;
}	
.shopimage {
	float:left;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 10px;
/*	background-image: url(images/frame_shop.gif);*/
}	
.shopartist {
	text-align: left; /*Resets the text alignment*/
	font: italic bold 15px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.shoptitle {
	text-align: left; /*Resets the text alignment*/
	font: italic bold 12px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.videotitle {
	text-align: center; /*Resets the text alignment*/
	font: italic bold 12px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.tracklist {
	text-align: justify; /*Resets the text alignment*/
	font: 12px Arial, Helvetica, sans-serif;
	color:#636161;
	width:450px;
	margin-left: 0;
}
.search-submit {
	width: 65px;
	height: 21px;
	border: 0px;
	background-image: url(images/rightcolumn/pogodakpretraga.jpg);
	background-color: #f0f0f0;
	margin-left: 105px;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
}
.search-box {
	width: 154px;
	height: 25px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/rightcolumn/pogodakpolje.jpg);
	margin: 0px;
	font-size: 12px;
	background-color: #f0f0f0;
	padding-top: 20px;
	padding-left: 14px;
	padding-right: 14px;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}
.pretraga-submit {
	width: 55px;
	height: 22px;
	border: 0px;
	background-image: url(images/rightcolumn/posalji.jpg);
	background-color: #f0f0f0;
	margin-left: 0px;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
}
.pretraga-box {
	width: 184px;
	height: 25px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/rightcolumn/pretragapolje.jpg);
	margin: 0px;
	font-size: 12px;
	background-color: #faf9f9;
	padding-top: 20px;
	padding-left: 14px;
	padding-right: 14px;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}
.mailing-submit {
	width: 55px;
	height: 21px;
	border: 0px;
	background-image: url(images/rightcolumn/mailingposalji.jpg);
	background-color: #f0f0f0;
	margin-left: 124px;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
}
.pogodak {
	height: 25px;
	width: 104px;
	padding-top: 20px;
	padding-left: 5px;
}
.eisa {
	height: 58px;
	width: 181px;
	padding-top: 8px;
	text-align: center;
}
.google {
	height: 20px;
	width: 56px;
	padding-top: 8px;
	padding-left: 10px;
	text-align: left;
}
.onreviewimage {
	height: 33px;
	width: 183px;
	padding-top: 20px;
}
.onreviewbackground {
	background: url(images/rightcolumn/onreviewbackground.jpg) repeat-y;
	width: 183px;
	margin: 0px;
	padding: 0px;
}
.onreviewtitle {
	text-align: left; /*Resets the text alignment*/
	font: italic bold 13px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.onreviewtext {
	text-align: left; /*Resets the text alignment*/
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666464;
	text-transform: uppercase;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.maincolumnmagazine {
	width: 470px;
	background: #f9f3e8 url(images/magazinebackground.png) no-repeat;
	float:left;
	padding-left: 15px;
	padding-bottom: 10px;
}
.maincolumnmagazinetext {
	width: 450px;
	float:left;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
.newsdate {
	text-align: left; /*Resets the text alignment*/
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#8d6d55;
}
.author {
	text-align: right; /*Resets the text alignment*/
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#8d6d55;
}
.novibroj {
	height: 83px;
	width: 79px;
	padding-top: 110px;
	padding-left: 250px;
	float:right;
	position:absolute;
	z-index:1;
}
.kupite {
	height: 83px;
	width: 79px;
	padding-top: 250px;
	padding-left: 285px;
	float:right;
	position:absolute;
	z-index:1;
}
/*intervju*/
.interviewperson {
	text-align: left; /*Resets the text alignment*/
	font: italic bold 15px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.interviewtitle {
	text-align: left; /*Resets the text alignment*/
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666464;
	text-transform: uppercase;
	padding-bottom: 2px;
}
.interviewintro {
	text-align: justify; /*Resets the text alignment*/
	font: 12px Arial, Helvetica, sans-serif;
	color:#666464;
	padding-bottom: 5px;
	padding-right: 15px;
}
.interviewdetail {
	text-align: left; /*Resets the text alignment*/
	font: bold 10px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-left: 102px;
	padding-bottom: 3px;
}
.interviewsignature {
	text-align: left; /*Resets the text alignment*/
	font: bold 10px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-bottom: 3px;
}
.interviewimage {
	height: 60px;
	width: 80px;
	float:left;
	border: 1px solid #fcf8ed;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.interviewthumb {
	float:left;
	border: 1px solid #fcf8ed;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 1px;
}
.interviewfooter {
	height: 12px;
	width: 485px;
	padding-bottom: 3px;
}
.interviewtekst {
	text-align: justify; /*Resets the text alignment*/
	font: 12px Arial, Helvetica, sans-serif;
	color:#636161;
}
.interviewnaslov {
	text-align: left; /*Resets the text alignment*/
	font: italic bold 15px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-bottom: 5px;
}	
.interviewpersonsmall {
	text-align: left; /*Resets the text alignment*/
	font: italic bold 15px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
}
.interviewtitlesmall {
	text-align: left; /*Resets the text alignment*/
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666464;
	text-transform: uppercase;
	padding-bottom: 2px;
}
.interviewback {
	width: 246px;
	background: url(images/intervjuismallback.jpg) no-repeat;
	float:left;
	padding-bottom: 10px;
}
/* intervju kraj*/
/* reportaze */
.reportthumb {
	width: 14px;
	height: 16px;
	float:left;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
}
.reporttitle {
	text-align: left; /*Resets the text alignment*/
	font: italic bold 15px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-left: 30px;
	padding-top: 3px;
}	
.reportlocation {
	text-align: left; /*Resets the text alignment*/
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666464;
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-top: 4px;
	padding-left: 45px;
}
/* reportaze kraj */
.icondesavanja {
	width: 10px;
	height: 10px;
	float:left;
	padding-left: 15px;
	padding-top: 3px;
	padding-right: 5px;
}
.iconstrelica {
	width: 10px;
	height: 10px;
	float:left;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 5px;
}
.eventdate {
	text-align: left; /*Resets the text alignment*/
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666464;
	text-transform: uppercase;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 35px;
}
.eventtitle {
	text-align: left; /*Resets the text alignment*/
	font: italic bold 15px Georgia, Arial, Helvetica, sans-serif;
	color:#b80000;
	padding-left: 35px;
	padding-top: 0px;
}
.eventlocation {
	text-align: left; /*Resets the text alignment*/
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666464;
	text-transform: uppercase;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 35px;
}
.eventback {
	width: 246px;
	height: 56px;
	background: url(images/eventsmallback.jpg) no-repeat;
	float:left;
	padding-bottom: 10px;
}
.akreditacije {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.akreditacijeform {
	width: 200px;
	margin: 0px;
	padding-left: 15px;
}
.videolink {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.videothumb {
	margin-left: auto;
	margin-right: auto;
	text-align: left; /*Resets the text alignment*/
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 65px;
}
.videoback {
	width: 246px;
	height: 140px;
	background: url(images/videoback.jpg) no-repeat;
	float:left;
	padding-bottom: 10px;
}
.linksback {
	width: 246px;
	height: 180px;
	background: url(images/linksback.jpg) no-repeat;
	float:left;
	padding-bottom: 10px;
}
.linkoviintro {
	text-align: justify; /*Resets the text alignment*/
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;	
	}
.textlinksleft {
	float:left;
	width:130px;
	text-align: left; /*Resets the text alignment*/
}
.textlinksright {
	float:right;
	width:70px;
	text-align: right; /*Resets the text alignment*/
}
.linkovibutton {
	float:left;
	padding-left: 10px;
}
.pcpress {
	height: 110px;
	width: 96px;
	padding-top: 15px;
	padding-left: 25px;
	padding-bottom: 15px;
}
.ikonice {
	height: 40px;
	width: 170px;
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 15px;
	vertical-align: bottom;
	position:absolute;
}
pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}