/*  
Theme Name: IT.com.mk
Version: 1.0
Author: IWM Network
Author URI: http://iwmnetwork.com/

*/


/* HTML Elements */
	
a img {
	border:0;
	}
	
#container {
	width:100%;
	margin:0px auto;	
	padding-top:33px;
	background: url(images/bg2.png) repeat-x top center;
	}


/* Structure */


#head {
	width:980px;
	margin:0px auto;
	padding:0px;
	font-size:0.7em;
	}
	



#page {
	width:940px;
	margin:0px auto;
	padding:0px 20px 20px 20px;
	background:#fff;
	font-size:0.7em;
	}

#pagemenu {
	width:940px;
	margin:0 auto;
	margin-top:28px;
	padding:0px 20px 10px 20px;
	background:#ececec;
	font-size:0.7em;
	background: url(images/pagemenu.jpg) no-repeat top left;
	background-color:#FFFFFF;
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}
	
.right {
	float:right;
	padding-top:10px;
	}
	
/* Navigation Bar 1*/
#navbar {
	margin:0 auto;
	height: 40px;
	}

#page-bar {
	width:940px;
	margin:0;
	padding:0;
	}
	
#page-barright {
	float:right;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	}
	
#page-bar a img {
margin-bottom:10px;
	padding-top:1px;
	border-right: 1px solid #f7f9f9;
	border-bottom: 1px solid #f7f9f9;
	}
	
#page-bar a:hover img {
	padding-top:0px;
	border-right: 1px solid #f7f9f9;
	border-bottom: 1px solid #f7f9f9;
	-moz-box-shadow: 2px 2px 6px 0px #bbc6cc;
	moz-box-shadow: 2px 2px 6px 0px #bbc6cc;

	}

#page-bar li:hover {
	height: 40px;
	}

#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:13px 10px 0px 0px;
	color:#2d3337;
	display:block;
	text-transform: uppercase;
        text-decoration:none;
	font-family:"Arial Narrow", Helvetica, sans-serif;
	font-size:11px;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	color: #e11d0f;
	}

/* Navigation Bar 2*/
#navbar2 {
	margin:0 auto;
	background: url(images/navbar_robot.jpg) repeat-x top left;
	height: 40px;
	text-shadow: 1px 1px 1px #000;
	}
	
#page-bar2 {
	width:940px;
	margin:0;
	padding:0;
	}

#page-bar2 ul {
	list-style: none;
	z-index:5000;
	}

#page-bar2 li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	}

#page-bar2 li:hover {
	background: url(images/navbarhover.jpg) repeat-x top left;
	height: 40px;
	}


#page-bar2 a, #page-bar2 a:visited {
	margin: 0 0 11px 0;
	padding:7px 15px 0px 15px;
	color:#FFF;
	display:block;
	text-decoration:none;
	font-size:18px;
	text-transform: lowercase;
	font-family:"Arial Narrow", Helvetica, sans-serif;
	}

#page-bar2 a:hover {
	text-decoration:none;
	display:block;
	}

/* Dropdown Menus */		
#page-bar2 li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#page-bar2 li li {
	float: left;
	margin: 0 0 0 -40px;
	padding: 0px;
	width: 122px;
	text-transform:none;
	}
	
#page-bar2 li li a, #page-bar2 li li a:link, #page-bar2 li li a:visited {
	background: url(images/navbar.jpg) repeat-x top left;
	height: 33px;
	width: 170px;
	float: none;
	margin: 0px;
	padding:6px 15px 0px 15px;
	border-top: 1px solid #fff;
	text-transform: lowercase;
	}
	
#page-bar2 li li a:hover, #page-bar2 li li a:active {
	background: url(images/navbarhover.jpg) repeat-x top left;
	padding:6px 15px 0px 15px;
	}

#page-bar2 li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar2 li:hover ul {
	left: auto;
	display: block;
	}
	
#page-bar2 li:hover ul, #page-bar2 li.sfhover ul {
	left: auto;
	}


/* Index Page*/

#logo {
	width:235px;
	padding-left: 35px;
        margin-bottom:5px;
	}

#najava {
	float:left;
	width:400px;
	text-align:right;
	text-transform:uppercase;
	font-family:"Arial Narrow", Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#2d3337;
	padding-right:17px;
	margin-top: 21px;
}

