/* 8 barv:
 oranžna  ff7a00
 roza     fe008b
 zelena   6bb430
 svmodra  00a4e1
 vijola   98228e
 rde?a    fb000a
 temmodra 00518e
 oker     ffd701
*/

/* RESET */
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,
b, u, i, center,
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-size: 100%;
  vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* BASIC */
body {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 75%;
  line-height: 158%;
  margin: 0px;
  padding: 0px;
  color: #000;
  text-align: center;
}
a img {
  border: none;
}
h1,h2,h3,h4,h5 {margin:0;font-family:Arial, Helvetica, sans-serif;}
h1 {padding:0 0 2px 0;font-size:3.5em;line-height: 1.4em;font-weight:bold;color: #00568c;}
.folderdocumentlist h1,
h2,
.portletWrapper dt {color: #fe008b; padding-bottom: 15px; font-size:3em;font-weight: bold;line-height: 1.2em;}
h2 {color: #000;}
h3 {font-size: 2em;line-height:1.5em;}
h4 {font-size:1.5em;margin: 5px 0px 20px;line-height:1.5em;}

.front h2,
.front .portletWrapper dt {
  font-size: 1.67em;
}
.front h3 {font-size: 117%;line-height:1.3em;}


.discreet {
  font-size: 0.9em;
  line-height: 1.5em;
  color: #bbb;
}
.italic {
  font-style: italic;
}
h1 .discreet {
  font-size: 30%;
}
/* BASIC COLORS */
.orange {
  color: #ff7a00;
}
.pink {
  color: #fe008b;
}
.green {
  color: #6bb430;
}
.lightblue {
  color: #00a4e1;
}
.purple {
  color: #98228e;
}
.red {
  color: #fb000a;
}
.darkblue {
  color: #00518e;
}
.yellow {
  color: #ffd701;
}

table td {
  padding: 0.5em 1em;
}
.float-left {
  float: left;
  margin: 0 1.5em 1em 0;
}
.float-right {
  float: right;
  margin: 0 0 1em 1.5em;
}
table td,
table th {
  padding: 1em 2em;
}
.float-left {
  float: left;
  margin: 0 1.5em 1em 0;
}
.float-right {
  float: right;
  margin: 0 0 1em 1.5em;
}
table.invisible td {
  border: none;
}
table.listing {
  border-collapse: collapse;
}
table.listing td,
table.listing th {
  background: #ccddea;
  border: none;
}
table.grid {
  border: 1px solid #7F9AB5;
  border-collapse: collapse;
}
table.grid th {
  border: 1px solid #7F9AB5;
}
table.grid td {
  border: 1px solid #7F9AB5;
  background: none;
}
.visualClear {
  clear: both;
}

/* CLEARING */

.access { display: none; }
div.clear { clear: both; visibility: hidden; }
div.clear2 { clear: both; height: 60px;}

p {padding:0 0 15px 0;margin:0;}
ul {margin: 0 0 0 5px;padding:0 0 15px 0;list-style:none;}
ol {padding:0;margin:0 0 15px 20px;}
li {background:url(/veselasola.net/portal/static_images/li1.png) 0 7px no-repeat;padding: 0 0 0px 10px;}
li.n0, .summary.n0 {background-image:url(/veselasola.net/portal/static_images/li1.png);}
li.n1, .summary.n1 {background-image:url(/veselasola.net/portal/static_images/li2.png);}
li.n2, .summary.n2 {background-image:url(/veselasola.net/portal/static_images/li3.png);}
li.n3, .summary.n3 {background-image:url(/veselasola.net/portal/static_images/li4.png);}

ol li {background:none;padding-left:0;}

input[type="text"],
textarea {
  background: #fff url(/veselasola.net/portal/static_images/input_background.gif) repeat-x;
}
.field {
  margin-bottom: 1.5em;
}
.fieldRequired {
  color: #fff;
}
.fieldRequiredSymbol {
  color: #ff0000;
}
.pfg-form {
  margin-bottom: 1.5em;
}
.formHelp {
  color: #999;
  font-size: 90%;
  width: 80%;
}
.documentActions {
  display: none;
}

a {
  color: #00568c;
}
a:hover {
  color: #999;
}

hr {
  border: none;
  border-top: 1px solid #666;
}
fieldset {
  border: 1px solid #333;
  padding: 1em;
}
legend {
  padding: 0 0.5em;
}
button {
  padding: 0.5em 1.2em;
  border: 1px solid #fff;
  cursor: pointer;
}
.documentDescription {
  font-weight: bold;
  margin-bottom: 0.5em;
}

.header {background:#fff url(/veselasola.net/portal/static_images/meta-bg.gif) 0 100% repeat-x;width:100%;}
.header .header {height:48px;width:900px;text-align:left;margin:0 auto;}

.headerLogo {
  float: left;
  margin-left: -14px;
  padding: 9px 0 0;
  position: relative;
  width: 300px;
}
.headContainer {float:left;margin:31px 0 0 11px;position:relative;z-index:10;display:inline-block;width:256px;}
.headContainer .mi {position:absolute;top:20px;right:128px;z-index:1;float:left;width:120px;margin:0 0 0 8px;padding: 14px 0 0px 0;float:left;}
.headContainer .mi434 {right:0;}
.headContainer .mi:hover {width:320px;background: url(/veselasola.net/portal/static_images/top-box.gif) 0 4px no-repeat;}
.headContainer .bot {position:absolute;bottom:0px;right:0;height:5px;overflow:hidden;background:url(/veselasola.net/portal/static_images/top-box.gif) 100% 0 no-repeat;width:320px;margin-bottom:-5px;}
.headContainer .contentTeaser {display:none;padding-bottom:0;height:1px;}
.headContainer .contentHtml {display:none;width:320px;background: #fff url(/veselasola.net/portal/static_images/top-box-mid.gif) 0 0 repeat-y;float:left;padding: 0px 0 5px 0;margin: -6px 0 0 0;}
.headContainer .mi:hover .contentHtml {display:block;}
.headContainer .mi:hover .contentTeaser {display:block;}
.headContainer .contentHtml .column {width:150px;float:left;padding: 0 0 0 10px;}
.headContainer h1 {cursor:pointer;width:117px;font-size:90%;color:#000;margin:-20px 0 0 0;padding: 3px 0 5px 3px;font-weight:normal;border-bottom:0; background:url(/veselasola.net/portal/static_images//head-dd.gif) 0 0 no-repeat;line-height:16px;position:absolute;top:0;right:0;}
.headContainer .mi:hover h1 { background-position:0 100%;}
.headContainer h2 {font-size:1.2em;margin:0;padding:0.5em 0 0 0;font-weight:bold;color:#FF9F33;}
.headContainer h3 {font-size:1em;margin:0;padding:0;font-weight:bold;}
.headContainer a {color:#003F80;}


.headContainer .mi {top:0;}

.searchForm {float:right;position:relative;margin:7px 0 0 0;padding:5px 0 2px 15px;border-left:1px solid #98c3de;}
.searchForm input[type='text'] {width:162px;color:#999;font-size:90%;padding: 4px 5px 5px 5px;}
.searchForm .searchButton {position:absolute;right:-15px;top:1px;}

.footNav {float:left;width:460px;}
.footNav ul {margin:0;padding:0;list-style:none;overflow:hidden;}
.footNav ul li {font-size:1em;padding: 0 12px 0 12px;float:left; background:url(/veselasola.net/portal/static_images/foot-bullet.gif) 0 6px no-repeat;margin: 0 12px 0 -12px;}
.footNav ul li a {color:#B2B2B2;}


.footDisclaimer {float:left;width:460px;font-size:1em;color:#B2B2B2;padding:0 0 10px 0;}

.foot {background:#fbfcfc;margin-top: 0;width:100%;clear:both;float:left;padding:23px 0 23px 0;}
.foot .f-in {width:900px;margin:0 auto;text-align:left;}
.foot .mi {float:right;width:430px;}
.foot .mi p {float:left;font-size:1em;color:#B2B2B2;width:215px;padding:0;}


#nav ul {
  background: #fff url(/veselasola.net/portal/static_images/navbar.png) no-repeat top;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5em;
  margin: 0;
}
#nav li {
  float: left;
  line-height: 160%;
  background: none;
  padding: 0.5em 18px;
}
#nav a {
  font-weight: bold;
  text-decoration: none;
  background: none;
}
#nav a.n0 {
  color: #eb801f;
  text-align: left;
}
#nav a.n1 {
  color: #e33c8b;
  text-align: left;
}
#nav a.n2 {
  color: #88b04b;
  text-align: left;
}
#nav a.n3 {
  color: #00a6dd;
}
#nav a.n4 {
  color: #893f8c;
}
#nav a:hover {
  text-decoration: underline;
}
#breadcrumbs {
  padding: 0 18px;
  font-size: 90%;
  font-weight: bold;
  color: #999;
  margin-bottom: 3.3em;
}
#main {
  padding: 0 9px;
  padding-bottom: 86px;
  width: 675px;
  overflow: hidden;

  position: relative;
}
#main.front {
  padding: 0;
  margin-top: 18px;
}
.documentByLine {
  display: none;
}
#sidebar {
  float: right;
  text-align: center;
  width: 190px;
  padding-bottom: 5em;
}
#sidebar.front {
  padding-bottom: 260px;
}
#logo {
  margin-bottom: 3px;
  margin-top: 8px;
}
.sidebarlinks {
  margin: 0 0 20px 20px;
  padding: 0;
  width: 150px;
}
.sidebarlinks li {
  margin: 0 0 5px 0;
  padding: 0;
  background: none;
}
.sidebarlinks li.last {
  margin-bottom: 0;
}
.sidebarlinks a {
  color: #BF3E78;
  font-weight: bold;
  display: block;
  width: 151px;
  height: 30px;
  text-align: left;
  line-height: 30px;
  text-decoration: none;
  padding-left: 8px;
  
}
.sidebarlinks a:hover {
  color: #000;
}
.sidebarlinks a.n0 {
  background: url(/veselasola.net/portal/desno_rdec_1.png) no-repeat;
  text-align: left;
  
}
.sidebarlinks a.n1 {
  background: url(/veselasola.net/portal/desno_temnomoder_1.png) no-repeat;
  text-align: left;
}
.sidebarlinks a.n2 {
  background: url(/veselasola.net/portal/desno_svetlomoder_1.png) no-repeat;
  text-align: left;
}
.sidebarlinks a.n3 {
  background: url(/veselasola.net/portal/desno_rumen_1.png) no-repeat;
  
  margin-top: 8px;
}
.sidebarlinks a.n4 {
  background: url(/veselasola.net/portal/desno_zelen_1.png) no-repeat;
  
}
.sidebarlinks a.n0:hover {
  background: url(/veselasola.net/portal/desno_rdec_2.png) no-repeat;
}
.sidebarlinks a.n1:hover {
  background: url(/veselasola.net/portal/desno_temnomoder_2.png) no-repeat;
}
.sidebarlinks a.n2:hover {
  background: url(/veselasola.net/portal/desno_svetlomoder_2.png) no-repeat;
}
.sidebarlinks a.n3:hover {
  background: url(/veselasola.net/portal/desno_rumen_2.png) no-repeat;
}
.sidebarlinks a.n4:hover {
  background: url(/veselasola.net/portal/desno_zelen_2.png) no-repeat;
}

