
/* css information

panline stylesheet:	screen
author:			nikola mircic
version:		v1.0.14 - 29.12.2008

********************************************************************/

@import "ra_web.css";

/* hacks 
********************************************************************/

* {
	margin: 0; padding: 0; 
}

/* -- Clear Fix -- */
/* primenjuje se posle floatovanog elementa da ispravi lose ponasanje Firefoxa*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* posle float elementa 'cisti' i krece u novom redu */
.clearfloat {
	clear: both;
	font-size:1px;
	line-height: 0;
	visibility: hidden;
	display: block;
}



/* redefinicija standardnih tagova 
********************************************************************/

form {
	margin: 0; padding: 0;

}

form select {
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333; 
	padding-left:3px;
}


body {
	background: #f4f0d3 url(images/pattern.gif) repeat-y center top;
/*	background: #f4f0d3 url(images/pattern_stars.gif) repeat-y center top; */
/*	font: 13px/20px Verdana, Arial, Helvetica, sans-serif; */
	font: 12px/19px Arial, Helvetica, sans-serif;
	color: #333;
        height: 500px;
	
}

p {
	margin: 0 0 20px 0;
}

h1 {
	font: bolder 30px/45px Tahoma, Arial, Helvetica, sans-serif;
	color: #007cb3;
	/*padding: 10px 0 121px 0; margin:0;*/
                padding: 0; margin 0; height:165px;
}


h1 span {
	display:block;
	font: bolder 18px/12px Tahoma, Arial, Helvetica, sans-serif;
	color: #007cb3;	
	margin:0; padding:0;
}

h2 {
	padding-top: 10px; padding-bottom:15px;
	color: #007CB3;
	font: normal 18px/20px Verdana, Arial, Helvetica, sans-serif;

}

h3 {
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	color: #007cb3; 
	padding: 15px 15px 0; 	
}

code {
	padding: 10px 20px;
	display:block;
	width:auto;
	font: 12px Arial;
	color: #333333;
/*	text-transform: uppercase; */
}

a {
	text-decoration:underline;
	color: #333;
}

a:hover {
	text-decoration:none;
	color: #333;
}

ul, dl, dd, li {
	list-style-type: none;
	padding: 0; margin: 0;
}

/* cesto koriscene klase 
********************************************************************/

.hide {
	display:none;
}

.show {
	display:block;
}

.red {
	color:red;
}

.razmak {
	margin-bottom:20px;
}

.right {
	text-align:right;
	background: url(images/vertical_tile.gif) repeat-y left top;
}

.left {
	text-align:left;
}

.clearBack {
	background-image:none;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.tr {
	text-align:right;
}

.tl {
	text-align:left;
}

.smallcopy {
	font: 9px/11px Verdana, Arial, Helvetica, sans-serif;

}

.small {
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;

}



/* css za elemente dizajna kao sto su bulleti, 
to_the_top_of_the_page linkovi i sl 
********************************************************************/


/* link na vrh strane */
div.tothetop {
	background: url(images/underline_tile.gif) repeat-x left bottom;
	display:block; 
	float:left;
	width:465px; height:12px;
	margin: 0 0 20px 0; 
	overflow:hidden; 
}

div.tothetop a{
	float:right;
	display:block;
	height: 10px; width:10px;
	background: url(images/arrow_top_blue.gif) no-repeat 4px 2px; 
	overflow:hidden;
}

div.tothetop a:hover, div.tothetop a:visited:hover {
	background: url(images/arrow_top_blue.gif) no-repeat 4px 0px;
}


/* podnaslov u tekstu plave boje */
strong.blue {
	color: #007CB3;
}


/* bullet lista sa plavom strelicom */
ul.blue_arrow_list {
	margin: 0 0 20px 0;
}

.blue_arrow_list li {
	padding: 0 0 10px 15px;
	background: url(images/arrow_blue.gif) no-repeat 0 8px;
}



/* bullet_small lista sa plavim tackicama */
ul.bullets_small {
/*	padding: 0 0 15px 0; */
	padding: 5px 0 15px 0;
}

.bullets_small li {
/*	padding-left: 40px; padding-bottom: 6px; */
	padding-left: 40px; padding-bottom: 3px;
	background: url(images/bullet.gif) no-repeat 25px 7px;
	font-size: 10px;
	line-height: 16px;
}


/* bullet lista sa plavim tackicama */
ul.bullets {
	padding: 10px 0 15px 0;
}

.bullets li {
	padding-left: 40px; padding-bottom: 6px;
	background: url(images/bullet.gif) no-repeat 25px 7px;
	line-height: 16px;
}


/* promo tekst za nove stvari */
img.promo {
	padding:0 0 0 5px; margin:0; 
	clear:both; display:inline;
}


/* bulet karakter za krajnji paragraf */	
img.end_bullet {
	padding:0 0 0 2px; margin:0; 
	clear:both; display:inline;
}
	
	
/* glavni menu                                                                        
********************************************************************/


div.menuBar {
	background: #f4f0d3 url(images/top_bar.gif) no-repeat 0 0;
	position:relative;
	display:block;
	height: 28px;
	padding: 0px 0px 0px 326px;
	overflow:hidden;

}

div.menuBar a.menuButton {
	cursor: default;
	padding: 0; margin:0;
	position: relative;
	left: 0px; top: -3px;
	z-index: 0;
	float: left;
	height:28px;
	display:inline;
}


#m_panline {
	width:87px;
}

