@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: 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: #606060;
}
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;
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;
background: #606060;
padding: 10px 5px 0;
}
#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/headimg.png') no-repeat left top;
color: #FFF;
text-shadow: 1px 1px 1px #000;
font-size: 1em;
}
#menu a { background: none; }
#menu a:link, #menu a:visited {
color: #043752;
font-weight: bold;
font-variant: small-caps;
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: #FFF !important;
text-decoration: none;
text-shadow: 1px 1px 2px #043752;
text-shadow: 1px 1px 2px rgba(4, 55, 82, 0.6);
}
#menu a:active { color: #000; text-shadow: none; }
#menu a.disabled:link, #menu a.disabled:visited, #menu span.disabled {
color: #5A727E;
text-shadow: 1px 1px 2px #EEE;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
}
#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: 0.95em !important; padding: 3px 6px; }
#submenu a:link, #submenu a:visited {
letter-spacing: 1px;
font-variant: small-caps;
font-size: 1.1em;
border-bottom: none;
font-weight: normal !important;
}

#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)));
border-radius: 5px;
border-color: rgba(255, 255, 255, 0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 5px rgba(255, 105, 180, 1);
-moz-box-shadow: 0 0 5px rgba(255, 105, 180, 1);
-webkit-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)));
}
.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);
background-color: transparent;
background-color: rgba(255, 255, 255, 0.2);
background: url('../img/submenuback.png') repeat-x left top;
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;
background: #FFF url('../img/contentshadow.png') repeat-x left top;
}
#inner {
border-left: 1px solid #000;
border-right: 1px solid #000;
background:  #FFF url('../img/rsideback.png') repeat-y right top;
}
#footer {
clear: both;
bottom: 0;
left: 0;
height: 40px;
margin: 0 auto;
padding: 10px 7px 10px 7px;
border-top: 1px solid #000;
background: #444;
color: #DCDCDC;
font-size: 0.9em;
font-style: italic;
line-height: 1.3em;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
}
#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;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
pre.decho:hover {
color: #FFF;
background: #000;
border: 3px solid #F00;
}
#sidebar {
float: right;
width: 195px;
height: 100%;
background: #FFF url('../img/rsideback.png') repeat-y right top;
color: #696969;
padding: 0 5px;
}
#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;
background: #94D4F3;
background: rgba(195, 230, 250, 1);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 5px rgba(255, 255, 255, 1);
-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 1);
}
#submenu li.active span:hover {
/* gotta check this one */
background: rgba(245, 222, 127, 0.4);
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 5px rgba(245, 222, 127, 0.9);
}
#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;
}
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;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
ul.taglist li:hover {
border: 1px solid #046AA3;
background: #046AA3;
color: #FFF;
box-shadow: 1px 1px 3px #046AA3;
-moz-box-shadow: 1px 1px 3px #046AA3;
-webkit-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;
-moz-box-shadow: 3px 3px 5px #696969;
-webkit-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;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div.info:hover {
background: #F7FCFF;
box-shadow: 0 0 5px #BCE6FB;
-moz-box-shadow: 0 0 5px #BCE6FB;
-webkit-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 { -moz-box-shadow: 0 0 4px #046AA3; -webkit-box-shadow: 0 0 4px #046AA3; }
/* ------ */
fieldset {
border: 1px solid #DCDCDC;
padding: 10px 15px;
margin: 10px 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
legend {
border: 1px solid #DCDCDC; padding: 4px 8px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-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));
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-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;
-moz-box-shadow: 0 0 3px #A76C00;
-webkit-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;
-moz-box-shadow: 0 0 3px #046AA3;
-webkit-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;
-moz-box-shadow: 0 0 3px #A76C00;
-webkit-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: 180px;
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: 0.75em;
border-color: #033873 #5FB2D2 #5FB2D2 #033873;
border-width: 1px;
border-style: solid;
color: #EEE;
background: #57ABCF;
background: url('../img/searchback.png') repeat-x left top;
padding: 1px 3px 1px 17px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#headblock input[type=text]:hover {
box-shadow: 0 0 6px #FFF;
-moz-box-shadow: 0 0 6px #FFF;
-webkit-box-shadow: 0 0 6px #FFF;
}
#headblock input[type=text]:focus {
color: #FFF;
text-shadow: 1px 1px 1px #000;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
#headblock button {
font-size: 0.75em;
border-color: #5FB2D2 #033873 #033873 #5FB2D2 !important;
border-width: 1px;
border-style: solid;
color: #FFF !important;
background: #57ABCF !important;
background: url('../img/searchbuttonback.png') repeat-x left bottom !important;
padding: 0 3px;
position: relative;
top: 0;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 !important;
-moz-box-shadow: 0 !important;
-webkit-box-shadow: 0 !important;
}
#headblock button:hover {
box-shadow: 0 0 6px #FFF;
-moz-box-shadow: 0 0 6px #FFF;
-webkit-box-shadow: 0 0 6px #FFF;
}
#headblock button:active {
box-shadow: none;
-moz-box-shadow: none;
-webkit-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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
span.add:hover {
border: 1px solid #59032D !important;
background: #EB87C2;
box-shadow: 0 0 4px #A30452;
-moz-box-shadow: 0 0 4px #A30452;
-webkit-box-shadow: 0 0 4px #A30452;
}
span.add:active {
border: 1px solid #EB87C2 !important;
background: #EB87C2;
box-shadow: none;
-moz-box-shadow: none;
-webkit-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 #186C9A;
padding: 5px 0 0 0;
text-shadow: 1px 1px 1px #023877;
font-size: 0.85em;
}
#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;
-moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
}
#messages div.topped {
position: fixed;
left: 0;
top: 0;
width: 100%;
margin: 0;
}
#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;
-moz-box-shadow: 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 1px #000;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-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));
}
.even {
background: #E1EFF6;
background: -moz-linear-gradient(0% 100% 90deg, #D2E7F2, #E1EFF6);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1EFF6), to(#D2E7F2));
}
.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: -moz-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;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
}
#lowermenu li:hover { background: rgba(255, 255, 255, 0.7); }
#lowermenu li:active { background: -moz-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;
}
#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;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#authorlist li {
margin: 3px 0;
padding: 5px;
vertical-align: middle;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-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-variant: small-caps;
font-size: 0.8em;
font-weight: bold;
text-shadow: 1px 1px 2px #FFF;
}
#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;
-moz-border-radius: 2px;
-webkit-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;
-moz-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: 0.85em;
border: 1px solid #DDD;
margin: 16px 0 5px;
padding: 1px 0 2px;
height: 13px;
background: #FFF;
color: #CCC;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-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: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
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;
-moz-border-radius: 4px;
-webkit-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));
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;
-moz-border-radius: 2px;
-webkit-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;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 1px 1px 3px #DDD;
-moz-box-shadow: 1px 1px 3px #DDD;
-webkit-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: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.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;
-moz-box-shadow: 1px 1px 3px #CCC;
-webkit-box-shadow: 1px 1px 3px #CCC;
}
.autori ul li a:active {
color: #DDD !important;
background: #666 !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-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: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.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;
-moz-box-shadow: 1px 1px 3px #CCC;
-webkit-box-shadow: 1px 1px 3px #CCC;
}
.keywords ul li a:active {
color: #DDD !important;
background: #666 !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-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;
/*
width: 17%;
float: left;
clear: left;
text-align: right;
padding-right: 10px;
*/
}
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;
}
#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;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 1px 1px 2px #000;
-moz-box-shadow: 1px 1px 2px #000;
-webkit-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;
-moz-border-radius: 2px;
-webkit-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;
-moz-border-radius: 3px;
-webkit-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;
-moz-border-radius: 3px;
-webkit-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: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
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 #888 !important;
box-shadow: 1px 1px 3px #CCC;
-moz-box-shadow: 1px 1px 3px #CCC;
-webkit-box-shadow: 1px 1px 3px #CCC;
}
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;
-moz-box-shadow: none;
-webkit-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: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.artikli li {
margin: 3px 0;
padding: 10px 5px;
vertical-align: middle;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.artikli li img {
vertical-align: middle;
float: left;
border: 1px solid #AAA;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-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));
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-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: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
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: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-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));
}
span.novo {
font-weight: bold;
color: snow;
text-shadow: 0 0 2px #FFF;
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));
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));
}
span.u-pripremi {
color: azure;
text-shadow: 0 0 2px #FFF;
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));
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));
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;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 4px #CCC inset;
-moz-box-shadow: 0 0 4px #CCC inset;
-webkit-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;
-moz-border-radius: 2px;
-webkit-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 { -moz-box-shadow: 0 0 4px #CCC; -webkit-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;
-moz-border-radius: 3px;
-webkit-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: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
ul.tabbar li.active {
background: #FFF;
color: #000;
font-weight: bold;
border-bottom: 1px solid #FFF;
-moz-box-shadow: 0 0 5px #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;
font-variant: small-caps;
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));
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;
}
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;
-moz-border-radius: 0;
-webkit-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));
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));
}
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));
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: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 3px rgba(4, 55, 82, 0.5);
-moz-box-shadow: 0 0 3px rgba(4, 55, 82, 0.5);
-webkit-box-shadow: 0 0 3px rgba(4, 55, 82, 0.5);
background: #E9F4F9;
background: -moz-linear-gradient(0% 100% 90deg, #FFF, #E9F4F9);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9F4F9), to(#FFF));
}
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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
li.recbody { margin: 5px 0 20px 0; }
.mceEditor table tbody tr td {
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.mceEditor table tbody tr:hover {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-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 a strong {
background: #043752;
color: #DCF0FC;
padding: 1px 6px;
text-shadow: none;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
#cart-header:hover strong { background: #000; color: #FFF; }
ul.news li h3 { font-size: 1.3em; }
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;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 4px rgba(255, 255, 255, 0.7) inset, 2px 2px 8px rgba(32, 32, 32, 0.5);
-moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.7) inset, 2px 2px 8px rgba(32, 32, 32, 0.5);
-webkit-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; }
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 #BBB; }
ul.news table thead th:last-child, ul.news table thead td:last-child { border-right: 1px solid #BBB; }
ul.news table thead:hover th, ul.news table thead:hover td { background: #BBB; }
ul.news table tbody tr:first-child td { border-top: 1px solid #BBB; }
ul.news table tbody tr td { border-right: 1px dotted #BBB; }
ul.news table tbody tr td:first-child { border-left: 1px solid #BBB; }
ul.news table tbody tr td:last-child { border-right: 1px solid #BBB; }
ul.news table tbody tr:last-child td { border-bottom: 1px solid #BBB; }
ul.news table tfoot td { color: #808080; background: #FFF; }
ul.news table tbody tr:hover { -moz-box-shadow: 0 0 4px #999; -webkit-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;
-moz-box-shadow: 0px 0px 7px #000;
-webkit-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: #ffffff;
	border: 1px solid gray;
	border-radius: 5px; /* za FF, Chrome i Operu */
	-khtml-border-radius: 5px; /* za Safari */
	/* color: #38517d; */
	padding: 5px 3px;
	width: 97%;
	margin: 5px 0;
/* 	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-bottom:10px; }
.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; }