.sidebarlinks a:active {
  color: #fff;
}

.sidebarlinks a.n0:active {
  background: url(/veselasola.net/portal/desno_rdec_3.png) no-repeat;
}
.sidebarlinks a.n1:active {
  background: url(/veselasola.net/portal/desno_temnomoder_3.png) no-repeat;
}
.sidebarlinks a.n2:active {
  background: url(/veselasola.net/portal/desno_svetlomoder_3.png) no-repeat;
}
.sidebarlinks a.n3:active {
  background: url(/veselasola.net/portal/desno_rumen_3.png) no-repeat;
}
.sidebarlinks a.n4:active {
  background: url(/veselasola.net/portal/desno_zelen_3.png) no-repeat;
}

.box {
  width: 899px;
  padding: 0 18px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  background-color: #fff; /* cel box naj ima belo ozadje */
}
.banner {
  padding: 80px 0 53px 0;
}
#overlayBanner object {
  background: #fff;
}
#overlayBanner {
  width: 400px;
  height: 400px;
  position: absolute;
  left: 50%;
  margin-left: -200px;
  top: 50%;
  margin-top: -200px;
  z-index: 100;
}
#overlayBannerClose {
  position: absolute;
  right: -12px;
  top: -12px;
}
.bg {
  background: url('veselasola.net/portal/static_images/bg.png') no-repeat 50% top;
  text-align: center;
  overflow: hidden;
}
.bg_left {
  background: #00568c url(/veselasola.net/portal/static_images/bg_runner.png) repeat-x top;
}
.newsImageContainer img,
.frontNarrowBox p.image img,
.frontWideBox p.image img {
  padding: 0.5em;
  border: 1px solid #c0d5e2;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.newsImageContainer {
  float: left;
  margin: 0 1.5em 0em 0;
}
p.newsImage {
  float: left;
  margin: 0 1.5em 0.5em 0;
}
.image-right {
  float: right;
  margin: 0 0 0.5em 1.5em;
}
.image-left {
  float: left;
  margin: 0 1.5em 0.5em 0;
}
.contentHistory {
  display: none;
}

