/*
*/

body {
text-align: center; /* Centers the page content container in IE 5 browsers. */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  background-color: #ffffff;
  font-size: 11px;
  color: #617361;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 auto;}

h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
}

h4, h5, h6 {
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a:link {
	color:  #617361;
	text-decoration: none;
	font-weight: bold;
}
/* Sets the style for visited links. */
a:visited {
  color:  #617361;
  text-decoration: none;
  font-weight: bold;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #617361;
   text-decoration:underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #617361;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #617361;
}
.clear {
    clear: both;
}
.left {
    float: left;
}

.right {
    float: right;
}
.center {
    text-align: center;
}


img {
	border-style: solid;
	border-color: inherit;
	border-width: 0px;
}

/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
div#outerWrapper {
  background-color: #fff;
  width: 952px;
  text-align: left; /* Redefines the text alignment defined by the body element. */
  margin: 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
}
div#outerWrapper div#header {
  background-color: #ffffff;
  height: 56px;
  width: 952px;
}

div#outerWrapper div#topNavigation {
    background-image: url('slike/navigacija.jpg');
	height: 27px;
	width: 952px;
	margin-top: 0px;
	background-repeat: no-repeat;
}
/* Sets the style for glavni sadrzaj stranice */
div#outerWrapper div#contentWrapper {
	width: 952px;
	padding: 0px;
	margin:0px;
	float:left;
}

/* Sets the style for a levi sadrzaj content wrapera. */

/* Sets the style for a srednji sadrzaj content wrapera. */
div#outerWrapper div#contentWrapper div#content {
	margin: 0px 0px 0px 190px; 
	width:540px;
	padding:5px;

	/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
 }
/* Pages */


div#outerWrapper div#footer {
  clear: both;
  background-image: url('none');
  background-repeat: repeat-x;
  padding-right: 7px;
  padding-top: 5px;
  margin-top:20px;
  font-size: 10px;
  border-top:1px solid #dbdfdb;
  background-color: #ffffff;
  height: 16px;
  position:relative;
  float:left; 
  width: 952px;
	top: -15px;
	left: 0px;
} 
#outerWrapper #footer a {
    font-size: 10px;
    color: #84927b;
   
}
/* Sets the style za deo HEDERA-a. */
#logo{
	float:left;
	width:72px;
	height:34px;
	background-image:url('slike/Logotipi/LOGO.jpg');
	margin-top:10px;
	margin-bottom:10px;
	}
#jezik{
	float: right;
	margin-top: 20px;
	margin-right:50px;
	font-size:11px;
	font-family:Arial;
}

/* Menu - navigacija hedera - o nama, kontakt, logo grupa */
#menu {
	margin-top:20px;
	margin-right:10px;
	float: right;
	font-family:Arial;font-size:11px;
	}
#menu ul {
    margin-top:20px;
	margin: 0;
    margin-right:10px;
	list-style: none;
	line-height: normal;
}
#menu li {
	display: inline;
	padding-left: 25px;
}
#menu a {
	text-decoration: none;
	font-weight:normal;	
}
#menu a:hover {
text-decoration:none;	
}

/* search form */
form.search {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	position: relative;
	top: -2px; 
	right: 6px;
	padding: 0; 	margin: 0;
	background-color: transparent;
	height: 23px;
}
form.search input.textbox { 
	margin: 0; 
	width: 130px;
	border: 1px solid #CCC; 
	height: 18px;
	background: #FFF;
	color: #333; 
}

form.search input.button { 

    width:23px; height:23px; background:url('slike/Btnsearch.jpg') no-repeat 0 0; border:none;
	

}


/* Menu - img - btnpretraga, okvir-pretraga */


div#pretraga{
    float: right;
	margin-top: 17px;
	margin-right:2px;
	width:180px;
	height:24px;
	font-size:11px;

}

ul#navi {
	background-image:url('slike/navigacija.jpg');
	background-repeat:no-repeat;
	margin:0px;
	width:952px;
	height:27px;

}

ul#navi li {
	display: inline;
	position:relative;
	font-family:Arial;font-size:12px;color:#708470;
	top:5px;
	padding:0px 30px;
}

ul#navi li a {
	text-decoration: none;
	font-weight:bold;
}

ul#navi li a:hover {
	text-decoration: none;
	color: white;
	background-color: #A5B1A5;
}
a.topIactive:link,
a.topIactive:visited,
a.topIactive:active {color:#EA7500;}
a.topIactive:hover { text-decoration: none;}


/* Content */

#cont {
	width: 952px;
	margin: 0 auto;
	padding: 0px 0 0 0;

}

