@charset "utf-8";
/* CSS RESET - MEYERWEB.COM */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #303030; background: #FFF; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* ------- */
em { font-style: italic; }
strong { font-weight: bold; }
h1{ font-size: 2em; line-height: 1em;}
h2{ font-size: 1.5em; }
h3{ font-size: 1.17em; }
h4{ font-size: 1em; }
h5{ font-size: 0.83em; }
h6{ font-size: 0.75em; }
h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: bold;
  /* font-variant: small-caps;*/
  display: block;
  padding: 3px 0;
  margin-bottom: 10px;
}
/* ----- */

/* MAIN STUFF */

body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-image: url('../img/rough_diagonal.png');
}
html>body, html>body #wrapper { height: auto; }
a {  padding: 0 1px; text-decoration: none; }
#wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-height: 100%;
  z-index: 256;
}
#container {
  width: 990px;
  height: 100%;
  background: #FFF;
  margin: 0 auto;
  box-shadow: 0 0 4px #888888;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
#tophead {
  height: 20px;
  text-shadow: 0 1px 1px #000;
  background: #000;
  padding: 10px 5px 0;
  background: #45484d; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
  background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
#tophead a:link, #tophead a:visited { color: #FFF; border-bottom: 1px dotted #C0C0C0; }
#tophead a:hover { color: #000; background: #FFF; border-bottom: 1px solid #000; }
#topbox {
  float: right;
  position: relative;
  top: -5px;
}
#topbox form { display: block; clear: both; }
#topbox ul {
  font-variant: normal !important;
  letter-spacing: normal;
  margin: 5px auto;
}
#topbox ul li { margin: 0 0 7px 0; }
#tophead ul li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0 5px;
  border-right: 1px solid #8C8C8C;
  border-right: 1px solid rgba(170, 170, 170, 0.6);
}
#tophead ul li:last-child { border: none; }
#header {
  height: 210px;
  width: 100%;
  padding: 0;
}
#header h1 {
  width: 151px;
  height: 59px;
  position: relative;
  top: 20px;
  left: 20px;
  z-index: 3;
  background: transparent url('../img/element-logo-shadow.png') no-repeat left top !important;
  text-indent: -9000px;
}
#header h1 a {
  width: 155px;
  height: 50px;
  display: block;
}
#header ul { font-size: 0.85em; color: #EEE; }
#header h3 {
  margin: 0 25px;
  padding: 0;
  font-size: 1.4em;
  position: relative;
  top: 2px;
}
#header h6 {
  margin: 0 25px;
  padding: 0;
  font-size: 1em;
  font-weight: normal !important;
  position: relative;
  top: 3px;
}
#menu {
  height: 180px;
  background: #606060 url('../img/header-new.png') no-repeat left top;
  color: #FFF;
  text-shadow: 1px 1px 1px #000;
  font-size: 1em;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
#menu a { background: none; }
#menu a:link, #menu a:visited {
  color: #000000;
  font-weight: 600;
  font-size: 1.2em;
  border-bottom: none;
  text-shadow: 1px 1px 1px #FFF;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
#menu a:visited { x-color: #F5F5F5; }
#menu a:hover {
  color: #1D7CA7 !important;
  text-decoration: none;
}
#menu a:active { color: #000; text-shadow: none; }
#menu a.disabled:link, #menu a.disabled:visited, #menu span.disabled {
  color: #5A727E;
}
#menu a.disabled:hover, #menu span.x-disabled:hover {
  color: #B6C5CC !important;
  text-shadow: 1px 1px 2px #667;
  text-shadow: 1px 1px 2px rgba(60, 60, 80, 0.4);
}
#menu ul { display: block; clear: both; }
#mainmenu li, #submenu li {
  display: inline;
  float: left;
  padding: 0 10px !important;
  margin: 3px 0 7px 0;
  letter-spacing: 1px;
  border-right: 1px solid #FFF;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
#mainmenu li:last-child, #submenu li:last-child { border: none !important; }
#mainmenu { font-size: 1.25em !important; padding: 2px 6px; }
#submenu { font-size: 1em !important; padding: 3px 6px; }
#submenu a:link, #submenu a:visited {
  letter-spacing: 1px;
  font-size: 1.1em;
  border-bottom: none;
  font-weight: 600;
}

#submenu li span.akcija {
  padding: 2px 4px;
  background: #F28FC9;
  background: -moz-linear-gradient(0% 100% 90deg, rgba(255, 105, 180, 0.9), rgba(255, 171, 214, 0.9));
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 171, 214, 0.9)), to(rgba(255, 105, 180, 0.9)));
  background: linear-gradient(to bottom, rgba(255, 105, 180, 0.9) 0%,rgba(255, 171, 214, 0.9) 100%); /* W3C */
  border-radius: 5px;
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 105, 180, 1);
  margin: 0;
}
#submenu li.active span.akcija {
  background: #F28FC9;
  background: -moz-linear-gradient(0% 100% 90deg, rgba(255, 171, 214, 0.9), rgba(255, 105, 180, 0.9));
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 105, 180, 0.9)), to(rgba(255, 171, 214, 0.9)));
  background: linear-gradient(to bottom, rgba(255, 171, 214, 0.9) 0%,rgba(255, 105, 180, 0.9) 100%); /* W3C */
}
.maintransp {
  border-top: 1px solid #A9DFF7;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.4);
  background: url('../img/mainmenuback.png') repeat-x left top;
  position: relative;
  bottom: -39px;
  height: 30px;
  margin: 0 3px;
}
.subtransp {
  border-top: 1px solid #87D1F2;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  bottom: -40px;
  height: 30px;
  margin: 0 3px;
}
#menu h6 + .maintransp { bottom: -9px; }
#menu h6 + .maintransp + .subtransp { bottom: -10px; }
#content {
  padding: 0 10px 20px 0;
  width: 773px;
  min-height: 48.4em;
  float: left;
  border-right: 1px solid #F5F5F5;
}
#inner { }
#footer {
  clear: both;
  bottom: 0;
  left: 0;
  height: 40px;
  margin: 0 auto;
  padding: 10px 7px 10px 7px;
  border-top: 1px solid #000;
  background: #000;
  color: #EEE;
  text-shadow: 0 1px 1px #000;
  font-size: 0.9em;
  font-style: italic;
  line-height: 1.3em;
  background: #45484d; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
  background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
