/* NASLOV STRANICE */

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #e20074;
	font-weight: bold;
	font-size: 16px;
	line-height:12px;
	margin-bottom: 10px;
	}
		
/* PODNASLOV STRANICE */

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;	
	margin-bottom: 24px;
	line-height:1.1em;
	}
		
/* NASLOV U TEKSTU */

h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #e20074;
	font-weight: bold;
	font-size: 12px;
	margin-top: 16px;	
	margin-bottom: 12px;	
	text-align:left;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #e20074;
	font-weight: bold;
	font-size: 12px;
	margin-top: 36px;
	margin-bottom: 10px;
		}
h6#g {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #666666 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-top: 36px !important;
	margin-bottom: 10px !important;
		}
h6#lesspad {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #e20074 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-top: 18px !important;
	margin-bottom: 10px !important;
		}
h6#g-lesspad {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #666666 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-top: 18px !important;
	margin-bottom: 10px !important;
		}

	
/* LINK */


A {
	COLOR: #666666
}
A:hover {
	COLOR: #e20074

}

/* PARAGRAF */

p {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #666666 !important;
	font-size: 11px;
	line-height:14px;
	text-align:left !important;
	margin:11px 0;
}
	
	

/* DISCLAIMER */

p#note {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #666666 !important;
	font-size: 10px !important;
	line-height:1.2em !important; 	}

/* VAZNO */

p#alert {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #666666 !important;
	font-size: 10px !important;
	line-height:1.2em !important;
	border: 1px solid #ccc;
	 	}

	
	
	

/* LAYER SA SIVIM FERLAUFOM U POZADINI */

div#siva {
	background-image: url("../../img/spry/siva-back.gif");
	background-repeat: repeat-x;
	padding: 7px 10px 0px 10px;
	width: auto;
	border: 1px solid #ccc;
	background-position: top;
	vertical-align: top; 	}
	
	
	

/* LISTE  */

ul#bull {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important; 
	color: #666666 !important;}
	
ul#bull li {
	margin-top: 0px !important;
	margin-bottom: 3px !important;
	list-style-type: square;	
	 }

ul#bull_b {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important; 
	color: #ffffff !important;}
	
ul#bull_b li {
	margin-top: 0px !important;
	margin-bottom: 3px !important;
	list-style-type: square;	
	 }
	
	
ol#bull {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important; 
	color: #666666 !important;	
	margin-top: 0px !important;}
	
ol#bull li {
	margin-top: 0px !important;
	margin-bottom: 3px !important;	
	
	 }
	

/* LISTA U CONTENT AREA */


#div1 UL {
	LIST-STYLE-TYPE: square; font-family: Arial, Helvetica, sans-serif;
	color: #666666 !important;
	font-size: 11px;
	line-height:1.4em; 

}
#div1 UL {
	MARGIN-LEFT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 20px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; margin-bottom:0px; 
}
#div1 OL {
	MARGIN-LEFT: 12px; MARGIN-TOP: 0px; PADDING-LEFT: 12px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; margin-bottom:0px; 

}
	
	
/* TABLICA CJENIKA */
	
#cjenik
{	border-left:0px none #427BAB; border-right:0px none #427BAB; border-top:0px none #427BAB; border-bottom:0px none #427BAB; font-family:Arial, Helvetica, sans-serif;
	color: #666666; font-size:11px;
}

#cjenik thead tr th { 	
	background-color: #EEE;
	border-style:solid;
	border-width: 4px 0px 0px 0px;
	color: #427BAB;
	padding: 4px 10px 4px 10px;	
	font-size: 11px;
	font-weight: normal;
	line-height:1.4em;
}

#cjenik tbody tr th {
	background-color: #EEE;
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	color: #427BAB;
	font-weight: normal;
	line-height:1.4em ;
	padding: 4px 10px 4px 10px;	}

#cjenik tbody tr td {
	background-color: #F7F7F7;
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	color: #427BAB;
	font-weight: normal;
	line-height: 1.4em ;
	padding: 4px 10px 4px 10px;	}

#cjenik tfoot tr td {
	background-color: white;
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	font-size: 10px;
	line-height: 1.2em ;
	padding: 4px 0px 0px 0px;	}
	
/* 2 KOLONE */

div#twocolwrap {
	position: relative;
	width:540px;
	height: 300px;
	margin: 0px }
div#twocol1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width:252px;
	height: 300px;
	margin: 0px;
	vertical-align: top; }
