#logo {
   margin:0;
   padding:0;
   padding-left:5px;
   width:100%;
   height: 84px;
   text-alignleft;
   background: transparent url(/fileadmin/templates/nuNu/mehanika/head_mehanika3.png) repeat-x ;
}

#canvas {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  text-align:left;
  position:relative;
  background: transparent url(/fileadmin/templates/nuNu/mehanika/bottom3.png) repeat-x bottom;
}

#footer {
  position:absolute;
  left:0px;
  bottom:0px;
  width:100%;
  z-index:0;
  text-align:center;
  vertical-align:bottom;
  clear:both;
}

#temno_modra {
  border:0;
  margin:0;
  padding:2px 10px 2px 10px;
  background: #102050;
  height: 20px;
/*to put breadcrumbs and searchbox onto header image band  
  background: transparent;
  position: absolute;
  top: 60px;
  z-order:10; 
  */
}

#temno_modra A {
  color:white;
  font-size:0.9em;
}

#svetlo_modra {
  border:0;
  margin:0 0 0 -15px;
  padding: 0;
  background: #808080;
  text-align:left;
  font-size: 0.1em;
  height:1px;
}

#menu {
  position: relative;
  background: white;
}

#menu LI {
  display:block;
  list-style:none;
  padding:0;
  border-top: 1px solid #ffffff;
  background-color: #005080;
/* #018FCE; */
}

#search {
  position:relative;
  border-top: 1px solid #ffffff;
  background: #005080;
  padding: 5px 3px 22px 10px;
  color: white;
  margin:0;
}

#tipafriend {
  /* display:none; */
}

.csc-mailform {
  border: 0px;
}

.tx-indexedsearch-searchbox-sword,
.tx-indexedsearch-selectbox-type,
.tx-indexedsearch-selectbox-defop,
.tx-indexedsearch-selectbox-media,
.tx-indexedsearch-selectbox-lang,
.tx-indexedsearch-selectbox-sections,
.tx-indexedsearch-selectbox-order,
.tx-indexedsearch-selectbox-desc,
.tx-indexedsearch-selectbox-results,
.tx-indexedsearch-selectbox-group,
.csc-mailform-field input, 
.csc-mailform-field textarea {
  border: 1px solid orange;
  margin: 2px;
}

.tx-indexedsearch-searchbox-button,
.inputButton {
  border: 1px solid orange;
  background: lightgray;
}
.inputButton:hover  {
  background: lightgray;
}

.quote H1, .quote H2, .quote H3,
.search H1, .search H2, .search H3,
.tip H1, .tip H2, .tip H3 {
  background-color:white;
  color: #00065E;
}
.quote HR, .tip HR , .search HR{
  border-color: #00065E;
}

/********** DESNA STRAN **********/
#shortcuts {
  display:none;
}
#inquiry {
  display:none;
}

#sidebar {
  float:right;
  width:178px;
  padding: 0 0px 0px 2px;
  background:transparent;
}

#shortcuts {
  margin-top: 10px;
} /*
  padding-top:0px;
  margin-top:15px;
  margin-bottom:10px;
  line-height: 1.3em;
  width:140px;
  width:176px;
  height:142px;
  border-width: 1px;
  border-style: solid;
  border-left:0;
}
*/


#news {
  float: left;
  width:166px;
  padding: 5px 5px 5px 5px;
  border:1px dotted #505050;
  margin-top: 10px;
}

#news H2  {
  padding: 5px 5px;
  margin-top:0px;
  border:0;
  color:white;
  background-color:#005080;
}

#news HR {
  color: #004080;
  border:0;
  border-top: 2px solid #005080; 
}


.news-latest-date {
  float:left;
  padding-right:0.5em;
  font-size:0.9em;
  font-weight:bold;
}

.news-list-date {
  display: block;
  font-size:0.9em;
  font-weight:bold;
  color: #000050;
}

.news-single-author {
  padding: 5px 0;
}