body {
  margin: 0 auto;
  padding: 0;
  font-family: Helvetica, Sans serif;
  font-size: 16px;
 }

.col1, .col2, .col3 {
  float: left;
  width: 310px;
  padding-right: 5px;
  padding-left: 5px; }

  #main a {
    text-decoration: underline;
    color: #1F5990;
  }
  #main a:hover {
    text-decoration: none;
    color: #fff !important;
    background: #138037;
  }

  #main a span {
  color: #1F5990;
  }
  
  #main a:hover span {
    text-decoration: none;
    color: #fff !important;
    background: #138037;
  }
  
div.eventDetails.vcard a span:hover {
  text-decoration: none;
  color: #fff;
  background: #138037; 
}  
  
  .news li p a {
  	color:#1F5990; 
  	font-size:13px;
    text-decoration: underline;
  }
  
#wrapper {
  width: 960px;
  margin: 0 auto;
  background: url(bg-logo.png) no-repeat left top; }

#insert, #main, #footer {
  clear: both; }

#head {
  padding-top: 40px; }
  #head .col1 {
    text-align: right;
    padding-bottom: 30px; }
  #head .col2 {
    width: 410px; }
    #head .col2 h2.title1 {
      font-family: "MuseoSlab500";
      font-weight: normal;
      font-size: 30px;
      padding: 6px 0 0 0;
      margin: 0; }
    #head .col2 p.description1 {
      font-family: "Museo300";
      font-weight: normal;
      font-size: 16px;
      padding: 0 0 0 0;
      margin: 0; }
    #head .col2 h2.title2 {
      font-family: "MuseoSlab500";
      font-weight: normal;
      font-size: 34px;
      color: #137f37;
      padding: 30px 0 5px 0;
      margin: 0; }

    #head .col2 p.description2 {
      font-family: "Museo300";
      font-weight: normal;
      font-size: 16px;
      color: #666666;
      padding: 0;
      margin: 0; }

  #head .col3 {
    width: 210px;
    margin-top: 10px; }

    #head .col3 img {
      float: right; }

  #head ul#nav {
    width: 270px;
    margin: 0;
    padding-right: 5px;
    padding-left: 5px;
    list-style-type: none; }

    #head ul#nav li {
      font-family: "MuseoSlab500";
      font-weight: normal;
      font-size: 14px;
      margin: 16px; }

      #head ul#nav li span a {
        color: white;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        background: #cccccc; }

      #head ul#nav li span a:hover {
        background: #138037; }
        


#insert {
  display: inline-block;
  margin-top: 30px;
  border-top: 1px #e5e5e5 solid; }

  #insert .col1, #insert .col2, #insert .col3 {
    width: 270px;
    padding-right: 40px; }

  #insert .col1 h3, #insert .col2 h3, #insert .col3 h3 {
    font-family: "MuseoSlab500";
    font-weight: normal;
    font-size: 18px;
    color: #137f37; }

  #insert .col1 p, #insert .col2 p, #insert .col3 p,
  #insert .col1 p span, #insert .col2 p span, #insert .col3 p span {
    font-size: 13px;
    margin: 0 0 18px 0;
    color: #666666; }
    
    #insert .col1 p a, 
    #insert .col2 p a, 
    #insert .col3 p a {
      color: #1f5990; }

      #insert .col1 p a:hover, 
      #insert .col2 p a:hover, 
      #insert .col3 p a:hover {
        text-decoration: none;
        color: #fff;
        background: #138037;
      }


#main {
  min-height: 200px;
  border-top: 1px #e5e5e5 solid;
  padding-top: 25px; }

  #main #side .col1 {
    width: 270px;
    text-align: right;
    padding-top: 11px; }

    #main #side .col1 h2 {
      font-family: "MuseoSlab500";
      font-weight: normal;
      font-size: 18px;
      color: black; }

    #main #side .col1 ul.news {
      list-style-type: none;
      padding: 30px 0 0 0;
      margin: 0; }

      #main #side .col1 ul.news li p, #main #side .col1 ul.news li h3 {
        margin: 0px;
        padding: 0 !important; }
        #main #side .col1 ul.news li h3 {
          margin: 3px 0px -1px 0px;
           }

      #main #side .col1 ul.news li p span.date {
        padding: 0;
        margin: 0;
        font-size: 13px;
        color: #999999; }

      #main #side .col1 ul.news li h3 span {
        font-family: "MuseoSlab500";
        font-weight: normal;
        font-size: 15px;
        color: black;
        padding: 0;
        margin: 0; }

      #main #side .col1 ul.news li p span {
        color: #666666;
        padding: 0;
        margin: 0;
        font-size: 13px;
        line-height: 1.35em; }

        #main #side .col1 ul.news li h3 a span {
          line-height: 1.35em;
          text-decoration: underline !important;
        }
        #main #side .col1 ul.news li h3 a:hover span {
          color: #fff;
          background: #138037;
          line-height: 1.35em;
        }

  #main #article .col2 {
    width: 630px;
    float: right;
    font-size: 0.9em;
    color: #333333;
    font-weight: normal;
    margin-bottom: 60px; }

    #main #article .col2 h1 {
      min-height: 31px;
      background: url(bg-titles.png) repeat left top;
      font-family: "MuseoSlab500";
      font-weight: normal;
      font-size: 18px;
      color: black;
      padding: 0 20px 10px 0; }

      #main #article .col2 h1 span {
        display: block;
        padding: 13px 13px 0 10px; }

    #main #article .col2 h2 {
      padding: 20px 230px 10px 0;
      font-family: "MuseoSlab500";
      font-weight: normal;
      font-size: 16px;
      color: #333333; }

    #main #article .col2 h3 {
      padding: 10px 230px 5px 0;
      font-family: "MuseoSlab500";
      font-weight: normal;
      font-size: 15px;
      color: #333333; }

    #main #article .col2 p {
    color: #666666 !important;
       }

      #main #article .col2 p span {
        font-size: 1em;
        color: #666666 !important; }

      #main #article .col2 .description {
        color: black;