div#twocol2 {
	position: absolute;
	top: 0px;
	right: 0px;
	width:252px;
	height: 300px;
	margin: 0px;
	vertical-align: bottom; }

/* LAYOUT  */

body#main {
	background: #EEEEEE;
	margin: 0px;
	padding: 0px;
	
	
}
div#zaglavlje ,
div#podnozje , 
div#sredina {
    width: 967px;

    
}
div#sredina {
	position: relative;
	margin: 0 ;
	min-height: 400px;
}
div#omot {
    position: absolute;
    left: 0 ;
	top: 0 ;
	background-image: url("../img/top-foot/bg-novo.gif");
	background-repeat: repeat-y;
}
div#zaglavlje {
	margin: 0px 0px 0px 0px;
	height: 142px;
	font: 12px sans-serif;
	
	}

div#lijevi-stupac {
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 0;
	width: 162px;
	padding: 0px 0px 0px 0px;
	font-family: sans-serif;

}
div#desni-stupac {
	position: absolute;
	top: 34px;
	bottom: 0;
	right: 0;
	width: 180px;
	padding: 0px 13px 0px 0px;
	font-family: sans-serif;

}
div#sadrzaj {
	margin-left: 198px;
	margin-right: 229px;
	padding: 24px 0px 24px 0px;
	min-height: 400px;
}
div#podnozje {
	margin: -1px 0px 0px 0px;
	bottom: 0;
	left: 0;
}
div#footer {
	position: relative;
	padding: 24px 0px 18px 32px;
	left: 0px;
	top: 0px;
	width: 967px;
	height: 100px;
	z-index:1;
	background-image: url("../../img/top-foot/footer-slajfna-novo1.gif");
	background-repeat: no-repeat;
	background-color: #EEEEEE;
}

/* MENI  */


TABLE#subnav {
	padding: 0px;
	BORDER-TOP: #979797 1px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11.5px; 
	MARGIN: -1px 0px 0px; 
	WIDTH: 157px; 
	COLOR: #979797; 
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica; 
	LETTER-SPACING: 0px; 
}
TABLE#subnav TD {
	padding: 0px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11.5px; 
	BACKGROUND: #ffffff; 
	MARGIN: 0px; 
	COLOR: #999999; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica; 
	LETTER-SPACING: 0px
}
TABLE#subnav TD.grey {
	padding: 0px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11.5px; 
	BACKGROUND: #eeeeee; 
	MARGIN: 0px; 
	COLOR: #999999; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica; 
	LETTER-SPACING: 0px
}
TABLE#subnav TD.digit {
	padding:0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11.5px; 
	BACKGROUND: #eeeeee url('../img/bcklm1.gif');
	MARGIN: 0px; 
	COLOR: #999999; 
	BORDER-BOTTOM: 1px solid #999999; 
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica; 
	LETTER-SPACING: 0px
}
#subnav TD A {
	padding: 2px 12px 2px 9px;
	DISPLAY: block;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11.5px;
	COLOR: #666666;
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica;
	LETTER-SPACING: 0px;
	TEXT-DECORATION: none;
}
#subnav TD.grey A {
	PADDING-RIGHT: 12px;
	DISPLAY: block;
	PADDING-LEFT: 27px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11.5px;
	PADDING-BOTTOM: 2px;
	COLOR: #666666;
	PADDING-TOP: 2px;
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica;
	LETTER-SPACING: 0px;
	TEXT-DECORATION: none;
}
#subnav TD.digit A {
	PADDING-RIGHT: 12px;
	DISPLAY: block;
	PADDING-LEFT: 27px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11.5px;
	PADDING-BOTTOM: 2px;
	COLOR: #666666;
	PADDING-TOP: 2px;
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica;
	LETTER-SPACING: 0px;
	TEXT-DECORATION: none;
}
#subnav TD A:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11.5px; 
	BACKGROUND: #999999; 
	COLOR: #ffffff; 
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica; 
	LETTER-SPACING: 0px
}
#subnav TD.activ A {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11.5px; 
	BACKGROUND: #999999; 
	COLOR: #ffffff; 
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica; 
	LETTER-SPACING: 0px
}
#subnav TD.grey A:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11.5px; 
	BACKGROUND: #999999; 
	COLOR: #ffffff; 
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica; 
	LETTER-SPACING: 0px
}
#subnav TD.digit A:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11.5px; 
	BACKGROUND: #999999 url('../img/bcklm2.gif');
	COLOR: #ffffff; 
	FONT-FAMILY: Arial Rounded, Arial,Verdana,Helvetica; 
	LETTER-SPACING: 0px
}
* html table#subnav td { float: left; height: 1%; }
* html table#subnav td a { height: 1%; }