.cAll {position:relative;float:left;}
.cAll .mi {position:relative;float:left;height:358px;display:none;}
.cAll .textcontent {padding: 0 0 0 470px;}
.cAll .textcontent img {position:absolute;top:0;left:0;}
.cAll .textcontent h1 {font-size:3,75em;border-bottom:0;margin: 81px 0 0 0;padding:0 0 11px 0;}
.cAll .textcontent h2 {font-size:1.3em;font-weight:bold;color:#333;padding: 0 0 14px 0;}
.cAll .textcontent p {font-size:1.2em;color:#333;padding: 0 0 20px 0;}
onHome .c660 .textcontent p.link,
.cAll .textcontent p.link {font-size:1.5em;}
onHome .c660 .textcontent p.link a,
.cAll .textcontent p.link a {padding-left:15px;background:url(/veselasola.net/portal/static_images/bullet-link2.gif) 1px 10px no-repeat;}


.cAll .overlinks {
  position: absolute;
  bottom: 13px;
  right: 9px;
  padding: 0;
}
.overlinks li,
.posebni_listing .overlinks li {
  margin: 0 0 0 20px;
  padding: 0;
  background: none;
  float: left;
}
.overlinks a,
.posebni_listing .overlinks a {
  color: #fff;
  font-weight: bold;
  display: block;
  width: 151px;
  height: 34px;
  line-height: 34px;
  text-decoration: none;
  padding-left: 5px;
  text-align: center;
}
.overlinks a:hover,
.posebni_listing .overlinks a:hover {
  color: #fff;
}
.overlinks a.n0 {
  background: url(/veselasola.net/portal/static_images/yellow_24.png) no-repeat;
}

.overlinks a.n1 {
  background: url(/veselasola.net/portal/static_images/green_24.png) no-repeat;
}


.posebni_listing .overlinks a.plus {
  background: url(/veselasola.net/portal/dolg_zelen_1.png) no-repeat;
}
.posebni_listing .overlinks a.plus:hover {
  background: url(/veselasola.net/portal/dolg_zelen_2.png) no-repeat;
}
.posebni_listing .overlinks a.plus:active {
  background: url(/veselasola.net/portal/dolg_zelen_3.png) no-repeat;
}


.posebni_listing .overlinks a.pil {
  background: url(/veselasola.net/portal/dolg_rumen_1.png) no-repeat;
}
.posebni_listing .overlinks a.pil:hover {
  background: url(/veselasola.net/portal/dolg_rumen_2.png) no-repeat;
}
.posebni_listing .overlinks a.pil:active {
  background: url(/veselasola.net/portal/dolg_rumen_3.png) no-repeat;
}

.posebni_listing .overlinks a div {
  text-align: left;
  width: 156px;
}
.posebni_listing .overlinks a {
  margin-bottom: 5px;
  
}
dt.overlinks {
  width: 270px !important;
  margin-bottom: 40px;
}
dt.overlinks a {
  width: 251px !important;
  color: #00518e !important;;
  text-align: left !important;;
  display: block !important;;
 
  height: 30px !important;;
  font-size: 100% !important;;
  line-height: 29px !important;;
  text-decoration: none !important;;
  padding-left: 10px !important;
  font-weight: normal !important;
}
dt.overlinks a:active,
dt.overlinks a:active div a {
color: white !important;
}
dd.overlinks p {
  color: #00568C;
  font-style: normal;
  padding-bottom: 5px;
  font-size: 16px;
}
dd.overlinks span {
  font-size: 13px;
}
  


.frontLinks {
  margin-top: 37px;
  margin-bottom: 37px;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
  padding-left: 4px;
}
.frontLinks li {
  background: none;
  padding: 0;
  float: left;
  width: 151px;
  margin-right: 17px;
}
.frontLinks p a {
  display: block;
  width: 133px;
  height: 34px;
  line-height: 34px;
  padding-left: 22px;
  font-weight: bold;
}
.frontLinks a {
  text-decoration: none;
}
.frontLinks p,
.frontLinks h2 {
  padding: 0 9px;
  line-height: 140%;
}
.frontLinks p.more {
  padding: 0;
  margin: 0;
  background: none;
}
.frontLinks p {
  margin-bottom: 0.75em;
}
.frontLinks h2 {
  margin-bottom: 0.25em;
}
.header .facebook {
  float: left;
  margin-left: 210px;
  padding: 15px 0 0 0;
}
.foot .facebook {
  margin-top: 10px;
}
.frontLinks li.n3 {
  margin-right: 0;
}
.frontLinks .n0 p a {
  background: url(/veselasola.net/portal/levo_zelen_1.png) no-repeat;
  color: #6bb430;
}
.frontLinks .n0 h2 a {
  color: #6bb430;
}
.frontLinks .n1 p a {
  background: url(/veselasola.net/portal/levo_vijolcen_1.png) no-repeat;
  color: #8f4a92;
}
.frontLinks .n1 h2 a {
  color: #8f4a92;
}
.frontLinks .n2 p a {
  background: url(/veselasola.net/portal/levo_oranzen_1.png) no-repeat;
  color: #eb801f;
}
.frontLinks .n2 h2 a {
  color: #eb801f;
}
.frontLinks .n3 p a {
  background: url(/veselasola.net/portal/levo_roza_1.png) no-repeat;
  color: #BF3E78;
}
.frontLinks .n3 h2 a {
  color: #BF3E78;
}
.frontLinks .n0 p a:hover {
  background: url(/veselasola.net/portal/levo_zelen_2.png) no-repeat;
}
.frontLinks .n1 p a:hover {
  background: url(/veselasola.net/portal/levo_vijolcen_2.png) no-repeat;
}
.frontLinks .n2 p a:hover {
  background: url(/veselasola.net/portal/levo_oranzen_2.png) no-repeat;
}
.frontLinks .n3 p a:hover {
  background: url(/veselasola.net/portal/levo_roza_2.png) no-repeat;
}

.frontLinks p a:active {
  color: white;
}

.frontLinks .n0 p a:active {
  background: url(/veselasola.net/portal/levo_zelen_3.png) no-repeat;
}
.frontLinks .n1 p a:active {
  background: url(/veselasola.net/portal/levo_vijolcen_3.png) no-repeat;
}
.frontLinks .n2 p a:active {
  background: url(/veselasola.net/portal/levo_oranzen_3.png) no-repeat;
}
.frontLinks .n3 p a:active {
  background: url(/veselasola.net/portal/levo_roza_3.png) no-repeat;
}



.frontNarrowBox {
  width: 158px;
/* background: url(/veselasola.net/portal/static_images/frontNarrowBox.png) no-repeat 50% 0;*/
  float: left;
  margin-right: 21px;
  margin-bottom: 3em;
  padding: 0;
  text-align: left;
  line-height: 140%;
}
.portletWrapper {
  background: url(/veselasola.net/portal/static_images/portletWrapperBox.png) no-repeat 50% 0;
  float: none;
  width: 180px;
  margin: 0 auto 0 auto;
  text-align: left;
  line-height: 140%;
}
.portletWrapper form {
  margin-bottom: 0.5em;
}
.portletWrapper .portlet {
  padding: 10px 13px;
}
.frontWideBox {
  background: url(/veselasola.net/portal/static_images/frontWideBox.png) no-repeat;
  width: 496px;
  float: left;
  margin-bottom: 3em;
  line-height: 140%;
}
.frontNarrowBox .gutter,
.frontWideBox .gutter {
  padding: 10px 13px;
}

.frontNarrowBox .gutter {
  padding: 10px 13px;   
  background: url(/veselasola.net/portal/static_images/frontNarrowBox.png) no-repeat 50% 0; 
}
.gutter .banner {
  padding: 10px 3px;
  
  margin-bottom: 0px; 
}

.frontNarrowBox h2,
.frontWideBox h2,
.portletWrapper dt {
  color: #00568c;
}
.frontNarrowBox h3,
.frontWideBox h3 {
  font-size: 1.2em;
  margin-bottom: 0.25em;
}
.naslov_novice {
  margin-left: 91px;
}
.frontNarrowBox h3 a,
.frontWideBox h3 a {
  color: #00568c;
  text-decoration: none;
}
.frontNarrowBox h2 a,
.frontWideBox h2 a {
  text-decoration: none;
}
.frontWideBox.novice {
  position: relative;
}
.frontWideBox.novice ul {
  margin: 0;
  padding-bottom: 5px;
}
.frontWideBox.novice li {
  
  padding: 0;
  background: none;
  margin-bottom: 7px;
}
.frontWideBox.novice li span {
 float:left;
 margin-right: 35px;
 padding-top: 1px;
}

.frontWideBox.novice h2 {
margin-top: 10px;
clear: both;
}
.frontWideBox.novice h2.pr {
margin-top: 0px;
}

.more {
  display: block;
  clear: left;
  font-size: 90%;
  float: right;
  padding-left: 15px;
  background: url(/veselasola.net/portal/static_images/more.png) no-repeat 0 50%;
}
.frontNarrowBox.projekt,
.frontNarrowBox.tvojaGalaksija {
  margin-bottom: 100px;
}

.frontNarrowBox.projekt img {
  padding: 5px;
  border: 1px solid #c1d5e1;
}
.frontNarrowBox.projekt p.image {
  text-align: center;
}





.frontSide {
  float: right;
}
.frontSide li {
  background: none;
  margin-bottom: 1em;
}
.frontSide li a {
  display: block;
  padding: 1em 1em;
}
.frontTable {
  width: 100%;
  font-size: 120%;
  text-align: center;
}
.frontTable td {
  border: 1px solid #999;
  padding: 4em 0;
}

ul.controls {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  top:29px;
  right:30px;
  z-index:1;
  float:left;
}
ul.controls li {
  font-weight:bold;
  float:left;
  margin-right: 5px;
  background: none;
  padding: 0;
  padding-right: 5px;
  border-right: 1px solid #fff;
}
ul.controls li a {
  display:block;
  color: #fff;
  text-decoration: none;
  width:21px;
  height:21px;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 21px;
  text-align:center;
  padding: 3px;
}
ul.controls li a.n0 {
  background: #edaa6c;
}
ul.controls li a.n1 {
  background: #fade66;
}
ul.controls li a.n2 {
  background: #aac580;
}
ul.controls li.sel a {
  color:#000;
}
span.player {
  margin: 0 2px 0 0;
  font-size:1em;
  font-weight:bold;
  float:left;
  position:absolute;
  top:29px;
  right:8px;
  z-index:1;
  padding:3px 0;
}
span.player a {display:block;width:23px;height:13px;text-align:center;padding: 3px 0;}
span.player a span {
  display: inline-block;
  cursor: pointer;
}
span.player a span.play {
  width: 9px;
  height: 13px;
  background: url(/veselasola.net/portal/static_images/ico-play.png) no-repeat;
}
span.player a span.pause {
  width: 8px;
  height: 13px;
  background: url(/veselasola.net/portal/static_images/ico-pause.png) no-repeat;
}

.portalMessage {
  display: none;
}


.managePortletsLink {
  display: none;
}
#bottomLinks {
  position: absolute;
  bottom: 0;
  width: 900px;
  border-top: 1px solid #e3e3e3;
}
#bottomLinks td {
  text-align: center;
  padding: 10px 1em 0.5em 1em;
}