#najava a{
	color:#2d3337;
	text-decoration:none;
}

#najava a:hover{
	color: #e11d0f;
}
	
#prebaraj {
	float:left;
	width:293px;
	text-align:left;
	margin-top: 18px;
	}







/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
	
	
/* Footer*/

.red {
	color: #d8281b;
}

#front-popular {
	width: 980px;
	border-top: 4px solid #e3e7e9;
	margin: 0 auto;
	background: #fff url(images/footer_robot.png) no-repeat 780px top;
	}
	
#front-popular ul {
	margin: 0;
	padding: 0;
}

#front-popular li {
	margin: 0;
	padding: 0;
}
	
#front-popular h3{
	font-size:17px;
	text-transform:lowercase;
	letter-spacing:-0.05em;
	font-weight:bold;
	color:#2f3941;
	}

#nizitcommk {
	width:200px;
	float:left;
	padding:10px 0 30px 30px;
	}

#profili {
	width:200px;
	float:left;
	padding:10px 0 30px 0;
	}

#servisi {
	width:200px;
	float:left;
	padding:10px 0 30px 0;
	}
	
#itmobile {
	width:300px;
	float:right;
	padding: 10px 25px 0 25px;
	line-height:17px;
	color: #2f3941;
	font-size:11px;
	}

#nizitcommk a, #servisi a, #profili a, #itmobile a {
	color:#939ea2;
	display:block;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	padding-bottom: 3px;
	text-decoration:none;
}

#nizitcommk a:hover, #servisi a:hover, #profili a:hover, #itmobile a:hover {
	color:#d8281b;
	text-decoration:none;
}

#nizitcommk ul, #servisi ul, #profili ul {
	margin-top:5px;
	}

#nizitcommk ul li, #servisi ul li, #profili ul li, #itmobile ul li {
	list-style:none;
	display:block;
	margin-top:5px;
	}

#nizitcommk ul li:hover, #servisi ul li:hover, #profili ul li:hover, #itmobile ul li:hover {
	color:#fff;
	}

.pFacebook a{
	background: #fff url(images/icon_fb.jpg) no-repeat top left;
	padding-left:20px;
}

.pTwitter a{
	background: #fff url(images/icon_twitter.jpg) no-repeat top left;
	padding-left:20px;
}
	
.pFlickr a{
	background: #fff url(images/icon_flickr.jpg) no-repeat top left;
	padding-left:20px;
}

.pYoutube a{
	background: #fff url(images/icon_youtube.jpg) no-repeat top left;
	padding-left:20px;
}

.pVimeo a{
	background: #fff url(images/icon_vimeo.jpg) no-repeat top left;
	padding-left:20px;
}

.pLinkedin a{
	background: #fff url(images/icon_linkedin.jpg) no-repeat top left;
	padding-left:20px;
}

.pLastfm a{
	background: #fff url(images/icon_lastfm.jpg) no-repeat top left;
	padding-left:20px;
}

.pFriendfeed a{
	background: #fff url(images/icon_friendfeed.jpg) no-repeat top left;
	padding-left:20px;
}

.pDelicious a{
	background: #fff url(images/icon_delicious.jpg) no-repeat top left;
	padding-left:20px;
}

.pClenstvo a{
	background: #fff url(images/icon_clenstvo.jpg) no-repeat top left;
	padding-left:20px;
}

.pBilten a{
	background: #fff url(images/icon_bilten.jpg) no-repeat top left;
	padding-left:20px;
}

.pGoogle a{
	background: #fff url(images/icon_google.jpg) no-repeat top left;
	padding-left:20px;
}

.pRss a{
	background: #fff url(images/icon_rss.jpg) no-repeat top left;
	padding-left:20px;
}


#footer {
	margin: 0 auto;
	width: 920px;
	margin:0px 30px 0px 30px;
	padding:7px 0 7px 0;
	color: #45565c;
	float:left;
	border-top: 1px solid #e3e7e9;
	font-size:11px;
}

.copyr {
	font-size:11px;
}
	
#footer a{
	margin:0 15px 0 0;
	color: #1082c3;
	text-decoration:none;
	font-size:11px;
}

#footer a:hover{
	color: #1082c3;
	text-decoration: underline;
}