body {
margin: 0px 0 20px 0;
padding:0;
background:#7c2888;
font:small Verdana,Sans-serif;
line-height:1.6em;
color:#4e5f6e;
text-align: center;
}
#wrapper {
width: 955px;
margin: auto;
padding: 0;
text-align: left;
}

.ovdje:link {
color: #fff;
text-decoration: underline;
}
.ovdje:visited {
color: #fff;	
text-decoration: underline;
}
.ovdje:active {
color: #fff;
}
.ovdje:hover {
color: #fff;
text-decoration: none;
}

#list-menu {
width: 197px;
color: #7c2888;
/* this width value is also effected by
the padding we will later set on the links. */
}
#list-menu ul {
margin: 0; 
padding: 10px 0 0 0;
list-style-type: none;font-family: verdana, arial, sanf-serif;
font-size: 12px; 
color: #7c2888;
} 

#list-menu li {
margin: 2px 0 0;
} 


#list-menu a {
display: block;
width:197px;
padding: 2px 2px 2px 10px;
border: 1px solid #fff;
background: #ab55de;
color: #fff;
text-decoration: none;
filter:blendTrans(duration=0.5);
} 

#list-menu .ljubicasta {
display: block;
width:197px;
padding: 2px 2px 2px 10px;
border: 1px solid #fff;
background: url("http://proactiva.hr/slike/meni.gif") top left no-repeat;
color: #fff;
text-decoration: none;
filter:blendTrans(duration=0.5);
} 

#list-menu .siva{
display: block;
font-size: 12px; 
width:197px;
padding: 2px 2px 2px 10px;
border-top: 1px solid #5b2671;
border-left: 0px solid #5b2671;
border-right: 1px solid #5b2671;
border-bottom: 1px solid #5b2671;
background: #f6f6f6;
color: #4e5f6e;
text-decoration: none;
filter:blendTrans(duration=0.5);
text-align: center;
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #fff;
}

#list-menu .ljubicasta:link, #list-menu .ljubicasta:active, #list-menu .ljubicasta:visited {
color: #fff;
}

#list-menu .siva:link, #list-menu .siva:active, #list-menu .siva:visited {
color: #4e5f6e;
}

#list-menu a:hover {
border: 1px solid #fff;
background: #ab55de;
color: #ffffff;
} 

#list-menu .siva:hover {
border-top: 1px solid #5b2671;
border-left: 0px solid #5b2671;
border-right: 1px solid #5b2671;
border-bottom: 1px solid #5b2671;
background: #5b2671;
color: #ffffff;
} 


.lijevo {
margin: 0 10px 0px 0;
border: 0;
float: left;
}

.desno {
margin: 0 0px 0px 10px;
border: 0;
float: right;
}

.highlightit img{
border: 3px solid #ccc;
}

.highlightit:hover img{
border: 3px #FFF;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.vijesti img{
border-top: 5px solid #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
border-bottom: 20px solid #fff;
}

.vijesti:hover img{
border-top: 5px solid #e8e8e8;
border-left: 5px solid #e8e8e8;
border-right: 5px solid #e8e8e8;
border-bottom: 20px solid #e8e8e8;
}

.vijesti:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.opacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
-moz-opacity: 0.5;
}

.opacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

a:link {
	color: #84408c;
	
	text-decoration: none;
}
a:visited {
	color: #84408c;
	
	text-decoration: none;
}
a:active {
	color: #84408c;
}
a:hover {
	color: #fff;
	background: #9421a2;
	text-decoration: none;
}

.extra:link {
color: #000;
text-decoration: none;
}
.extra:visited {
color: #000;
text-decoration: none;
}
.extra:active {
color: #000;
}
.extra:hover {
color: #000;
text-decoration: none;
}

.extra2:link {
color: #fff;
text-decoration: none;
}
.extra2:visited {
color: #fff;
text-decoration: none;
}
.extra2:active {
color: #fff;
}
.extra2:hover {
color: #fff;
text-decoration: none;
background: transparent;
}


.none, caption {
display: none;
}
.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

code {
font: 13px 'Courier New', Courier, Arial, sans-serif;
color: #CC3300;
}

acronym, abbr {
cursor: help;
border-bottom: 1px dotted #333;
}

del {
color: #ccc;
background: #FFFFCC;
}

blockquote {
background: url("http://proactiva.hr/themes/site_themes/butterfly/butterfly_quote.gif") top left no-repeat;
margin: 10px;
padding: 8px 0 0 25px;
}

textarea.text, input.text {
font: 11px Verdana, Arial, sans-serif;
width: 181px;
}
input.button {
font: 11px Verdana, Arial, sans-serif;
background: #84408c;
color: #fff;
}
.topestnav {
background: url("http://proactiva.hr/slike/edukacija_pocetna.jpg") top left no-repeat;
text-align: left;
margin: 0;
padding: 0px 0px 0 0px;
font-size: 12px;
line-height:16px;
height: 114px;
color: #fff;
}
.topestnav p {
margin: 0;
padding: 8px 0 0 13px;
font-size: 12px;
line-height:16px;
letter-spacing: 1px;
color: #fff;
}

.topestnav1 {
color: #fff;
margin: 0;
padding: 0 20px 0 0;
font-size: 10px;
height: 114px;
float: left;
}
.topestnav1 p {
font: 11px Verdana;
margin: 0;
padding: 10px 0 0 13px;
}



.topestnav2 {
text-align: left;
font: 28px Arial, sans-serif;
color: #fff;
margin: 0;
padding: 0px 5px 0 0;
height: 114px;
width: 530px;
float: right;
}
.topestnav2 p {
font: 28px Arial, sans-serif;
margin: 0;
padding: 11px 0 0 0px;
letter-spacing: 5px;
}