#bottomLinks td.pilplusdesno {
  text-align: right;
  padding: 10px 1em 0.5em 1em;
}
#bottomLinks td.pilplusdesno a {
  margin-left: 16px;
}

#robotek {
  position: absolute;
  background: url(/veselasola.net/portal/static_images/robotek.png) no-repeat;
  top: 195px;
  right: -230px;
  width: 303px;
  height: 348px;
  z-index:200;
}

#robotek.ostale {
  top: 280px;
}

dd {
  margin-bottom: 1em;
  margin-left: 1.5em;
  color: #666;
}
.summary {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-left: 5px;
  background:url(/veselasola.net/portal/static_images/li1.png) 0 8px no-repeat;
  padding: 0 0 0px 10px;
}


dt img,
.summary img {
  vertical-align: top;
}


/* grid.css */

#main .container {
  width: 678px !important;
  margin:0 auto;
}
#main .showgrid {
  background-image:url(/veselasola.net/portal/static_images/grid.png);
}
#main img.image-inline {
/*  padding: 5px;
  border: 1px solid #c1d5e1;*/
  margin-bottom:10px;
}
#main .avtor {
  float: left;
  font-weight: bold;
  font-size: 90%;
/*  background:url(/veselasola.net/portal/static_images/avtor-bg-pink.png) no-repeat;*/
  height: 75px;
  width: 135px;
  padding: 10px 0 0 20px;
  font-size: 12px;
  line-height: 14px;
}
#main .opis {
  float: right;
  padding: 10px 30px 0 20px;
  font-size: 12px;
  line-height: 14px;
}
#main .column,
#main .span-1,
#main .span-2,

