/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.blue  { color: #2a9fe2; }
.pink  { color: #f245b3; }
.grey  { color: #888888; }
.green { color: #37da0b; }
/*.red   { color: #e10202; }*/
.red   { color: #c61734; }

.italic { font-style: italic; }
.bold   { font-weight: bold; }

h2 { font-size: 2.2em; line-height: 150%; }

body {
	color: #14335D;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-image: url("../images/body_bg.png");
	background-repeat: repeat-x;
}

html, body {
	width: 100%;
	height: 100%;
	color: #2f2f2f;
}

pre { background-color: #fff; color: #000; font-size: 9px; }

div#wrapper {
	width: 900px;
	position: relative;
	color: #2f2f2f;
	margin: 0 auto;
	text-align: left;
}

div.logo   { float: left; width: 200px; height: 97px; }
div.search { float: left; height: 97px; }

/*navigation*/
#navigacija-menu{ position: relative; height: 97px; margin: 0; }
ul#mainMenu { position:relative; z-index: 5000; margin: 0; border: 0; padding-top: 75px; margin-left: 150px; list-style: none; }
ul#mainMenu ul { list-style:none; margin:0; padding:0; }
ul#mainMenu li.horizontal { float:left; display:block; width:auto; margin:0; padding-right:50px; font:bold 11px/20px Arial; cursor:pointer; }
ul#mainMenu li.horizontal a { text-decoration: none; width:auto; height:1%; color: #727272; background:url(../images/border-item.gif) no-repeat 0 0; padding-left:10px; }
ul#mainMenu div.panel { margin-top:5px; margin-left:0; visibility:hidden; }
ul#mainMenu div.panel ul { width: 200px; background: #fff; }
ul#mainMenu div.panel ul li { font:10px "Trebuchet MS"; text-transform:uppercase; margin:0; padding:0; float:none; }
ul#mainMenu div.panel ul li a { display:block; width:180px; color:#6B6B6B; margin-top:-1px; border:1px solid #d0d0d0; padding:5px 10px; background:#fff url(../images/bg-item.gif) repeat-y 100% 0; }
ul#mainMenu div.panel ul li a:hover { color:#C81545; background:#fff; }

ul#mainMenu div.panel div.panel { margin-top:1px; margin-left:-20px; }
ul#mainMenu div.panel ul li:hover li.no-bg a { border-left:0; padding-left:11px; background:#fff; }
ul#mainMenu div.panel ul li:hover a { color:#C81545; background:#fff; }

ul#mainMenu div.panel ul li ul{ display: none; }
ul#mainMenu div.panel ul li:hover ul{ display: block; }

ul#mainMenu div.panel ul li:hover li a{ color:#6B6B6B; background:#fff url(../images/bg-item.gif) repeat-y 100% 0; }
ul#mainMenu div.panel ul li:hover li a:hover{ color:#C81545; background:#fff; }

ul#mainMenu li#onissanu { background: url(../images/onas.gif) no-repeat 10px 5px; width: 71px; }
ul#mainMenu li#modeli   { background: url(../images/modeli.gif) no-repeat 10px 5px; width: 52px; }
ul#mainMenu li#storitve { background: url(../images/storitve.gif) no-repeat 10px 5px; width: 61px; }
ul#mainMenu li#kontakt  { background: url(../images/kontakt.gif) no-repeat 10px 5px; width: 60px; }

/*content*/
p.quote { margin: 0 20px 15px 0; color: #8e8e8e; }

/*avto details*/
table.details { color: #949599; }
table.details th { height: 30px; font-size: 18px; padding: 5px 0 0 20px; background-color: grey; color: #c61734; }
td.left { text-align: right; font-weight: bold; padding-right: 1px; }
td.right { text-align: left; font-weight: normal; padding-left: 10px; }

h1.details { font-size: 18px; color: #c61734; margin: 10px 0 20px 0; }
span.details { color: #000; font-size: 15px; font-weight: bold; }

div#footer { width: 100%; height: 63px; background: url(../images/footer_bg.png) repeat-x; }
div#footer p { width: 900px; text-align: left; margin: 0 auto; padding: 20px 0 0 60px; color: #6e6e6e; font-size: 11px; }
div#footer p a { color: #6e6e6e; }
div#footer p a:hover {text-decoration: underline; }

/*legal notes*/
div.legal { padding: 20px; }
div.legal h1 { font-size: 18px; color: #888888; padding: 10px 0 15px 0; }
div.legal p { padding: 5px 0 5px 0; }

/*print details*/
div.print_details {padding: 20px;}
div.print_details h1 {font-size: 18px; font-weight: bold; color: #888888; padding: 0 0 10px 160px;}
div.print_details div.key {
	float: left;
	clear: left;
	width: 150px;
	min-height: 30px;
	padding-right: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}

div.print_details div.value {
	float: left;
	width: 150px;
	min-height: 30px;
	text-align: left;
	font-weight: normal;
	font-size: 13px;
}