body {
    font: 11px Helvetica, Arial, sans-serif;
}
div#container {
    position:relative;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    /* height: 900px;
    */ background-color:white;
  }
div#leftSide {
    float:left;
    width: 674px;
  }
div#komentari{
	display: none;	
}
div#rightMenu {
    float:right;
    padding-top:233px;
    top:128px;
    right:0px;
    width:326px;
  }

div#rightMenu2 {
    float:right;
    top:330px;
    right:0px;
    width:122px;
  }

div#footer {
    clear:both;
    height:50px;
    width:100%;
    background-color:#D2D3D4;
    color: #005689;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
  }
div#footer a{
	text-decoration: none;
	color: #005689;
}
div#footer a:hover{
	color: #F16422;
}
 div#footer p{
    clear:both;
    width:100%;
    background-color:#D2D3D4;
    color: #005689;
    font-size: 10px;
    text-align: center;
    padding-top: 3px;
    margin-top: 3px;
  }
img.right {
    clear:both;
    float:left;
    margin-bottom: 4px;
  }
div#logoff {
	position:absolute;
    top:127px;
    left:877px;
    width:201px;
    height:101px;
    background:url(SLIKE/logoff.png) no-repeat;
  }
div#regLogo {
    background:url(SLIKE/REGISTRACIJA2.png) no-repeat;
    width: 125px;
    height: 55px;
    float: left;
  }
div#regLogo:hover{
    background:url(SLIKE/REGISTRACIJA1.png) no-repeat;
    cursor: pointer;
  }
div#prijaviDogadaj {
    background:url(SLIKE/PRIJAVI1.png) no-repeat;
    width: 125px;
    height: 105px;
    float: left;
  }
div#prijaviDogadaj:hover{
    background:url(SLIKE/PRIJAVI2.png) no-repeat;
    cursor: pointer;
  }
div#login {
	position:absolute;
    top:127px;
    left:877px;
    width:201px;
    height:101px;
    background:url(SLIKE/loginn.png) no-repeat;
  }
div#videonaslovnica {
    background:url(SLIKE/videopodloga.png) no-repeat;
    width: 324px;
    height: 293px;
    float: left;
    left: -2px;
    color: white;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 21px;
  }
  
div#videonaslovnica a{
    color: orange;
    text-align: center;
  }

div#obavijestime {
    background:url(SLIKE/Email.png) no-repeat;
    width: 125px;
    height: 105px;
    float: left;
    left: -2px;
  }
div#obavijestime:hover {
    background:url(SLIKE/Email2.png) no-repeat;
    cursor: pointer;
}
div#karta {
    background:url(SLIKE/KARTA.png) no-repeat;
    width: 125px;
    height: 105px;
    float: left;}

div#karta:hover {
	cursor: pointer;
    background:url(SLIKE/KARTA2.png) no-repeat;
  }
div.userInfo {
    float:left;
    width:121px;
    height:105px;
    background-color:#FAFAFA;
    margin-bottom:4px;
    padding-left: 5px;
    font-size: 12px;
    color: #333333;
  }
 div.buttonRow {
    float:left;
    background-color:#FAFAFA;
    margin-bottom:4px;
    padding-left: 10px;
    color: #005689;
  }
   div.buttonRow input{
    float:left;
    background-color:#FAFAFA;
    border: 0px;
    border-color: #F16422;
    color: #005689;
    font-size: 12px;
    cursor: pointer;
  }
  
div.linkoviRight {
    float:left;
    width:122px;
    background-color:#FAFAFA;
    margin-bottom:1px;
    color: #005689;
  }
  
div.linkoviRight b{
	font-size: 13px;
	font-weight: bolder;
  }

div.linkoviRight a{
	color: #F16422;
	font-size: 11px;
	text-align: left;
}
  
div.reklamaRight {
    float:left;
    width:120px;
    height:100px;
    background-color:olive;
    margin-bottom:1px;
  }
 div.reklamaRightButtom {
    float:left;
    width:121px;
    height:28px;
    background-color:#FFC0C0;
    margin-bottom:4px;
  }
  div.reklamaRightPola {
    float:left;
    width:150px;
    height:52px;
    background-color:#FFC0C0;
    margin-bottom:4px;
    font-size: 14px;
    color: #005689;
   	text-align: center;
  }
  
div.reklamaRightLogin {
    float:left;
    width:121px;
    height:102px;
    background-color:#FFC0C0;
    margin-bottom:4px;
    padding-left: 10px;
    background-color: transparent;
  }
div.reklamaRightLogin input{
	color: #F16422;
	font-size: 10px;
	border-color:#005689;
	text-align: right;
	border: 0px;
	padding-left: 0px;
	background-color: transparent;
	width: 100px;
	height: 25px;
}

