@charset "utf-8";
/* CSS Document */

body { background: url(../images/bg2a.jpg) 50% 0 no-repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }


.captions .networks { background: url(../images/drvo.png) 0 0 no-repeat; margin-top:-45px; }
.captions .friends { background:url(../images/stream.png) 0 0 no-repeat; margin-top:30px; }
.captions .world { background:url(../images/cv.png) 0 0 no-repeat; margin-top:-20px;}
.captions a { display:block; width:314px; height:354px; cursor:pointer; }
.captions em { margin-left:-9999px }

.baneri { width:615px; margin:5px auto 0; text-align:center; }
.baneri-slicice { width:615px; margin:13px auto 0; text-align:center; }
.baneri h3 { color:#2e90d0; font-size:14px; font-weight:normal; }
.baneri-slicice .ekonomija, .baneri-slicice .fdes, .baneri-slicice .ekomen, .baneri-slicice .grafopres { float:left;  height:58px; background:url(../images/prijatelji_inactive.jpg) no-repeat; margin-right:20px; }
.baneri-slicice .ekonomija { background-position:0 0; width:80px; }
.baneri-slicice .ekonomija a {display:block; width:80px; height:58px;}
.baneri-slicice .fdes { background-position:-90px 0; width:160px; }
.baneri-slicice .fdes a {display:block; width:160px; height:58px;}


.baneri-slicice .ekomen { background-position:-255px 0; width:140px;}
.baneri-slicice .ekomen a {display:block; width:140px; height:58px;}

.baneri-slicice .grafopres { background-position:-411px 0; width:130px;}
.baneri-slicice .grafopres a {display:block; width:130px; height:58px;}

.baneri-slicice em { margin-left:-9999px }
.baneri-slicice .ekonomija:hover, .baneri-slicice .fdes:hover, .baneri-slicice .ekomen:hover, .baneri-slicice .grafopres:hover { background:url(../images/prijatelji_active.jpg) no-repeat; margin-right:20px; }
.baneri-slicice .ekonomija:hover { background-position:0 0;  }
.baneri-slicice .fdes:hover { background-position:-90px 0; }
.baneri-slicice .ekomen:hover { background-position:-255px 0; }
.baneri-slicice .grafopres:hover { background-position:-411px 0; }

.home .recent-news, .home .comments, .home .share { float:left; width:260px; padding:30px;  }
.home h3 { font-family:"Myriad Pro", Helvetica; font-size:26px; line-height:24px; font-weight:normal; font-stretch:condensed; color:#424242; }

.recent-news { font-size:12px; }
.recent-news dl dt { color:#638620; margin-top:15px; }
.recent-news dl dd { color:#666666; margin-top:15px; line-height:16px; }
.recent-news dl a { color:#00aff0; }
.recent-news dl a:hover { text-decoration:none; }

.comments { font-size:12px; }
.comments dl dt { font-weight:bold; color:#333; margin-top:15px; }
.comments dl dd { color:#666; line-height:16px; }
.comments dl a { color:#638620; }
.comments dl a:hover { text-decoration:none; }

.share { font-size:14px; }
.share p { color:#3e3e3e; line-height:20px; margin-top:15px; }
.share ul { margin-top:10px; }
.share ul li { margin-bottom:5px; }
.share ul li a { color:#2e90d0; }
.share ul li a:hover { color:#638620; text-decoration:none; }
.share .facebook { background: url(../images/facebook.jpg) 0 0 no-repeat; padding:15px 0 8px 50px; }
.share .twitter { background: url(../images/twitter.jpg) 0 0 no-repeat; padding:15px 0 8px 50px; }


/* tooltip styling */
.tip { display:none; height:163px; padding:40px 30px 10px 30px; width:310px; font-size:11px; color:#666; top:100px !important; cursor:pointer; }

/* a .label element inside tooltip */
.tip .label { color:yellow; width:35px; }
.tip a { color:#ad4; font-size:11px; font-weight:bold; }
.cloud { background:url(../images/cloud.png) 0 0 no-repeat; height:198px; padding:35px 20px 0 32px; text-align:center; width: 210px; }
.cloud-network { background:url(../images/cloud-network.png) 0 0 no-repeat; height:198px; padding:35px 20px 0 32px; text-align:center; width:210px; }
.cloud-world { background:url(../images/cloud-world.png) 0 0 no-repeat; height:198px; padding:46px 20px 0 12px; text-align:center; width:210px; }
.cloud-network p, .cloud-world p, .cloud p { font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:16px; color:#142128; }
.cloud-network1 { background:url(../images/cloud_mreza.png) 0 0 no-repeat; width:313px; margin-left:-20px; }
.cloud-friends1 { background:url(../images/cloud_stream.png) 0 0 no-repeat; width:313px; margin-left:10px; }
.cloud-world1 { background:url(../images/cloud_bio.png) 0 0 no-repeat; width:313px; margin-left: 39px; }

.leftcolumn { width: auto !important; overflow: hidden; margin: 0; }
.hbox { width: 250px; height: 120px; float: left; margin: 0 20px 15px 0; padding: 0 10px 0 0; }