.news_excerpt a, .calendar_excerpt a {
  color: #000;
}

.news_excerpt a:hover, .calendar_excerpt a:hover {
  color: #000;
  text-decoration:underline;
}

img.logo {
   float:left;
 }
 


/******************** top navigacija *******************/

#topNav {
    height: 35px;
}

/******************** bottom navigacija *******************/


  #bottomNav {
    height: 35px;
    background:#fff url(../images/bottom_menu_grad_invert_min.gif) repeat top left;
  }
  
  #search {
    float:right;
    height:29px;
    padding-top: 6px;
    padding-left: 3px;
    background: transparent url(../images/search_back.gif) no-repeat top right;
    width: 196px;
    position:relative;
    top: -35px;
    left:0px;
  }


 input.text {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left:0px;
    border-right:0px;
    margin:0xp;
    padding-top:1px;
    padding-bottom:2px;
    position:relative;
    top: -6px;
    .top: -4px;
    left:0px;
    font-size:10pt;
  }
  
  
  input.naziv_sr, select {
    border: 1px solid #eeeeee;
    margin:0xp;
    position:relative;
    font-size:10pt;
    width:128px;

  }
  
  select {
       height:22px;
       }
  
 #bottomSubNav {
   height:28px;
   background:#fff;
   margin-bottom: 7px;
 } 
  
  
  #horizontalBorder {
    height:2px;
    background:#fff url(../images/horizontal_border.gif) no-repeat top left;
  }
  
  
/*********************** center box ****************/  
  
  
  #mainContent {
    background:#fff;
    overflow:auto;
	  width: 100%
  }
  
  #teaserRow{
    background:#fff url(../images/teaser_back.gif) no-repeat top left;
	  padding: 23px 0px; 
	  height:230px;
  }
  
  #leftColumn {
    background:#fff url(../images/vertical_border.gif) no-repeat top left;
    width: 186px;
    float:left;
    padding:20px;
    _padding:0px;
  }
  
  
  #bottomColumn {
    background:#fff url(../images/vertical_border.gif) no-repeat 0px 30px;
    width:364px;
    float:left;
    padding: 0px 20px 30px 30px;
  }
  
  
  #mapa {
    background:#fff url(../images/vertical_border.gif) no-repeat 0px 30px;
    width:364px;
    float:left;
    padding: 0px 20px 20px 32px;
  }
  
 .google_mapa {
   float:left;
   margin-top:7px;
 }
 
 .externi_linkovi {
   position:relative;
   top: -24px;
   left: 50px;

 }

  .hr{
     height:1px;
     position:relative;
     top:0px;
     left:-31px;
     margin-bottom: 23px;
     background: #fff url(../images/horizontal_divider.gif) no-repeat bottom left;
   }

 
   #biroi {
     position:relative;
     top:30px;
   }
 
 
 
  #rightColumn {
    background:#fff url(../images/vertical_border.gif) no-repeat top left;
    width:200px;
    float:left;
    padding: 20px 0px 0px 8px;
  }
  
  #rightColumn_search_smestaj {
    background:#fff url(../images/vertical_border.gif) no-repeat top left;
    width:290px;
    float:left;
    padding: 20px 0px 0px 8px;

  }  
  
  
  #textColumn {
    background:#fff url(../images/vertical_border.gif) no-repeat top left;
    width: 600px;
    float:left;
    padding:20px 25px 0 20px;
    _padding:0px;
    
  }
  
  #textColumn_smestaj {
  
    background:#fff url(../images/vertical_border.gif) no-repeat top left;
    width: 500px;
    float:left;
    padding:20px 25px 0 20px;
    _padding:0px;
      overflow:hidden;
  }
  
  #textColumn .content {
    padding-left:26px;
    padding-top: 30px;
    color:#000;

  }
  
.content p {
      text-align:justify;
  }
  