table#postcomment tr td {
font: 11px Verdana, Arial, sans-serif;
}
table#postcomment tr td p {
margin: 4px 0 4px 0;
}
#header {
margin: 0;
padding: 0 0 0 225px;
height: 47px;
background: url("http://proactiva.hr/slike/edukacija_02.gif") top left no-repeat;
border-right: 1px solid #fff;
}
#header h1 {
font: 22px Arial, Verdana, sans-serif;
margin: 0;
padding: 10px;
letter-spacing: 2px;
color: #703296;
}
#header a {
border: none;
color: #990000;
}
#header a:hover {
color: #CC0000;
}

#navcontainer{
background: url("http://proactiva.hr/slike/edukacija_05.gif") top left no-repeat;
height: 3px;
margin: 0;
padding: 0 0 0 0px;
}
#navcontainer ul{
margin: 0;
padding: 0;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 11px/30px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #F8F2E5;
text-decoration: none;
display: block;
width: 106px;
border-top: none;
border-right: 1px solid #A8B090;
border-bottom: none;
}

#navcontainer li#active { background: #CC0000; color: #fff; border-bottom: none; }
#navcontainer a:hover { background: #4A0000; color: #fff; border-bottom: none;}


#main-c {
width: 955px;
margin: 0;
padding: 0;
background: url("http://proactiva.hr/slike/bg_10.jpg") top left;
}


#main {
width: 955px;
}

#bigger {
width: 483px;
float: left;
margin: 0;
padding: 0 0 30px 0;
}

.bar-head {
background: url("http://proactiva.hr/themes/site_themes/butterfly/butterfly.jpg") top left no-repeat;
height: 170px;
margin: 0 0 15px 0;
padding: 0;
}
.date-header {
margin: 10px 15px 15px 15px;
padding: 0;
}
.date-header h2 {
font: 24px Arial, 'Times New Roman', sans-serif;
margin: 0;
padding: 1px 0 0 5px;
color: #fff;
letter-spacing: 2px;
background: url("http://proactiva.hr/slike/naslov.jpg") top left;
}

.entry-title {
margin: 0;
padding: 0;
}

.entry-title h3 {
margin: 0 0 8px 0;
padding: 0;
color: #84408c;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}

.entry-title h3 a {
border: none;
color: #84408c;
}

.entry-title h3 a:hover {
border: none;
color: #fff;
}

.entry-title1 h3 {
margin: 0 0 0px 0;
padding: 0;
color: #84408c;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}

.entry-title1 h3 a {
border: none;
color: #84408c;
}

.entry-title1 h3 a:hover {
border: none;
color: #84408c;
}

.entry {
margin: 20px 15px 40px 15px;
padding: 0;
}
.entry-info {
margin: 10px 0px 0px 0;
padding: 0 0px 0 0;
font-size: 11px;
text-align: right;
background: #fff;
line-height: 17px;
}
.entry-info p {
margin: 0;
padding: 0;
}
.entry .imgupload {
border: none;
float: left;
margin: 20px 10px 0 0;
border: 1px solid #333;
}

.navi-pages {
text-align: right;
margin: 15px;
font-size: 11px;
background: #FBF8EF;
padding: 10px;
}
.navi-pages p {
margin: 0;
padding: 0;
}

#smaller {
width: 256px;
float: right;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 16px;
}
.smaller-c {
margin: 10px 5px 10px 0;
}

#smaller .box-1 {
margin: 0 0 20px 0;
}

#smaller h4 {
margin: 0 0 8px 0;
padding: 4px 0 4px 10px;
color: #fff;
background:#7c2888;
font: bold 12px Verdana, Arial, sans-serif;
}

#smaller ul {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}
#smaller ul li {
margin: 4px 0 4px 0;
}

#smaller1 {
width: 212px;
float: left;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 16px;
}
.smaller1-c {
margin: 15px 0 0 0;
}

#smaller1 .box-1 {
margin: 0 0 30px 0;
}

#smaller1 h4 {
height: 80px;
width: 209px;
margin: 0 0 6px 1px;
padding: 3px 0 3px 0;
color: #fff;
font: bold 10px Verdana, Arial, sans-serif;
text-align: center;
background:#7c2888;
float:left;
}

#h-recents {
float:left;
width:100%;
padding:10px;
}


#comments, #comments-post, #trackbacks {
margin: 20px 15px 10px 15px;
padding: 0;
font-size: 11px;
line-height: 17px;
}
#comments h4, #comments-post h4, #trackbacks h4 {
margin: 0 0 20px 0;
padding: 0;
color: #990000;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}
.comment-item, .trackbacks-item {
margin: 5px 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #f3f3f3;
}
.comment-text p, .comment-info p, .trackbacks-text p, .trackbacks-info p {
margin: 0 0 8px 0;
padding: 0;
}
.comment-info, .trackbacks-info {
text-align: right;
font-size: 10px;
}
.trackbacks-text h5 {
font: bold 11px Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
color: #993300;
}

#footer {
margin: 0;
padding: 0;
font-size: 10px;
background: url("http://proactiva.hr/slike/edukacija_11.jpg") top left no-repeat;
height: 116px;
color: #fff;
}

.footer-i {
margin: 0px;
padding: 12px 10px 10px 10px;
}
.footer-i p {
margin: 0;
padding: 0;
}

.datum {
line-height: 14px;
float: right;
margin: -14px 5px 0 0;
padding: 0 0 0 0;
}

span.pocetna-tvrtke-edukacije {
font-family: Tahoma;
font-size: 10px;
}