#footer a { background: none; color: #FFF; }
#footer a:link { border-bottom: 1px dotted #F5F5F5; }
#footer a:visited { color: #DCDCDC; border-bottom: 1px dotted #CCC; }
#footer a:hover {
  color: #E0F98B;
  border-bottom: 1px solid #E0F98B;
  text-shadow: 1px 1px 1px #000;
}
#footer a:active {
  color: #000;
  border-bottom: none;
  text-shadow: none;
}
pre.decho {
  border: 3px solid #0F0;
  background: #F0FFF0;
  color: #556B2;
  font-family: 'Courier New', Courier, monospace;
  white-space: pre;
  padding: 10px;
  margin: 10px 10px 10px 0;
  display: table;
  border-radius: 4px;
}
pre.decho:hover {
  color: #FFF;
  background: #000;
  border: 3px solid #F00;
}
#sidebar {
  float: right;
  width: 195px;
  height: 100%;
  padding: 0 5px;
  background: #F5F5F5; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #F5F5F5 0%, #FFF 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #F5F5F5 0%,#FFF 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #F5F5F5 0%,#FFF 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #F5F5F5 0%,#FFF 100%); /* IE10+ */
  background: linear-gradient(to bottom, #F5F5F5 0%,#FFF 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#FFF',GradientType=0 );*/ /* IE6-8 */
}
#sidebar ul { margin: 0 0 20px 5px; }
#sidebar li {
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  line-height: 1.2em;
}
#sidebar li h3 {
  color: #555;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #CCC;
  text-shadow: 1px 1px 1px #FFF;
}
#sidebar .separator{
  margin: 10px 0;
  text-align:right;
  border-bottom: 2px solid SteelBlue;
}
.separator img {
  float:left;
  margin-right:15px;
}
.separator h2 {
  display: inline;
}
#sidebar a:link, #sidebar a:visited { color: #046AA3; border-bottom: 1px dotted #046AA3; }
#sidebar a:hover {
  color: #043752;
  border-bottom: 1px solid #043752;
  background: #F5F5F5;
}
#content ul.items li { padding-left: 10px; }
#menu li.active span {
  padding: 2px 4px;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  background: rgba(255, 255, 255, 0.25);
}
#menu li.active span:hover {
  background: rgba(255, 255, 255, 0.65);
}
#submenu li.active span:hover {
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
#content p {
  line-height: 1.4em;
  text-align: justify;
  margin: 0 0 10px 0;
}
#content h1 {
  border-bottom: 2px solid #F3DE7F;
  margin-top: 30px;
  padding-bottom: 10px;
}
#content h1:first-child { margin-top: 20px; }
#content h2 {
  border-bottom: 2px solid #F3DE7F;
  margin: 10px 0 25px 0;
  padding-bottom: 5px;
}
#content h2:first-child { margin-top: 10px; }
#content a:link {
  color: #A76C00;
  background: #FEFBEC;
  border-bottom: 1px solid #E7DFB2;
}
#content a:visited {
  color: #D07F00;
  background: #FFFDF5;
  border-bottom: 1px dotted #EDE5C1;
}
#content a:hover {
  color: #5C4E00;
  background: #F3DE7F;
  border-bottom: 1px dotted #5C4E00;
}
th a:visited { background: transparent !important; color: #FFF !important; }

hr { border: none; border-bottom: 1px solid #046AA3; }
ol.bulletlist {
  list-style-position: inside;
  list-style-type: decimal;
  margin-bottom: 1em;
  vertical-align: baseline;
}
ul,ol { line-height: 1.2em; }
ul.bulletlist {
  list-style-image: url('../img/arrow.gif');
  list-style-position: outside;
  vertical-align: baseline;
  margin: 0 0 10px;
}
ul.bulletlist li:hover { list-style-image: url('../img/arrow-h.gif'); }
li.article { margin: 0 0 40px 0; }
li.article ul li { margin: 0; padding: 3px 0; }
ul.bulletlist li { margin: 5px 0 0px 20px !important; }
ul.taglist li {
  display: inline;
  border: 1px dotted #7BB3D1;
  background: #ECF8FE;
  padding: 2px 4px;
  margin: 0 5px 5px 0;
  border-radius: 3px;
}
ul.taglist li:hover {
  border: 1px solid #046AA3;
  background: #046AA3;
  color: #FFF;
  box-shadow: 1px 1px 3px #046AA3;
}
.books { margin: 30px 0; }
li.book {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #DCDCDC;
}
li.book:last-child {
  border-bottom: none;
  margin-bottom: 30px;
  padding-bottom: 0;
}
li.book .image { margin: 0 10px 10px 0; float: left; }
li.book img {
  border: 1px solid #DCDCDC;
  box-shadow: 3px 3px 5px #696969;
}
li.book .data { margin-left: 140px; }
li.book h4 {
  color: #2A2A2A;
  font-weight: bold;
  font-size: 1.3em;
  padding: 0;
  margin-bottom: 5px;
}
li.book h5 {
  font-size: 1em;
  font-weight: normal;
  color: #696969;
  margin-bottom: 10px;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #046AA3;
}
ul.authors li {
  display: inline;
  float: left;
  margin: 0 3px 3px 0;
  padding: 1px 3px;
}
ul.info li {
  width: 47%;
  float: left;
  display: inline;
  line-height: 1.4em;
}
div.info {
  padding: 5px;
  border: 1px solid #BCE6FB;
  color: #444;
  border-radius: 4px;
}
div.info:hover {
  background: #F7FCFF;
  box-shadow: 0 0 5px #BCE6FB;
}
div.info ul li:hover { color: #000; }
.cleft { clear: left; height: 1px; }
#itemlist {
  margin: 30px 0 !important;
  padding: 20px 0 0 0 !important;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
#itemlist .book .data { margin-left: 60px; }
#itemlist .data h5 {
  color: #4A4A4A;
  font-weight: bold;
  border-bottom: 1px solid #888;
  text-shadow: 1px 1px 2px #FFF;
}
#itemlist li.book {
  margin: 0 0 15px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #F5F5F5;
}
#itemlist li.book:last-child { border-bottom: none; }
table { width: 100%; }
th a:link {
  color: #000 !important;
  background: #AFD2E5 !important;
  border-bottom: 1px dotted #000 !important;
}
th a:hover {
  color: #000 !important;
  background: #FFF !important;
  border-bottom: 1px solid #000 !important;
}
thead th, thead td {
  color: #FFF;
  background: #7BB3D1 url('../img/theadback.png') repeat-x left top;
  padding: 5px 7px;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #046AA3;
  border-bottom: 1px solid #046AA3;
}
thead th:first-child, thead td:first-child {
  border-left: 1px solid #046AA3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}
thead th:last-child, thead td:last-child {
  border-right: 1px solid #046AA3;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
thead:hover th, thead:hover td { background: #046AA3; }
tbody tr:first-child td { border-top: 1px solid #046AA3; }
tbody tr:first-child td:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
tbody tr:first-child td:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
thead ~ tbody tr:first-child td { border-top: none; }
thead ~ tbody tr:first-child td:first-child { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; }
thead ~ tbody tr:first-child td:last-child { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
tbody tr td {
  padding: 5px 7px;
  border-right: 1px dotted #046AA3;
  vertical-align: middle;
}
tbody tr td:last-child { border-right: none; }
tbody tr td:first-child { border-left: 1px solid #046AA3; }
tbody tr td:last-child { border-right: 1px solid #046AA3; }
tbody tr:last-child td { border-bottom: 1px solid #046AA3; }
td.c, th.c { text-align: center; }
td.r, th.r { text-align: right; }
tfoot td {
  color: #808080;
  background: #FFF;
  padding: 5px 1px 0 1px;
  text-align: left;
  font-style: italic;
}
tbody tr:last-child td:first-child { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
tbody tr:last-child td:last-child { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
tfoot + tbody tr:last-child td:first-child { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
tfoot + tbody tr:last-child td:last-child { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
tbody tr:hover { box-shadow: 0 0 4px #046AA3; }
/* ------ */
fieldset {
  border: 1px solid #DCDCDC;
  padding: 10px 15px;
  margin: 10px 0;
  border-radius: 4px;
}
legend {
  border: 1px solid #DCDCDC; padding: 4px 8px;
  border-radius: 4px;
}
fieldset li { padding: 8px 0; }
fieldset li label {
  width: 120px;
  float: left;
  text-align: right;
  padding: 3px 5px;
  color: #555;
}
input, button, select { font-family: Arial, Helvetica, sans-serif; }
input[type=text], input[type=password], textarea, select {
  border: 1px solid #C0C0C0;
  padding: 2px 1px;
  background: #F5F5F5;
  background: -moz-linear-gradient(0% 100% 90deg, #FFF, #F5F5F5);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#FFF));
  background: linear-gradient(to bottom, #FFF 0%,#F5F5F5 100%); /* W3C */
  border-radius: 2px;
}
select { padding: 0; }
textarea {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover {
  border: 1px solid #A76C00;
  background: #FFF;
  box-shadow: 0 0 3px #A76C00;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  border: 1px solid #046AA3;
  box-shadow: 0 0 3px #046AA3;
}
span.radio, span.check { border: 1px solid #DCDCDC; padding: 3px 6px 3px 2px; }
span.radio:hover, span.check:hover {
  border: 1px solid #A76C00;
  background: #FFF;
  box-shadow: 0 0 3px #A76C00;
}
button, input[type=submit], input[type=reset] { padding: 1px 3px; }
button img { vertical-align: bottom; }
input[disabled], option[disabled], textarea[disabled] select[disabled] { color: #CFCFCF; background: #FAFAFA; }

/* ------ */
#headblock {
  float: right;
  width: 240px;
  position: relative;
  top: -120px;
  right: 15px;
  height: 0px;
}
#headblock fieldset { border: 0; padding: 0; }
#headblock label { font-variant: small-caps;}
#headblock input[type=text], #headblock input.ietext {
  font-size: 1em;
  border-color: #000 #999 #999 #000;
  border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.5);
  border-width: 1px;
  border-style: solid;
  color: #900;
  background: #EEE;
  background: rgba(255, 255, 255, 0.25) url('../img/searchback.png') no-repeat left 2px;
  padding: 2px 0 2px 17px;
  border-radius: 2px;
}
#headblock input[type=text]:hover { box-shadow: 0 0 6px #FFF; }
#headblock input[type=text]:focus {
  color: #000000;
}
#headblock button {
  font-size: 1.1em;
  font-family: 'Source Sans Pro', Arial, Helvetica, Helv, sans-serif;
  font-weight: 600;
  border-color: #999 #000 #000 #999 !important;
  border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.25) !important;
  border-width: 1px;
  border-style: solid;
  background: #57ABCF !important;
  background: url('../img/searchbuttonback.png') repeat-x left bottom !important;
  background: rgba(255, 255, 255, 0.5) !important;
  padding: 0 9px;
  position: relative;
  top: 0;
  border-radius: 2px;
  box-shadow: none !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
#headblock button:hover {
  box-shadow: 0 0 6px #FFF;
  background: #FFF !important;
  background: rgba(255, 255, 255, 0.75) !important;
}
#headblock button:active {
  box-shadow: none;
  border-color: #4393BE;
  color: #000;
}
span.add {
  display: table;
  margin: 0 0 10px 0;
  position: relative;
  x-right: -27.5em;
  padding: 3px 5px;
  border: 1px solid #A30452 !important;
  background: #FEECF6;
  border-radius: 3px;
}
span.add:hover {
  border: 1px solid #59032D !important;
  background: #EB87C2;
  box-shadow: 0 0 4px #A30452;
}
span.add:active {
  border: 1px solid #EB87C2 !important;
  background: #EB87C2;
  box-shadow: none;
}
a.cart-add:link, a.cart-add:visited {
  background: url('../img/icon/basket_put.png') no-repeat right center !important;
  padding-right: 22px;
  color: #A30452 !important;
  border: none !important;
}
a.cart-add:hover {
  x-color: #59032D !important;
  color: #000 !important;
  text-shadow: 0 0 2px #FFF;
  border: none !important;
}
#headblock p {
  margin: 10px 0 0 0;
  border-top: 1px solid #000;
  padding: 5px 0 0 0;
  /* text-shadow: 1px 1px 1px #023877; */
  font-size: 1em;
}
#headblock p span { display: block; }
#leftbar {
  width: 140px;
  float: left;
  padding: 10px 5px 70px 10px;
  background: #FFF url('../img/leftbar-back.png') no-repeat right bottom;
}
#leftbar h4 {
  font-size: 1.2em;
  margin-right: 10px;
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #C0C0C0;
  text-shadow: 1px 1px 2px #FFF;
}
#leftbar li { margin: 0; padding: 3px 0 4px; }
#leftbar ul li { background: url('../img/menu-none.gif') no-repeat left 5px; padding-left: 11px; }
#leftbar ul li ul { margin-left: 0; }
#leftbar ul li ul li {
  background: url('../img/branch-t.gif') no-repeat left top;
  padding-left: 9px;
}
#leftbar ul li ul li:last-child {
  background: url('../img/branch-l.gif') no-repeat left top;
  margin-bottom: 0px;
}
#leftbat a { #FFF-space: normal !important; }
#leftbar li a:link, #leftbar li a:visited {
  background: none;
  color: #666;
  border-bottom: none;
}
#leftbar li a:hover {
  color: #000;
  border-bottom: 1px dotted #666;
  text-shadow: 1px 1px 2px #AAA;
}
#leftbar + #items { width: 78%; margin: 0 0 0 10px; }
#leftbar ul li.hasmore {
  background: url('../img/menu-open.gif') no-repeat left 5px;
  padding-left: 11px;
  height: 11px;
  margin: 3px 0 2px;
  height: auto;
}
#leftbar ul li.hasmore > a { color: #A30452; }
#leftbar ul li.hasmore.close {
  background: url('../img/menu-close.gif') no-repeat left 5px;
  padding-left: 11px;
  height: 11px;
  margin: 3px 0 2px;
  overflow: hidden;
}
#leftbar ul li.hasmore.close > a { color: #666; }
#items li p a {  white-space: nowrap; }
/* ------ */
div.clear { clear: both; height: 1px; }
#messages { margin: 5px 0 5px 5px; }
#messages div {
  padding: 10px 20px;
  color: #000;
  position: relative;
  width: auto;
  margin: 10px 5px 5px;
  box-shadow: 2px 2px 7px #666;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
}
#messages div.topped {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
  z-index: 128;
}
#messages p { margin: 0; }
#messages div.valid { background: #E4F5D7; border: 2px solid #C7EAAE; }
#messages div.warn { background: #F5F1D7; border: 2px solid #EAE2AE; }
#messages div.error { background: #F5D7D7; border: 2px solid #EAAEAE; }
#messages a.close-message { font-size: 0.8em; }
/* ------ */
.button, button, input[type=submit], input[type=button], input[type=reset] {
  border-top: 1px solid #FBFDFD;
  border-left: 1px solid #FBFDFD;
  border-right: 1px solid #A8A8AA;
  border-bottom: 1px solid #A8A8AA !important;
  background: #B7B8B9 url('../img/button-back.png') repeat-x top left !important;
  color: #000 !important;
  cursor: pointer;
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0px 4px;
  margin: 0 !important;
  box-shadow: 0px 0px 1px #000;
  border-radius: 1px;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  top: -2px;
}
.button:hover, button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
  border-top: 1px solid #EFD669;
  border-left: 1px solid #EFD669;
  border-right: 1px solid #C47B3C;
  border-bottom: 1px solid #C47B3C !important;
}
.button:active, button:active, input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
  border-top: 1px solid #FBFDFD;
  border-left: 1px solid #FBFDFD;
  border-right: 1px solid #A8A8AA;
  border-bottom: 1px solid #A8A8AA !important;
  background: #FDFEFE;
  background-image: url('../img/button-back_neg.png');
}
.button a, a.button {}
.button img { vertical-align: text-bottom; margin-right: 5px; }
a.button, .button a, span.button { padding-top: 3px; padding-bottom: 3px; }
/* ------ */
.odd {
  background: #FFF;
  background: -moz-linear-gradient(0% 100% 90deg, #FFF, #F7FBFD);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7FBFD), to(#FFF));
  background: linear-gradient(to bottom, #FFF 0%,#F7FBFD 100%); /* W3C */
}
.even {
  background: #E1EFF6;
  background: -moz-linear-gradient(0% 100% 90deg, #D2E7F2, #E1EFF6);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1EFF6), to(#D2E7F2));
  background: linear-gradient(to bottom, #D2E7F2 0%,#E1EFFF6 100%); /* W3C */
}
.odd:hover { background: #F1F8FB !important; }
.even:hover { background: #D2E7F2 !important; }
.hidden, var { display: none; }
.jq-show { display: none; }

#riba { display: none; }

/*------------------------------------------*/
/*-----            CEH CSS             -----*/
/*------------------------------------------*/

span.valid { color: #480; font-size: 0.85em; }
span.warn { color: #D92; font-size: 0.85em; }
span.error { color: #D40; font-size: 0.85em; }
span.example { color: #07D; font-size: 0.85em; }

/* ------ */
#content p.about { text-align: justify; margin-bottom: 15px; }
#items ul { line-height: 1.3em; margin: 10px 10px 10px 0; }
#items li ul { margin: 0 0 2px 15px; }

#items ul.tree li ul li { background: url('../img/branch-t.gif') no-repeat left top; padding-left: 9px; }
#items ul.tree li ul li:last-child { background: url('../img/branch-l.gif') no-repeat left top; margin-bottom: 0px; }
.grey, .gray { color: #888; }
#menu .grey a, #menu .gray a { color: #4C84A1 !important; }
#menu .grey a:hover, #menu .gray a:hover { color: #4C84A1 !important; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); }
.notice { font-style: italic; font-size: 0.85em; color: #AAA; }
.pi {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
  font-size: 1.3em;
}
.index {
  font-weight: bold;
  border-bottom: 1px dotted #AAA;
}
ul.gallery li {
  display: inline;
  float: left;
  width: 150px;
  height: 150px;
  margin: 0 10px 10px 0 !important;
  padding: 10px !important;
  border: 1px solid #DCDCDC;
  vertical-align: middle;
  text-align: center;
  position: relative;
  overflow: hidden;
}
ul.gallery li:hover { border: 1px solid #AAA; background: #EBEBEB; }
ul.gallery li a:link, ul.gallery li a:visited { background: none !important; border: none !important; }
ul.gallery li img {
  margin: 0 auto;
  padding: 2px;
  border: 1px solid #EEE;
  background: #FFF;
}
ul.gallery li span {
  position: absolute;
  bottom: -50px;
  left: 0;
  padding: 5px 0;
  width: 100%;
  background: #CCC;
  background: rgba(110, 110, 110, 0.7);
  color: #000;
  text-align: center;
  font-size: 0.85em;
}
ul.gallery li:hover span { bottom: 0; }
ul.gallery {
  display: block;
  margin-top: 20px;
  padding-top: 10px;
  clear: both;
}
h4.gallery {
  display: block;
  margin: 10px 0 0 15px;
  padding: 20px 0 5px;
  clear: both;
  font-size: 1.2em;
  text-shadow: 1px 1px 1px #BBB;
  border-bottom: 1px dotted #999;
}
h4.gallery.first { margin-top: 0; padding-top: 10px; }
#lowermenu {
  position: absolute;
  border: 1px solid #888;
}
#lowermenu span { float: left; }
#lowermenu li {
  display: inline;
  float: left;
  background: linear-gradient(0% 100% 90deg, rgba(128, 128, 128, 0.5), rgba(255, 255, 255, 0.5));
  padding: 2px 3px;
  border-right: 1px solid #CCC;
  box-shadow: 1px 1px 3px #888;
}
#lowermenu li:hover { background: rgba(255, 255, 255, 0.7); }
#lowermenu li:active { background: linear-gradient(0% 100% 90deg, rgba(255, 255, 255, 0.7), rgba(128, 128, 128, 0.7)); }
#lowermenu li:last-child { border-right: none; }
#mapa {
  width: 100%;
  height: 500px;
  margin-bottom: 10px;
  border: 1px solid #CCC;
}
#helplista dt {
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #DDD;
  margin: 20px 0 10px;
  padding: 5px 0 2px;
  border-bottom: 1px solid #888;
  color: #333;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
#helplista dd span.dark {
  color: #333;
  display: block;
  text-transform: uppercase;
  font-size: 0.9em;
}
#helplista dd p.light { color: #333; }
#helplista dd p.light span.nl { margin-left: 20px; }
.nl { display: block; }
dl.qa { margin: 0 5px 20px 15px; line-height: 1.4em; }
#helplista dd dl.qa dt {
  margin-top: 15px;
  margin-bottom: 0;
  padding: 3px 3px 3px 0;
  font-size: 0.9em;
  font-weight: bold;
  border-bottom: none;
  border-bottom: 1px dotted #C0C0C0;
}
#helplista dd dl.qa dd {
  padding: 4px 0 0 10px;
  text-align: justify;
  color: #333;
}
ul.simplelist { line-height: 1.4em; }
ul.simplelist li { margin-left: 20px; }
#leftbar + ul.items { margin-left: 155px; }
#authorlist {
  border: 1px solid #DCDCDC;
  overflow: auto;
  padding: 3px 6px;
  margin: 10px 0;
  border-radius: 4px;
}
#authorlist li {
  margin: 3px 0;
  padding: 5px;
  vertical-align: middle;
  border-radius: 4px;
  min-height: 150px;
}
#authorlist li img { vertical-align: middle; }
#authorlist li span.name {
  display: block;
  font-size: 2.5em;
  margin: 5px 0 15px;
  letter-spacing: 1px;
}
#authorlist li span.name a:link, #authorlist li span.name a:visited {
  color: #000;
  background: none;
  border-bottom: 1px dotted #A2CEE2;
  font-size: 0.8em;
  font-weight: bold;
  text-shadow: 1px 1px 2px #FFF;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
#authorlist li span.name a:hover {
  color: #175069;
  border-bottom: 1px solid #A2CEE2;
  text-shadow: 0px 0px 2px #FFF;
}
#authorlist li span.name a em { color: #2B90BE; text-shadow: 1px 1px 2px #FFF; }
#authorlist li span.imgs { display: block; margin: 0 0 100px 15px; }
#authorlist li .imgs .defolder {
  position: relative;
  top: 0px;
  left: 0px;
}
#authorlist li .imgs .defolder img {
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  border: 1px solid #AAA;
  margin: 0 5px 5px 0;
  overflow: hidden;
  border-radius: 2px;
}
#authorlist li span.imgs a { background: none; border: none; }
#authorlist li span.imgs img:hover {}
#authorlist li .imgs .defolder .info {
  width: 260px;
  height: 130px;
  padding: 3px;
  overflow: visible;
  position: fixed;
  left: 0px;
  top: 0px;
  float: left;
  white-space: normal;
  border: 1px solid #333;
  background: #FBF9F1;
  color: #000;
  display: none;
  z-index: 2048;
  border-radius: 2px;
}
#authorlist li .imgs .defolder .info img {
  float: left;
  height: 128px;
  margin: 0 10px 0 0;
}
#authorlist li .imgs .defolder:hover {}
#authorlist li .imgs .defolder:hover span.info {}