#m_usluge {
	width:67px;
}

#m_podrska {
	width:75px;
}

#m_prodaja {
	width:73px;
}

#m_moj {
	width:80px;
}


div.menu, div.menu a.menuItem {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}


div.menu {
  background-color: #FEE56C;
  border: 1px solid #F9B81F;
  left: 0px; top: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  visibility: hidden;
  z-index: 101;
}

* html div.menu {
	margin-top: -2px;
}


div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #FDCE2E;
  color: #000000;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #FEE56C;
  margin: 3px 2px;
}




/* glavni delovi -- vizuelni blokovi sajta   
********************************************************************/

#wrapper {
	margin: 0 auto;
	width: 749px; 

}

#top-bar {
	position:relative;
	width:232px;
	height:28px;
}

#home_link a:link, #home_link a {
	position:absolute;
	left:235px;
	top:0px;
	width:93px;
	height:28px;
	text-indent:-9999px; 
	display:block; 
	text-decoration:none;
}

#logo_box {
	margin: 0; padding: 0;
/*	width: 749px;height:98px; */
	width: 749px;height:60px; 
/*	width: 749px;height:70px; */

}


#user_info {
	float:right;
	text-align:right;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333; 
	margin-top:5px;
}

#broj_poruka {
	background: url(images/i_pismo.gif) no-repeat 4px top;
	padding-left:22px;

}

#sati{
	background: url(images/i_sat.gif) no-repeat 4px top;
	padding-left:22px;

}


#rezimi {
	background: url(images/i_mac.gif) no-repeat 4px top;
	padding-left:22px;

}

#logo a, #logo a:link, #logo a:hover {
	display:block; float:left;
	/*width: 205px; height: 62px;*/
	/* width: 205px; height: 50px; */
	width: 205px; height: 55px;
	/*text-indent: -9999px;*/
	/*text-decoration: none;*/
	/*background: transparent url(images/logo.gif) top left no-repeat;*/
}

#main_column {
	display:block;
	float:left;
/*	width: 555px; height:500px; */
	width: 555px; height:150px;
	margin:0; padding:0;
	background: transparent url(images/paper_top.gif) no-repeat left top;
}

#main_column_content {
	width: 465px;
	margin: 9px 0 0 0;
	padding: 27px 45px 27px;
	background: #FFF url(images/paper_tile.gif) repeat-y left top;
}

#main_column_bottom {
	width: 555px; height:9px;
	margin:0; padding:0;
	background: transparent url(images/paper_bottom.gif) no-repeat left top;
	overflow:hidden;
}

#copyright {
	width: 465px;
	padding: 7px 45px 5px;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #81817B;
	text-align: center;
}

#copyright2 {
	padding: 7px 45px 5px;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #81817B;
	text-align: center;
}

#copyright a {
	text-decoration:underline;
	color: #81817B;

}

#copyright a:hover, #copyright a:active {
	text-decoration:none;
	color: #81817B;

}

#main_zaglavlje {
	background: transparent url(images/underline_tile.gif) repeat-x left bottom;
	padding-bottom: 3px;
	font: bolder 15px/20px Tahoma, Helvetica, sans-serif;
	color: #c3c3c3;
}

#side_column {
	display:block;
	float:right;
	width: 181px;;
	margin-left: 11px;

}

#side_menu {
	width: 181px;
	margin: 0 0 9px;
	padding: 0; 
	background: transparent url(images/box_tile.gif) repeat-y left top;
}

#side_menu dl {
	list-style: none;
	margin-top: 0; padding: 0 14px;
	overflow:hidden;

}

#side_menu dt {
	background: url(images/underline_tile.gif) repeat-x left bottom;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #00b0e9; 
	padding: 1px 0 5px;

}

#side_top {
	width: 181px; height:9px;
	margin:0; padding:0;
	background: transparent url(images/box_top.gif) no-repeat left top;
	overflow:hidden;
}

#side_bottom {
	width: 181px; height:9px;
	margin:0; padding:0;
	background: transparent url(images/box_bottom.gif) no-repeat left top;
	overflow:hidden;
}


#side_menu a, #side_menu a:visited {
	display:block;
	padding: 3px 0 3px 10px;
	width:142px; 
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
	cursor:default;
	background: transparent url(images/arrow_gray.gif) no-repeat 0px 8px;

}