/* Baner Fiber Box */

#baner-fiber {
	float: left;
	padding: 100px 0 0 50px;
	width: 400px;
	height:370px;
}


#baner-fiber .title {
	letter-spacing: -1px;
	text-align:left;
	color:white;
	font-size: 5.2em;
}

#baner-fiber .opis {
	padding-top: 1em;
	color:#ff7f00;
	font-size: 2.8em;
	font-weight: normal;
}
.orange
{ 
color:#ff7f00;
	
}

.orange a
{color:#ff7f00;
	
}


#baner-fiber  .text{ 
color:#fff;  
font-size:12px; 
float:left; 
width:260px;
padding:10px;
font-weight:normal;
text-align:left;
}

#baner-fiber  .text p a{ 

color:#ff7f00;
}



#baner-fiber .image {
	float: left;
	margin: .3em 1em 0 0;
}

#baner-fiber p, #baner-fiber blockquote, #baner-fiberul, #baner-fiberol {
	line-height: 155%;
}

/* Recent Posts Box */

#naslov-posts {
	float: right;
	width: 180px;
	margin-top:350px;
	margin-right:10px;
}

#naslov-posts h3 {
	width: 310px;
	height: 32px;
	padding: 12px 0 0 10px;
	background: #5A5A5A url(images/img13.gif);
	font-size: 1em;
	color: #FFFFFF;
}

#naslov-posts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#naslov-posts li {
	padding: 5px 10px;
	border-bottom: 1px solid #5A5A5A;
}

#naslov-posts li:hover {
	background: #EFEFEF;
}

/* Column Baner-Naslovna-Fiber */

#colOne {
width:952px;
height:498px;
background-image:url('slike/fiber1.jpg');
background-repeat:no-repeat;
padding-bottom: 5px;
}

/* Column Two */

#coline {
	padding: 5px 0px 0px 0px;
	background: url('slike/bg.jpg') no-repeat;
	width: 740px;
	height: 189px;
	float: left;
}

#colTwo {
	padding: 10px;
	width:420px;
	height:150px;
	float:left;
}


#colTwo ul {
	margin: 0;
	padding: 0;
	list-style:square;
    color:#f48728;
    line-height:25px;
	padding-left:40px;


}

#colTwo li a {
		height: 32px;
		text-decoration: none;
		font-weight:normal;
		width:360px;
		font-size:12px;
		}



#colTwo h2 {
	margin: 0 0 0em 0;
	color:#ffffff;
	 text-transform:uppercase;
	 
	padding: 5px 0 0 5px;
	background: url(slike/btnvesti.jpg) no-repeat;
	font-size: 1.2em;
	width:60px;
	height:25px;
}

#colTwo h2 a {

	color:#ffffff;
}


.white a { color:#FFFFFF
	
}

#colTwo2 {
    margin-left:10px;
	padding: 20px 10px 20px 10px;
	width: 258px;
	height: 140px;
	float: left;
}

#colTwo2 ul {
	margin: 0;
	padding: 0;
	list-style:square;
    color:#f48728;
    padding-left:32px;


}

#colTwo2 li a {
		height: 32px;
		text-decoration: none;
		font-weight:normal;
		width:200px;
		font-size:12px;
		}
		
		
#colTwo2 h2 {

    width:120px;
	height:25px;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	 text-transform:uppercase;
	 vertical-align:middle;
	padding: 5px 0 0 5px;
	background: url('slike/btnAktuelno.jpg') no-repeat ;

}

#colTwo2 h2 a {

	color:#ffffff;
}
		

.paragraf{
  display:block;
  width:180px;
    margin-right:15px;
  margin-left:15px;
    margin-top:20px;
	padding:0 0 0 10px;

}


#coltri{
   margin:0px;
    padding:1px;
    float:left;
    width:200px;
    height:189px;
    margin-left:2px;
  }
  
  
  #coltri .image {
	float: right;
	margin: 0em 1em;
}

#img1{
	margin-bottom: 2px;
	width: 208px;
	height: 59px;
	background-image: url('slike/B2C.jpg');
	background-repeat: no-repeat;
	position: relative;
	display: block;
}

#img1 h2 {
	text-transform: uppercase;
	padding: 20px 0 0 20px;

	 font-size:11px;
	 font-weight:bold;
	 text-align:center;

	width: 140px;
	height: 20px;
}

.meni_tekst{
     padding: 20px 0 0 20px;
	 font-size:11px;
	 font-weight:bold;
	 text-align:center;
	 width: 130px;
	 float:left;
	height: 20px;

	 }
 .img_meni{
   padding: 0px;
float:right;
width:35px;
height:44px;	
}