#textColumn .content img {
    float:right;
    margin-bottom: 25px; 
    margin-left: 20px;
  
  }
  
  #picturesColumn {
    width: 238px;
    float:right;
    padding-top: 12px;
    margin-left:20px;
  }
  
  #picturesColumn img {
    margin-bottom:20px;
  }

  .breadcrumbs {
    padding-left:26px;
    font-size:13px;
  }
   
  .title {
    font-size:22px;
    padding-left:26px;
    color:#000;
  }
  
  a:hover .title {
    color:#808080;
  }
  
  
  
  select {
  
    border: 1px solid #eee;
    margin:0xp;
    padding-top:1px;
    padding-bottom:1px;
    position:relative;
    top: -5px;
    left:0px;
    font-size:10pt;
    width:130px;
  }
  
  select.mesta {
    margin-left:24px;
  }
  
  input.datum {
    border: 1px solid #eee;
    margin:0xp;
    margin-bottom:4px;
    padding-top:1px;
    padding-bottom:1px;
    position:relative;
    top: 0px;
    left:0px;
    font-size:10pt;
    width:105px;
  }
  
  #datum_search {
    margin-left: 48px;
    margin-top: -18px;
  }
  
  #featuresColumn {
    background:#fff url(../images/vertical_border.gif) no-repeat top left;
    width:615px;
    float:left;
    padding: 20px 0px 0px 30px;
  }
  
  #featuresColumn .feature {
    background:#fff;
    width: 175px;
    float:left;
    margin: 0px 30px 50px 0px;
    _margin: 0px 20px 50px 0px;
  }
  
  
  .feature img {
      border: 1px solid #cccccc;
  }
  

  .feature .mesto {
    height:20px; width:173px;
    position:relative;
    line-height:20px;
    top:-1px;
    border-left::1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left: 5px;
    color:#fff;
    font-weight: bold;
  }
  
  
  .feature_excerpt {
    padding-top: -5px;
    padding-bottom: 5px;
    color: #000;
    height:58px;
  }  
  
   a:hover .feature_excerpt {
    padding-top: -5px;
    padding-bottom: 5px;
    color:#808080;
    text-decoration:none;
  }  
 

/******************** footer *******************/

  #footer {
    background: #fff url(../images/footer_border.gif) no-repeat top center;
    text-align:center;
    overflow:auto;
    width: 100%;
    margin: 20px 0px 0px 0px ;
    .padding-top:10px;
  }
  
  #footer ul {
    list-style:none;

  }
  
  #footer li {
    display: inline;
    background: url(../images/vert_divider.jpg) no-repeat top right;
    padding: 3px 20px;
    color: #999; 
    height:20px;
  }

   #footer li.last {
     background-image:none;
   }

  .news_item {
     padding: 4px 0px 20px 0px;
  }
   
  .news_date {
    float:left;
    width:105px;
  }
  
  .calendar_date {
    float:left;
    width:180px; 
  }

  .news_excerpt {
    width:255px;
    padding-left:105px;
    .width:255px;
    .padding-left:0px;
  }
   
  .calendar_excerpt {
    width:360px
    .width:210px;
    padding-left:180px;
    .padding-left:0px;
  } 
   
  .more {
    width:14px;
    height:15px;
    background-image:url(../images/arrow.png);
    background-repeat:no-repeat;
    background-position: top left;
    float: left;
    margin-right:6px;
    background-color:#808080;
  }
    
  h3 {
    display:inline;
  }  
  

  


/******************** right column kalendar *******************/

   .calendar_item {
     padding: 4px 0px 20px 0px;
   }
   
   td .title {
     font-size:12px;
     font-weight:bold;
     width: 250px;
     padding-left:0px;
     margin-left: 20px;
   }
   
   td .date {
     font-size:12px;
	 font-weight:bold;
     width: 130px;
     padding-left:20px;
   }
   
   td .place {
     font-size:12px;
	 width: 130px;
     padding-left:20px;
   }
   
   td .description {
     padding-left: 20px;
     margin-top:5px;
   }
   
   td .kontakt {
     padding-left: 20px;
   }


