/******************************************************
*                                                     *
*   CSS file - http://www.autohrvatska.hr/       			*
*   Copyright (c) Dobbin, 2006.               				*
*                                                     *
******************************************************/

/*---- Base ----*/

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

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

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

.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
{
	font: normal 11px Arial, Tahoma, sans-serif;
	color: #2E4D96;
	text-decoration: none;
}

a img
{
	border: none;
}

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

.txtRed
{
    color: red;
}

.tajna
{
	display: none;
}


/* Clearing method
------------------------------------------------------*/

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



/*---- Layout ----*/

#page-container
{
	width: 920px;
	margin: 0px auto;
	padding: 0px 0px 4px 0px;
	background: url("../../images/bg_page_container_bottom.gif") no-repeat 0% 100%;
	text-align: left;
}

#page-wrapper
{
	background: url("../../images/bg_page_container_top.gif") no-repeat 0% 0%;
	padding: 10px 10px 6px 10px;
}

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

#logoVidiNatjecaj
{
	height: 65px;
}

#logoVidiNatjecaj .logo
{
	margin: 19px 0px 0px 10px;
	float: left;
}

#logoVidiNatjecaj .vidi
{
    float: right;
	padding: 2px 10px 0px 0px;
}

/*---- Top navigation ----*/

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

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

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

#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 .vidi a
{
	display: block;
	width: 88px;
	height: 31px;
	text-indent: -9999px;
	margin: 18px 20px 0px 0px;
	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: 46px;
	background: url("../../images/bg_level_1.gif") repeat-x 0% 0%;
	padding: 0px 0px 0px 5px;
	
}

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

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

#topNav ul.level1 li.last
{
	background: none;
}

#topNav ul.level1 li.right
{
	padding: 14px 15px 0px 10px;
	float: right;
}

#topNav ul.level1 li.right a
{
	display: block;
	height: 20px;
	text-indent: -9999px;
}

#topNav ul.level1 li.weather a
{
	width: 115px;
	background: url("../../images/prognoza.gif") no-repeat 0% 0%;
}

#topNav ul.level1 li.road-condition a
{
	width: 105px;
	background: url("../../images/stanje_ceste.gif") no-repeat 0% 0%;
}

#topNav ul.level1 li.auto-daljinar a
{
	width: 83px;
	background: url("../../images/daljinar.gif") no-repeat 0% 0%;
}

#topNav ul.level1 li.right a:hover
{
	background-position: 0px -20px;
}


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

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

#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 0px 5px 0px;
	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.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: url("../../images/bg_rowIndex_4_new.gif") repeat-x 900px 0px;
	border-top: 1px solid #D7E0F2;
	border-bottom: 1px solid #D7E0F2;
	margin: 0px 0px 10px 0px;
}

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

#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: 0px 0px 6px 0px;
}

#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 0px 0px;
	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 0px 3px 0px;
	padding: 0px;
	display: block;
	height: 14px;
	position: relative;
}

#rowIndex4 select
{
	font: bold 11px Arial, Tahoma, sans-serif;
	color: #5A5A5A;
	text-decoration: none;
	width: 160px;
	margin: 0px 0px 10px 0px;
}

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

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

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

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

#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 0px 0px 0px;
}

#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 0px 2px 0px;
background: url("../../images/bullet_content_list.gif") no-repeat center right;
}