#side_menu a span {
	display:block;
	padding: 3px 0 3px 10px;
	width:142px; 
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
	background: transparent url(images/arrow_gray.gif) no-repeat 0px 8px;

}

#side_menu a:hover, #side_menu a:active {
	display:block;
	padding: 3px 0 3px 10px;
	width:142px; 
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
	background: #ECECEC url(images/arrow_gray.gif) no-repeat 0px 8px;

}

#side_menu a.podmenu, #side_menu a.podmenu:link, #side_menu a.podmenu:visited {
	display:none;
	padding: 3px 0 3px 20px;
	width:132px; 
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
	cursor:default;
	background: transparent url(images/bulet2.gif) no-repeat 10px 0.9em;

}

#side_menu a.podmenu span {
	display:none;
	padding: 3px 0 3px 20px;
	width:132px; 
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
	background: transparent url(images/bulet2.gif) no-repeat 10px 0.9em;

}

#side_menu a.podmenu:hover, #side_menu a.podmenu:visited:hover, #side_menu a.podmenu:active {
	display:none;
	padding: 3px 0 3px 20px;
	width:132px; 
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
	background: #ECECEC url(images/bulet2.gif) no-repeat 10px 0.9em;

}


/* tabele
********************************************************************/

table.cenovnik {
	width:445px;
	margin: 10px;
}

table .special {
	color:#007cb3;
	font-weight:bold;
}


table.regular {
	position: relative;
	top: -7px;
	padding: 0;
	width: 465px;
	height:auto;
	text-align:center;
	border-collapse:collapse;
 	background: url(images/tebela_senka.gif) repeat-x left top; 
}

table.regular thead th, table.regular thead td  {

}

.table_wrapper {
 	background: url(images/tebela_senka.gif) repeat-x left bottom; 
	margin: 0 0 35px 0;
}

table.regular thead {
	font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #007cb3;
	border-bottom: 1px solid #007cb3;
	text-transform: none;
	vertical-align:bottom;
}

table.regular tbody {
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 150%;

}