#wrapper {
	width: 967px;
	font: normal 11px  sans-serif;
	color: #666666;
}

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

.clearfix { display: inline-block; }

/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

#client-tabs {
	display: inline; 
	z-index: 2; 
	float: right; 
	margin: 0px 0px -1px; 
	position: relative
}
#client-tabs li {
	display: inline; 
	float: left; 
	list-style-image: none; 
	margin: 0px 0px 0px 1px; 
	width: 10.8em; 
	list-style-type: none; 
	text-align: center
}
#client-tabs li a {
	padding: 5px 0px 5px 0px;
	display: block; 
	width: 100%; 
	text-decoration: none
}
#client-tabs li.current {
	border-right: #cccccc 1px solid; 
	border-top: #cccccc 1px solid; 
	border-left: #cccccc 1px solid; 
	border-bottom: medium none; 
	background-color: white
}
#frame {
	padding: 6px 6px 0px 6px;
	border-top: #cccccc 1px solid; 
	border-right: #cccccc 1px solid; 
	border-bottom: #cccccc 0px solid; 
	border-left: medium none; 
	z-index: 1; 
	background-color: white;
	
}
/* \*/
* html #frame {	width: 100% }
/* */

#head {
	background: url("../img/top_img/t-mobile-logo-4-digit.gif") #e20074 repeat-x;
	height:60px;
}
h1 {
	float: left; 
	width: 1px;
	display: block;
	padding: 0; 
	margin: 0;
}
#head-menu {
	float: right; 
	margin: 34px 9px 0px 0px; 
	padding: 6px 0px 6px 0px;
}
#head-menu li {
	display: inline; 
	list-style-image: none; 
	margin: 0px; 
	list-style-type: none
}
#head-menu li a {
	padding: 0px 9px 0px 9px ;
	color: #e6b9d0; 
	text-decoration: none
}
#head-menu li a:hover {
	color: white
}
#main-menu {
	padding:0 0 10px 30px;
	BACKGROUND: url("../images/novi-top/submenu_bg.gif") white repeat-x top; 
	width:auto;
	margin:0;
}

#main-menu UL {
	padding:0;
	FONT-WEIGHT: bold; 
	MARGIN: 0px; 
}

#main-menu UL LI {
	background:transparent url('../images/novi-top/border.gif') no-repeat right 9px;
	padding:0;
	Z-INDEX: 10;
	LEFT: 0px; 
	FLOAT: left; 
	LIST-STYLE-IMAGE: none; 
	MARGIN: 0; 
	WHITE-SPACE: nowrap; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	display:block;
}
#main-menu UL LI.prvi{
	display:block;
	padding:6px 0 5px;
}
#main-menu UL LI A {
	padding:6px 15px 5px 15px;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	BORDER-BOTTOM: medium none; 
	DISPLAY: block; 
	COLOR: #999999; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none
}
#main-menu UL.hovered LI.current A {
	padding:6px 15px 5px 15px;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	BORDER-BOTTOM: medium none; 
	DISPLAY: block; 
	COLOR: #999999; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none
}
#main-menu UL LI.current A {
	padding:6px 15px 5px 15px;
	COLOR: #999999;
	BACKGROUND-COLOR: transparent;
}
#main-menu UL LI A:hover {
	padding:6px 15px 5px 15px;
	COLOR: #e20074;
	BACKGROUND-COLOR: transparent;
}
#main-menu UL LI.hovered A {
	padding:6px 15px 5px 15px;
	COLOR: #e20074;
	BACKGROUND-COLOR: transparent;
}
#main-menu UL.hovered LI.hovered A {
	padding:6px 15px 5px 15px;
	COLOR: #e20074;
	BACKGROUND-COLOR: transparent;
}
#main-menu UL LI UL {
	BORDER: #cccccc 1px solid; 
	MARGIN-TOP: 1px; 
	FONT-WEIGHT: normal; 
	Z-INDEX: 10; 
	LEFT: 0px; 
	VISIBILITY: hidden; 
	min-width: 180px; 
	POSITION: absolute; 
	TOP: 0px; 
	BACKGROUND-COLOR: white
}
*html #main-menu UL LI UL {
	width:180px;
}


