/* blue #0071b9 orange #ffa615 green #75bf1e */

html, body { background: #5a8cac }
body {
  font: 11px "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  text-align: justify;
  color:#333; margin:0;
}

h1,h2,h3 { color:black; font: normal 1em "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
h1 { color: #0071b9; font-size: 218%; }
h2 { font-size: 164%; text-align: left; }
h3 { font-size: 145%; }
h4, h5, h6 { font-size: 118%; }

ol, ul { padding-left: 0; margin-left: 0 }
ol li, ul li { padding-left: 0; margin-left: 0 }

a:link { color:#0071b9; text-decoration: underline; }
a:visited { color:#444 }
a:hover { color:#ffa615 }
a img { border: none }

.vgrid { width: 1008px; margin-left: auto; margin-right: auto }
#wrap .vgrid { background: white }
#wrap #wrap-vgrid { background: url(/page_attachments/0000/3947/header_hrv.jpg) no-repeat right top; border-top:1px solid white }
#wrap #wrap-vgrid-eng { background: url(/page_attachments/0000/3942/header_eng.jpg) no-repeat right top; border-top:1px solid white }
.vgrid .hgrid { padding-left: 16px; padding-right: 16px; }

img.left { border:1px solid gray; float:left; margin:0 1.5em 1em 0; padding:1px; }

#wrap { background: url(/page_attachments/0000/0315/wrap.gif) repeat-y 50% 0; padding-top:1px }
#foo  { background: url(/page_attachments/0000/0318/footer.gif) no-repeat 50% 0; height:46px }
#foo .hgrid { line-height: 35px; font-size: 85% }
#foo ol { list-style: none; padding: 0 15px; margin: 0 }
#foo li { display: inline }
#foo li:before { content: "| " }
#foo li:first-child:before { content: none }
#foo li a { padding: .2em .5em }

#hea img { display:block; margin: 15px 20px 15px 0; }

#nav {
  margin-bottom: 15px;
}
#nav ol {
  background: #0071b9 url(/page_attachments/0000/0335/navbars.gif) repeat-x left top; background: #0071b9;
  color: white;
  list-style: none;
  padding-top: .5em; padding-bottom: .5em;
  margin: 0;
}
#nav img{
float:right;
margin-right:0.5em
}
#nav2 ol {
  background: #5eb557 url(/page_attachments/0000/0335/navbars.gif) repeat-x left -48px; background: #5eb557;
  font-size: 1em;
  padding-left: 0
}
#nav li {
  display: inline;
}
#nav a, #nav a:visited { color: white; text-decoration: none; }
#nav a, #nav span { padding: .5em .8em; text-shadow: black 1px 1px 1px; }
#nav span { background: #5eb557 }
#nav2 span { background: #d5b52e }
/*#nav a:hover { background: #0071b9 url(/page_attachments/0000/0335/navbars.gif) repeat-x left -24px; }
#nav2 a:hover { background: #5eb557 url(/page_attachments/0000/0335/navbars.gif) repeat-x left -72px; }*/

#content-wrapper {
  overflow: auto;
  padding-bottom: 2em;
  line-height: 1.5em;
}

#con { width: 659px; float: left }
#con h1 { margin-top: 0; border-bottom: 3px double #eee; padding-bottom: .1em }
#con h1, #con h2, #con h3, #con h4, #con p, #con ul, #con ol, #con dl, #con div.meta {
  padding-left: 15px; padding-right: 15px;
}
#con h1, #con h2, #con h3, #con h4 { clear: both }

#con li { margin-left: 1.8em; }

#con li p { padding: 0; margin: .5em 0 0 0 }
.meta { color: gray; font-variant: small-caps; margin-top: -1.3em }
.meta b { color: #75bf1e }

.boxed {
  background: #eee;
  font-size: 118%;
  padding: .5em 15px;
}

#sid {
  width: 270px; float: right;
  background: #eee;
  padding: 1em 15px;
}
#sid > *:first-child { margin-top: 0 }
#sidebar h2 { color: #0071b9; font-size: 1.6em; margin: 0 0 .5em 0 }
#sid ol, #sid ul { padding-left: 1em }

#home #con { width: 474px; }
#home #sid { width: 425px; overflow: auto }
#home #sid .left { width: 216px; }
#home #sid .right {width: 186px; }
#home #sid .left { float: left; padding-right: 10px; border-right: 1px solid silver }
#home #sid .right { float: right; text-align: center;}
#home #sid .right img { margin: 8px 0px;}

#logos { clear: both; padding-top: 10px }
#logos table { margin: 0 auto; }
#logos table td { padding: 0 10px; vertical-align: middle; text-align: center }

#partneri td {padding:1em 1.5em 1em 1.5em;}

#logici {

table.my {
  background-color: white;
}
table.my td {
  font-size: 11px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
}

.news img {width: 180px;}