table.regular tfoot {
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

table.regular tbody tr, table.regular tfoot tr {
	background: transparent url(images/underline_tile.gif) repeat-x left top;
}


table.regular td, table.regular th {
	padding: 7px 5px;
}

table.regular tbody th, table.regular tfoot th {
	text-align:left;
	vertical-align:top;
	font-weight: bold;
}

table.regular tfoot th {
	text-align:left;
	vertical-align:top;
	font-weight: normal;
}

table.regular thead th {
	text-align:left;
	vertical-align:bottom;
}


table.regular caption {
	margin: 0; padding-bottom: 3px;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #007cb3;
	width:465px;
	text-align:left;
}

caption span.dodatna_informacija {
	margin: 0 0 0 0;
	padding:0;
	text-align:right;
	float:right;
	font-family: 9px/11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color:#666;
}

table.parametri {
	margin: 0 0 35px 0;
	padding: 0;
	width: 465px;
	border-top: 1px solid #007cb3;
	border-bottom: 1px solid #007cb3;
	text-align:center;
	border-collapse:collapse;
}

table.parametri thead {
	font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #007cb3;
	border-bottom: 1px solid #007cb3;
	text-transform: none;
	vertical-align:bottom;
}

table.parametri tbody {
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 150%;
}


table.parametri tfoot {
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

table.parametri tbody tr, table.parametri tfoot tr {
	background: transparent url(images/underline_tile.gif) repeat-x left top;
}


table.parametri td, table.parametri th {
	padding: 7px 5px;
}

table.parametri tbody th, table.parametri tfoot th {
	text-align:left;
	vertical-align:top;
	font-weight: bold;
}

table.parametri tfoot th {
	text-align:left;
	vertical-align:top;
	font-weight: normal;
}

table.parametri thead th {
	text-align:left;
	vertical-align:bottom;
}


table.parametri caption {
	margin: 0; padding-bottom: 3px;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #007cb3;
	width:465px;
	text-align:left;
}

table.parametri tbody th {
	width:27%;
	font-weight: bold;
}

table.parametri tbody td, table.parametri thead td {
	text-align:left;
}


table.podaci, table.podaci tr, table.podaci td, table.podaci th {
	margin:0;
	padding:0;
	text-align:left;
	font-weight: normal;
	overflow:hidden;
}

table.podaci th {
/*	width:60px; */
	width:90px;
}

table.mp {
	padding: 0;
	width: 465px;
	height:auto;
	text-align:center;
	border-collapse:collapse;
	margin: 0px 0 10px 0;
	border-top: none;
	border-bottom: 1px solid #B6D182;

}

table.mp thead {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #1D5400; 
	border-bottom: 1px solid #fff;
	background: #D1ED97 url(images/green_border.gif) repeat-x left top;
	vertical-align:bottom;
}

table.mp tbody {
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 150%;

}

table.mp tfoot {
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

table.mp tbody tr, table.mp tfoot tr {
	background: transparent url(images/underline_tile.gif) repeat-x left top;
}


table.mp td, table.mp th {
	padding: 7px 5px;
}

table.mp tbody th, table.mp tfoot th {
	text-align:left;
	vertical-align:top;
	font-weight: bold;
}

table.mp tfoot th {
	text-align:left;
	vertical-align:top;
	font-weight: normal;
}

table.mp thead th {
	text-align:left;
	vertical-align:bottom;
}


table.mp caption {
	margin: 0; padding-bottom: 3px;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #1D5400;
	width:465px;
	text-align:left;
}

table.mp thead td, table.mp tbody td {
	text-align:center;
	vertical-align:bottom;
}

table.mp tfoot {
	font-weight: bold;
}

tr.row_gray td, tr.row_gray th {
	background-color:#ECECEC;
	border-top: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
}

tr.row_green td, tr.row_green th {
	background-color:#D1ED97;
	border-top: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;


}

table.mp th.parametar {
	/*padding-left:20px;*/
	font-weight: normal;
}

table.mp input.forma, table.mp select.forma {
	width:85px; max-height:20px;  
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding:1px;

}

table.regular img {
	padding-left:5px;
}

table.nabrajanje tbody td {
	text-align:left;
}

table.cart {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width:423px;
	border-collapse:collapse;
}


table.cart caption {
	color: red;
	text-transform:none;
	font-weight: bold;
	font-size: 11px;
	text-align:left;
	padding-bottom: 3px;
}


table.cart tbody td, table.cart tbody th {
	border-top: 1px dotted #999999;
	background-color: transparent;

}

table.cart tbody tr:hover {
	border-top: 1px dotted #999999;
	background-color: #fff;
	cursor:default;
	cursor:hand;
}

table.cart tbody tr td.icon {
	background: url(images/i_kanta.gif) no-repeat center 6px;
}

table.cart tbody tr:hover td.icon {
	background: #fff url(images/i_kanta_o.gif) no-repeat center 6px;
	border-top: 1px dotted #999999;
}

table.cart tbody tr:hover td, table.cart tbody tr:hover th {
	border-top: 1px dotted #999999;
	background-color: #fff;
	cursor:default;
	cursor:hand;
}

table.cart tfoot tr {
		border-top: 1px dotted #999999;

}

table.cart tfoot tr td, table.cart tfoot tr th {
	border-top: 1px dotted #999999;
}


table.cart td, table.cart th {
	padding: 5px 10px;

}

table.cart td {
	text-align:right;
	width: 20%;
	
}

table.cart th {
	text-align:left;
	font-weight: normal;
	width: 50%;

}


table.cart tfoot th, table.cart tfoot td {
	font-weight: bold;
}



/* formulari                                                        
********************************************************************/

form {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
}

form .form_heading {
	margin-bottom:4px;
	font-size: 10px;
	text-transform: uppercase;
}

form span label {
	display: block;
	float: left;
	padding: 4px 14px 4px 4px;
	width: 186px;
}

form .radio_button label.radio_label {
	width:auto;
}

form .radio_button input {
	display: block;
	float: left;
	margin: 4px 4px 0; 
	width:auto;
}


* html form .radio_button input {
	margin: 0px; padding:4px;
}


form span.required {
	display: block;
	padding: 9px;
	border-bottom: 1px solid #FFFFFF;
	background: #F4F0D3;
}

form span.required_bez {
	display: block;
	padding: 9px;
	border-bottom: 1px solid #FFFFFF;
	background: #f4f0d3;
	margin-right:12px;
}


form span.optional {
	display: block;
	padding: 9px;
	border-bottom: 1px solid #F4F0D3;

}

form span.submit {
	display: block;
	text-align: right;
	border-bottom: 1px solid #F4F0D3;
}


form span.submit input {
	padding: 4px 0px 4px 4px;
	
}



.box {
	width: 190px;
	font: 10px/14px verdana, arial, sans-serif;
	color: #666;
	padding: 2px 0;
}

.boxbig {
	width: 190px; height: 56px;
	color: #666;
	font: 10px/14px verdana, arial, sans-serif;
}

form#mojform {
	margin-bottom:30px;
}

form#mojform span.required {
	display: block;
	padding: 5px; 
	border-bottom: 1px solid #FFFFFF;
	background: #D1ED97;
	height:18px;
}


form#mojform span.submit {
	display: block;
	text-align: right;
	border-bottom: 1px solid #B6D182;
}


form#mojform span.submit input {
	padding: 4px 0px 4px 4px;
	
}

form#mojform span label {
	padding: 4px 0px 4px 4px;
	width: auto;
}

form#mojform span.optional {
	display: block;
	padding: 5px;
	border-bottom: 1px solid #D1ED97;
}


.select_box {
	width: 90px;
	font: 10px/14px verdana, arial, sans-serif;
	color: #555;
	padding: 1px; margin: 0 15px 0 7px;
	height:auto;
	float:left;
}


