div.indexleft {
float: left;
margin: 0px 20px 10px 0px;
padding: 0px 0px 0px 35px;
width: 150px;
text-align: left;
}

div.indexleft p {
padding: 0;
margin: 0;
}

div.indexleft h1 {
padding: 0px 0px 3px 0px;
margin: 0;
}

div.indexmid {
float: left;
margin: 0px 20px 40px 0px;
padding: 0;
width: 665px;
text-align: left;
}

div.indexmid p {
padding: 0px 0px 20px 0px;
margin: 0;
}

div.indexright {
position: relative;
float: left;
margin: 0px 0px 40px 0px;
padding: 0;
width: 230px;
text-align: left;
}

div.indexright p {
padding: 0px 0px 20px 0px;
margin: 0;
}

div.indexright h1 {
margin: 0px;
padding: 0px 0px 3px 15px;
}


/*    LIST STYLING    */

ul.alignedlist {
margin: 0;
padding: 0;
}

ul.alignedlist li {
margin: 0px 0px 3px 0px;
padding: 0;
list-style-image: url(../images/listarrow.gif);
}

div.alignedlistouter {
color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
margin: 2px 0px 0px 15px;
padding: 0;
line-height: 125%;
width:200px;
}

div.alignedlistouter2 {
color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
margin: 2px 0px 0px 0px;
padding: 0;
line-height: 125%;
}


p{
color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 78%;
font-style: normal;
font-weight: normal;
margin: 0px;
padding: 0px;
}

.tes {
color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 12px;
}

.legendina {
color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
margin: 0px;
padding: 0px;
}

ul.ultxt {
color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 78%;
font-style: normal;
font-weight: normal;
margin-left: 0;
padding-left: 15px;
}

ul.ultxt li {
	margin: 0px 0px 10px 0px;
	padding: 0;
	list-style-image: url(../images/listarrow.gif);
}

p.green {
color: #9fb452;
font-size: 110%;
margin: 0px;
padding: 0px;
}

p.news {
width: 300px;
margin: 0px;
padding: 0px;
}

h1 {
color: #333;
font-family: arial, helvetica, sans-serif;
font-size: 140%;
font-style: normal;
margin: 0px;
padding: 0px 0px 10px 0px;
font-weight: normal;
letter-spacing: 0px;
}

h2 {
color: #efefef;
font-family: arial, helvetica, sans-serif;
font-size: 145%;
font-weight: bold;
margin: 0px;
padding: 0px;
font-weight: normal;
letter-spacing: 0px;
}

h3 {
color: #333333;
font-family: arial, helvetica, sans-serif;
font-size: 120%;
font-style: normal;
margin: 0px;
padding: 0px;
font-weight: normal;
letter-spacing: 0px;
}

h4 {
color: #333333;
font-family: arial, helvetica, sans-serif;
font-size: 140%;
font-style: normal;
margin: 0px;
padding: 0px 0px 3px 0px;
font-weight: normal;
letter-spacing: 0px;
}


body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 760px;
height: 100%;


	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	background-position:top;
}


div.container h5{
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 870px;


background: url(../images/container.png)  repeat-y 50% 0 ;

opacity:0.95;
border:1px solid black;

}

div.container h5 a{
text-decoration:none;

}




.container img {
border: 0px;
}

.container img.imgbord{
border: 1px #c0c0c0 dotted;
}

.container img.loghino{
margin-right: 20px;
float: left;
}

div.footer {
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 870px;
height: 10px;
margin: 0px auto;
text-align: center;
background: url(../images/down.png) no-repeat top;
font-size: 0.8em;
font-family: tahoma, arial, helvetica, sans-serif;
opacity:.75;
border:1px solid black;
}

div.up {
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 870px;
height: 10px;
margin: 0px auto;
text-align: center;
background:url(../images/up.png) no-repeat top;
color:#E1E1E1;
font-size: 0.8em;
font-family: tahoma, arial, helvetica, sans-serif;
opacity:.75;
border:0px solid black;
}

div.footer a {
color:#E1E1E1;
font-size: 0.8em;
font-family: impact, sans-serif;
text-decoration:none;
}

div.logo {
margin: 0px auto;
padding: 1px 0px 0px 0px;
width: 850px;
height: 150px;
}



div.logo h1 {
float: left;
display: block;
width: 310px;
height: 70px;
}

div.logo h1 a {
display: block;
width: 850px;
height: 150px;
font-size: 1px; 
text-indent: 00000px;
background: #fff url(../images/header.png) no-repeat;
}


div.nav {
float: left;
width: 250px;
padding: 20px 0px 0px 0px;
}

#navcontainer {
width: 100px;
}

ul#navlist {
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

ul#navlist li {
display: block;
margin: 0px;
padding: 0px;
}

ul#navlist li a {
display: block;
padding: 4px 0px 4px 40px;
width: 83px;
height: 15px;
}

ul#navlist li a:link, ul#navlist li a:visited {
color: #ffffff;
text-decoration: none;
}

