@import url('carmenu.css');
@import url('extcontent.css');
@import url('rabljena.css');
@import url('cms.css');

html {
	margin: 0;
	padding: 0;
	height: 100%;
}


body {
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	min-height: 100%;
	
	background: white url(../images/redesign/bg_body.gif) top left repeat-x;
	
	font-family: arial;
	font-size: 13px;
	font-weight: normal;
	color: #333;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}




#wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	height: auto;
	height: 100%;
	text-align: center;
}

#page {
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	/*height: 100%;*/
	min-height: 100%;
	width: 960px;
}
#page_inner {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
}

#banner_top {
	position: relative;
	padding: 10px 0;
	background: #ccc;
	border: 2px solid white;
	border-top: none;
}

#banner_right {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 160px;
	right: -160px;
	top: 0;
}





/*	HEADER ITEMS	*/

#header {
	position: relative;
	margin: 0 0 56px 0;
	padding: 0;
	height: 169px;
}
#header #home_logo {
	position: absolute;
	top: 55px;
	left: 15px;
}

#toolbox {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
	height: 28px;
	width: 230px;
	top: 9px;
	right: 0px;
}

#tools {
	margin: 0 0 0 10px;
	padding: 1px 0;
	height: 17px;
	width: 57px;
	float: left;
}
#tools a {
	margin: 0 4px;
}

#searchfield {
	padding-top: 1px;
	position: relative;
	float: right;
	width: 147px;
}
#searchfield div.txtfield {
	position: relative;
	width: 120px;
	height: 17px;
	float: left;
}
#searchfield div.btn {
	position: relative;
	width: 17px;
	float: right;
	text-align: left;
}
#searchfield div.txtfield input.searchbox {
	font-family: arial;
	width: 117px;
	font-size: 11px;
	height: 13px;
	line-height: 13px;
	padding: 1px 4px;
	
	border: 1px solid #020202;
}
#searchfield div.btn img {
	margin: 0;
}


div.redline {
	margin: 0;
	padding: 0;
	height: 5px;
	background: #cc0000;
	border-left: 1px solid white;
	border-right: 1px solid white;
	overflow: hidden;
}

#top_row {
	position: relative;
	display: block;
	margin: 0 1px;
	padding: 10px 0 0 0;
	height: 26px;
	/*border-bottom: 1px solid white;*/
}

#top_row .dropvozila {
	font-family: tahoma;
	margin: 3px 5px;
	padding: 0px;
	font-size: 11px;
	width: 130px;
	position: absolute;
	top: 7px;
	right: 238px;
}

#mainframe {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	background: white;
	min-height: 1%;
	padding-bottom: 200px;
}

	
/*	LEFT BLOCK ITEMS	*/ 

#left_block {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width: 178px;
	height: 1%;
	/*background: transparent url(../images/leftblock_top_bg.gif) left top no-repeat; */
}

#mainmenu {
	position: relative;
	margin: 0;
	padding:0 0 0 0;
	border-top: 1px solid silver;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#mainmenu li {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}

#mainmenu img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#mainmenu a {
	display: block;
	font-family: arial;
	margin: 0;
	padding: 0 5px;
	color: #6f6f6f;
	font-size: 14px;
	line-height: 22px;
	text-decoration: none;
	border-bottom: 1px solid silver;
}
#mainmenu a:hover, #mainmenu a.selected {
	color: #000;
}


/*	submenu koncesionarji 	*/

#submenu {
	position: relative;
	margin: 0;
	padding: 0;
}
.submenu_last {
	/*border-bottom: 1px solid silver;*/
}
#submenu ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	/*border-bottom: 1px solid #CCC;*/
}

#submenu ul li {
	position: relative;
	margin: 0;
	padding: 0;
}

#submenu ul li a {
	display: block;
	margin: 0;
	padding: 2px 0 2px 8px;
	padding: 0 0 0 18px;
	font-size: 11px;
	line-height: 20px;
	color: #6f6f6f;
	color: #9f9f9f;
	border-bottom: 1px solid #e9e9e9;
	/*background: url(../images/bullet_salon.gif) 10px 50% no-repeat;*/
}
#submenu ul li a.last {
	border-bottom: 1px solid silver;
}
#submenu ul li a.selected, #submenu ul li a:hover {
	color: #000;
	text-decoration: none;
	/*background: url(../images/bullet_salon_over.gif) 0% 50% no-repeat;*/
}

/********************************/

#left_block div.spacer {
	position: relative;
	margin: 1px 0;
	padding: 0;
	height: 58px;
	border-left: 5px solid #CC0000;
}

#left_block .banner {
	position: relative;
	display: block;
	margin: 0 0 1px 0;
	padding: 0;
}

/*	RIGHT BLOCK ITEMS	*/ 



#right_block {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width: 782px;
	height: 1%;
}

#body_title {
	position: relative;
	margin: 0;
	padding: 0 0 0 21px;
	height: 41px;
	display: block;
}

#body_title .title {
	display: block;
	margin: -4px 0 0 0;
	padding: 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 30px;
	text-transform: uppercase;
	color: #333;
	font-family: arial;
}

#body_hmenu {
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	height: 41px;
	display: block;
	background: transparent url(../images/content_title_bg.gif) top left no-repeat;
	display: none;
}

#body_content {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 21px;
	height: 1%;
}

#body_content_vozila {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 1%;
}

#aktualno {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 561px;
	float: left;
}

#content {
	margin: 0;
	padding: 12px 12px 12px 0;
	height: 1%;
}