a.pozivi {
	display:block; text-align:center;
	width:40px; height:10px;
	background: url(images/icon_paper.gif) no-repeat center top;
}

a.pozivi:hover, a.pozivi:visited:hover {
	background: url(images/icon_paper_o.gif) no-repeat center top;
}


form#mojform2 span.required {
	display: block;
	padding: 5px;
	border-bottom: 1px solid #FFFFFF;
	background: #D1ED97;
}

form#mojform2 span.optional {
	display: block;
	padding: 5px;
	border-bottom: 1px solid #D1ED97;
}

form#mojform2 span.submit {
	display: block;
	text-align: right;
	border-bottom: 1px solid #B6D182;
}

form#mojform2 .radio_button label.radio_label {
	width:auto;
}

form#mojform2 .radio_button input {
	display: block;
	float: left;
	margin: 4px 4px 0; 
	width:auto;
}

* html form#mojform2 .radio_button input {
	margin: 0px; padding:4px; 
}

input.dugme {
	float:right;
	padding-left:5px;
}




/* ostale klase 
********************************************************************/

p.novo {
	margin: 0 15px; padding:0;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;

}

.pdf {
	background: url(images/pdf.gif) no-repeat 0 2px;
	padding-left: 25px;
}

.cer {
	background: url(images/cer.gif) no-repeat 0 2px;
	padding-left: 25px;
}


.novost {
	width:465px;
	padding: 40px 0 10px; margin:0;
	background: transparent url(images/underline_tile.gif) repeat-x left bottom;

}

.novost span {
	float:right; 
	font: normal 10px/20px Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:0px;
}

.novost h2 {
	color:#007cb3;
	font: bold 13px/20px Tahoma, Arial, Helvetica, sans-serif;
	padding: 0 0 0px 0; margin:0;
}

.novost h2 a, h3 a {
	text-decoration:none;
	color:#007CB3;
}

.novost h2 a:hover, h3 a:hover {
	text-decoration:underline;
	color:#007CB3;
}

.novost p {
	margin: 0; padding-bottom: 0;
}

.novost p a, .novost p a:link {
/*	text-decoration:none; */
	text-decoration:underline;
	cursor:	pointer;
}

.novost p a:hover, .novost p a:link:hover {
	text-decoration:none;
	cursor:	pointer;
}

.novost span.tackice {
	float:none; 	
	font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #666;

}

.novosti_navigacija img {
	margin:0; padding:0 0 0 5px;
	float:right; overflow:hidden;
}	

h3.red a {
	text-decoration:none;
	color:red;
}

h3.red a:hover {
	text-decoration:underline;
	color:red;
}

p.headset {
	padding: 10px;
}

/* ------- hack ------- */

.podrska_content img {
	margin: 0 0 20px 0;
}

.pitanje {
	font-weight: bold;
	color: #000000;
	margin:0; padding:0;
}
.faq {
	margin-bottom:25px;
}

.faq a.gornji_link, .faq a.gornji_link:link {
	display:block;
	color:#007cb3;
	font: bold 13px;
	background: url(images/arrow_blue.gif) no-repeat 0px 4px;
	padding-left: 10px;
	margin-bottom:15px;
	line-height: 15px;
}

.faq a.gornji_link:hover {
	text-decoration:none;
}

a.page_top, a.page_top:link {
	display:block;
	height:10px;
	margin-bottom:45px;
	margin-top: -30px;
	background: url(images/arrow_top_blue.gif) no-repeat 458px 3px;
}

a.page_top:hover {
	display:block;
	height:10px;
	margin-bottom:45px;
	margin-top: -30px;
	background: url(images/arrow_top_blue.gif) no-repeat 458px 0px;
}



/* uplatna mesta                                                               
********************************************************************/

dl.grad {
	margin: 20px 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	cursor:pointer;
		overflow:hidden;


}

dd.opstina {
	width:452px; height:auto;
	background: url(images/underline_tile.gif) repeat-x left top;
	overflow:hidden;
	margin:0; padding:0;
}

dd.opstina:hover {
	background-color:#f4f0d3;

}


a.mesto {
	float:left;
	width:452px;
	height:25px;
	overflow:hidden;
}

a.mesto:link, a.mesto:visited {
	text-decoration:none;
	background-color:none;
	background: url(images/one_man.gif) no-repeat left top;
	cursor:pointer;

}

a.mesto:hover div.ikonica-um, a.mesto:active div.ikonica-um {
	text-decoration:none;
	background: url(images/two_man.gif) no-repeat left top;
	cursor:pointer;

}


a.mesto div {
	background: url(images/vertikala_um.gif) no-repeat left top;
	padding-left:8px; padding-top:6px;
	display:block;
	cursor:pointer;

}

a.mesto div.ikonica-um {
	float:left;
	width:12px;
	height:25px;
	background: url(images/one_man.gif) no-repeat left top;
	overflow:auto;
}

div.ime-um {
	float:left;
	width:167px;
	height:25px;
	overflow:auto;
	font-weight: bold;

}

