/* NASLOV STRANICE */

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

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

h5 {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #e20074 !important;
	font-weight: bold !important;
	font-size: 0.8em !important;
	margin-top: 16px !important;	
	margin-bottom: 12px !important;	}

h6 {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #e20074 !important;
	font-weight: bold !important;
	font-size: 0.8em !important;
	margin-top: 36px !important;
	margin-bottom: 10px !important;
		}
h6#g {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #666666 !important;
	font-weight: bold !important;
	font-size: 0.8em !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: 0.8em !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: 0.8em !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: 0.7em !important;
	line-height:1.4em !important; 	}
	
	

/* DISCLAIMER */

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

/* VAZNO */

p#alert {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #666666 !important;
	font-size: 0.60em !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: 0.7em !important; 
	color: #666666 !important;}
	
ul#bull li {
	margin-top: 0px !important;
	margin-bottom: 3px !important;	
	 }
	
	
ol#bull {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.7em !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 !important;
	color: #666666 !important;
	font-size: 0.7em !important;
	line-height:1.4em !important; 

}
#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
}

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

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

#cjenik tbody tr td {
	background-color: #EEE;
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	color: #427BAB;
	font-size: 0.7em ;
	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: 0.6em ;
	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;
	font-size: 100%;
	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: 18px 0px 0px 31px;
	background: url("img/top_img/mainback.gif") white repeat-x 50% bottom; 
	border-bottom: #cccccc 1px solid
}
#main-menu ul {
	padding: 0px; 
	font-weight: bold; 
	float: left; 
	margin: 0px;
}
#main-menu ul li {
	padding: 0px;
	z-index: 10; 
	top: 1px;
	left: 0px; 
	float: left; 
	list-style-image: none; 
	margin: 0px 0px 0px -1px; 
	white-space: nowrap; 
	list-style-type: none; 
	position: relative; 

}
#main-menu ul li a {
	border: medium none; 
	padding: 7px 9px 5px 9px;
	display: block; 
	color: #666666; 
	background-color: transparent; 
	text-decoration: none
}
#main-menu ul.hovered li.current a {
	border: medium none;
	padding: 7px 9px 5px 9px ;
	display: block;
	color: #666666; 
	background-color: transparent; 
	text-decoration: none
}
#main-menu ul li.current a {
	padding: 6px 8px 5px 8px;
	border-top: #cccccc 1px solid; 
	border-right: #cccccc 1px solid;
	border-bottom: medium none; 
	border-left: #cccccc 1px solid; 
	color: #666666; 
	background-color: white
}
#main-menu ul li a:hover {
	padding: 6px 8px 5px 8px;
	border-top: #cccccc 1px solid;
	border-right: #cccccc 1px solid; 
 	border-bottom: medium none; 
	border-left: #cccccc 1px solid; 
	color: #666666; 
	background-color: white
}
#main-menu ul li.hovered a {
	padding: 6px 8px 5px 8px;
	border-top: #cccccc 1px solid; 
	border-right: #cccccc 1px solid; 
	border-bottom: medium none; 
	border-left: #cccccc 1px solid; 
	color: #666666; 
	background-color: white
}
#main-menu ul.hovered li.hovered a {
	padding: 6px 8px 5px 8px;
	border-top: #cccccc 1px solid; 
	border-right: #cccccc 1px solid; 
	border-bottom: medium none; 
	border-left: #cccccc 1px solid; 
	color: #666666; 
	background-color: white
}
#main-menu ul li ul {
	position: absolute; 
	top: 0px; 
	border-top: medium none; 
	border-right: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid; 
	border-left: #cccccc 1px solid; 
	margin-top: 1px; 
	font-weight: normal; 
	z-index: 10; 
	left: 0px; 
	visibility: hidden; 
	width: 20em; 
	background-color: white
}
#main-menu ul li ul li {
	border: medium none; 
	float: none; 
	margin: 0px; 
	position: static
}
#main-menu ul.hovered li.hovered ul li a {
	padding: 4px 0.75em 5px 0.75em;
	border: medium none; 
	display: block; 
	margin: 0px; 
	background-color: white
}
#main-menu ul.hovered li.current ul li a {
	padding: 4px 0.75em 5px 0.75em;
	border: medium none; 
	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 {
	padding: 4px 0.75em 5px 0.75em;
	border: medium none; 
	background-color: #eeeeee
}
#main-menu ul.hovered li.current ul li a:hover {
	padding: 4px 0.75em 5px 0.75em;
	background-color: #eeeeee
}

p.kako {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff !important;
	padding: 10px 20px 10px 20px !important;
	margin:0;
}

#special {
	background: #e20074;
	width: 100%;
	position:relative;
	border:	2px solid #000000;
}

#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)
}

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

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

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

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

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

ul#bull_bijelo {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.7em !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;	
	 }