#main .span-3,
#main .span-4 {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}
#main .last {
  margin-right:0;
}
#main .span-1 {
  width: 162px; /* 162 + 10 */
}
#main .span-2 {
  width: 334px; /* 162 + 10 + 162 */
}
v .span-3 {
  width: 506px; /* 162 + 10 + 162 + 10 + 162*/
}
#main .span-4 {
  width: 678px;
  margin-right: 0;
}


/* custom styles for editor  */

.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/*
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
*/

/* images noborder fun */

.image-inline-noborder {
  border: 0 !important;
  padding: 0.5em;
  margin: 0 0 0.5em 1.5em;
}
.image-right-noborder {
  float: right;
  border: 0 !important;
  padding: 0.5em;
}
.image-left-noborder {
  float: left;
  border: 0 !important;
  padding: 0.5em;
  margin: 0 1.5em 0.5em 0;
}

/* posebni listing za bukvarno, u?ne poti in projekte */
div.dodatni {
  display: none;
  margin-top: 30px;
}
#pokazi_dodatni {
  cursor: pointer;
  text-decoration: underline;
  padding-left: 15px;
}
.vec {
  float: left;
  margin-top: 20px;
  width: 500px;
  line-height: 30px;
}
.vec.re {
  width: 150px;
}
.posebni_listing .more {
  float: left;
  width: 300px;
  margin-left: 50px;
}
.posebni_listing dt {
  float: left;
  width: 270px;
  clear: both;
  font-size: 12px;

}
.posebni_listing dt a div {
  width: 220px;
  height: 30px;
  text-align: left;
}
.posebni_listing dt a div a {
  padding-left: 0px; 
  text-align: left;
}