#main-menu UL LI UL LI {
	background:none;
	BORDER: medium none; 
	FLOAT: none; 
	MARGIN: 0px; 
	POSITION: static
}
#main-menu UL.hovered LI.hovered UL LI A {
	BORDER: medium none;
	padding:4px 0.75em 5px 0.75em; 
	DISPLAY: block; 
	MARGIN: 0px; 
	BACKGROUND-COLOR: white
}
#main-menu UL.hovered LI.current UL LI A {
	BORDER: medium none; 
	padding:4px 0.75em 5px 0.75em; 
	DISPLAY: block; 
	MARGIN: 0px; 
	BACKGROUND-COLOR: white
}

/* \*/
* html #main-menu ul li ul li a {
	height: 1px;
}
/* */

#main-menu UL.hovered LI.hovered UL LI A:hover {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0.75em; BORDER-TOP: medium none; PADDING-LEFT: 0.75em; PADDING-BOTTOM: 5px; BORDER-LEFT: medium none; PADDING-TOP: 4px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #eeeeee
}
#main-menu UL.hovered LI.current UL LI A:hover {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0.75em; BORDER-TOP: medium none; PADDING-LEFT: 0.75em; PADDING-BOTTOM: 5px; BORDER-LEFT: medium none; PADDING-TOP: 4px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #eeeeee
}

#special {
	background: #e20074;
	position:relative;
	border:	2px solid #000000;
	color: #FFFFFF;
	padding:10px 15px;
}

#special_uzi {
	background: #e20074;
	width: 420px;
	position:relative;
	float:left;
	margin: 0;
	padding: 0;
	border:	2px solid #000000;
}

.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	font-size: 0;
	background-image: url("../img/vre/krugic.gif")
}

.corner_b {
	position: absolute;
	width: 10px;
	height: 10px;
	font-size: 0;
	background-image: url("../img/vre/krugic_bijeli.gif")
}

.tl {
	top: -2px;
	left: -2px;
	background-position: left top;
}

.tr {
	top: -2px;
	right: -2px;
	background-position: right top;
}

.bl {
	bottom: -2px;
	left: -2px;
	background-position: left bottom;
}

.br {
	bottom: -2px;
	right: -2px;
	background-position: right bottom;
}

#special_b {
	background: #ffffff;
	position:relative;
	border:	2px solid #e20074;
	color: #666666;
	padding:10px 15px;
}

#special_b h6 {
	margin-top:0 !important;
}

#special p {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff !important;
	padding:0;
	margin:0;
}

#special_b p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666 !important;
	padding:0;
	margin:0;
}

#special_uzi_b {
	background: #ffffff;
	width: 420px;
	position:relative;
	float:left;
	margin: 0;
	padding: 0;
	border:	2px solid #e20074;
}

.magenta {
	color:#e20074 !important;
}

#rahid {
	width: 100%;
	position:relative;
	border:	2px solid #e20074;
	color: #666666;
	height:210px;
	/*background:#ffffff url(img/karim_mi_bg.png) no-repeat right center; */
}

*:first-child+html {} * html #rahid {
	height:220px;
}

#rahid .cont {
	width:280px;
	padding:0 15px;
	float:left;
}

*:first-child+html {} * html #rahid .cont {
	padding:15px;
	width:300px;
}

img#slicka {
	margin: 50px 0 30px 30px;
}

ul#bull_bijelo {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important; 
	color: #ffffff !important;
	margin: 0 !important;
	padding: 0 !important;
	}
	
ul#bull_bijelo li {
	margin-top: 2px !important;
	margin-bottom: 0px !important;
	margin-left: 35px !important;	
	 }
	 
p.kako {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff !important;
	padding: 10px 15px;
	margin:0;
}

p.kako_b {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666 !important;
	padding: 10px 15px;
	margin:0;
}

ul.oprema {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	line-height: normal !important; 
	color: #666666;
	list-style-type: none !important;
	margin:10px 0 0 0 !important;
	padding:0 !important;
}

ul.oprema li {
	width: 135px !important;
	height: 175px !important;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eeeeee;
	float: left;
}

ul.punjaci {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	line-height: normal !important; 
	color: #666666;
	list-style-type: none !important;
	margin:10px 0 0 0 !important;
	padding:0 !important;
}

ul.punjaci li {
	width: 135px !important;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eeeeee;
	float: left;
}


.head {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	padding: 4px 6px;
}
.bot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:auto;
	width:156px;
	margin:0 5px;
	padding:6px;
	color: #333333;
	background-image: url("../images/bot-bg.gif");
	background-repeat: repeat-x;
	background-color: #F2F2F2;
}

*:first-child+html {} * html .bot {
	width:170px;
}