/*        margin-bottom:10px; */
/*        padding-top:10px; */
         }

    #main #article .col2 ul {
      color: #666666;
      margin: 0;
      padding: 0;
      list-style-type: circle;
      text-align: left;
       }

           #main #article .col2 ul li {
         	padding: 3px;
       }

  #main #article blockquote {
    float: right;
    width: 200px;
    padding-left: 15px;
    margin: 0;
    border-left: 1px #e5e5e5 solid;
    font-family: "MuseoSlab500";
    font-style: italic;
    font-size: 14px;
    line-height: 1.8em;
    color: #137f37; }
    
    #citat blockquote {
      float: none;
      width: auto;
      padding: 0;
      margin: 0;
      border: none !important;
      font-family: "MuseoSlab500";
      font-style: italic;
      font-size: 14px;
      line-height: 1.8em;
      color: #137f37; }


#footer {
  width: 100%;
  padding-top: 68px;
  margin-top: 100px;
  height: 60px;
  background: url(shades-of-grey.png) no-repeat center top; }

  #footer #shades-on-the-border {
    border-top: 10px solid green; }

  #footer #the-rest-of-us {
    width: 960px;
    margin: 0 auto; }

    #footer #the-rest-of-us p.copy {
      float: left;
      color: #999999;
      font-size: 12px; }

    #footer #the-rest-of-us p.links {
      float: right;
      font-size: 12px; }

      #footer #the-rest-of-us p.links a {
        color: #999999;
        padding: 0 5px 0 5px;
/*        text-decoration: none; */
        }
      
.oznacen {
  background: #138037 !important; }
  
.news li {
margin-bottom: 15px;
}

.col1.posebi ul.news {
    list-style-type: none !important;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
    width: 270px;
    
}

.col1.posebi {
   float:left
}

#glavna {
  padding-top: 10px;
  width: 400px;
  float:left;
}




h2, h3 {
	width: 100% !important;
}

.inser span {
font-family: "MuseoSlab500" !important;
font-weight: normal !important;
font-size: 18px !important;
color: #137F37 !important;
margin-bottom: 10px;
}

.inser {
margin-bottom: 10px !important;
}


a.email  {
  color: #1F5990 !important;
  text-decoration: underline !important;
}
a.email:hover  {
  color: #fff !important;
  text-decoration: underline !important;
}
.vcard table {
  text-align: left;
  padding: 5px;
}

.vcard th {
  text-align: left;
  vertical-align: top;
  margin-right: 5px;
  padding: 5px;
}
.vcard td {
padding: 5px;
}



#lista .summary a {
font-family: "MuseoSlab500";
font-weight: normal;
font-size: 15px;
color: black;
padding: 0;
margin: 0;

}

#lista .summary a:hover {
text-decoration: none;
color: #fff;
background: #138037;
}

#lista .summary {
margin-top: 3px;
}

dl#lista dt {
margin-bottom: 15px;
}

#lista .description {
color: #666 !important;
padding: 0;
margin: 0;
font-size: 13px;
line-height: 1.35em;
}

#lista .date {
color: #666;
padding: 0;
margin: 0;
font-size: 13px;
line-height: 1.35em;
}

#lista dd {
margin: 0 !important;
margin-bottom: 30px !important;
}

.documentByLine {
  margin-top: 5px;
  display: block;
  font-size: 12px;
}

#members_listing {
	padding: 0 15px 25px 15px;
}

div#content-core ul#portal-sitemap {
  padding-top: 15px !important;
}
div#content-core ul#portal-sitemap ul.navTree.navTreeLevel0 {
  margin-left: 20px;
}
div#content-core ul#portal-sitemap ul.navTree.navTreeLevel1 {
  margin-left: 20px;
}
div#content-core ul#portal-sitemap ul.navTree.navTreeLevel2 {
  margin-left: 20px;
}
div#content-core ul#portal-sitemap ul.navTree.navTreeLevel3 {
  margin-left: 20px;
}
div#content-core ul#portal-sitemap li.navTreeItem {
  padding-top: 7px;
  padding-bottom: 7px;
}

#glavna ol {
  
}

#main #article .col2 ol {
  color: #666666;
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  text-align: left;
}

#main #article .col2 ol li {
  padding: 3px;
}

#main #article .col2 ol {
  color: #666666;
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  text-align: left;
}

#main #article .col2 ol.published-work {
  color: #666666;
  font-size:12px;
  margin: 40px 0 0 0;
  padding: 0;
  list-style-type: decimal;
  text-align: left;
}

#main #drobtinice {
	margin-left: 325px;
	padding-bottom: 10px;
}

#main #drobtinice span, #main #drobtinice span a {
padding: 0  !important;
margin: 0  !important;
font-size: 13px  !important;
color: #999  !important;
text-decoration: none !important;
}

#main #drobtinice span a:hover {
text-decoration: underline !important;
color: white !important;
}