/* ----- */
ul.kategorije {
  font-size: 1em;
  border: 1px solid #DDD;
  margin: 16px 0 10px;
  padding: 5px 0;
  height: 15px;
  background: #FFF;
  color: #CCC;
  border-radius: 3px;
}
ul.kategorije.double { height: 26px; }
ul.kategorije li {
  display: inline;
  float: left;
  padding: 0 3px !important;
}
ul.kategorije li:first-child { padding: 0 0 0 4px !important; }
ul.kategorije li a { border-bottom: none !important; background: none !important; }
ul.kategorije li a:link { color: #888 !important; }
ul.kategorije li a:visited { color: #CCC !important; }
ul.kategorije li a:hover {
  background: #888 !important;
  color: #FFF !important;
  border-radius: 2px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
ul.kategorije li.brbar { border-right: 1px solid #D6D6D6; margin-right: 10px; }
#items {
  float: left;
  width: 100%;
  margin: 10px 0 20px;
}
#items li {
  display: block;
  border-radius: 4px;
  margin: 0 0 3px;
  padding: 10px;
  white-space: nowrap;
}
#items li:first-child { }
#items li:hover {
  background: #F1F6F9;
  background: -moz-linear-gradient(0% 100% 90deg, #F1F6F9, #FAFDFE);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFDFE), to(#F1F6F9));
  background: linear-gradient(to bottom, #F1F6F9 0%,#FAFDFA 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFDFE', endColorstr='#F1F6F9'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFDFE', endColorstr='#F1F6F9')"; /* IE8 */
}
#items li img {
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #AAA;
  overflow: hidden;
  border-radius: 2px;
}
#items li ul { }
#items li ul li {
  display: block;
  float: none;
  border: none;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}
#items li ul li:first-child { margin: 0 0 5px 0; padding: 0 0 5px 0; border-top: none; }
#items li a.naslov {
  font-size: 1.3em;
  font-weight: bold;
  color: #1F3135;
  background: none;
  white-space: normal;
}
a.img { border: none !important; background: none !important; padding: 0 !important; }
#items a:link, #items a:visited { border-bottom: 1px dotted #7FC9EA !important--e; }
#items a:hover {
  border-bottom: 1px solid #2289B4 !important;
  background: #7FC9EA !important;
}
#itempic {
  position: static;
  width: 300px;
  overflow: visible;
  float: left;
  margin: 0 20px 20px 0;
  background: #F5F5F5;
  border: 1px solid #DDD;
  border-radius: 2px;
  box-shadow: 1px 1px 3px #DDD;
  text-align: center;
  vertical-align: middle;
}
#itempic img { border: 1px solid #000; margin: 0 auto; }
#itempic .new {
  width: 151px;
  height: 151px;
  display: block;
  position: relative;
  float: right;
  top: -413px;
  right: -1px;
  background-image: url('../img/newribbon.gif');
  background-repeat: no-repeat;
}
#iteminfo {
  float: left;
  padding: 0;
  width: 285px;
  background: #FFF;
}
.autori {
  display: block;
  margin: 0 0 10px;
  padding: 0;
}
.autori ul li {
  display: inline;
  float: left;
  margin: 8px 0 0 0 !important;
  padding: 1px 2px !important;
}
.autori ul li a {
  color: #000 !important;
  padding: 2px 4px !important;
  background: #F5F5F5 !important;
  border-radius: 2px;
}
.autori ul li a:link { border: 1px solid #CCC !important; }
.autori ul li a:visited { border: 1px solid #DDD !important; color: #888 !important; }
.autori ul li a:hover {
  background: #000 !important;
  border: 1px solid #888 !important;
  color: #FFF !important;
  box-shadow: 1px 1px 3px #CCC;
}
.autori ul li a:active {
  color: #DDD !important;
  background: #666 !important;
  box-shadow: none;
}

.keywords ul li {
  display: inline;
  float: left;
  margin: 8px 0 0 0 !important;
  padding: 1px 2px !important;
}
.keywords ul li a {
  color: #000 !important;
  padding: 2px 4px !important;
  background: #F5F5F5 !important;
  border-radius: 2px;
}
.keywords ul li a:link { border: 1px solid #CCC !important; }
.keywords ul li a:visited { border: 1px solid #DDD !important; color: #888 !important; }
.keywords ul li a:hover {
  background: #000 !important;
  border: 1px solid #888 !important;
  color: #FFF !important;
  box-shadow: 1px 1px 3px #CCC;
}
.keywords ul li a:active {
  color: #DDD !important;
  background: #666 !important;
  box-shadow: none;
}
p.opis {
  clear: right;
  float: left;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px dotted #DDD;
}
ul.opis div.autori { margin: 0 0 -2px 0 !important; }
ul.opis div.autori ul li {
  border: none !important;
  margin: -1px 0 0 5px !important;
}
ul.opis div.autori div.cleft { height: 1px; }
ul.opis {
  float: left;
  clear: right;
  width: 100%;
  column-count: 2;
  column-gap: 1em;
  column-rule: 1px dotted #DDD;
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -moz-column-rule: 1px dotted #DDD;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  -webkit-column-rule: 1px dotted #DDD;
}
ul.opis li { padding: 5px; margin: 5px 0; }
ul.opis li label {
  color: #888;
  padding-left: 22px;
  background: url('../img/icon/bullet_black.png') no-repeat left;
}
ul.opis li span { clear: right; }
ul.opis li li { border: none; margin: 0; }
ul.opis li div ul li {
  display: inline;
  margin: 0 3px 3px 0;
  padding: 2px 3px;
  border: 1px dotted #DCDCDC;
}
ul.opis li div ul li:hover { border: 1px solid #C0C0C0; background: #F5F5F5; }
ul.opis li div ul li:hover a { text-decoration: none; }
ul.opis .autori { border: none !important; }
div.opis {
  float: left;
  clear: right;
  width: 100%;
  margin: 0 0 10px;
  padding: 0 0 10px;
  text-align: justify;
  border-bottom: 1px dotted #DDD;
}
.info .h5 {
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.2em;
  display: block;
  margin: 0 0 3px;
  padding: 0 0 2px;
}
.info .h6 {
  font-size: 0.85em;
  font-weight: normal;
  line-height: 1.2em;
  display: block;
  margin: 0 0 3px;
  padding: 0 0 2px;
  border-bottom: 1px solid #F3F3F3;
}
.info .itm {
  font-size: 0.9em;
  margin: 6px 0;
  display: block;
}
li.itemlist ul li:hover { background: none !important; }
#tagcloud {
  margin: 2em 0;
  letter-spacing: normal;
  line-height: 2.6em;
  text-align: center;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
#tagcloud a:link, #tagcloud a:visited {
  padding: 0 5px;
  white-space: nowrap;
  border: none;
  background: none !important;
  padding: 3px;
}
#tagcloud a:hover {
  background: #888 !important;
  color: #FFF !important;
  text-shadow: 1px 1px 2px #000;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #000;
}
#tagcloud .tag-1 a { font-size: 0.8em; color: #DDD; }
#tagcloud .tag-2 a { font-size: 1.0em; color: #DDD; }
#tagcloud .tag-3 a { font-size: 1.2em; color: lightgray; }
#tagcloud .tag-4 a { font-size: 1.6em; color: #CCC; }
#tagcloud .tag-5 a { font-size: 2.0em; color: darkgray; }
#tagcloud .tag-6 a { font-size: 2.3em; color: #888; }
#tagcloud .tag-7 a { font-size: 2.7em; color: #666; }
#tagcloud .tag-8 a { font-size: 3.0em; color: #000; }
#history, .samecat {
  display: block;
  float: none;
  clear: both;
  padding: 5px 0;
  margin: 0 0 10px 0;
}
#history h4, .samecat h4 {
  padding: 5px;
  color: #043752;
  background: #D2E7F2;
  margin: 0 0 10px 0;
  font-weight: bold;
  font-size: 1.5em;
}
.ulholder {
  height: 191px;
  width: 622px;
  overflow: hidden;
}
.ulholder > ul { position: relative; top: 0px; }
#history li, .samecat li {
  display: inline;
  float: left;
  padding: 10px;
  margin: 0 5px 5px 0;
}
#history li img, .samecat li img {
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #AAA;
  border-radius: 2px;
}
#history li ul, .samecat li ul { float: left; }
#history li ul li, .samecat li ul li {
  display: block;
  float: none;
  border: none;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}
