html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {
	box-sizing: border-box;
}
*, 
*:before, 
*:after {
	box-sizing: inherit;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}
/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

/************************************END RESET*************************************************/


body, select, input, textarea {color: #888;}
a {color: #03f; text-decoration: none;}
a:hover {color: #69f;}

::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
background: #bceafa;
color: #748796;
}
h2, h2 a{
 color:   #748796;
font-size: 16px;
font-weight: 600;
letter-spacing: 3px;
padding: 10px 0px;
text-transform: uppercase;
}
p{
padding-bottom: 12px;
font-size: 14px;
font-weight: 300;
line-height: 25px;
}
p strong {
font-weight: 400;
}
.wrapper {
border-top: 6px solid #1291c7;
overflow: hidden;
width: 980px;
background: #fff;
margin: 0 auto;
box-shadow: 0 0 10px #9ac0ce
}
header {
height: 80px;
padding: 15px;
position: relative;
box-shadow: 0 0 10px #9ac0ce
}
nav#main-navigation {
position: absolute;
right: 10px;
bottom: 10px;
}

nav#main-navigation li {
float: left;
}
nav#main-navigation li a{
color: #748796;
display: block;
font-size: 13px;
padding: 0px 10px;
}
nav#main-navigation li.current-menu-item a, nav#main-navigation li:hover a{
color: #1292c9
}
#pagewrap {
width: 980px;
overflow: hidden;
}
#sidebar {
overflow: hidden;
float: left;
width: 180px;
border: 2px solid #ededed;
border-top: 0px;
border-left: 0px;
background: #f5f5f5;


}
#rightpage {
float: left;
width: 760px;
margin-left: 20px;
}
#rightpage  ul{
padding-left: 40px;
list-style: disc;
overflow: hidden;
padding-bottom: 20px;
}
#rightpage  ul li{ 
font-weight: 300;
line-height: 25px;
}
#sidebar h3 {
text-align: right;
color: #98a7b2;
font-size: 14px;
padding: 5px 10px;
letter-spacing: 2px;
background: #f5f5f5;
}
#sidebar ul li {
line-height: 35px;
padding: 0px 10px;
border-bottom: 1px solid #ededed;
background: #fff;
}
#sidebar ul li a {
color: #748796;
}
#sidebar ul li a:hover {
color: #1292c9
}
#sidebar .sidebar-news {
background: #fff;
padding: 5px 10px;
}
#sidebar .sidebar-news a {

color: #748796;
}
#sidebar .sidebar-news:hover h4{
color: #1292c9;
}
#sidebar .sidebar-news p {
font-size: 12px;
padding: 0px;
line-height: 18px;
}
#sidebar .sidebar-news h4 {
font-size: 14px;
font-weight: 400;
padding-bottom: 3px;
}
#sidebar .contact-s p {
font-size: 12px;
line-height: 18px;
padding-bottom: 0px;
}
#sidebar .contact-s li{
font-size: 12px;
font-weight: 300;
line-height: 18px;
padding: 10px 10px;
}
#sidebar .pojedini-sidebar {
background: #fff;
}
footer {
width: 960px;
margin: 0 auto;
padding: 50px 0px;
position: relative;
}
footer .cpy {
text-align: center;
font-weight: 600;
}
footer .orbis {
position: absolute;
top: 50px;
right: 0;
}
footer .orbis a {
color: #546674
}
footer .orbis a:hover {
text-decoration: underline;
}

nav#main-navigation ul li ul {
position: absolute;
background: #fff;
z-index: 9999;
box-shadow: 1px 1px 1px #999;
border: none;
display: none;

}
nav#main-navigation ul li:hover ul li a, nav#main-navigation ul li.current-menu-item ul li a  {
color: #748796;
}
nav#main-navigation ul li ul li a {
line-height: 25px;
font-size: 12px;
padding: 5px 30px 0px 10px;

}
nav#main-navigation ul li ul li a:hover, nav#main-navigation ul li ul li.current-menu-item a  {
color: #1292c9
}
nav#main-navigation  ul li ul li {
float: none;
line-height: 35px;
border-bottom: 1px solid #eee;
padding-top: 0px;
background: #fff;
}
#lang_sel {
position: absolute;
top: 10px;
right: 10px;
}
.pojedini_blog {
    clear:both;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    position: relative;
  }
  .blog-date {
      position: absolute;
      right: 0px;
      top: 10px;
      font-style: italic;
      color: #999;
  }
  .blog-saznajvise {
      position: absolute;
      right: 0px;
      bottom: 10px;
      font-size: 12px;
      font-weight: 600;
      color: #69f;

  }
  .blog-saznajvise:hover {
           color: blue;
    }