div.reklamaRightLogoff{
	float:left;
    width:121px;
    height:102px;
    background-color:#FFC0C0;
    margin-bottom:4px;
    padding-left: 10px;
	}

div.reklamaRightLogoff input{
	color: #F16422;
	font-size: 10px;
	border-color:#005689;
	text-align: right;
	border: 0px;
	padding-left: 0px;
	background-color: transparent;
	width: 100px;
	height: 25px;
}

div#header {
    float:left;
    /*top:0px;
    left:0px;
    */width: 876px;
    height: 229px;
    background-color:white;
    margin-bottom:4px;
  }


div#logo {
    /*border:black solid 1px;
    */position:absolute;
    top:0px;
    left:0px;
    width:296px;
    height:202px;
    background-color:white;
  }


div#trazilica {
    /*border:black solid 1px;
    */position:absolute;
    top:202px;
    left:0px;
    width:251px;
    height:26px;
    background-color:white;
    background:url(SLIKE/TRAZILICA_blank.png) no-repeat;
  }

#trazilicaStrelica
{
	position:absolute;
	border:none;
	top:6px;
	left: 70px;
	width:13px;
	height:14px;
    	background:url(SLIKE/trazilica_strelica1.png) no-repeat;
	cursor:pointer;
	outline:none;
}

#trazilicaStrelica:hover
{
    	background:url(SLIKE/trazilica_strelica2.png) no-repeat;	
}


#trazilicaInput {
    background-color : white;
    border-bottom-style : solid;
    border-bottom-width : 1px;
border-bottom-color: #DCDCDC;
    border-left-style : none;
    border-left-width : 0px;
    border-right-style : solid;
    border-right-width : 0px;
    border-top-style : solid;
    border-top-width : 0px;
    font-size : 10px;
    left : 92px;
    padding-left : 4px;
    position : absolute;
    top : 5px;
    width : 142px;
  }


div#danasUPonudi {
    /*border:black solid 1px;
    */position:absolute;
    top:0px;
    left:296px;
    width:579px;
    height:126px;
    background-color:white;
  }
div#danasUPonudiSlika
{
	position:absolute;
	top:70px;
	left:-7px;
	width:380px;
	height:55px;
	background:url(SLIKE/D1.png) no-repeat;
	color: #F16422;
	font-family: Georgia;
	font-size: 20px;
}
div#danasUPonudiSlika:hover{
	font-size: 30px;
	cursor: pointer;
}

div#ovajMjesecUPonudiSlika
{
	position:absolute;
	top:70px;
	left:582px;
	width:150px;
	height:55px;
	background:url(SLIKE/M1.png) no-repeat;
	font-family: Georgia;
	font-size: 20px;
	color: #F16422;
}
div#ovajMjesecUPonudiSlika:hover
{
	font-size: 25px;
	cursor: pointer;
}

div#ovajTjedanUPonudiSlika
{
	position:absolute;
	top:70px;
	left:376px;
	width:205px;
	height:55px;
	background:url(SLIKE/T1.png) no-repeat;
	font-family: Georgia;
	font-size: 20px;
	color: #F16422;
}
div#ovajTjedanUPonudiSlika:hover
{
	font-size: 30px;
	cursor: pointer;
}

div#danasUPonudiBroj
{
	position:absolute;
	top:26px;
	left:380px;
	width:76px;
	height:66px;
	text-align:center;
	color: #005689;
	font: 48px Georgia, serif;
	/*background:url(SLIKE/kucicaZAbroj2.png) no-repeat;*/
}

div#danasUPonudiBroj A
{
	text-decoration: none;
}

div#danasUPonudiTekst
{
	position:absolute;
	top:50px;
	left:458px;
	width:120px;
	height:22px;
/*	background:silver;*/
	color: #333333;
	font: bold 18px Verdana, Arial, sans-serif;		
}


div#izdvojeno {
    /*border:black solid 1px;
    */position:absolute;
    top:127px;
    left:292px;
    width:376px;
    height:101px;
    /* background-color:white;*/
    background:url(SLIKE/IZDVOJENObeztexta.png) no-repeat;
  }


div#izdvojenoNaslov {
    position:absolute;
    top:0px;
    left:0px;
    width:368px;
    padding: 6px 2px 0px 6px;
    height:26px;
    /* background-color:#FFDCA8;
    */color:#005689;
    font: normal 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  }


div#izdvojenoTekst {
    position:absolute;
    top:32px;
    left:0px;
    width:360px;
    height:61px;
    padding: 4px 8px 4px 8px;
    /* background-color:#C0C0FF;
    */;
  }


.tema {
    color:#F16422;
  }
a.tema {
	color: #333333;
	text-decoration: none;
	} 