/******************** centralni teaseri *******************/

  
  .teaser {
    background:#fff;
    width: 177px;
    float:left;
    margin: 0px 0px 20px 30px;
    _margin: 0px 0px 20px 20px;
    
  }

  .teaser img{
      border-top: 0px solid #cccccc;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
  }
  
  .teaser_top {
     height:113px;
     .height:126px;
     _height:126px;
     width:179;
  }
  
  .teaser .section {
    height:20px; 
    width:173px;
    line-height:20px;
    border-left::1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left: 5px;
    color:#fff;
    font-weight: bold;
    font-size:14px;
    text-transform: uppercase; 
  }
  
  .teaser .section:hover {
    text-decoration:none;
  }
  
  .teaser .title {
    width:177px;
    background:transparent  url(../images/teaser_gradijent.png) repeat-y top left;
    line-height:20px;
    padding-left:5px;
    font-weight: bold;
    font-size: 14px;
    margin-top:-100px;
    .margin-top:-103px;
    margin-left:1px;
    position:relative;
    .position:static;
  }
  
  
  .teaser_excerpt {

    padding-top: -5px;
    padding-bottom: 5px;
    color: #000;
    height:58px;
    text-decoration:none;
  }
  
  a:hover .teaser_excerpt  {
    color:#808080;
    text-decoration:none;
  }  

  
/******************** sidebar *******************/

#links {
  background:transparent url(../images/linkovi_background.gif) no-repeat top left;
  margin-left: 20px;
  margin-top:-5px;
  padding-left: 1px;
  padding-top: 3px;
  min-height:207px;
  color: #000;
  font-size:12px;
  line-height:18px;
  
}

#links li {
  list-style:none;
}
  
.alinks {
  padding-left:9px;
}
#links a {
  color: #000;
}  

.naslov, a .parent_naslov {   padding:0px 0px 3px 9px; font-size:12px; margin-bottom:8px; line-height:18px; margin-top:0px; background:#fff url(../images/linkovi_hr.gif) no-repeat bottom left;  }  


#legenda {

  margin-left: 20px;
  margin-top:40px;
  padding-left: 10px;
  padding-top: 3px;
  min-height:207px;
  color: #000;
  font-size:10px;
  line-height:12px;


}


#legenda img {
  float:left; 
  margin-right:10px; 
  margin-bottom:40px;
}





.blue   { background-color:#4266AF;}
.green  { background-color:#A0CC3A;}
.red    { background-color:#DE1F35;}
.cyan   { background-color:#1FC3F3;}
.pink   { background-color:#EF6EA8;}
.yellow { background-color:#FFC50A;}


.breadcrumbs.blue   { color:#4266AF; background-color:#fff;}
.breadcrumbs.green  { color:#A0CC3A; background-color:#fff;}
.breadcrumbs.red    { color:#DE1F35; background-color:#fff;}
.breadcrumbs.cyan   { color:#1FC3F3; background-color:#fff;}
.breadcrumbs.pink   { color:#EF6EA8; background-color:#fff;}
.breadcrumbs.yellow { color:#FFC50A; background-color:#fff;}


div.blue  h4:hover, #links.blue .naslov, #links.blue a:hover, a .parent_naslov.blue, .kineski_blue { color:#4266AF;}
div.green h4:hover, #links.green .naslov, #links.green a:hover, a .parent_naslov.green, .kineski_green  { color:#A0CC3A;}
div.red   h4:hover, #links.red .naslov, #links.red a:hover, a .parent_naslov.red, .kineski_red  { color:#DE1F35;}
div.cyan  h4:hover, #links.cyan .naslov, #links.cyan a:hover, a .parent_naslov.cyan, .kineski_cyan  { color:#1FC3F3;}
div.pink  h4:hover, #links.pink .naslov, #links.pink a:hover, a .parent_naslov.pink, .kineski_pink  { color:#EF6EA8;}
div.yellow h4:hover, #links.yellow .naslov, #links.yellow a:hover, a .parent_naslov.yellow, .kineski_yellow { color:#FFC50A;}


  .clearR{
    clear:right;
  }
  .clear{
    clear:both;
  }
  .clearL {
    clear:left;
  }