div.adresa-um {
	float:left;
	width:178px;
	overflow:auto;
	height:25px;
}

div.vreme-um {
	float:left;
	width:63px;
	overflow:auto;
	height:25px;
	text-align:center;
}

div.detalji {
	float:left;
	width:452px;
	overflow:hidden;
	background: url(images/underline_tile.gif) repeat-x left top;

}

div.zaglavlje-um {
	float:left;
	width:20px;
	height:49px;
}

div.detalji-um {
	float:left;
	width:422px;
	margin: 4px 0 4px 0px; padding-left:8px;
	background: url(images/vtable_tile.gif) repeat-y left top;


}

dd.poslednji_elemenat {
	background: url(images/underline_tile.gif) repeat-x left top;
	margin-right:12px;
}





/* home page                                                                   
******************************************************************************/


#home_left {
	float:left;
	width:190px;
}

#home_center {
	width:376px;
}
#home_center, #home_center img {
	float:left;
	overflow:hidden; margin:0; padding:0;
}


#home_right {
	float:left;
	width:182px;
}

#home_foot {
	float:left;
	clear:both;
	width:749px;
	margin-top:10px;
	background: url(images/underline_tile.gif) repeat-x left top;
}

#news, #obavestenja, #vreme {
	margin-bottom: 8px;
}

#vreme {
	font: 10px Verdana, Arial, Helvetica, sans-serif;	

}

#vreme #marginw {
	margin: 0 15px; padding-top:5px;
}

#vreme #vreme1 {
	margin-left:55px; 
	padding:10px 0 0 0;
	font-weight: bold;
}

#vreme #vreme2 {
	margin-bottom:3px; padding:0;
}

#uslovi {
	font-weight: normal;
}

#dan {
	font-weight: bold;
}

#news .news_top {
	width:189px; height:35px;
	background: url(images/news_top.gif) no-repeat left top;
}

#obavestenja .news_top {
	width:189px; height:35px;
	background: url(images/obavestenja_top.gif) no-repeat left top;
}

#vreme .news_top {
	width:189px; height:35px;
	background: url(images/vreme_top.gif) no-repeat left top;
}

.news_body {
	width:189px;
	background: url(images/news_tile.gif) repeat-y left top;
}

.news_bottom {
	width:189px; height:9px; padding-top:10px;
	background: url(images/news_bottom.gif) no-repeat left bottom;
}


#vreme form {
	padding: 10px 0 5px;

}

.novost_ukratko {
	text-transform:
}




/* bugfix za reklame                                                                     
******************************************************************************/
.reklama, .reklama a, .reklama a img {
	overflow:hidden;
}



/* zuti paneli sa home strane                                                                *
******************************************************************************/

#panel_prijava {
	width:182px;
	margin-bottom:7px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;	
}

#panel_odjava {
	width:182px; 
	margin-bottom:7px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;	
	overflow:hidden;
}

#panel_pretraga {
	width:182px;
	margin-bottom:6px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;	
}

.panel_head {
	position:relative;
	width:182px;
	height:32px;
}

#panel_prijava .panel_head {
	background: #FFD026 url(images/panel_head.gif) no-repeat left top;
}

#panel_odjava .panel_head {
	background: #FFD026 url(images/panel_head_odjava.gif) no-repeat left top;
}

#panel_pretraga .panel_head {
	background: #FFD025 url(images/panel_head_pretraga.gif) no-repeat left top;
}

#panel_prijava .panel_body, #panel_odjava .panel_body {
	position:relative;
	width:182px;
	padding-top:10px;
	background: #FFD026 url(images/panel_foot2.gif) no-repeat left bottom;
}

#panel_pretraga .panel_body {
	position:relative;
	width:182px;
	padding-top:10px; padding-bottom:20px;
	background: #FFD025 url(images/panel_foot2_pretraga.gif) no-repeat left bottom;
}

.panel_content {
	display: block;
	overflow:none;
	padding: 3px 14px; 
}

.panel_content_submit {
	padding-top:6px; padding-left:12px;
	padding: 6px 0 10px 12px;
}

#greska {
	margin-top:5px;
}

.panel_pretraga_content input#search_box {
	float:left; 
	width:85px; max-height:20px;  
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding:1px;
}
.panel_pretraga_content {
	padding: 3px 14px 0; 

}

.panel_pretraga_content input#search_button {
	float:right; 
}

.dlinija {
	width:154px; height:2px;
	margin:7px 0; overflow:hidden;
	background:  url(images/3dline_tile.gif) repeat-x left top;
}

#panel_prijava .panel_foot, #panel_odjava .panel_foot {
	position:relative;
	width:182px;
	height:36px;
	background: #FFDB3B url(images/panel_foot.gif) no-repeat left top;
}

#panel_pretraga .panel_foot {
	position:relative;
	width:182px;
	height:32px;
	background: #FFDB3B url(images/panel_foot_pretraga.gif) no-repeat left top;
}