#content h2 {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 20px;
	font-weight: normal;
	color: #6f6f6f;
}
#content h4 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
}

#content div {
	position: relative;
	margin: 0;
	padding: 0 0 20px 0;
}



#promo {
	position: relative;
	display: block;
	margin: -38px 0 25px 0;
	padding: 0;
	width: 178px;
	float: right;
	height: 1%;
}

/******************************************************************OOOOOOOOOOOOOO*****************************************************************/
#promo .image  img {
	width: 170px;
}
#promo .benner_promo img {
	width: 170px;
}
/*******************************************************************OOOOOOOOOOOOO****************************************************************/

#promo .title_promocija, #promo .title_koncesionari {
	position: relative;
	display: block;
	height: 35px;
	margin: 1px 0;
	padding: 0;
}

#promo .title_promocija {
	background: transparent url(../images/title_promo_promocija.gif) top left no-repeat;
}

#promo .title_koncesionari {
	background: transparent url(../images/title_promo_koncesionari.gif) top left no-repeat;
}

#promo .benner_promo {
	position: relative;
	display: block;
	border: 1px solid #CCC;
	margin: 0;
	padding: 3px;
}

#promo ul {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	border-top: 1px solid #CCC;
}

#promo li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}

#promo li a {
	display: block;
	font-family: arial;
	margin: 0;
	padding: 0 2px;
	color: #6f6f6f;
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
	border-bottom: 1px solid silver;
	
}

#promo li a:hover {
	color: #000;
	text-decoration: none;
}

/* 	content servis 	*/

#content div.storitve {	
	margin: 10px 0;
	padding: 0 0 0 50px; 
	display: block;
	height: 40px;
}



/* 	content rabljena vozila 	*/

#content_rabljena {
	margin: 15px 0 0 0;
	padding: 0;
}

#content_rabljena a {
	color: #000;
	text-decoration: none;
}
#content_rabljena a:hover { text-decoration: underline; }


/* 	content koncesionarji 	*/

#title_buttons {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 4px;
	right: 188px;
	height: 17px;
}
#title_buttons a {
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	line-height: 17px;
}
#title_buttons a:hover {
	background-position: left bottom;
}
#title_buttons .kon_email {
	background: transparent url(../images/ico_email.gif) left top no-repeat;
	margin-right: 5px;
}
#title_buttons .kon_map {
	background: transparent url(../images/ico_map.gif) left top no-repeat;
}

#promo .generalije {
	position: relative;
	display: block;
	padding: 6px;
	margin: 1px 0 0 0;
	border: 1px solid #CCC;
}

#promo .generalije div {
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

#promo .generalije div.last {
	border: none;
}

#promo .generalije div spam {
	font-weight: bold;
}

/*	GALLERY		*/

#gallery {
	position: relative;
	display: block;
	margin: 1px 0 0 0;
	padding: 0;
	height: 1%;
	border: 1px solid #ccc;
}
#gallery .image {
	padding: 3px;
}

#controls {
	position: relative;
	display: block;
	margin: 0;
	padding: 4px 0;
	height: 1%;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid #CCC;
}

#controls .prev {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 30px;
	height: 20px;
}

#controls .counter {
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}

#controls .next {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
	width: 30px;
	height: 20px;
}

/* 	SEARCH	*/

#content .SearchResultText {
	margin: 0;
	padding: 5px 0;
}

#content .SearchResultText span.search_keyword, 
#content .SearchResultText span.search_showing_pages {
	font-weight: bold;
}



#content .searchresultfirst, 
#content .searchresult {
	display: block;
	height: 1%;
	padding: 10px 0 12px 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
}

#content .searchresultfirst {
	border-top: 1px solid #CCC;
}

#content .searchresultfirst a, 
#content .searchresult a {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#content .pages {
	margin: 5px 0;
}

/****************************************
	PAGE BOTTOM & FOOTER
****************************************/

#bottom {
	position: relative;
	margin: -170px 0 0 0;
	padding: 50px 0 0 0;
	width: 100%;
	height: 120px;
	background: white url(../images/redesign/bg_prewrapper.gif) top left repeat-x;
	overflow: hidden;
}

#bottom .footer {
	font-size: 9px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	height: 110px;
	width: 960px;
	color: #999;
	/*background: lime;*/
}
#bottom .footer a {
	color: #999;
}
#bottom .footer_inner {
	margin: 0;
	padding: 0 10px;
	text-align: left;
}


.footer .row {
	position: relative;
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
	height: 19px;
	line-height: 18px;
}

.footer .row span { color: #333; }

.footer .row a {
	color: #999;
	padding: 0 6px;
}



.footer .row span.col {
	width: 120px;
	float: left;
	padding: 0;
	
}

.footer .row span.col a {
	color: #333;
	padding: 0;
	line-height: 14px;
	height: 14px;
	display: block;
}


.footer .row span.col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer .row span.col ul li {
	padding: 0;
	margin: 0;
	float: left;
	width: 120px;
	height: 14px;
}

.footer .row span.col ul li a {
	margin: 0 5px 0 0;
	padding: 0;
	color: #999;
	height: 14px;
	line-height: 14px;
}

.footer .copy {
	position: relative;
	text-align: right;
	padding: 18px 0;
	height: 1%;
}

#bottom a:hover {
	text-decoration: underline;
}
#bottom_red_line {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0px;
	line-height: 0px;
	height: 5px;
	background: #e21332;
	width: 100%;
}

/* 	COMMON ITEMS	*/

div.clear {
	position: relative;
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}