.posebni_listing dd {
  font-style: italic;
  float: left;
  width: 395px;
  margin-left: 0px;
  font-size: 15px;
  color: #999;
  padding-top: 4px;
}

.posebni_listing a {
  color: #00518e;
  text-align: left;
  display: block;
  width: 251px;
  height: 30px;
  font-size: 100%;
  line-height: 29px;
  text-decoration: none;
  padding-left: 10px;
  
}
.posebni_listing a:hover {
  color: #000;
}
.posebni_listing a:active {
  color: #fff;
}
.posebni_listing a.n0 {
  background: url(/veselasola.net/portal/dolg_rdec_1.png) no-repeat;  
}
.posebni_listing a.n1 {
  background: url(/veselasola.net/portal/dolg_temnomoder_1.png) no-repeat;
}
.posebni_listing a.n2 {
  background: url(/veselasola.net/portal/dolg_svetlomoder_1.png) no-repeat;
}
.posebni_listing a.n3 {
  background: url(/veselasola.net/portal/dolg_zelen_1.png) no-repeat;  
}
.posebni_listing a.n4 {
  background: url(/veselasola.net/portal/dolg_rumen_1.png) no-repeat;
}

.posebni_listing a.n0:hover {
  background: url(/veselasola.net/portal/dolg_rdec_2.png) no-repeat;  
}
.posebni_listing a.n1:hover {
  background: url(/veselasola.net/portal/dolg_temnomoder_2.png) no-repeat;
}
.posebni_listing a.n2:hover {
  background: url(/veselasola.net/portal/dolg_svetlomoder_2.png) no-repeat;
}
.posebni_listing a.n3:hover {
  background: url(/veselasola.net/portal/dolg_zelen_2.png) no-repeat;  
}
.posebni_listing a.n4:hover {
  background: url(/veselasola.net/portal/dolg_rumen_2.png) no-repeat;
}

.posebni_listing a.n0:active {
  background: url(/veselasola.net/portal/dolg_rdec_3.png) no-repeat;  
}
.posebni_listing a.n1:active {
  background: url(/veselasola.net/portal/dolg_temnomoder_3.png) no-repeat;
}
.posebni_listing a.n2:active {
  background: url(/veselasola.net/portal/dolg_svetlomoder_3.png) no-repeat;
}
.posebni_listing a.n3:active {
  background: url(/veselasola.net/portal/dolg_zelen_3.png) no-repeat;  
}
.posebni_listing a.n4:active {
  background: url(/veselasola.net/portal/dolg_rumen_3.png) no-repeat;
}






/* BASIC COLORS STRONGER */
.orangei {
  color: #ff7a00 !important;
}
.pinki {
  color: #fe008b !important;
}
.greeni {
  color: #6bb430 !important;
}
.lightbluei {
  color: #00a4e1 !important;
}
.purplei {
  color: #98228e !important;
}
.redi {
  color: #fb000a !important;
}
.darkbluei {
  color: #00518e !important;
}
.yellowi {
  color: #ffd701 !important;
}