/* BASE
	---------------------------------------------------------------------------------------*/

	body {
		margin: 0px;
		padding: 20px;
		text-align: center;
		background: url("../../images/background_tile.gif");
		}

	html {
		font: normal 11px/130% Arial, Tahoma, sans-serif;
		color: #5A5A5A;
		text-decoration: none;
		}

	p {
		font: normal 11px/135% Arial, Tahoma, sans-serif;
		color: #5A5A5A;
		margin: 0 0 12px 0;
		}

	.clear {
		clear: both;
		font-size: 0.1em;
		height: 1%;
		}

	.clearCrumbTrail {
		clear: both;
		height: 0px;
		display: block;
		}

	.hide {
		display: none;
		}

	.show {
		display: block;
		}

	.padd10 {
		padding: 10px;
		}

	.padd15 {
		padding: 15px;
		}

	.padd20 {
		padding: 20px;
		}

	.noMarginTop {
		margin-top: 0px;
		}

	.noMarginBottom	{
		margin-bottom: 0px;
		}

	a {
		font: normal 11px Arial, Tahoma, sans-serif;
		color: #2E4D96;
		text-decoration: underline;
		outline: none;
		}

	a:hover {
		text-decoration: none;
		}

	a img {
		border: none;
		}

	form {
		margin: 0px;
		padding: 0px;
		}

	.txtRed {
		color: red;
		}

	.tajna {
		display: none;
		}


	/* CLEARING METHODS

	-------------------------------------------------------------------------------*/

	.clearfix:before, .clearfix:after { 
		content: "\0020"; 
		display: block; 
		height: 0; 
		overflow: hidden; 
		}

	.clearfix:after { 
		clear: both; 
		}

	.clearfix { 
		zoom: 1; 
		}


	/* LAYOUT
	---------------------------------------------------------------------------------------*/

	#page-container {
		width: 920px;
		margin: 0px auto;
		padding: 0 0 4px 0;
		background-color: #fff;
		text-align: left;
		}

	#page-wrapper {
		background-color: #fff;
		padding: 10px 10px 6px 10px;
		}

	#logo img {
		margin: 23px 0 20px 12px;
		}


	/* TOP NAVIGATION
	---------------------------------------------------------------------------------------*/

	#branding {
		margin: 0px;
		padding: 0px;
		height: 75px;
		position: relative;
		}

	#branding h1 {
		width: 241px;
		float: left;
		margin: 0px;
		padding: 18px 0 0 16px;
		}

	#branding h2 {
		width: 260px;
		float: right;
		margin: 0px;
		padding: 12px 0 0 0;
		}

	#branding h1 a {
		display: block;
		width: 560px;
		height: 27px;
		text-indent: -9999px;
		background: url("../../images/header_logo.gif") no-repeat 0% 0%;
		}

	#branding ul {
		margin: 0px;
		padding: 0px;
		float: right;
		list-style: none;
		}

	#branding ul li {
		float: right;
		}

	#branding .schedule a {
		display: block;
		width: 232px;
		height: 44px;
		text-indent: -9999px;
		margin-top: 10px;
		background: url("../../images/btn_rezervacija_termina.gif") no-repeat 0% 0%;
		}

	#branding #facebook {
		position: absolute;
		top: 17px;
		left: 580px;
		}
		
	#branding #foursqare {
		position: absolute;
		top: 17px;
		left: 620px;
		}

	#branding .vidi a {
		display: block;
		width: 88px;
		height: 31px;
		text-indent: -9999px;
		margin: 18px 20px 0 0;
		background: url("../../images/vidi_nom_banner.gif") no-repeat 0% 0%;
		}

	#topNav {
		xmargin-bottom: 8px;
		border-bottom: 8px solid #fff;
		}

	#topNav ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		}

	#topNav ul li {
		float: left;
		}

	#topNav ul.level1 {
		height: 44px;
		background-color: #eaf2ff;
		border-top: #cbd9f0 1px solid;
		padding: 0 0 0 5px;
		}

	#topNav ul.level2 {
		height: 46px;
		background: url("../../images/bg_level_2.gif") repeat-x 0% 0%;
		padding: 0 0 0 6px;
		}

	#topNav ul.level1 li {
		padding: 17px 10px 0 10px;
		background: url("../../images/bg_topNav_level1_separator.gif") no-repeat 100% 100%;
		}
	
	#topNav ul.level1 li.last {
		background: none;
		}

	#topNav ul.level1 li.vrijeme a {
		padding-left: 20px;
		background: url(../../images/vrijeme_icon.png) no-repeat;
		}

	#topNav ul.level1 li.stanje-ceste a {
		padding-left: 20px;
		background: url(../../images/icon_stanje.png) no-repeat;
		}

	#topNav ul.level1 li.daljinar a {
		margin-left: 95px;
		padding-left: 20px;
		background: url(../../images/map_icon.png) no-repeat;
		}

	#topNav ul.level1 li.search {
		float: right;
		padding: 11px 10px 0 0;
		font: bold 11px Arial, Tahoma, sans-serif;
		color: #fff;
		border: none;
		background: none;
		}

	#topNav ul.level1 li.search input {
		margin: -1px 0 0 0;
		}

	#topNav ul.level1 li.search .field {
		font: normal 11px Arial, Tahoma, sans-serif;
		color: #555;
		text-decoration: none;
		padding: 2px;
		margin: 0px;
		width: 140px;
		border: 1px solid #CCC;
		}

	#topNav ul.level2 li {
		padding: 8px 0 5px 0;
		background: url("../../images/bg_topNav_level2_separator.gif") no-repeat center right;
		}

	#topNav ul.level2 li.weather {
		background: none;
		float: right;
		}

	#topNav ul.level2 li.weather a {
		background: url("../../images/icon_mouse.gif") no-repeat 0px 0px;
		padding-left: 32px;
		padding-top: 5px;
		color: #849CCF;
		text-decoration: underline;
		}

	#topNav ul.level2 li.weather a:hover {
		color: #849CCF;
		text-decoration: none;
		}

	#topNav ul.level1 li a {
		font: normal 11px Arial, Tahoma, sans-serif;
		color: #3c4d79;
		text-decoration: none;
		text-transform: uppercase;
		}
	
	#topNav ul.level2 li a {
		font: bold 11px Arial, Tahoma, sans-serif;
		color: #fff;
		text-decoration: none;
		padding: 7px 12px 12px 11px;
		margin: 1px 0px -1px 0px;
		display: block;
		}

	#topNav ul.level2 li a.active {
		background: url("../../images/bg_topNav_level2_active.gif") no-repeat 50% 100%;
		}

	#topNav ul.level2 li.active a {
		font: bold 11px Arial, Tahoma, sans-serif;
		color: #ffd50f;
		text-decoration: none;
		}

	#topNav ul.level1 li.active a {
		font: bold 11px Arial, Tahoma, sans-serif;
		color: #FFF;
		text-decoration: none;
		}

	#topNav ul li a:hover {
		text-decoration: underline;
		}


	/* ROW INDEX 4
	---------------------------------------------------------------------------------------*/

	#rowIndex4 {
		background-color: #f7f7f7;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin: 0 0 10px 0;
		}

	#rowIndex4 h1 {
		background: url("../../images/icon_notepad.gif") no-repeat -4px 0px;
		font: bold 14px Arial, Tahoma, sans-serif;
		letter-spacing: -1px;
		color: #2E4D96;
		padding: 6px 0 5px 28px;
		margin: 0 0 10px 0;
		}

	#rowIndex4 h1.weather {
		background: url("../../images/icon_weather.gif") no-repeat 0px 0px;
		}

	#rowIndex4 h1.traffic {
		background: url("../../images/icon_sign.gif") no-repeat 0px 1px;
		padding: 6px 0px 5px 30px;
		}

	#rowIndex4 h2 {
		font: bold 11px Arial, Tahoma, sans-serif;
		color: #2E4D96;
		margin: 0 0 6px 0;
		}

	#rowIndex4 .column1 {
		float: left;
		width: 305px;    
		margin-top: 3px;
		}

	#rowIndex4 .column2 {
		float: left;
		width: 290px;
		margin-top: 3px;
		}

	#rowIndex4 .column3 {
		float: left;
		width: 305px;	
		margin-top: 3px;
		}

	#rowIndex4 .padd20 {
		padding: 10px 20px 10px 20px;
		}

	#rowIndex4 .radio {
		margin: 2px 5px 0 0;
		padding: 0px;
		float: left;
		display: block;
		width: 20px;
		height: 14px;
		}

	#rowIndex4 .column3 label {
		float: left;
		width: 250px;
		margin: 2px 0px 3px 0px;
		padding: 0px;
		display: block;
		height: 14px;
		}

	#rowIndex4 .column2 label {
		float: left;
		width: 225px;
		margin: 2px 0 3px 0;
		padding: 0px;
		display: block;
		height: 14px;
		position: relative;
		}

	#rowIndex4 select {
		font: bold 11px Arial, Tahoma, sans-serif;
		color: #5A5A5A;
		text-decoration: none;
		width: 240px;
		margin: 0 0 10px 0;
		padding: 3px;
		border: 1px solid #dadada;
		}

	#rowIndex4 .weatherDay {
		float: left;
		width: 115px;
		}

	#rowIndex4 .weatherDay strong {
		color: #2B4D9B;
		}

	#rowIndex4 .weathertime {
		float: left;
		width: 150px;
		}

	#rowIndex4 .weathertime img {
		float: left;
		margin: 0 5px 10px 0;
		}

	#rowIndex4 .source, #rowIndex4 .source a {
		font: normal 9px Arial, Tahoma, sans-serif;
		}


	/* FOOTER
	---------------------------------------------------------------------------------------*/

	#footer {
		border-top: 1px solid #A8BEED;
		background-color: #EAF2FF;
		padding: 0px;
		margin: 10px 0 0 0;
		}

	#footer ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		}

	#footer ul.menu {
		height: 46px;
		background: url("../../images/bg_level_2.gif") repeat-x 0% 0%;
		}

	#footer ul li {
		float: left;
		}

	#footer ul.copyright {
		background-color: #eaf2ff;
		height: 46px;
		}

	#footer ul.copyright li {
		font: normal 10px Arial, Tahoma, sans-serif;
		color: #3c4d79;
		text-transform: uppercase;
		padding: 15px 10px 0px 10px;
		background: url("../../images/bg_topNav_level1_separator.gif") no-repeat 100% 100%;
		}

	#footer ul.copyright li.last {
		background: none;
		}

	#footer ul.menu li {
		padding-top: 5px;
		background: url("../../images/bg_topNav_level2_separator.gif") no-repeat 100% 50%;
		}

	#footer ul.menu li a {
		font: bold 11px Arial, Tahoma, sans-serif;
		color: #fff;
		text-decoration: none;
		padding: 10px 12px 10px 12px;
		display: block;
		}

	#footer ul.menu li.active a {
		font: bold 11px Arial, Tahoma, sans-serif;
		color: #ffd50f;
		text-decoration: none;
		}

	#footer ul.menu li a:hover {
		color: #fff;
		text-decoration: underline;
		}

	#footer ul.copyright li.dobbin, #footer ul.copyright li.rights {
		float: right;
		padding-right: 12px;
		}
	
	#footer ul.copyright li a {
		font: normal 10px Arial, Tahoma, sans-serif;
		color: #3c4d79;
		text-decoration: none;
		text-transform: uppercase;
		}

	#footer ul.copyright li a:hover {
		text-decoration: underline;
		}


	/* LISTS
	---------------------------------------------------------------------------------------*/

	.content_list {
		margin-top: 20px;
		margin-bottom: 20px;
		list-style: square;
		}

	.content_list li {
		padding: 2px 0 2px 0;
		background: url("../../images/bullet_content_list.gif") no-repeat center right;
		}

	#aktualnost-lista {
		position: relative;
		left: -28px;
		}
		
		
	/* HIGHLIGHTS MENU
	---------------------------------------------------------------------------------------*/
	
	.highlights-menu {
		list-style: none;
		margin: 0 0 20px 0;
		padding: 0px;
		}
	
	.highlights-menu li {
		float: left;
		width: 290px;
		padding-bottom: 15px;
		background: url("../../images/content/buttons_home_gradient.gif") bottom left;
		}
		
	.highlights-menu li.servisni-centri-button, .highlights-menu li.rez-dijelovi-button {
		margin-right: 15px;
		}

		
	.highlights-menu li.servisni-centri-button a {
		width: 290px;
		height: 100px;
		display: block;
		background: url("../../images/content/servisni_centri_button.png") no-repeat 0px 0px;
		text-indent: -9999px;
		}
		
	.highlights-menu li.servisni-centri-button a:hover {
		background: url("../../images/content/servisni_centri_button.png") no-repeat 0px -100px;
		}
		
	.highlights-menu li.rez-dijelovi-button a {
		width: 290px;
		height: 100px;
		display: block;
		background: url("../../images/content/rezervni_dijelovi_button.png") no-repeat 0px 0px;
		text-indent: -9999px;
		}
		
	.highlights-menu li.rez-dijelovi-button a:hover {
		background: url("../../images/content/rezervni_dijelovi_button.png") no-repeat 0px -100px;
		}
		
	.highlights-menu li.gume-naplatci-button a {
		width: 290px;
		height: 100px;
		display: block;
		background: url("../../images/content/gume_naplatci_button.png") no-repeat 0px 0px;
		text-indent: -9999px;
		}
		
	.highlights-menu li.gume-naplatci-button a:hover {
		background: url("../../images/content/gume_naplatci_button.png") no-repeat 0px -100px;
		}
		
				
	/* NEWS HOMEPAGE
	---------------------------------------------------------------------------------------*/
	
	.news-home-single {
		padding: 25px 15px 15px 15px;
		background: url("../../images/news_home_bg.gif") repeat-x top left;
		}
		
	.news-home-main {
		background-color: #e9ebf3;
		padding: 25px 15px 15px 15px;
		border-top: 1px solid #d0d5e6;
		}
	
	.news-home-single img, .news-home-main img {
		float: left;
		width: 150px;
		height: auto;
		padding: 0;
		border: 1px solid #e3e3e5;
		}
		
	.news-home-single img, .news-home-main img {
		margin-right: 15px !important;
		}
		
	.news-content {
		width: auto;
		}
		
	.news-home-single p, .news-home-main p {
		font: normal 13px/19px Arial, Tahoma, sans-serif;
		}
		
	.news-home-single p a, .news-home-main p a {
		font: bold 12px/18px Arial, Tahoma, sans-serif;
		color: #3c4d79;
		}
		
	.news-home-single h4, .news-home-main h4 {
		font: normal 11px Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		text-shadow: #fff 0px 1px;
		color: #ed9e04;
		padding: 0;
		margin: 0 0 10px 0;
		}
		
	.news-home-single h3, .news-home-main h3 {
		padding: 0;
		margin: 0 0 10px 0;
		}
		
	.news-home-single h3 a,.news-home-main h3 a {
		font: normal 21px Arial, Tahoma, sans-serif;
		text-shadow: #aeaeae 0px 1px 1px;
		color: #3c4d79;
		text-decoration: none;
		}
		
	.news-home-single h3 a:hover, .news-home-main h3 a:hover {
		font: normal 21px Arial, Tahoma, sans-serif;
		text-shadow: #aeaeae 0px 1px 1px;
		color: #3c4d79;
		text-decoration: underline;
		}