div#kalendar {
    position:absolute;
    top:127px;
    left:674px;
    width:201px;
    height:101px;
    /* background-color:white;
    */background:url(SLIKE/KALENDAR2.png) no-repeat;
  }
div#kalendarDan {
    position:absolute;
    top:11px;
    left:10px;
    height:80px;
    width:60px;
    /* background-color:blue;
    */text-align:center;
    vertical-align:middle;
  }


div#kalendarDanIme {
    position:absolute;
    top:0px;
    left:0px;
    height:14px;
    width:100%;
    padding-top:2px;
    /* background-color:green;
    */color:#005689;
    font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  }


div#kalendarDanDatum {
    position:absolute;
    top:16px;
    left:0px;
    width:100%;
    height:64px;
    padding-top:0px;
    text-align:center;
    /* background-color:white;
    */color:#F16422;
    font: 48px Georgia, serif;
  }


div#kalendarMjesec {
    position:absolute;
    top:2px;
    left:83px;
    height:91px;
    width:111px;
    /* background-color:#FFDCA8;
    */
  }
div#webBody {	float:left;
    width:674px;
    padding-bottom:10px;
    background-color: transparent;
  }
div#leftMenu {
    float:left;
    top: 0px;
    left: 0px;
    width:153px;
    background-color: white;
  }
div.reklamaLeft {
    float:left;
    width: 100%;
    margin: 0px 0px 4px 0px;
    height: 70px;
    background-color: olive;
  }
div#centralContainer {
    float: left;
    margin-left:3px;
    width: 513px;
    background-color: #FAFAFA;
  }
.onama{
	font-size: 12px;
	}
.red_bold{
	font-size: 15px;
	font-weight: bold;
	color: red;
	}
div#centralContainerInfo {
    margin-left:0px;
  }
div#rightContainer {
    float:left;
	width: 202px;
    height: auto;
    background-color: white;
    vertical-align: top;
  }

div#reklamaCentral {
    float:left;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    background-color: olive;
  }
div#twoColumnContainer {
    float:left;
    margin: 2px 0px 2px 0px;
    width: 513px;
    background-color: #FAFAFA;
  }
div.messageBox{
	float: left;
	margin: 5px 0px 5px 0px;
    width: 500px;
    background-color: #FAFAFA;
    color: black;
    font-size: 20px;
	}
div.infoMessageBox
{
	float: left;
	margin: 5px 0px 5px 0px;
    width: 500px;
    background-color: #FAFAFA;
    color: black;
    font-size: 15px;
}
div#leftColumnUser {
    float:left;
    background-color: #FAFAFA;
    width: 253px;
    margin: 0px 0px 0px 0px;
    padding-top: 5px;
  }  
 div#rightColumnUser {
    float:left;
    background-color: #FAFAFA;
    width: 253px;
    padding-right: 2px;
    padding-top: 5px;
    margin: 0px 0px 0px 0px;
  } 
div#leftColumn {
    float:left;
    background-color: #FAFAFA;
    width: 170px;
    margin: 0px 0px 0px 0px;
    padding-top: 5px;
  }
div#middleColumn {
    float:left;
    background-color: #FAFAFA;
    width: 170px;
    margin: 0px 0px 0px 0px;
    padding-top: 5px;
  }
div#rightColumn {
    float:right;
    background-color: #FAFAFA;
    width: 170px;
    padding-right: 2px;
    padding-top: 5px;	margin: 0px 0px 0px 0px;
  }
div#bottomContainer {
    float:left;
    clear:both;
    width:511px;
    height:auto;
    background-color: #FAFAFA;
    border: 1px solid #DCDCDC;
    margin-top: 5px;
  }
div#box_wide_title {
    height:16px;
    width:503px;
    background-color:#005689;
    color: #FAFAFA;
    padding-left: 9px;
    padding-top: 2px;
  }
div#box_left {
    height:16px;
    width:245px;
    background-color:#005689;
    color: #FAFAFA;
    padding-left: 9px;
    padding-top: 2px;
  }
div#box_right {
    height:16px;
    width:245px;
    background-color:#F16422;
    color: #FAFAFA;
    padding-left: 9px;
    padding-top: 2px;
  }
div#box_central {
    clear: both;
    height:16px;
    width:503px;
    color: #D2D3D4;
    background-color:#333333;
    padding-left: 10px;
    margin-top: 10px;
  }
div#box_central_bottom {
    clear: both;
    width:503px;
    color: #D2D3D4;
    background-color:white;
    padding-left: 10px;
    margin-top: 20px;
  }
div#box_central_orange {
    clear: both;
    height:16px;
    width:503px;
    color: #FAFAFA;
    background-color:#F16422;
    padding-left: 10px;
  }
  
  div#box_central_element {
    clear: both;
    height:16px;
    width:120px;
    color: #FAFAFA;
    background-color:#005689;
    padding-left: 10px;
  }

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
	visibility: hidden;
}