#history li ul li:first-child, .samecat li ul li:first-child { margin: 0 0 5px 0; padding: 0 0 5px 0; border-top: none; }
#history li a.naslov, .samecat li a.naslov {
  font-size: 1.3em;
  font-weight: bold;
  font-style: italic;
  color: #1F3135;
}
#history .item, .samecat .item {
  border: 3px solid #F5F5F5;
  border-radius: 3px;
  margin: 5px 0 5px 5px;
  width: 281px;
  height: 160px;
  overflow: auto;
}
#history .item.first, .samecat .item.first { margin-left: 0; }
#history .item:hover, .samecat .item:hover { border: 3px solid #DDD; background: #F5F5F5; }
#history .item li ul, .samecat .item li ul { float: none; }
#history .item li ul li, .samecat .item li ul li { margin: 0 0 2px 0; padding: 2px; }
.shift-left, .shift-right {
  display: block;
  text-align: center;
  cursor: pointer;
  color: #888;
  border: 3px solid #F5F5F5;
  border-radius: 3px;
}
.shift-left:hover, .shift-right:hover {
  border: 3px solid #043752;
  background: #D2E7F2;
  color: #043752;
}
.shift-right { margin: 5px 0 0 0; }
.infoline {
  display: block;
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px dotted #DDD;
}
#rater .rating { position: relative; top: -1px; }
a.addcart:link, a.addcart:visited, .artikli li ul.infolist li a.addcart:link, .artikli li ul.infolist li a.addcart:visited,
#content ul.items ul#artikli li ul.infolist li span a:link, #content ul.items ul#artikli li ul.infolist li span a:visited {
  background: #F5F5F5 url('../img/icon/cart_put.png') no-repeat 5px 2px !important;
  border: 1px solid #CCC !important;
  color: #000 !important;
  padding: 2px 4px 2px 26px !important;
  border-radius: 2px;
}
a.addcart:hover, .artikli li ul.infolist li a.addcart:hover, #content ul li ul li ul li span a.addcart:hover {
  background: #000 url('../img/icon/cart_put.png') no-repeat 5px 2px !important;
  color: #FFF !important;
  border: 1px solid #222 !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