#img2{
	margin-bottom: 2px;
	margin-top: 1px;
	width: 208px;
	height: 59px;
	background-image: url('slike/B2B.jpg');
	background-repeat: no-repeat;
}
#img3{
	margin-bottom: 2px;
	margin-top: 1px;
	width: 208px;
	height: 59px;
	background-image: url('slike/B2E.jpg');
	background-repeat: no-repeat;
}
.meni_tekst{
     margin-top:20px;
       margin-top:1px;
	 font-size:11px;
	 font-weight:bold;
	 text-align:center;
	 }

.img_meni{
margin-top:10px;
margin-right:10px;
float:right;
width:35px;
height:44px;	
}

/* Baner Usteda Box */

/* Column Baner-Naslovna-Usteda */

#colOneU {
	width: 952px;
	height: 498px;
	background-image: url('slike/usteda.jpg');
	background-repeat: no-repeat;
	padding-bottom: 5px;
}


#baner-usteda {
	float: right;
	padding: 90px 50px 10px 50px;
	width: 800px;
	height:200px;
}


#baner-usteda  .title {
	letter-spacing: -1px;
	text-align:right;
	color:#bfff00;
	font-size: 63px;
}

#baner-usteda  .opis {
	padding-top: 1em;
	color:#ff7f00;
	font-size: 2.8em;
	font-weight: normal;
}


#baner-usteda   .text{ 

font-size:14px; 
font-weight:bold;
padding-top:30px;
color:#000; 
font-size:14px; 
float:right;
width:299px;
text-align:left;
}

#baner-usteda   .text p a{ 

color:#bfff00;

}


#baner-usteda  .image {
	float: left;
	margin: .3em 1em 0 0;
}

#baner-usteda  p, #baner-usteda  blockquote, #baner-ustedaul, #baner-ustedaol {
	line-height: 155%;
}
#naslov-postusteda {
	float: right;
	width: 180px;
	margin-top:50px;
	margin-right:10px;
}

/* Baner Komunikacije Box */

/* Column Baner-Naslovna-Komunikacije */

#colOneK {
	width: 952px;
	height: 498px;
	background-image: url('slike/krecite1.jpg');
	background-repeat: no-repeat;
	padding-bottom: 5px;
}


#baner-kom {
	float: right;
	padding: 30px 50px 10px 50px;
	width: 840px;
	height:200px;
}


#baner-kom  .title {
	letter-spacing: -1px;
	text-align:right;
	color:#ffffff;
	font-size: 44px;
}

#baner-kom  .opis {
	padding-top: 0em;
    color:#4099f8; 
	font-size: 2.4em;
	font-weight: normal;
}


#baner-kom   .text{ 

font-size:14px; 
font-weight:normal;
padding-top:30px;
color:#000; 
font-size:14px; 
float:right;
width:299px;
text-align:left;
}

#baner-kom   .text p a{ 

color:#4099f8; ;

}


#baner-kom  .image {
	float: left;
	margin: .3em 1em 0 0;
}

#baner-kom p, #baner-kom  blockquote, #baner-komul, #baner-komol {
	line-height: 155%;
}
#naslov-postkom {
	float: right;
	width: 180px;
	margin-top:120px;
	margin-right:10px;
}

/* Baner DataCentar Box */

#colOneD {
	width: 952px;
	height: 498px;
	background-image: url('slike/delta.jpg');
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

#baner-datac {
	float: left;
	padding: 30px 0 0 140px;
	width: 400px;
	height:400px;
}


#baner-datac .title {
	letter-spacing: -1px;
	text-align:left;
	color:#ff7f00;
	font-size: 5.2em;
}

#baner-datac .opis {
	padding-top: 1em;
	color:#ff7f00;
	font-size: 2.8em;
	font-weight: normal;
}
.orange
{ 
color:#ff7f00;
	
}

.orange a
{color:#ff7f00;
	
}


#baner-datac  .text{ 
color:#000;  
font-size:12px; 
float:left; 
width:356px;
padding:10px;
font-weight:bold;
text-align:left;
}

#baner-datac  .text p a{ 

color:#ff7f00;
}



#baner-datac .image {
	float: left;
	margin: .3em 1em 0 0;
}

#baner-datac p, #baner-datac blockquote, #baner-datacul, #baner-datacol {
	line-height: 155%;
}

/* Recent Posts Box */

#naslov-postdatac {
	float: right;
	width: 180px;
	margin-top:350px;
	margin-right:10px;
}