.bot a:link{
	color: #333333;
	text-decoration: underline;
}
.bot a:visited{
	color: #333333;
}
.bot a:active{
	color: #333333;
}
.bot a:hover{
	color: #E20074;
}

.head a:link {
	text-decoration: none;
	color: #333333;
}

/* MODULI  */


div#h-colaps-closed{
	background-image: url("../img/modul/top-grey-colaps-closed.gif");
	background-color: #F2F2F2;
	color: #333333;
	padding-left: 24px;
	height:28px;
	width: 150px;

}
div#h-colaps-open {
	background-image: url("../img/modul/top-grey-colaps-open.gif");
	background-color: #F2F2F2;
	color: #333333;
	padding-left: 24px;
	width: 150px;
}
div#h-grey {
	background-image: url("../img/modul/top-grey.gif");
	background-color: #F2F2F2;
	color: #333333;

}
div#b-grey {
	border: 1px solid #999999;
}
div#h-magenta {
	background-image: url("../img/modul/top-magenta.gif");
	background-color: #E20074;
	color: #FFFFFF;
}
div#b-magenta {
	border: 1px solid #E20074;

}

div#h-darkblue {
	background-image: url("../img/modul/top-darkblue.gif");
	background-color: #427BAB;
	color: #FFFFFF;
}
div#b-darkblue {
	border: 1px solid #427BAB;
}

div#h-lightblue {
	background-image: url("../img/modul/top-lightblue.gif");
	background-color: #64B9E4;
	color: #FFFFFF;
	
}
div#b-lightblue {
	border: 1px solid #64B9E4;
}

div#h-darkgreen {
	background-image: url("../img/modul/top-darkgreen.gif");
	background-color: #BABD5A;
	color: #FFFFFF;
}
div#b-darkgreen {
	border: 1px solid #BABD5A;
}

div#h-lightgreen {
	background-image: url("../img/modul/top-lightgreen.gif");
	background-color: #DDD674;
	color: #FFFFFF;
	
	
}
div#b-lightgreen {
	border: 1px solid #DDD674;
}

div#h-orange {
	background-image: url("../img/modul/top-orange.gif");
	background-color: #EDA95A;
	color: #FFFFFF;
	
}
div#b-orange {
	border: 1px solid #EDA95A;
}
div#h-yellow {
	background-image: url("../img/modul/top-yellow.gif");
	background-color: #FDD167;
	color: #FFFFFF;
	
}
div#b-yellow {
	border: 1px solid #FDD167;
}
div#h-brown {
	background-image: url("../img/modul/top-brown.gif");
	background-color: #B48062;
	color: #FFFFFF;
	
}
div#b-brown {
	border: 1px solid #B48062;
}

div#h-petrol {
	background-image: url("../img/modul/top-petrol.gif");
	background-color: #408F9A;
	color: #FFFFFF;
	
}
div#b-petrol {
	border: 1px solid #408F9A;
}

ul#square {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important; 
	color: #666666 !important;
}
	
ul#square li {
	margin-top: 0px !important;
	margin-bottom: 3px !important;
	list-style-type: square;	
}

div#h-darkblue170 {
	background-image: url("../img/modul/top-darkblue170.gif");
	background-color: #427BAB;
	color: #FFFFFF;
	margin:0 5px;
}

div#h-lightblue170 {
	background-image: url("../img/modul/top-lightblue170.gif");
	background-color: #427BAB;
	color: #FFFFFF;
	margin:0 5px;
}

div#h-petrol170 {
	background-image: url("../img/modul/top-petrol170.gif");
	background-color: #427BAB;
	color: #FFFFFF;
	margin:0 5px;
}

div#h-grey170 {
	background-image: url("../img/modul/top-grey170.gif");
	background-color: #427BAB;
	color: #333333;
	margin:0 5px;
}

div#h-orange170 {
	background-image: url("../img/modul/top-orange170.gif");
	background-color: #427BAB;
	color: #FFFFFF;
	margin:0 5px;
}

#ponuda {
	width:518px;
	padding:10px;
	border:1px solid #e5e5e5;
	border-top:none;
	margin:0 0 10px 0;
}

#ponuda p {
	margin:0;
}

#ponuda h6 {
	margin-top:0 !important;
}

a.plainbanner{
	background: #f2f2f2;
	color: #666666;
	font-size: 11px;		
	text-decoration: none;
	width: 173px;
	display:block;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin: 5px 0;
}

a.plainbanner:hover{
	background: #999999;
	color: White;
}