/* AROS CSS File */

* {margin:0; padding:0;}
html, body {width:100%; height:100%; background:#000;}
body {text-align:center;}
body, p, div, a {font-family:'Trebuchet MS', Arial, sans-serif; font-size:11px; color:#fff;}
div, a, p, input, select, option, span, li, img {text-align:left; outline: none !important;}

a:hover {text-decoration:none; color:#ff7e00;}

#mainContainer {width:840px; margin:0px auto; /*border:1px solid red;*/ position:relative;}
#logoContainer {width:190px; height:322px; background:url(images/logo.png) 0 0 no-repeat; float:left; position:relative; cursor:pointer;}
#contentContainer {width:639px; /*border:1px solid green;*/ float:right; position:relative;}
#titleContainer {text-align:right;}
#titleContainer img {margin:31px 0px 8px 0px;}
.subtitleContainer {text-align:right;}
.subtitleContainer img {margin:2px 8px 11px 0px;}
.mainImage {margin:0px 4px 0 7px; float:right; position:relative;}

.hr {font-size:1px; width:634px; height:1px; overflow:hidden; background:url(images/ruler.png) 0 0 no-repeat;}
.hr hr {display:none;}
.opsirnije {color:#6f6f6f; font-size:10px; text-decoration:none; font-size:10px; text-align:right;} /*color:#3b3a3a;*/
.opsirnije:hover {color:#ff7e00; text-align:right;}
.date {font-size:10px;}

#navigation {display:block; width:100%; list-style:none; margin:0; padding:0;}
#navigation li {float:left; position:relative; display:inline; padding:10px 6px 0px 6px;}
#navigation li.hrTab {float:right; position:relative; display:inline; padding:10px 2px 0 6px; background:url(images/nav-sep.gif) no-repeat 0px 10px;}
#navigation li a {display:block; background-position:top; height:20px; font-size:1px; z-index:10;}
#navigation li a:hover {background-position:bottom;}
#oNama {background:url(images/nav-onama.png) 0 0 no-repeat; width:35px;}
#konzalting {background:url(images/nav-konzalting.png) 0 0 no-repeat; width:46px;}
#radijskeKomunikacije {background:url(images/nav-radijskekomunikacije.png) 0 0 no-repeat; width:99px;}
#prodaja {background:url(images/nav-prodaja.png) 0 0 no-repeat; width:34px;}
#rjesenja {background:url(images/nav-rjesenja.png) 0 0 no-repeat; width:37px;}
#web {background:url(images/nav-web.png) 0 0 no-repeat; width:21px;}
#kontakt {background:url(images/nav-kontakt.png) 0 0 no-repeat; width:35px;}
#english {background:url(images/nav-english.png) 0 0 no-repeat; width:31px;}
#hrvatski {background:url(images/nav-hrvatski.png) 0 0 no-repeat; width:36px;}

.reference {position: relative; height: 18px; padding:7px 0 5px 40px;}
.reference a {text-decoration: none; color:#ff7e00; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold !important; line-height: 12px;}

.reference a span {
	display: block;
	width: 24px;
	height: 24px;
	/*padding: 5px 0 0 0;
	*padding: 6px 0 0 0;*/
	line-height: 24px;
	padding-left: 6px;
	text-align: left;
	position:absolute;
	top: 0px; left:3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #000;
	overflow:hidden;
	background:url(images/btn-round.png) no-repeat; background-position: top left
	}
.reference a:hover span	{background-position: bottom left;}

.active {background-position:bottom !important;}
.onPage {background:url(images/bg-onpage.png) 0 0 repeat-x;}

.title {font-size:18px; color:#ff7e00; line-height:23px; font-weight:normal;}
.subheading {font-style:italic;  color:#6f6f6f; font-size:13px;}
.subheading2 {font-style:italic;  color:#6f6f6f; font-size:12px;}
.subheading strong, .subheading2 strong {color:#fff;}
.orange {color:#ff7e00;}
.grey {color:#b0b0b0;}

.categorySingle {position:relative; margin:0 0 10px 0;}
.categorySingle ul {list-style:none; padding-top:20px;}

.morelink {font-size:14px;color:#ff7e00; font-weight:normal;}
.morelink, .closelink {cursor:pointer;}

.newsContainer {position:relative; background:url(images/bg-news.png) 0 0 repeat-x; padding:28px 0px;}
.newsContainer .categorySingle {margin:0 0 2px 0;}
.newsContainer .morelink {padding-left:9px; font-style:italic; font-size:12px;}
.newsContainer .moretext div.hr {margin:0px 0px;}

#newsHeading {position:absolute; top:0px; right:0px;}
.newsThumb 
{
	display:block; 
	float:left; 
	position:relative; 
	width:141px; 
	height:89px; 
	overflow:hidden; 
	z-index:1; 
	margin:3px 15px 3px 7px;
	}
.newsThumbMask 
{
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:141px; 
	height:89px; 
	background:url(images/maska-news.png) 0 0 no-repeat; 
	z-index:20;
}

.moretext {margin:0; position:relative;}
.moretext div.hr {margin:5px 0px;}
.closelink {position:absolute; right:5px; top:9px; width:50px; text-transform:uppercase; font-family:'Trebuchet MS', sans-serif; font-size:10px; color:#6f6f6f; text-align:right;} /* color:#3b3a3a; */ 
.closelink:hover {color:#ff7e00;}

.newsContainer .closelink {position:absolute; right:5px; top:4px; width:50px; text-transform:uppercase; font-family:'Trebuchet MS', sans-serif; font-size:10px; color:#3b3a3a; text-align:right;}
.newsContainer .closelink:hover {color:#ff7e00;}

.categoryPopUpImage {float:left; position:relative; margin:10px 19px 0px 12px;}
.categoryPopUpImage1 {float:left; position:relative; margin:10px 10px 0px 12px;}
.categoryPopUpImage2 {float:left; position:relative; margin:10px 10px 0px 12px;}
.categoryPopUpImage3 {float:left; position:relative; margin:10px 0px 0px 12px;}

.prodaja {display:block; width:100%; list-style:none;}
.prodaja li {float:left; position:relative; padding:6px 6px 0 0;}
.prodaja li a {display:block; width:153px; height:88px; font-size:1px; background-position:top; background-repeat:no-repeat;}
.prodaja li a:hover {background-position:bottom;}

.mikrotik {background:url(images/prodaja/mikrotik.png);}
.huawei {background:url(images/prodaja/huawei.png);}
.hp {background:url(images/prodaja/hp.png);}
.handlink {background:url(images/prodaja/handlink.png);}
.asterisk {background:url(images/prodaja/asterisk.png);}
.axigen {background:url(images/prodaja/axigen.png);}
.cisco {background:url(images/prodaja/cisco.png);}
.ubiquity {background:url(images/prodaja/ubiquity.png);}
.amx {background:url(images/prodaja/amx.png);}

/*--- CONTACT FORM ---------------------------------------------------------------------------------- */
form {margin:0px; border:0px none; padding:0px;}
#contactHolder {margin:0px; padding:0px; width:100%; }
#contactHolder tr td {height:30px; vertical-align:top; text-align:left;}
#contactHolder tr .button {padding:13px 0px 0px 0px; text-align:right;}
#contactHolder tr td .inputField {
	width:286px;
	height:18px;
	border:0px none;
	margin:0px;
	padding:2px 0px 0px 4px;
	font-family:'Trebuchet MS', Arial, sans-serif;
	font-size:11px;
	color:#7b7b7b;
	background:url(images/contact-input.png) no-repeat;
	background-position:top left;
	line-height:normal;
	cursor:pointer;
	z-index:80;
}

#contactHolder tr td .inputField:hover {background-position:bottom left; color:#ff7e00;}

#contactHolder tr td .txtArea
{
	width:280px !important;
	height:127px;
	border:1px solid #484b4e;
	margin:0px;
	padding:3px 0px 0px 4px;
	font-family:'Trebuchet MS', Arial, sans-serif;	
	font-size:11px;
	color:#7b7b7b;
	overflow:auto;
	background:#000;
}

#contactHolder tr td .txtArea:hover {border:1px solid #fff; color:#ff7e00;}

#contactHolder tr td .dropList {
	position:relative;
	height:23px;
	width:286px !important;
	margin:0px;
	padding:0px;
	z-index:90;
	}
#contactHolder tr td .dropList .select
{
	border:0px none;
	background:url(images/contact-select2.png) no-repeat;
	background-position:top left;;
	width:286px; !important;
	height:18px;
	font-size:11px;
	color:#7b7b7b;
	font-weight:normal;
	padding:2px 0px 0px 5px;
	margin:0px;
	position:absolute;
	left:0px;
	top:0px;
	line-height:normal;
	cursor:pointer;
}

#contactHolder tr td .dropList .select:hover {background-position:bottom left; color:#ff7e00;}

#contactHolder tr td .dropList #pullDown {
	position:absolute;
	background-color:#000;
	border:1px solid #a5a5a5;
	z-index:120;
	width:284px !important;
	height:90px;
	top:20px; left:0px;
}

#contactHolder tr td .dropList #pullDown a {
	text-align:left;
	display:block;
	width:280px !important;
	font-size:12px;
	color:#7b7b7b;
	font-weight:normal;
	padding-left:4px;
	margin:0px;
	cursor:pointer;
	text-decoration:none;
}

#contactHolder tr td .dropList #pullDown a:hover { background-color:#393939; color:#fff;}

/*#contactHolder tr td .dropList input { margin:0px; padding:0px; background-color:transparent !important;}*/

#contactHolder tr td label {display:block; margin:0; padding:0 0 7px 1px; border:0 none;}

.submit 
{ 
	width:43px !important; 
	line-height:17px; 
	overflow:hidden; 
	background:url(images/contact-submit.png) no-repeat; 
	background-position:top left;
	font-size:10px;
	color:#bebaba;
	text-align:center;
	cursor:pointer;
	margin-left:242px;
}
.submit:hover {	background-position:top left; color:#ff7e00;}
/* ------------------------------------------------------------------------------------------------------------
	CONTACT FORM END 		*/

/********** TOOLTIP ***********/


.linkTooltipTitle {
	color: #ff7e00;
	font-size: 18px;
	font-family: "Trebuchet MS", Tahoma,sans-serif;
	font-weight: normal;
}

.linkTooltipTitle hr {
	border-top: 1px dotted #999999;
	border-bottom: 0px   !important;
	border-bottom: 1px solid #000000;
	margin: 6px 0px 6px 0px;
}

.linkTooltip {
	color: #FFFFFF;
	font-size: 14px;
	font-family: "Trebuchet MS", Tahoma,sans-serif;
	font-weight: normal;
	line-height: 20px;
}

.GoogleMaps {height:200px; width:350px; text-align:right;}
.aright {text-align:right !important;}
.pb10 {padding-bottom:10px;}
.mt10 {margin-top: 10px;}

.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}