ul#navlist li#active a {
background-image: url(../images/buton2.png);
text-decoration: none;
color: #FFF;
}

ul#navlist li#active a:hover {	
color: #FFF;
}

ul#navlist li a:hover {
color: #FFF;

background-image: url(../images/buton.png);
}

tr#servicii td{
color:#069;
cursor:default;
font-size:1em;
list-style-type:none;
margin-bottom:0px;
padding-top:7px;
padding-right:18px;
padding-bottom:9px;
padding-left:1px


}

tr#servicii td:hover{
font-size:13px;
font-weight:bold;
background-image: url('../images/menu_over.png');
}

tr#servicii td#active {
font-size:13px;
font-weight:bold;
background-image: url('../images/menu_over.png');
}

tr#servicii td a{
text-decoration: none;

}

tr#servicii td a:link, tr#servicii td a:visited{
text-decoration: none;

}







div #bannerint{
float:left;
margin-left:19px;
margin-top:8px;
}

div #slot{
float:left;
width:255px;
height:60px;}

div #banner{
position: relative; 
left:270px; 
top:-59px;
width:200px; 
height:62px; 
background:#efefef; 
border:1px solid #ffffff;
}

div.headerfloat {
float: left;
margin: 0px ;
padding: 0px;
margin-top:1px;
width: 580px;
height: 140px;
  /* background: url(bgstripes.gif); */
}



div.content {
margin: 0px auto;
padding: 1px 0px 0px 0px;
width: 850px;
margin-top:1px;
padding-top:10px;
 background: #E0EFF6 ;
 background-image: url(../images/background_mijloc.png);


}

div.content p {

margin: 0px; 
padding: 0px;
line-height: 150%;
}

div.content2 {
margin: 0px auto;
padding: 1px 0px 0px 0px;
width: 850px;
margin-top:1px;



}

div.content2 p {

margin: 0px; 
padding: 0px;
line-height: 150%;
}


div.leftcol {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 20px 40px 35px;
width: 210px;
text-align: left;
}

div.leftcol h1{
color: #437387;
font-family: arial, helvetica, sans-serif;
font-size: 100%;
font-style: normal;
margin: 0px;
padding: 4px 0px 3px 0px;
font-weight: bold;
letter-spacing: 0px;
}

div.leftcol p {
padding: 0px 0px 20px 0px;
}

div.maincol {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
width: 470px;
text-align: left;
}



img.floatright {
float: right;
margin: 12px 0px 2px 10px;
border: 0px;
}

img.floatleft {
float: left;
margin: 0px 7px 3px 0px;
border: 0px;
}

div.pfloat {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 15px 5px 7px;
width: 210px;
text-align: left;
}