a.addcart:active, .artikli li ul.infolist li a.addcart:active, #content ul.items ul#artikli li ul.infolist li span a.addcart:active {
  color: #DDD !important;
  background-color: #666 !important;
  box-shadow: none;
}
.statuses {
  margin: 0 0 10px;
  padding: 5px 0 15px;
  border-bottom: 1px dotted #DDD;
}
.artikli {
  border: 1px solid #DCDCDC;
  overflow: hidden;
  padding: 3px 6px;
  margin: 10px 0;
  border-radius: 3px;
}
.artikli li {
  margin: 3px 0;
  padding: 10px 5px;
  vertical-align: middle;
  border-radius: 2px;
}
.artikli li img {
  vertical-align: middle;
  float: left;
  border: 1px solid #AAA;
  border-radius: 2px;
}
.artikli li ul.infolist { float: left; width: 80%; }
.artikli li ul.infolist li {
  height: auto;
  padding: 0 0 5px;
  margin: 0;
  line-height: 1.4em;
}
.artikli li ul.infolist a:link, .artikli li ul.infolist a:visited {
  background: none !important;
  border: none !important;
  padding: 1px 3px !important;
  color: #1F3135 !important;
}
.artikli li ul.infolist a:hover, .artikli li ul.infolist a:active { background: #7FC9EA !important; border: none !important; }
.artikli li ul.infolist { border-bottom: none !important; }
.artikli li ul.infolist li.autori { border-bottom: none !important; }
.artikli li ul.infolist li a.naslov { border-bottom: 1px dotted #A2CEE2 !important; }
.artikli ul.kategorije { padding: 1px 3px 2px 0; margin: 0; }
.artikli ul.kategorije li { margin: 0; }
ul.infolist li h4 {
  font-size: 1.4em;
  line-height: 1.3em;
  margin: -2px 0 0 0;
  padding-bottom: 0;
}
ul.infolist li h5 {
  font-size: 1em;
  line-height: 1em;
  margin: -2px 0 6px;
  padding-top: 0;
}
ul.horizlist, #items ul.horizlist { margin: 10px 0; }
ul.horizlist li, #items ul.horizlist li {
  display: inline !important;
  margin: 0 3px 3px 0 !important;
  padding: 2px 3px !important;
  border: 1px solid #FFF !important;
  height: auto !important;
  background: #E9F4F9;
  background: -moz-linear-gradient(0% 100% 90deg, #FFF, #E9F4F9);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9F4F9), to(#FFF));
  background: linear-gradient(to bottom, #FFF 0%,#E9F4F9 100%); /* W3C */
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
#items ul.horizlist li:first-child {
  margin: 0 3px 3px 0;
  padding: 2px 3px;
}
ul.horizlist li:hover, #items ul.horizlist li:hover {
  border: 1px solid #E9F4F9 !important;
  background: #FFF !important;
}
ul.horizlist li:hover a:hover, #items ul.horizlist li:hover a:hover {
  border-bottom: none !important;
  border-radius: 2px;
}
ul.horizlist li:hover a, #items ul.horizlist li:hover a { text-decoration: none; }
span.novo, span.u-pripremi, span.akcija {
  font-style: italic;
  margin: 0 5px 5px 0;
  padding: 3px 7px;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
span.novo:xhover {
  font-weight: bold;
  color: orangered;
  border: 1px solid tomato;
  background: snow;
  background: -moz-linear-gradient(100% 0% 270deg, mistyrose, snow);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(snow), to(mistyrose));
  background: linear-gradient(to bottom, mistyrose 0%,snow 100%); /* W3C */
}
span.novo {
  font-weight: bold;
  color: snow;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  border: 1px solid orangered;
  background: orangered;
  background: -moz-linear-gradient(100% 0% 270deg, lightsalmon, orangered);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(lightsalmon), to(orangered));
  background: linear-gradient(to bottom, lightsalmon 0%,orangered 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA07A', endColorstr='#FF4500'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA07A', endColorstr='#FF4500')"; /* IE8 */
}
span.u-pripremi:xhover {
  color: dodgerblue;
  border: 1px solid lightskyblue;
  background: azure;
  background: -moz-linear-gradient(100% 0% 270deg, lightcyan, azure);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(azure), to(lightcyan));
  background: linear-gradient(to bottom, lightcyan 0%,azure 100%); /* W3C */
}
span.u-pripremi {
  color: azure;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  border: 1px solid dodgerblue;
  background: dodgerblue;
  background: -moz-linear-gradient(0% 100% 90deg, dodgerblue, deepskyblue);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(deepskyblue), to(dodgerblue));
  background: linear-gradient(to bottom, dodgerblue 0%,deepskyblue 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#1E90FF'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#1E90FF')"; /* IE8 */
}
span.akcija {
  color: lavenderblush;
  text-shadow: 0 0 2px hotpink;
  border: 1px solid deeppink;
  background: deeppink;
  background: -moz-linear-gradient(100% 0% 270deg, lightpink, deeppink);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(lightpink), to(deeppink));
  background: linear-gradient(to bottom, lightpink 0%,deeppink 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADFF2F', endColorstr='#32CD32'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADFF2F', endColorstr='#32CD32')"; /* IE8 */
}
span.akcija-descr {
  background: #F5F5F5;
  border-radius: 5px;
  box-shadow: 0 0 4px #CCC inset;
  color: #444;
  display: table;
  font-size: 0.7em;
  line-height: 1.5em;
  margin: 8px 0;
  padding: 8px;
}
.navbar {
  border: 1px solid #D6D6D6;
  margin-bottom: 2em;
  height: 2em;
  border-radius: 2px;
}
.navbar li {
  diplay: inline;
  float: left;
  padding: 0 0 0 0.75em !important;
  line-height: 2em;
  height: auto !important;
}
.navbar li a:link, .navbar li a:visited {
  color: #666 !important;
  display: block;
  padding: 0 15px 0 0;
  background: url('../img/crumbs.gif') no-repeat right center !important;
  border: none !important;
}
.navbar li a:hover, .navbar li a:focus {
  color: #000 !important;
  background: url('../img/crumbs-blue.gif') no-repeat right center !important;
  text-shadow: 1px 1px 2px #ABCDDF;
}
.navbar li.sublist { padding-top: 0px; clear: right; height: auto !important; }
.navbar li.sublist span { float: left; padding-top: 3px; }
.navbar li ul.sublist {
  float: left;
  position: relative;
  z-index: 2500;
}
.navbar li ul.sublist:hover { }
.navbar li ul.sublist li {
  display: block;
  float: none;
  margin: 0 0 3px !important;
}
.navbar li ul.sublist li:first-child { border: none !important; }
.navbar li ul.sublist li:first-child div.arr { border: none !important; }
.navbar li ul.sublist li:first-child div.arr a, .navbar li ul.sublist li:first-child div.arr a:visited { border: none !important; }