div.vijestUser {
    float:left;
    width:240px;
    background-color: #FAFAFA;
    height: 120px;
    color: #333333;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
  }
  


div.vijestSlika
{
	width: 155px;
	height: 110px;	
	background-color:#FAFAFA;
	float:left;
	text-align: center;
	padding-right: 5px;
}


div.vijest {
    float:left;
    width:155px;
    background-color: #FAFAFA;
    height: 230px;
    color: #333333;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
  }
  
div.vijestNaslov{
    float:left;
    width:155px;
    background-color: #FAFAFA;
    color: #333333;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 5px;
	}
  
div.vijest p{
	text-decoration: none;
	color: #333333;
	}

div.vijest b{
	color: #005689;
	font-size: 13px;
	}
	
div.vijest a{
	text-decoration: none;
	color: #333333;
	font-weight: normal;
	}

img.vijest {
    float: left;
    margin: 2px 5px 2px 2px;
  }


div.delimiter {
    float:left;
    width: 100%;
    margin-left:0px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 0px;
    border: solid #DCDCDC;
    border-width: 1px 0px 0px 0px;
  }


h3.bottom_vijest {
    margin:5px 0px 0px 10px;
  }

dt
{
	font-weight:bold;
	color:#333333;
}

dl.bottom_vijest {
    margin:2px 0px 0px 20px;
  }
div.reportazalink {
    float: left;
    background-color: #D2D3D4;
    text-align: left;
    width: 194px;
    padding: 4px 4px 4px 4px;
  }
a.reportazalink{
    color: black;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
div.reportaza {
    /* border: 1px solid black;
    */float: left;
    margin: 0px 0px 2px 0px;
    text-align: center;
    font-size: 13px;
    width: 202px;
  }
div.reportaza_naslov {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    text-align:center;
    color: #DCDCDC;
    background: url(SLIKE/okvirclanka.png) no-repeat;
    cursor:pointer;
    width: 202px;
  }
div.reportaza_naslov A {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    text-align:center;
    color: #DCDCDC;
    cursor:pointer;
}
div.reportaza_naslov:hover {
    text-decoration:underline;
    cursor: pointer;
  }
div.reportaza_sadrzaj {
    float:left;
    background-color:#D2D3D4;
    text-align: left;
    width: 194px;
    padding: 4px 4px 4px 4px;
  }
p.reportaza_sadrzaj{
    color: black;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
a.reportaza_sadrzaj {
    color: black;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
  }
div.reportazaSlika
{
    width: 100%;
	background-color:#D2D3D4;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 6px;
}
ul.idTabs
{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	background-color: transparent;
	border-bottom: 1px solid #dcdcdc;
}
.idTabs li
{
	display:block;
	height:28px;
	width:70px;
	border: solid #dcdcdc;
	border-width: 1px 1px 0px 1px;
	margin-right:2px;
	list-style:none;
	float:left;
	text-align:center;
	background-color:#333333;
	padding-top:2px;
}

li.selected_tab
{
	margin-bottom:-1px;
	background-color:#FAFAFA;
	border-bottom: #FAFAFA 1px solid;
}

li.selected_tab a,
li.selected_tab a:hover
{
	color: #333;
	cursor: pointer;
}

.idTabs a
{
	text-decoration:none;
	color:#c3c3c3;
/* 	font-weight:bold; */
	outline:0px;
}

.idTabs a:hover
{
	color:#fafafa;
	cursor: pointer;
}

div.div_tab
{
	clear:both;
/* 	margin-top:-2px; */
	padding-top:10px;
	padding-bottom:10px;
/* 	border:1px gray solid; */
/* 	border-width:1px 0px 0px 0px; */
	height:auto;
	background-color:transparent;
}

div#basic_container
{
	height:97px;
	width:110px;
	background:gray;
}

.headerDogadaji{

}
.test1{
   background: url(SLIKE/REGISTRACIJA1.png) no-repeat;
   background-position: -1000px -1000px;
}
.test2{
   background: url(SLIKE/PRIJAVI2.png) no-repeat;
   background-position: -1000px -1000px;
}
.test3{
   background: url(SLIKE/Email2.png) no-repeat;
   background-position: -1000px -1000px;
}
.test4{
   background: url(SLIKE/T2.png) no-repeat;
   background-position: -1000px -1000px;
}
.test5{
   background: url(SLIKE/M2.png) no-repeat;
   background-position: -1000px -1000px;
}
.test6{
   background: url(SLIKE/KARTA2.png) no-repeat;
   background-position: -1000px -1000px;
}
.test7{
   background: url(SLIKE/D2.png) no-repeat;
   background-position: -1000px -1000px;
}