* { padding: 0; margin: 0; }

body {
  line-height: 16px;
  font-family:  Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 66%;
  margin: 0px;
  color:#666666;
  background-color: #ccc;
}
        
p {
  margin: 5px 0px 5px 0px;
        
}

h2 {
  font-size: 18px;
  color: #3876B2;
  padding: 10px 0px 10px 0px;
  font-weight:bold;
  letter-spacing:-0.1em;
}

a {
  color: #3876B2;
  text-decoration: underline;
  font-size: 10px;
}

a:hover{
  text-decoration: none;
  font-size: 10px;
}

a:visited{
  font-size: 10px;
}


#glava{
  margin:0px 0px 0 0px;
  background-color:#3876B2;
}

#glavaLinks{
  width:613px;
  color: #6A849D;
  font-size: 0.9em;
  text-align: right;
  margin-left: auto;
  margin-right: auto;
  background-color:#3876B2;
  border: 0px solid #ffffff;
  padding-top:16px;
  margin-bottom:4px;
  color:#BFD8BB;
  font-size: 90%;
  font-weight: bold;
}

#glavaLinks a, #glavaLinks a:visited, #glavaLinks a:active{
  font-size: 90%;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

#glavaLinks a:hover{
  text-decoration: underline;
}

#H1 {
  clear:both;
  height: 104px;
  width: 613px;
  margin-left: auto;
  margin-right: auto;
  background-color:transparent;
  background:  url(images/header.jpg) no-repeat center bottom;
  border-left: 2px solid #ffffff;
  border-right: 1px solid #ffffff;
}
/*
#H1 h1, #H1 h1 a, #H1 h1 a:hover, #H1 h1 a:visited, #H1 h1 a:active{
  font-size: 19px;
  font-weight: bold;
  color: #ffffff;
  padding: 35px 0 0 7px;
  margin: 0px;
  text-decoration: none;
  width:170px;
  text-align:center;
  line-height:22px;
}
*/
#H1 h1, #H1 h1 a, #H1 h1 a:hover, #H1 h1 a:visited, #H1 h1 a:active{
  font-size: 19px;
  font-weight: bold;
  color: #ffffff;
  padding: 40px 0 0 10px;
  margin: 0px;
  text-decoration: none;
  width:170px;
}


#subH1 {
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  padding: 3px 0 0 38px;
  margin: 0px;
  text-decoration: none;
  letter-spacing:0.2em;
}


#sadrzaj {
  width:613px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 2px solid #ffffff;
}

#glavno{
  clear:both;
  width:613px;
}

#lijevo {
  float: left;
  width:150px;
  margin: 10px 0 0 0;
  padding: 0;
  display: inline;
}

#lijevo ul.lijevoMenu {
  list-style:none;
  margin:10px 0px 0px 15px;
  padding:0;
}

#lijevo ul.lijevoMenu li {
  margin:0px;
}

#lijevo ul.lijevoMenu a {
  color: #3876B2;
  text-decoration:none;
  padding:0px 5px 0px 10px;
  background: #ffffff;
}

#lijevo ul.lijevoMenu a:hover {
  padding:0px 5px 0px 10px;
  text-decoration:underline;
}

#lijevo h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #3876B2;
  margin: 10px 0px 0px 15px;
  padding-bottom:2px;
  border-bottom:1px dashed #3876B2;
  letter-spacing:-0.1em;
}

#desno {
  width:400px;
  text-align: justify;
  font-size: 0.9em;
  padding: 10px 0px 10px 10px;
  margin: 0px;
  margin-left: 185px;
  background-color:#ffffff;
  color: #666666;
}

#desno ul {
  margin:0px 0px 0px 17px;
  padding:0;
}

#desno ul li {
  margin:0px;
}

#desno ul a {
  color: #3876B2;
  text-decoration:none;
  padding:0px 3px 0px 0px;
  background: #ffffff;
}

#desno ul a:hover {
  text-decoration:underline;
}

input, select, textarea {
  border: 1pt solid #3876B2;
  color: #3876B2;
  margin:0px 0px 5px 0px;
  background-color: #ffffff;
  font-size:10px;
  font-family:  Verdana, Tahoma, Helvetica, sans-serif;
}

.pretraga{
  margin:10px 0 10px 15px;
}

#inputfol a{
  text-decoration: none;
}

#inputfol a:hover{
  text-decoration: underline;
}

#categories{
  background-color: #F3F7F2;
  border: 1px solid #BFCAD5;
  margin:10px 10px 10px 0px;
  padding:10px;
  font-size: 0.9em;
  color: #666;
  float:left;
  width:90%;
  color:#3876B2;
}

.title{
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  margin: 0px 0 5px 0px;
  letter-spacing:-0.1em;
}

.catDiv {
  width:50%;
  float:left;
}
a.cat, a.cat:visited, a.cat:active{
  font-weight: bold;
  text-decoration: none;
}

a.cat:hover{
  text-decoration: underline;
}

a.sub_cat, a.sub_cat:visited, a.sub_cat:active{
  text-decoration: none;
  font-size:9px;
}

a.sub_cat:hover{
  text-decoration: underline;
}

.link{
  width:95%;
  margin: 15px 5px 0px 0px;
}

a.linkTitle, a.linkTitle:visited, a.linkTitle:active{
  font-weight: bold;
  text-decoration: none;
}

a.linkTitle:hover{
  text-decoration: underline;
}

.addurltext {
  color: #3876B2;
  width:30%;
  float:left;
  margin-top:0px;
  line-height:18px;
}

.addurlinput {
  width:70%;
  float:left;
  margin-top:0px;
}

.addurlinput input,.addurlinput textarea,.addurlinput select{
  width:200px;
}

.addurlinput textarea{
  height:60px;
}

#desno h3 {
  font-size: 14px;
  color: silver;
  margin: 10px 0px 10px 0px;
  font-weight:bold;
}

.inputi {
  float:left;
  width:100%;
  margin:0px;
  padding: 0px;
  margin-top:10px;
  
}

div.pr {
   font-size: 6pt;
   color: #000000;
   float: left;
   height: 30px;
   margin-right: 5px;
}
div.prg {
   width: 40px;
   border: 1px solid #999999;
   height: 3px;
   font-size: 1px;
}
div.prb {
   background-color: #5eaa5e;
   height: 3px;
   font-size: 1px;
}

#rep{
  clear: both;
  margin-top: 10px;
  border-top: 1px dashed #D9E8D7;
  font-size: 10px;
  padding: 10px;
  color:#3876B2;
  font-size: 90%;
}

#rep a, #rep a:visited, #rep a:active {
  font-size: 10px;
  color:#3876B2;
  font-size: 92%;
}

.errForm {
  color: red;
}