.panel_content label {
	float:left; 
	width:5em;
	padding:3px 5px 3px 0; 
}

.panel_content input {
	float:left; 
	width:90px; max-height:20px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding:1px;
}

.panel_content p {
	margin:0 0 5px 0; padding:0;
}


#quick_links {
	width:154px;
}
#quick_links a {
	font: 9px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: url(images/arrow_blue.gif) no-repeat left 3px;
	padding-left:10px; display:block;
	text-decoration:none;
}

#quick_links a:hover {

	text-decoration:underline;
}



/* mojPanline                                                                  
******************************************************************************/

#main-banner {
	float:left;
	width:377px;
	height:235px;
}

#banner1 {
	float:left;
	position:relative;
	width:377px;
	height:109px;
}

#banner2 {
	float:left;
	position:relative;
	width:377px;
	height:111px;
}

#banner3 {
	float:left;
	width:186px;
	height:146px;
}

#banner4 {
	float:left;
	width:191px;
	height:146px;
}




/* sarene kutije                                                               *
******************************************************************************/

#icq_box {
	width:145px;
	background-color: #B4DF5E;
	clear:both;

}

#aim_box {
	width:145px;
	background-color: #04A9F4;
	clear:both;
}

#yim_box {
	width:145px;
	background-color: #FFD92A;
	clear:both;
}

#msn_box {
	width:145px;
	background-color: #B4DF5E;
	clear:both;
}

#adsl_box {
	width:180px;
	background-color: #FFD92A;
	clear:both;
}

#no1_box {
	width:188px;
	background-color: #FFD92A;
	float:left; margin-left:0; margin-right:10px;
}

#no2_box {
	width:188px;
	background-color: #B4DF5E;
	float:left; margin-left:0; margin-right:10px;
}

.color_box {
	margin-bottom:7px; margin-left:15px;
	float:right;
}

.cb_content {
	margin: 0 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.cb_top {
	background: url(images/w_gl.gif) no-repeat left top;
	width:100%; height:5px; margin-bottom:5px; overflow:hidden;
}

.cb_top_r {
	background: url(images/w_gd.gif) no-repeat right top;
	width:100%; height:5px;
}

.cb_bot {

	background: url(images/w_dl.gif) no-repeat left top;
	width:100%; height:5px; margin-top:5px; overflow:hidden;
}

.cb_bot_r {
	background: url(images/w_dd.gif) no-repeat right top;
	width:100%; height:5px;
}


.blue_box_tile {
	margin-top:20px;
	padding: 0;
}

dl.blue_box {
	width:453px;
	margin-bottom: 20px; padding-bottom:20px; 
	background: #7FD7F4 url(images/blue_box_bottom.gif) no-repeat left bottom;
}

dl.blue_box dt {
	margin:0;
	padding: 17px 24px 15px 24px;
	background: url(images/gradient_top.gif) no-repeat left top;
	font: bold 18px Tahoma, Arial, Helvetica, sans-serif;
	color: #007cb3;
}

dl.blue_box dd {
	margin:0;
	padding:0px 20px 8px 40px;
	background: url(images/bullet2.gif) no-repeat 24px 6px;
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

dl.nobullet dd {
	background: none;
	padding:0px 0px 7px 24px;

}

#gray_box {
	background: url(images/gray_box_tile.gif) repeat-y left top;
	width:453px; height:auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
}

#green_box {
	background: url(images/green_box_tile.gif) repeat-y left top;
	width:453px; height:auto; 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
}

.color_head {
	margin: 10px 15px 0;
}

.color_foot {
	margin: 10px 15px 10px;
}

.color_table {
	margin: 10px 15px;
}

.color_foot input {
	margin-left: 5px;
}

.color_top {
	background: url(images/blue_box_top.gif) no-repeat left top;
	width:453px; height:5px; 
	overflow:hidden;

}

.color_bottom {
	background: url(images/blue_box_bottom.gif) no-repeat left top;
	width:453px; height:5px;
		overflow:hidden;


}


/* cart                                                                        
******************************************************************************/


#green_box .color_table table.cart tbody tr td.icon {
	background: url(images/i_disketa.gif) no-repeat center 6px;
}

#green_box .color_table table.cart tbody tr:hover td.icon {
	background: #fff url(images/i_disketa_o.gif) no-repeat center 6px;
	border-top: 1px dotted #999999;
}

#green_box select {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width:100px; height:1.8em; padding-left:3px; margin-left:5px;
}


#uplatnica {
	position:relative;
	width:453px;
	height:228px;
	background: url(images/uplatnica.gif) no-repeat 0 0;
	font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
	overflow-x:hidden;
}

#uplatnica p {
	padding-left: 5px;
}

#uplatilac {
	position:absolute;
	left:10px;
	top:34px;
	width:216px;
	height:32px;
}