.navbar li ul.sublist li div.arr a, .navbar li ul.sublist li div.arr a:visited {
  border-top: 1px solid #D6D6D6 !important;
  border-bottom: 1px solid #D6D6D6 !important;
  background: none !important;
  padding: 0 10px;
}
.navbar li ul.sublist li div.arr {
  background: url('../img/crumbs.gif') no-repeat right center !important;
  padding: 0 8px 0 0;
  border-left: 1px solid #D6D6D6 !important;
}
.navbar li ul.sublist li:hover div.arr { background: url('../img/crumbs-blue.gif') no-repeat right center !important; }
table.mzos { clear: both; margin: 10px 0; }
table.mzos th a:link {
  color: #000 !important;
  background: #DDD !important;
  border-bottom: 1px dotted #000 !important;
}
table.mzos th a:hover {
  color: #000 !important;
  background: #FFF !important;
  border-bottom: 1px solid #000 !important;
}
table.mzos thead th, table.mzos thead td {
  color: #000;
  background: #DDD;
  padding: 5px 7px;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
table.mzos thead th:first-child, table.mzos thead td:first-child {
  border-left: 1px solid #CCC;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}
table.mzos thead th:last-child, table.mzos thead td:last-child {
  border-right: 1px solid #CCC;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
table.mzos thead:hover th, table.mzos thead:hover td { background: #DDD; }
table.mzos tbody tr:first-child td { border-top: 1px solid #CCC; }
table.mzos tbody tr:first-child td:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
table.mzos tbody tr:first-child td:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
table.mzos thead ~ tbody tr:first-child td { border-top: none; }
table.mzos thead ~ tbody tr:first-child td:first-child { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; }
table.mzos thead ~ tbody tr:first-child td:last-child { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
table.mzos tbody tr td {
  padding: 5px 7px;
  border-right: 1px dotted #CCC;
  vertical-align: middle;
}
table.mzos tbody tr td:last-child { border-right: none; }
table.mzos tbody tr td:first-child { border-left: 1px solid #CCC; }
table.mzos tbody tr td:last-child { border-right: 1px solid #CCC; }
table.mzos tbody tr:last-child td { border-bottom: 1px solid #CCC; }
table.mzos td.c, th.c { text-align: center; }
table.mzos tfoot td {
  color: #808080;
  background: #FFF;
  padding: 5px 1px 0 1px;
  text-align: left;
  font-style: italic;
}
table.mzos tbody tr:last-child td:first-child { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
table.mzos tbody tr:last-child td:last-child { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
table.mzos tfoot + tbody tr:last-child td:first-child { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
table.mzos tfoot + tbody tr:last-child td:last-child { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
table.mzos tbody tr:hover { box-shadow: 0 0 4px #CCC; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 1em;
  content: ".";
  clear: both;
  height: 1em;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.fleft { float: left; }
.fright { float: right; }
div.kompleti { margin-top: 30px; }
.recenzije {
  margin: 15px 0 15px 10px;
  padding: 20px 0 10px 0 !important;
  border-top: 1px dotted #DDD;
  border-bottom: 1px dotted #DDD;
}
.same-biblio { margin: 15px 0; padding: 0 !important; }
.same-authors { margin: 15px 0; padding: 0 !important; }
.last-viewed { margin: 15px 0; padding: 0 !important; }

ul.tabbar {
  padding: 5px 10px 0 10px;
  background: #DDD;
  height: 27px;
  border-radius: 3px;
}
ul.tabbar li {
  float: left;
  display: inline;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #EEE;
  padding: 5px 10px;
  margin: 0 2px 0 0;
  background: #FFF;
  color: #666;
  background: #EEE;
  font-variant: small-caps;
  font-size: 1.2em;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
}
ul.tabbar li.active {
  background: #FFF;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
}
ul.tabbar li:hover {
  cursor: pointer;
  color: #000;
  text-shadow: 1px 1px 2px #888;
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
}
ul.tabbar li.active:hover {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
dl.distributeri dt {
  font-weight: bold;
  border-bottom: 1px solid #A2CEE2;
  margin: 20px 10px 4px 5px;
  padding: 6px 7px 4px 7px;
  font-size: 1.3em;
  text-shadow: 1px 1px 2px #FFF;
  background: #E1EFF6;
  background: -moz-linear-gradient(0% 100% 90deg, #D2E7F2, #E1EFF6);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1EFF6), to(#D2E7F2));
  background: linear-gradient(to bottom, #D2E7F2 0%,#E1EFF6 100%); /* W3C */
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
dl.distributeri dd {
  background: url('../img/icon/bullet_blue.png') no-repeat left 3px;
  margin: 5px 10px 15px 15px;
  padding: 0 0 0 20px;
  font-variant: normal;
}
dl.distributeri dd h4 { margin-bottom: 0; }
dl.distributeri dd ul { line-height: 1.4em; }
h2.distributeri { margin: 25px 0 0 !important; }
a.komplet-cart {
  float: right;
  position: relative;
  top: -39px;
}
ul.komplet li { padding-bottom: 0 !important; margin-bottom: 0 !important; }
ul.komplet li h4 { margin-bottom: 5px !important; }
ul.artikli.kompleti { margin: 0 0 0 10px; }
ul.artikli li.diritem {
  border-top: 1px dotted #DDD;
  margin: 2em  0 0;
  padding: 2em 0 0 !important;
  border-radius: 0;
}
ul.artikli li.diritem:first-child {
  margin-top: 3px;
  padding-top: 0 !important;
  border-top: none;
}
li.diritem ul.navbar { margin-bottom: 5px; }
li.diritem ul.navbar li { margin: 0; }
h2.kompleti { margin: 25px 0 10px !important; }
span.block { display: block; margin: 0 0 5px 130px; }
span.info { font-size: 0.85em; color: #888; }
#pw_input_counter, #cp_input_counter, #ac_input_counter { font-size: 0.85em; color: #CCC; }
#avatarbox {
  margin-left: 130px;
  border: 1px solid #DDD;
  color: #DDD;
  font-size: 0.8em;
  width: 80px;
  height: 80px;
}
table.sc thead th {
  border: none;
  border-bottom: 1px solid #CCC;
  background: #E6E6E6;
  background: -moz-linear-gradient(0% 100% 90deg, #E6E6E6, #F5F5F5);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#E6E6E6));
  background: linear-gradient(to bottom, #E6E6E6 0%,#F5F5F5 100%); /* W3C */
  color: #000;
  font-weight: bold;
}
table.sc tbody td { border-right: 1px dotted #DDD; color: #666; }
table.sc tbody tr.even { background: #FFF; }
table.sc tbody tr.odd {
  background: #FAFAFA;
  background: -moz-linear-gradient(0% 100% 90deg, #FEFEFE, #FAFAFA);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FEFEFE));
  background: linear-gradient(to bottom, #FEFEFE 0%,#FAFAFA 100%); /* W3C */
}
table.sc tbody tr td:first-child { border-left: none; }
table.sc tbody tr td:last-child { border-right: none; }
table.sc tbody tr:last-child td { border-bottom: 1px solid #CCC; }
table.sc tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
}
table.sc tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
}
table.sc tfoot td {
  background: #E6E6E6;
  background: -moz-linear-gradient(0% 100% 90deg, #E6E6E6, #F5F5F5);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#E6E6E6));
  background: linear-gradient(to bottom, #E6E6E6 0%,#F5F5F5 100%); /* W3C */
  color: #000;
  padding: 5px 7px;
  font-style: normal;
  font-weight: bold;
}
table.sc tfoot td:first-child {
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
table.sc tfoot td:last-child {
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
table.sc { margin: 10px 0; }
table.sc input.chquanty { width: 1.3em; text-align: center; }
table.sc span.quantplus {
  position: relative;
  top: 2px;
  left: 0;
  cursor: pointer;
  padding: 0 10px 0 0;
  margin: 0 -2px 0 0;
  background: url('../img/icon/plus.gif') no-repeat left top;
}
table.sc span.quantminus {
  position: relative;
  top: 2px;
  left: -1px;
  cursor: pointer;
  padding: 0 9px 0 0;
  background: url('../img/icon/minus.gif') no-repeat left top;
}
table.sc span.quantplus:hover {
  cursor: pointer;
  padding: 0 10px 0 0;
  margin: 0 -2px 0 0;
  background: url('../img/icon/plus-h.gif') no-repeat left top;
}
table.sc span.quantminus:hover {
  cursor: pointer;
  padding: 0 9px 0 0;
  background: url('../img/icon/minus-h.gif') no-repeat left top;
}
table.sc span.quantplus:active {
  cursor: pointer;
  padding: 0 10px 0 0;
  margin: 0 -2px 0 0;
  background: url('../img/icon/plus-a.gif') no-repeat left top;
}
table.sc span.quantminus:active {
  cursor: pointer;
  padding: 0 9px 0 0;
  background: url('../img/icon/minus-a.gif') no-repeat left top;
}
span.submitted_at {
  border: 1px solid #FFFFFF;
  color: #043752;
  display: inline;
  height: auto;
  margin: 0 3px 3px 0;
  padding: 2px 5px;
  float: right;
  font-size: 0.85em;
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(4, 55, 82, 0.35);
  background: #E9F4F9;
  background: -moz-linear-gradient(0% 100% 90deg, #FFF, #E9F4F9);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9F4F9), to(#FFF));
  background: linear-gradient(to bottom, #FFF 0%,#E9F4F9 100%); /* W3C */
}
ul.news li {
  border-bottom: 1px dotted #DDD;
  margin: 15px 0 20px;
  padding-bottom: 10px;
}
ul.search-res { margin: 0 0 25px; }
ul.search-res li { padding: 5px; }
ul.search-res li:first-child {
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
}
ul.search-res li:last-child {
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
ul.search-res li a { color: #1F3135 !important; background: none !important; }
ul.search-res a:link, ul.search-res a:visited { border-bottom: 1px dotted #7FC9EA !important; }
ul.search-res a:hover { border-bottom: 1px solid #2289B4 !important; background: #7FC9EA !important; }
ul.search-res li a em { color: #2B90BE; }
li.recenzije ul li { padding-left: 0 !important; }
li.recenzije li.no-recs { padding: 10px 0 5px 0; }
li.new-recenzija {
  border-top: 1px dotted #DDD;
  margin: 10px 0 0 10px;
  padding: 10px 0 10px 0 !important;
}
li.new-recenzija fieldset { padding: 0; }
li.new-recenzija ul li { padding: 10px; }
#post_tbl { width: 100% !important; }
li .indent { margin-left: 130px !important; }
div.rec { margin: 10px 0; }
div.recnum {
  border-bottom: 1px dotted #F5F5F5;
  margin: 10px 0;
  padding: 0 0 5px;
}
ul.reclist { margin: 10px 0; }
li.rechead {
  margin: 10px 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px dotted #DDD;
}
li.rechead span.user span { font-weight: bold; }
li.rechead span.timestamp {
  float: right;
  font-size: 0.85em;
  padding: 2px 4px;
  background: #F5F5F5;
  color: #888;
  border-radius: 3px;
}
li.recbody { margin: 5px 0 20px 0; }
.mceEditor table tbody tr td { border-radius: 0 !important; }
.mceEditor table tbody tr:hover { box-shadow: none !important; }
.mceEditor table tbody tr td:first-child { border-left: none; }
.mceEditor table tbody tr td:last-child { border-right: none; }
ul.bottom-line li { line-height: 1.4em; padding: 5px 0 !important; }
ul.sc-buttons {
  margin: 15px 0 10px 0;
  padding: 5px 0 10px 0 !important;
  border-bottom: 1px dotted #DDD;
}
ul.sc-buttons li { padding-left: 0 !important; }
ul.sc-buttons li span.fwd {
  margin: 0 0 0 5px;
  padding: 0 !important;
  float: right;
}
ul.sc-buttons li span.back { margin: 0 0 0 5px; padding: 0 !important; }
h2.close { margin-bottom: 5px !important; }
.sc-data {
  border-bottom: 1px dotted #DDD;
  padding-bottom: 10px;
  line-height: 1.5em;
  margin: 10px 0;
}
.sc-data li { padding: 5px 0 0 !important; height: 1.5em; }
.sc-data li label {
  width: 9em;
  text-align: right;
  margin-right: 10px;
  color: #555;
  float: left;
}
.sc-data li span { float: left; }
span.pad {
  line-height: 1.7em;
  vertical-align: text-bottom;
  font-weight: bold;
}
#paypay {
  font-size: 1.4em;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}
#paypay img { vertical-align: baseline; }
#sidebar form fieldset { border: none; padding: 5px; }
ol.numbers {
  list-style-position: outside;
  list-style-type: decimal;
  margin-left: 25px;
}
#credit-cards {
  float: right;
  position: relative;
  top: -18px;
  right: 5px;
}
#credit-cards li {
  float: left;
  display: inline;
  margin: 0;
}
#credit-cards li a {
  border-bottom: none !important;
  display: block;
  height: 45px;
  text-indent: -8000px;
}
#credit-cards li .mc { background: url("../img/cc-logos.png") no-repeat left top; width: 83px; }
#credit-cards li .visa  {
  background: url("../img/cc-logos.png") no-repeat left bottom;
  margin: 0 0 0 15px;
  width: 82px;
}
#credit-cards li .me {
  background: url("../img/cc-logos.png") no-repeat right top;
  margin: 0 15px 0 0;
  width: 110px;
}
#credit-cards li .dc {
  background: url("../img/cc-logos.png") no-repeat right bottom;
  width: 108px;
  display: none;
  /* ugašen diners! 10-12-22 */
}
#cart p.info {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted #DDD;
}
#cart p.info em {
  color: #046AA3;
  font-weight: bold;
  background: url('../img/icon/information.png') no-repeat left top;
  padding-left: 20px;
}
li.paytype span {
  display: block;
  margin: 0 0 5px 0;
  padding: 0 0 0 150px;
}
li.paytype span label {
  float: none;
  width: auto;
  text-align: left;
  color: #000;
}
li.payline {
  border-top: 1px dotted #DDD;
  padding-top: 12px;
  padding-bottom: 0;
}
#helplista #credit-cards li a { border: 1px solid #DDD !important; }

#cart-header {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
  border-radius: 3px;
  padding: 8px;
  font-weight: normal;
  text-shadow: none;
}
#cart-header a strong {
  background: #043752;
  background: rgba(0, 0, 0, 0.35);
  color: #DCF0FC;
  padding: 0 7px;
  text-shadow: 1px 1px 0 #000;
  border-radius: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35) inset;
}
#cart-header:hover strong { background: #000; color: #FFF; }
ul.news li h3 {
  font-size: 1.3em;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
ul.discounted { line-height: 1.5em; }
#content ul.items li ul.discounted li { padding-left: 0; }
ul.discounted li.akcija { padding: 0 0 5px 0; }
li.osnovna {
  color: #AAA;
  font-style: italic;
  text-decoration: line-through;
}
li.snizena { font-weight: bold; color: #666; }
li.snizena strong { color: #000; }
ul.discounted li.sender { padding: 10px 0 0; }
li.eyecandy { padding-top: 10px !important; }
#items li.eyecandy { margin-left: 65px; }
#items li.godina { margin-left: 68px; font-size: 0.9em;}
#tagssearch ul li {
  line-height: 1.5em;
  padding: 5px;
  margin: 5px 0 0;
  border-bottom: 1px dotted #CCC;
}
#tagssearch ul li:hover { background: #EEE; }
#tagssearch ul li input[type=checkbox] { float: left; margin: 4px 10px 0 0; }
#mainauthorsearch + button { position: relative; top: 0; }
.tooltip {
  display: none;
  border: 2px solid #FFF;
  border: 2px solid rgba(255, 255, 255, 0.6);
  background: #C3E6FA;
  background: rgba(195, 230, 250, 0.95);
  padding: 1em 1.5em;
  line-height: 1.4em;
  height: auto;
  width: 10em;
  color: #043752;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
  z-index: 8192;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.7) inset, 2px 2px 8px rgba(32, 32, 32, 0.5);
}
.center { text-align: center !important; }
table.center { margin: 0 25%; }
a.center { margin: 0 25%; }
ul.news table th a:link {
  color: #000 !important;
  background: #CCC !important;
  border-bottom: 1px dotted #000 !important;
}
ul.news table th a:visited {
  color: #555 !important;
  background: #CCC !important;
  border-bottom: 1px dotted #555 !important;
}
ul.news table th a:hover {
  color: #000 !important;
  background: #FFF !important;
  border-bottom: 1px solid #000 !important;
}
ul.news table thead th, ul.news table thead td {
  color: #000 !important;
  background: #DFDFDF url('../img/theadbackg.png') repeat-x left top;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #DFDFDF;
}
ul.news table thead th:first-child, ul.news table thead td:first-child { border-left: 1px solid #DDD; }
ul.news table thead th:last-child, ul.news table thead td:last-child { border-right: 1px solid #DDD; }
ul.news table thead:hover th, ul.news table thead:hover td { background: #DDD; }
ul.news table tbody tr:first-child td { border-top: 1px solid #DDD; }
ul.news table tbody tr td { border-right: 1px dotted #DDD; }
ul.news table tbody tr td:first-child { border-left: 1px solid #DDD; }
ul.news table tbody tr td:last-child { border-right: 1px solid #DDD; }
ul.news table tbody tr:last-child td { border-bottom: 1px solid #DDD; }
ul.news table tfoot td { color: #808080; background: #FFF; }
ul.news table tbody tr:hover { box-shadow: 0 0 4px #999; }
#eleplusbanner {
  /* position: relative; */ /* Mihaela 09-06-2011: zakomentirah da centriram taj div*/
  /* right: 8px; */
  /* top: -9px; */
  height: 130px;
}
#eleplusbanner a { border: none !important; }
#eleplusbanner a:hover { background-color: transparent !important; } /* ovo mora biti jerbo se inace u FF vidi vertikalna svijetla crta */
#eleplusbanner img { box-shadow: 0px 0px 7px #000; }
#elepluslogo { position: relative; top: -8px; }
#elepluslogo a { border: none !important; }
ul.news li.ticker {
  padding: 0 !important;
  margin: 0 0 30px;
  border: none;
}
div.maintransp.mr2 { bottom: -14px; }
div.subtransp.mr2 { bottom: -15px; }
div.mr2 + div#headblock { top: -154px; }

.side-box {
  background-color: #FCFCFC;
  border: 1px solid #DDD;
  border-radius: 3px; /* za FF, Chrome i Operu */
  -khtml-border-radius: 3px; /* za Safari */
  /* color: #38517d; */
  padding: 5px 7px;
  width: 92%;
  margin: 5px 0;
  /*box-shadow: inset 0 0 5px #DDD;*/
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
/*   text-align: center; */
}
.side-box a{
  cursor: pointer;
  text-decoration:none !important;
}
.side-box a, .side-box a:hover {
  border:none;
  background-color: transparent !important;
  border-bottom:none !important;
  text-decoration: underline;
}
.side-box h4 { display:inline; text-align:center;}
.side-box h4 a{ text-decoration:none; color:inherit;}
.side-box img{
  margin:10px 0;
  max-width: 175px;
  border-radius: 3px;
}
.side-box img.float_right { float:right; }
.p_center {text-align:center; }


.fifty-fifty { float:left; width:48%; padding:0 5px;}
div.clear { clear:both; }

.blue-central {
  background-color: #CCDAF4;
  border-radius: 5px 5px 5px 5px;
  font-size: 1.1em;
  padding: 10px 0;
  text-align: center !important;
}

#new_authors {
  padding-left: 10px;
}

#lector {
  padding-left: 10px;
  padding-top: 30px;}

#lector ul {
  list-style-type: disc;
  margin-left: 15px;
}

.gradient {
  filter: none;
}
img.informatika-plus-img {
  position: relative;
  top: -7px;
  right: 14px;
}

/* SOURCE SANS PRO FONT */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'),
       local('SourceSansPro-Regular'),
       url('../fonts/SourceSansPro-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'),
       local('SourceSansPro-Semibold'),
       url('../fonts/SourceSansPro-Semibold.woff') format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'),
       local('SourceSansPro-Bold'),
       url('../fonts/SourceSansPro-Bold.woff') format('woff');
}