* {
	margin: 0;
	padding: 0;
	/*border: 0;*/
}

body {
  text-align: center;
  width: 100%;
  font-family: Arial;


}

A IMG
{
  outline: none;
  border:none;
}



HTML, body, wraper
{
  min-height:100%;
}


DIV#wraper
{
  width: 970px;
  margin: 0 auto;
  height: 800px;
  text-align: left;
  color: #302A27;

  
}

DIV#header
{
  width: 100%;
  height:95px;
  background: url(../UserFiles/backs/header/index.jpg) no-repeat 0 0;
  color: White;
}

DIV#header A
{
  text-decoration: none;
  color: White;
}

DIV#header_all A
{
  text-decoration: none;
  color: White;
}

DIV#header_all
{
  width: 100%;
  height:95px;
  background: url(../UserFiles/backs/header/back_all.jpg) no-repeat 0 0;
  color: White;
}

DIV#headLeft
{
  float:left;
  width:328px;
  height:95px;  
  font-size:11px;
}

DIV#headLeft P
{
  margin:73px 0 0 141px;
}

DIV#headRight P
{
  margin:74px 15px 0 141px;
  font-size: 11px;
}


DIV#headRight
{
  float:right;
  width:642px;
  height:95px;
  text-align:right;
  font-size:13px;
}

DIV#headPicture
{
  width:100%;
  height:197px;
  background:Gray;
}


DIV#content
{
  width: 100%;
  height:700px;
  background: url(../UserFiles/backs/content/index.jpg) repeat-x 0 0;
  
}

DIV#leftIndex
{
  width:328px;
  height:200px;
  float:left;
  margin-top: 31px;
  font-size:11px;
  color: #302A27;
  line-height:16px;
}

DIV#leftRest
{
  width:328px;
  height:200px;
  float:left;
  margin-top: 31px;
  font-size:12px;
  color: #302A27;
  line-height:20px;
}

DIV#leftRest A
{
  color: #302A27;
  text-decoration: underline;
}


DIV#leftIndexM26
{
  width:302px;
  height:200px;
  float:left;
  margin-top: 31px;
  font-size:11px;
  color: #302A27;
  line-height:16px;
  padding-left:26px;
}


DIV#rightIndex
{
  text-align: left;
  width:642px;
  height:200px;
  float:right;
  font-size:12px;
  line-height: 20px;
  margin-top: 31px;
  
}

DIV#rightIndex A
{
  color: #302A27;
  text-decoration: underline;  
}

/*************menu_stilovi******************************/

DIV#menu1L
{
  height: 23px;
  width:100%;
  background: #FFF;
  border-bottom:1px solid #000; 
  font-size:13px;
  line-height:23px;
   
}

DIV#menu1L ul
{
  float:right;  
}

DIV#menu1L ul li 
{
  float:left;
  list-style-type: none;  
}

DIV#menu1L ul li A
{
  text-decoration: none;
  color: #302A27;
}

DIV#menu1L ul li .selected
{
  color: #B5010A;
  text-decoration: underline;
}

DIV#menu1L ul li A:hover
{
  color: #B5010A;
  text-decoration: underline;
}

DIV#menu1L ul li .I1 
{
  padding:0 9px;
}

DIV#menu2L
{
  height: 36px;
  line-height:36px;
  display: block;
  width:100%;
  font-size:11px;  
  background: url(../UserFiles/menu/l2back.png) no-repeat 0 0;
}

DIV#menu2L ul
{
  margin-left:8px;  
}


DIV#menu2L ul li
{
  height: 20px;
  float:left;
  text-align: right;
  margin-right: 5px; 
  list-style-type: none; 
  
}

DIV#menu2L ul li A
{
  text-decoration: none;
  color: #302A27;
  position: relative; /*potrebno zbog transparentnosti background-a div-a za pravilni rad linkova*/
}

DIV#menu2L ul li .I2 
{
  padding:0 6px;
}

DIV#menu2L ul li .selected 
{
  color: #B5010A;
  text-decoration: underline;
}

DIV#menu2L ul li A:hover
{
  color: #B5010A;
  text-decoration: underline;
}


DIV#menu3L
{
  height: 24px;
  line-height:24px;
  display: block;
  width:100%;
  /*background: url(../UserFiles/backs/L3Menu.jpg) repeat-x 0 0;*/
  background: url(../UserFiles/menu/l3back.png) no-repeat 0 0;
  font-size:11px;  
}

DIV#menu3L ul
{
  margin-left:8px;  
}

DIV#menu3L ul li
{
  height: 20px;
  float:left;
  text-align: right;
  margin-right: 5px; 
  list-style-type: none; 
  
}

DIV#menu3L ul li A
{
  text-decoration: none;
  color: #302A27;
  position: relative; /*potrebno zbog transparentnosti background-a div-a za pravilni rad linkova*/
}

DIV#menu3L ul li .I2 
{
  padding:0 6px;
}

DIV#menu3L ul li .selected 
{
  color: #B5010A;
  text-decoration: underline;
}

DIV#menu3L ul li A:hover
{
  color: #B5010A;
  text-decoration: underline;
}

/**************kontrole događanja*********************/

.imgNews 
{
  margin-right:5px;  
}


DIV#newsTopControl
{
  width:100%;
  height:36px;  
}