#iznos {
	position:absolute;
	left:328px;
	top:44px;
	width:117px;
	height:12px;
}

#racun {
	position:absolute;
	left:244px;
	top:72px;
	width:165px;
	height:12px;
}

#svrha {
	position:absolute;
	left:10px;
	top:84px;
	width:216px;
	height:32px;
}

#poziv {
	position:absolute;
	left:282px;
	top:102px;
	width:166px;
	height:11px;
}

#primalac {
	position:absolute;
	left:10px;
	top:134px;
	width:216px;
	height:32px;
}

.anterfile {
	background: #BCDF50 url(images/uglovi2.gif) no-repeat top left;
	width: 180px;
	float:right;
	margin: 0 0 5px 5px;
}

.anterfile_image {
	margin:0; padding: 17px 5px 5px;
	float:left; 
}

.anterfile dl {
	float:left; width:150px;
	margin:0; padding: 10px 15px 10px; 
	list-style: none;
	background: #BCDF50 url(images/uglovi2.gif) no-repeat left bottom;
	font: 10px/11px Verdana, Arial, Helvetica, sans-serif;


}

.anterfile dt {
	text-transform: uppercase;
	font-weight: bold;
	color: #007CB3;
	padding-bottom:5px;
}

.anterfile dd {
	font-weight: normal;
	color: #000000;
	padding-bottom:5px;

}


.left_promo {
	float:left;
	margin-right: 10px;
}

.right_promo {
	float:right;
	margin-left: 10px;
}

.b_name {
/*	margin: 0 0 6px 0; */
	margin: 0 0 0px 0;
	font-weight:bold;
}


.b_name_tab {
	margin: 0 0 0px 0;
	margin-left: 10px;
	font-weight:bold;
}


#hosting_s, #hosting_l, #hosting_xl, #hosting_m {
	width:110px;
	height:195px;
	float:left;
	margin-right:5px;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;	
}

#hosting_s p, #hosting_l p, #hosting_xl p, #hosting_m p {
	position:relative;
	margin:0; padding:0;
	top:125px;
	left:15px;
}

#hosting_s {
	background: url(images/hosting_s.gif) no-repeat left top;
}

#hosting_l {
	background: url(images/hosting_l.gif) no-repeat left top;
}

#hosting_m {
	background: url(images/hosting_m.gif) no-repeat left top;
}

#hosting_xl {
	background: url(images/hosting_xl.gif) no-repeat left top;
}









/* slike                                                                      
********************************************************************/

h1.image_prepaid {
	background: url(images/image_prepaid.jpg) no-repeat left top;
}

h1.image_novosti {
	background: url(images/image_novosti.jpg) no-repeat left top;
}

h1.image_postpaid {
	background: url(images/image_postpaid.jpg) no-repeat left top;
}

h1.image_wireless {
	background: url(images/image_wireless2.jpg) no-repeat left top;
}

h1.image_adsl {
	background: url(images/image_adsl4.jpg) no-repeat left top;
}

h1.image_uplatna {
	background: url(images/image_uplatna.jpg) no-repeat left top;
}

h1.image_mojpanline {
	background: url(images/image_mojpanline.jpg) no-repeat left top;
	color: #447c1d;
}

h1.image_onama {
	background: url(images/image_onama.jpg) no-repeat left top;
}

h1.image_smsuplata {
	background: url(images/image_smsuplata.jpg) no-repeat left top;
}

h1.image_kontakt {
	background: url(images/image_kontakt.jpg) no-repeat left top;
}

h1.image_podrska {
	background: url(images/image_support.jpg) no-repeat left top;
}

h1.image_tower {
	background: url(images/image_tower.jpg) no-repeat left top;
}

h1.image_vpn {
	background: url(images/image_vpn1.jpg) no-repeat left top;
}

h1.image_it {
	background: url(images/image_it.jpg) no-repeat left top;
}

h1.image_vodovi {
	background: url(images/image_vodovi.jpg) no-repeat left top;
}

h1.image_promo {
	background: url(images/image_promo.jpg) no-repeat left top;
}

h1.image_hosting {
	background: url(images/image_hosting.jpg) no-repeat left top;
}

h1.image_wifree {
	background: url(images/image_wifree.jpg) no-repeat left top;
}

/*pokrivenost nema sliku*/
h1.image_pokrivenost {
	padding: 10px 0 20px 0; margin:0;
}

h1.image_search {
	background: url(images/image_search.jpg) no-repeat left top;
}

h1.image_qps {
	background: url(images/image_qps.jpg) no-repeat left top;
}

h1.image_intesa {
	background: url(images/image_intesa.gif) no-repeat left top;
}

.korisnik {
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	color: #007cb3; 
#	padding: 15px 15px 0;
}


.korisnik_username {
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	color: #007cb3; 
}


.korisnik_uid {
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	color: #007cb3; 
}


.korisnik_type {
	font: italic 9px/11px Arial, Helvetica, sans-serif;
	color: #007cb3; 
}