div.newsfloat {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

div.pfloatc {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 15px 5px 0px;
width: 200px;
text-align: left;
}

div.pfloat p, div.pfloatc p, div.newsfloat p {
padding: 0px 0px 0px 10px;
}

div.pfloat h1, div.pfloatc h1, div.newsfloat h1 {
padding: 0px 0px 0px 10px;
}

div.contentbottom {
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 850px;
height:120px;
text-align: center;
border-top: dotted 1px #CCCCCC;
background-image:url(../images/footer.png);
}

div.contentbottom p {
font-size: 70%;
color: #999999;
}

div.botleft {
float: left;
margin: 25px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 220px;
text-align: left;
}

div.botleft p {
margin: 0px;
padding: 0px 20px 0px 30px;
}

div.botmiddle {
float: left;
margin: 25px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 180px;
text-align: left;
border-left: dotted 1px #CCCCCC;
}

div.botmiddle2 {
float: left;
margin: 25px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 360px;
text-align: left;
border-left: dotted 1px #CCCCCC;
}

div.botmiddle p {
margin: 0px;
padding: 0px 20px 0px 25px;
}

div.botmiddle2 p {
margin: 0px;
padding: 0px 20px 0px 25px;
}

div.botright {
float: left;
margin: 25px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 150px;
text-align: left;
border-left: dotted 1px #CCCCCC;
}

div.botright p {
margin: 0px;
padding: 0px 20px 0px 25px;
}

div.clear {
clear: both;
width: 760px;
height: 0px;
}



div.newsfloat p {
color: #333333;
margin: 0px;
padding: 0px;
}


.contact {
  color: #999999;
  line-height: 17px;
}

.contact a {
  color: #359bd5;
}


.contact table.contact-info td.gri {
  padding: 0px 25px;
  font-size:14px;
}

.contact .gri strong {
  color: #359bd5;
  font-weight: normal;
}

ul.sitemap {
  margin: 0px;
  padding: 0px;
}

ul.sitemap ul {
  margin-left: 20px;
  padding-left: 0px;
}

ul.sitemap li {
  list-style-type: square;
}






.top5 .promoBox {
	width: 243px;
}
.top5 .promoTextLink {
	list-style-image: url('http://images.ciao.com/ide/images/icons/dot_promo.gif');
	line-height: 18px;
	text-align: left;
}
.top5 .promoTextLink a, .top5 .promoTextLink a:hover {
	font-size: 12px !important;
}
.top5 .promoGraphic {
	margin: auto;
}

table.top5
{
	text-align:left;
	width:100%;
	margin-left:14px;
}

table.top5 td
{
	vertical-align:top;
	padding:0;
	width:33%;
	background:url(http://images.ciao.com/ide/images/tabs/bg_hp_top5.gif) no-repeat;
}

table.top5 h3
{
	margin:0;
	padding:8px 0 2px 26px;
	font-size:12px;
	color:#7d7d7d;
	font-weight:bold;
	display:block;
	text-align:left;
}

table.top5 ul
{
	padding:0;
	font-size:11px;
	color:#7d7d7d;
	margin:10px 0 10px 0px;
}

table.top5 ul li
{
	margin-left:25px;
	list-style:none;
	line-height:16px;
}

li.catLink
{
	margin-top:5px;
}

table.top5 ul a
{
	font-size:11px !important;color:#666;text-decoration:none;
}

table.top5 ul a:hover
{
	font-size:11px !important;color:#FF7F00;text-decoration:underline;
}


								

/*####### WEBBOX - END #######*/

.handleNaziv{
	padding:3px 8px 1px 4px; margin:0 0 0 26px; display:block; font-weight:bold;
	float:left; line-height:110%; font-size:8pt; color:white
}
.handleNaziv2{
	padding:3px 8px 1px 0px; display:block; font-weight:bold;
	float:left; line-height:100%; font-size:9pt; color:white
}
.handleNaziv2 A{
	color:white; font-size:7pt;
}

div.webBox, div.NewWebBox { padding: 0; border: 0; display: block; margin: 0 0 3px 0; width:100%; 
			top: 0px; left: 0px; position: relative; background: white;}
			div.handle {width:100%; height:19px; background:white url(../slike/blockmu_v3.gif); 
				margin:0 0 0px 0; color:white; display: block; cursor: move }
			div.handleRev {background:url(../slike/blockmu_v3rev2.gif) no-repeat; margin:0 }
			div.handleRev2 {background:url(../slike/blockmu_v4rev2.gif) no-repeat; margin:0 }
			div.content { padding: 0px; }
			div.webBoxMarker { border: 1px dotted black; margin: 0 0 8px 0; }
			table#webBoxContainer { width: 100%; }
			table#webBoxContainer td { width: 20%; vertical-align:top }
			a {
				color: white;
			}
			
			h1 {
				margin: 0px;
				padding: 0px 0px 0px 0px;
				font-size: 20px;
			}
			
			
			ul {
			  padding: 0px;
			  margin: 0px;
			  list-style: none;
			  color: red;
			  }
			
			li {
			  float: left;
			  position: relative;
			  color: red;
			}
			
			li a:hover, a {
			   cursor:pointer;
			}
			
			li ul {
			  display: none;
				width:120px;
			  position: absolute; 
			  top: 17px;
			  left: -82px;
			  background: #082865;
				
				
				opacity: .80;
			  color: #000;
			  z-index: 500;
			  }
			
			li ul li{
			  padding: 0;
			  float: left;
			  width: 120px;
			}
			li ul li a{
			  padding: 5px 5px 5px 5px;
			  float: left;
			  width: 120px;
				color: white;
			}
			li ul li a:hover{
			  padding: 5px 5px 5px 5px;
			  float: left;
			  width: 110px;
				background: #000044;
				color: white;
			}
			.opcijeBox{
				width:640px;
				background:#E1E6EF;
				margin:0 0 2px 0;
				padding:10px;
				font-size:10pt;
				color:#333366;
			}
			
			



.vrtc_tabs{display:inline;float:left;position:relative;text-align:right}.vrtc_tabs ul{margin-left:0px;padding-left:0px;width:100%}.vrtc_tabs li{cursor:default;font-size:1em;list-style-type:none;margin-bottom:0px;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:40px}.vrtc_tabs li a:link,.vrtc_tabs li a:visited,.vrtc_tabs li a:active{color:#404040;text-decoration:none}.vrtc_tabs li.vrtc_tabActive a:link,.vrtc_tabs li.vrtc_tabActive a:hover,.vrtc_tabs li.vrtc_tabActive a:active,.vrtc_tabs li.vrtc_tabActive a:visited{color:#007734;font-weight:bold}.vrtc_tabs li.vrtc_tabActive{background-position:right top;background-repeat:no-repeat;}.vrtc_tabs li.vrtc_tabActive[class]{background-image:url('http://i3.microsoft.com/en/shared/Templates/Components/cspVerticalRolloverTab/TabModule_BG_navlist_ltr.png');background-repeat:no-repeat}.vrtc_ulTabs{display:block;width:190px}.vrtc_tabHiddenPanel{display:none}