.newsTitle
{
  font-size:13px; /*16 pojedinacno*/
  font-weight:bold; 
}

.newsMainTitle
{
  font-size:16px;
  font-weight:bold; 
}

.i
{
  background: url(../UserFiles/newsPics/izlozba.gif) no-repeat 0 0;
  width: 100%;
  height:30px;  
}

.id
{
  background: url(../UserFiles/newsPics/izlozba.gif) no-repeat 0 0;
  width: 100%;
  height:30px;
}
.d
{
  background: url(../UserFiles/newsPics/koncert.gif) no-repeat 0 0;
  /*width: 100%;*/
  float: left;
  width: 75px;
  height:25px;
}

.s
{
  background: url(../UserFiles/newsPics/izlozba.gif) no-repeat 0 0;
  width: 100%;
  height:30px;
}

.o
{
  background: url(../UserFiles/newsPics/ostalo.gif) no-repeat 0 0;
  width: 100%;
  height:30px;
}


/***********************/

DIV#naslovContent{
  color: #302A27;
  font-size:11px;
  margin-bottom: 18px;
}

DIV#dogadjanjeContent
{
  color:#302A27;
  font-size:12px;  
}

DIV#dogadjanjeContent A
{
  color:#302A27;  
}


DIV#dogadjanjeContent ul li
{
  list-style-type:none;
  margin-bottom: 16px;
}

.clear
{
  clear:both;  
}

#indexKviz
{
  float:right; 
  width:247px; 
  padding-right:55px;
  font-size: 11px; 
  line-height:16px;
  color: #302A27; 
}

#indexKviz .banner
{
  margin-bottom:10px; 
}

#indexKviz .banner A
{
  margin-bottom:0 !important;
}

#indexKviz A
{
  display:block;
  text-decoration: none !important;
  color:#302A27;
  margin-bottom: 20px !important;
}

#indexKviz A:hover
{
  text-decoration: underline !important;
}


/*************prikaz Quiza************/

#QuizTitle
{
  font-size:13px;
  color:#302A27;
  padding-top: 9px;  
  
}

#QuizPics
{
  padding: 10px;
  background:#fff; 
  margin-left:26px; 
  width:227px; 
  /*height:380px;*/
  z-index:1; 
  position: absolute;  
}

#QuizLink
{
  z-index:2; 
  position: absolute; 
  padding-left:221px; 
  padding-top:30px;  
}

.fs12b
{
  font-size:12px;
  font-weight:bold;
}

.fs12
{
  font-size:12px;
  color: #302A27;
}

.bgrG
{
  background-color:Green;  
}

/***********Dogodilo se**********************/

#dogodiloSeDatum
{
  color:#B5010A;
  font-size: 17px;  
}

#DogodiloSePics
{
  padding: 10px;
  background:#fff; 
  margin-left:26px; 
  width:227px;
  margin-top:36px; 
}

.inp
{
  width:245px;
  border: 1px solid #A6A6A6; 
}

#searchDiv{
  width:100%; 
  height:36px;
  font-size:11px;
  line-height:36px;
  background: url(../UserFiles/menu/l2back.png) no-repeat 0 0;
}

#searchDiv A{
  color:#302A27;
  position: relative; /*potrebno zbog transparentnosti background-a div-a za pravilni rad linkova*/
}

#searchDiv input
{
  position: relative; /*potrebno zbog transparentnosti background-a div-a za pravilni rad linkova*/
}


/**************zanimljivosti*********************/

#leftPics
{
  padding: 10px;
  background:#fff; 
  margin-left:26px; 
  width:227px; 
}

#leftText
{
  padding: 20px 0; 
  margin-left:26px; 
  width:227px; 
}

#redTitle
{
  color: #B5010A;
  font-size:17px;  
}

#leftIndexM26 #predmeti A
{
   display: block;
   width: 55px;
   height: 55px;
   text-decoration: none;
}

#leftIndexM26 #predmeti A:hover
{
   display: block;
   width: 39px;
   height: 39px;
   border: 8px solid #fff;
   text-decoration: none;
}

#zbirkeLeftDiv
{
  float:left; 
  width:642px; 
}

#zbirkeRightDiv 
{
  float:left;
  width:247px;
  padding-left: 26px;
}

#zbirkeRightDiv tr
{
  color:#302A27;
  font-size:12px;
}

#zbirkeRightDiv tr .head
{
  font-size:15px;
}

H2
{
  font-size: 15px;
  line-height: 20px; 
  font-weight: normal;
}

#naslovOdjelaZbirke
{
  color: #302A27;
  font-size:11px;
  margin: 30px 0 18px 0;
}

#naslovOdjelaZbirke A
{
  color:#302A27;
}

#ZbirkePics
{
  padding: 10px;
  background:#fff;
  float:right; 
}

.fotoPics
{
  padding: 10px;
  background:#fff;
  float:left;
}

.tekstTable
{
  color: #302A27;
  font-size:12px;
  
}

#footer
{
  width: 930px;
  margin: 20px;
  padding-top:5px;
  border-top: 1px solid #302A27;
  clear:both; 
  text-align: center;
  color: #302A27;
  font-size:11px;
}

#prikaziNaslov
{
  width:245px;  
}

.tableStyle{
	font-size: 12px;
	color: #302A27;
}
