/*
Carman motosport
Style Sheet
by boomerank
*/


/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								BASICS
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
* {
	padding:0;
	margin:0;
}

body { 
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.625em;
	color:#221e1f;
	text-align:center;
	background:#87888d; 
}

a:active, a:focus {
	outline:none;
	-moz-outline-style:none;
}

img, a img {
	border:0;
}

td {
	vertical-align:top;
	font-size:1em;
}

/* skip links */
#skipLinks {
	position:absolute;
	top:-500px;
}
 


/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								CONTAINER
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

#container {
	margin:0 auto 10px auto;
	width:960px;
	background:#e0e0e0;
	text-align:left;
}



/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								HEADER
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

#header {
	height:162px;
	background:url(/pic/header-back.jpg) no-repeat left top;
	font-size:1.1em;
}

#header #top {
	padding:30px 0 0 250px;
	font-size:11px;
	color:#221d1e;
}

#header #top a {	
	text-decoration:none;
	color:#221d1e;
}

#header #top a:hover {
	text-decoration:underline;
}

#header #logo {
	padding:10px 0 0 10px;
}

#header #search {
	position:relative;
	float:right;
	width:165px;
	margin-top:-30px;
	font-size:10px;
	color:#221d1e;
}

#header #search form {
	margin:2px 0 0 0;
	padding:0;
}

#header #search input {
	background-color:#d62027;
	border:none;
	font-size:11px;
	padding:2px;
	width:120px;
	color:#f3ba39;
}

#header #search input.button {
	width:18px;
	height:18px;
	background:url(/pic/search-button.gif) no-repeat left center;
	border:none;
	cursor:pointer;
	margin-left:4px;
}


/*=====================================================================
								NAVIGATION
  =====================================================================*/

#navigation {
	padding-left:190px;
	font-size:1.1em;
	background:#d62027;
	border-top:1px solid #f3ba39;
	border-bottom:1px solid #f3ba39;
}

#navigation ul {
	list-style:none;
}

#navigation ul li {
	position:relative;
	float:left;
	z-index:10;
}


/*----------------------------------------------------------------------
								I. NIVO
  ---------------------------------------------------------------------*/
#navigation a {
	display:block;
	padding:8px 20px 6px 20px;
	color:#f4ba39;
	font-weight:bold;
	text-decoration:none;
	border-left:1px solid #f3ba39;
}

/* zadnji gumb */
#navigation a.tabLast {
	border-right:1px solid #f3ba39;
}

/* izbrani gumb */
#navigation ul li.selected a {
	background:#f3ba39;
	color:#d62027;
}

/* onmouseover gumb */
#navigation a:hover {
	background:#f3ba39;
	color:#d62027;
}

/* tab ostane temen na hover */
#navigation ul li:hover a {
	background:#f3ba39;
	color:#d62027;
}


/*----------------------------------------------------------------------
								DROPDOWN
  ---------------------------------------------------------------------*/

/* okvir dropdowna */
#navigation .dropdown {
	width:210px;
	position:absolute;		
	left:-20px;
	top:auto;
	background:url(/pic/bgfix.gif);
	display:none;
}

/* prostor dropdowna */
#navigation .dropdown ul {
	width:170px;
	margin:0 20px 20px 20px;
	padding:5px 0 15px 0;
	background:#F3BA39;
}

/* nastevanje v dropdownu */
#navigation .dropdown li {
	float:none;
	padding:0 10px;
}

/* prikazi dropdown */
#navigation li:hover div.dropdown {
	display:block;
}

/* linki dropdownov */
#navigation li:hover .dropdown li a {
	display:block;
	font-size:0.9em;
	color:#484848;
	padding:4px 5px;
	background:url(/pic/menu-border.gif) repeat-x left bottom;
}

/* hover efekt na nastevanjih na dropdownu */
#navigation li:hover .dropdown li:hover a {
	color:#d72027;
}


/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								MAIN CONTENT
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

/*  vsebina strani  */
#main {
	margin:0 auto;
	padding:20px 9px 0 9px;
	background:url(/pic/menu-shadow-bottom.gif) repeat-x top;
}

#mainInner {
	float:left;
	width:740px;
}

/*  glavna vsebina  */
#content {
	float:right;
	width:540px;
	text-align:left;
	font-size:1.1em;
}


/*=====================================================================
									COMMON
  =====================================================================*/
/* odstavek */
#content p {
	margin:0 0 10px 0;
	padding:0;
	line-height:150%;
	text-align:justify;
}

/* links */
#content a {
	color:#221e1f;
	text-decoration:underline;
}
#content a:hover {
	color:#d62027;
}

/* bullets & numbering */
#content ul {
	margin:0 0 10px 20px;
	padding:0;
}

#content ul li {
	margin:0 0 5px 0;
}

#content ol {
	margin:8px 0 10px 28px;
	padding:0;
}

#content ol li {
	margin:0 0 5px 0;
	padding:0;
}

/* pot */
#content #path {
	width:450px;
	line-height:140%;
	color:#484848;
	font-size:0.9em;
}

#content #path a {
	color:#d62027;
	text-decoration:underline;
}

#content #path a:hover {
	text-decoration:none;
}


/* +, -, print ikonce */
#print {
	float:right;
	padding-top:1px;
	display:none;
}

/*----------------------------------------------------------------------
								TITLES
  ---------------------------------------------------------------------*/

#content h1 {
	margin:10px 0 12px 0;
	padding:0;
	font-size:2.1em;
	font-weight:normal;
	color:#d72127;
}

#content h2 {
	margin:15px 0 5px 0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
	color:#d72127;
}
#content h2 a {
	color:#d72127;
	text-decoration:underline;
}
#content h2 a:hover {
	text-decoration:nonee;
}


#content h3 {
	margin:15px 0 3px 0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	color:#221e1f;
}
#content h3 a {
	color:#221e1f;
	text-decoration:none;
}

/* napaka */
#content .error,
#content .error a {
	color:#d72127;
}

/*----------------------------------------------------------------------
							CMS - SPECIAL
  ---------------------------------------------------------------------*/

/* obraten link */
#content a.linkReverse {
	color:#221e1f;
	text-decoration:none;
}
#content a.linkReverse:hover {
	text-decoration:underline;
}

/* mali tekst */
#content .textMali {
	font-size:0.9em;
}

/* okvir okrog slike */
#content img.imgSlika {
	border:2px solid #d72127;
}

/* levi stolpec s sliko */
#content p.stolpecLevo {
	float:left;
	width:256px;
	margin-right:28px;
	font-size:0.9em;
}

/* desni stolpec s sliko */
#content p.stolpecDesno {
	float:left;
	width:256px;
	font-size:0.9em;
}

/* prostor za poudarke */
#content div.divAktualno {
	margin:-5px 0 10px 0;
	padding:8px 8px 3px 8px;
	background-color:#d2d2d2;
}
#content div.divAktualno p {
	margin-bottom:5px;
}

/* vrstica, ki se ne prelomi (ce ima notri floatane DIVe) */
#content div.divRow {
	clear:both;
}


/*----------------------------------------------------------------------
							TABLE DATA
  ---------------------------------------------------------------------*/
#content table.tableDefault {
	margin:0 0 10px 0;
}

#content table.tableDefault tr td {
	padding:3px 4px;
	font-size:1em;
}

#content table.tableDefault thead td {
	font-weight:bold;
	background-color:#b3b2b5;
}

#content table.tableDefault tr.barvnaVrstica td {
	 background-color:#d2d2d2;
}


/*=====================================================================
									HOME
  =====================================================================*/

/* uvodni napis */
#content p.homeTop {
	margin:0 0 20px 0;
	padding:10px;
	background:#c0c1c4;
	border-bottom:3px solid #d72127;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	line-height:160%;
}

/* rdeca crta na fotki*/
#content div.homeLine {
	margin-top:-44px;
	font-size:1px;
	height:4px;
	background-color:#d72127;
	filter:alpha(opacity=90);
	opacity:0.9;
}

/* transparenten pas na fotki*/
#content div.homeTransparent {
	background-color:#fff;
	height:40px;
	filter:alpha(opacity=50);
	opacity:0.5;
}

#content div.homeContent {
	background:#c5c4c7 url(/pic/home-corner.gif) no-repeat right bottom;
	padding:20px;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
}

#content div.homeContent p {
	text-align:center;
}


/*=====================================================================
								LIST AREA
  =====================================================================*/

#content ul.listSubArea {
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

#content ul.listSubArea li {
	float:left;
	width:122px;
	height:154px;
	margin:0 6px 15px 6px;
	padding:0 0 5px 0;
	list-style:none;
	text-align:center;
	background:#d2d2d2;
	line-height:130%;
}

#content ul.listSubArea li img {
	border:1px solid #d72127;
	margin-bottom:3px;
}

#content ul.listSubArea li a {
	font-weight:bold;
	text-decoration:none;
}


/*=====================================================================
							LIST PRODUCT
  =====================================================================*/

/*----------------------------------------------------------------------
								SORT
  ---------------------------------------------------------------------*/
#content .sort {
	margin:0 0 15px 0;
	padding:5px;
	background:#d2d2d2;
}

#content .sort form {
	float:right;
	margin:0;
	padding:0;
}

#content .sort select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:150px;
	padding:1px;
}

#content .sort p {
	margin:2px 0 4px 0;
	padding:0;
}

/*----------------------------------------------------------------------
							LIST
  ---------------------------------------------------------------------*/
#content .productRow {
	clear:both;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #d2d2d2;
}

#content .product {
	float:left;
	width:260px;
}

/* levi izdelek */
#content .left {
	margin-right:20px;
}

#content .product h1 {
	margin:0 0 15px 0;
	padding:0;
	font-size:1.1em;
	color:#d72127;
	line-height:120%;
	font-weight:bold;
}

#content .product h1 a {
	color:#d72127;
	text-decoration:none;
}
#content .product h1 a:hover {
	text-decoration:underline;
}

/* koda */
#content .product p.productCode {
	margin:-2px 0 15px 0;
	color:#484848;
	font-size:0.9em;
}

#content .product p {
	margin:0 0 3px 0;
	line-height:120%;
}

/* slikca */
#content .product .thumb {
	float:left;
	width:100px;
	text-align:center;
}

#content .product .thumb img {
	border:1px solid #d72127;
}

/* tekst */
#content .product .text {
	margin-left:110px;
}


/*=====================================================================
									PRODUCT
  =====================================================================*/

/* koda */
#content p.productCode {
	margin:-13px 0 15px 0;
	color:#484848;
}

/* del za slike */
#content div.productImage {
	float:left;
	width:184px;
	text-align:center;
}

#content div.productImage img {
	border:1px solid #d72127;
}

#content div.productText {
	margin-left:195px;
}


/*=====================================================================
								FOOTER MENU
  =====================================================================*/
#footerMenu {
	margin:25px auto 0 auto;
	text-align:center;
	color:#484848;
	font-weight:bold;
	font-size:1em;
}

#footerMenu a {
	color:#484848;
	text-decoration:none;
	padding:0 3px;
}
#footerMenu a:hover {
	color:#d62027;
}


/*=====================================================================
								SEARCH
  =====================================================================*/

#searchTop {
	border-bottom:1px dashed #221e1f;
	font-size:5px;
	margin-bottom:10px;
	width:100%;
}

#searchBottom {
	border-bottom:1px dashed #221e1f;
	font-size:5px;
	margin-bottom:10px;
	width:100%;
}

/* zadetki */
#content ol.searchResults {
	margin-left:25px;
}

#content ol.searchResults li {
	margin:0 0 10px 0;
}

#content ol.searchResults span {
	font-size:0.9em;
}

#content ol.searchResults span a {
	text-decoration:none;
}

/* pager */
#content .pager {
	margin:10px 0 5px 0;
	padding:0;
	text-align:center;
}

#content .pager a {
	margin:0 3px;
	padding:0.2em 0.5em;
	text-decoration:none;
	border:1px solid #87888d;
}

#content .pager a:hover {
	background:#d2d2d2;
	border:1px solid #87888d;
	text-decoration:none;
}

#content .pager span {
	margin:0 3px;
	padding:0.2em 0.5em;
	background:#d2d2d2;
	border:1px solid #87888d;
	font-weight:bold;
}

/* prejsnja & naslednja */
#content .pager a.side {
	margin:0 3px;
	padding:0;
	text-decoration:none;
	border:0;
}

#content .pager a.side:hover {
	background:none;
	border:0;
	text-decoration:underline;
}


/*=====================================================================
								SITEMAP
  =====================================================================*/
#content ul.sitemap {
	float:left;
	width:350px;
	margin:-20px 0 0 0;
	padding:0;
}

/* default za strani */
#content ul.sitemap li {
	margin:0 0 7px 0;
	padding:0;
}

#content ul.sitemap li a {
	color:#221e1f;
}

/* I. nivo */
#content ul.sitemap li.area_1 {
	margin:20px 0 3px 0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
	color:#d72127;
	list-style:none;
}

#content ul.sitemap li.area_1 a {
	color:#d72127;
	text-decoration:none;
}

#content ul.sitemap li.page_1 {
	margin:0 0 7px 15px;
	padding:0;
}

/* II. nivo */
#content ul.sitemap li.area_2 {
	margin:6px 0 4px 0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	color:#221e1f;
}

#content ul.sitemap li.area_2 a {
	color:#221e1f;
	text-decoration:none;
}
#content ul.sitemap li.area_2 a:hover {
	text-decoration:underline;
}

#content ul.sitemap li.page_2 {
	margin:0 0 7px 25px;
	padding:0;
}

/* splošne strani */
#content ul.sitemapPage {
	float:right;
	width:150px;
	margin:5px 0 0 0;
	padding:0;
}

/* default za strani */
#content ul.sitemapPage li {
	margin:0 0 5px 15px;
	padding:0;
}

#content ul.sitemapPage li a {
	color:#221e1f;
}



/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								FORMS
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

/* fieldset */
#content fieldset {
	margin:0 0 5px 0;
	padding:15px 15px 5px 15px;
	border:0;
	background:#d2d2d2;
}

#content form p {
	margin-bottom:10px;
	clear:both;
}

#content input,
#content textarea {
	margin:3px 0 2px 0;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

#content input.error,
#content textarea.error {
	border:1px solid #d72127;
	color:#000;
}

/* label */
#content label {
	display:block;
	float:left;  
	padding:5px 10px 10px 0;
	text-align:right;
	font-weight:bold;
}

#content label.label2 {
	display:inline;
	float:none;
	padding:0;
}

/* error message */
#content .errorMsg {
	color:#d72127;
	display:block;
}

/* skrijemo kontrolno polje za spam */
#content input.field {
	display:none;
}

/* gumb */
#content input.button {
	padding:4px;
	border:none;
	background:#d72127;
	color:#f3ba39;
	font-weight:bold;
	cursor:pointer;
}


/*=====================================================================
							LABELS & BUTTONS
  =====================================================================*/

/*----------------------------------------------------------------------
								CONTACT
  ---------------------------------------------------------------------*/
#content #formContact {
	width:540px;
}

#content #formContact label {
	width:6em;
}

#content #formContact .errorMsg {
	margin-left:6.5em;
}

/*----------------------------------------------------------------------
								REGISTER
  ---------------------------------------------------------------------*/
#content #formRegister label {
	width:6em;
}

#content #formRegister .errorMsg {
	margin-left:6.5em;
}



/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								CONTENT LEFT
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

#contentLeft {
	display:inline;
	float:left;
	width:180px;
	text-align:left;
}

#contentLeft p {
	margin:0 0 10px 0;
	padding:0;
}


/*=====================================================================
								NAVIGATION 2
  =====================================================================*/

/*----------------------------------------------------------------------
								LEVEL I
  ---------------------------------------------------------------------*/
#contentLeft #navigation2 {
	margin:0 0 25px 10px;
	padding:0;
	list-style:none;
	font-size:1.1em;
}

#contentLeft #navigation2 li {
	background:url(/pic/menu-border.gif) repeat-x left bottom;
}

#contentLeft #navigation2 a {
	display:block;
	color:#484848;
	font-weight:bold;
	text-decoration:none;
	padding:6px 12px;
}

#contentLeft #navigation2 a.selected,
#contentLeft #navigation2 a:hover
{
	color:#d62027;
	background:url(/pic/menu-bullet.gif) no-repeat left center;
}

/*----------------------------------------------------------------------
								LEVEL II
  ---------------------------------------------------------------------*/
#contentLeft #navigation2 li ul {
	margin:0 0 0 0;
	padding:0 0 5px 0;
	list-style:none;
	font-size:0.9em;
}

#contentLeft #navigation2 li ul li {
	padding-left:13px;
	background:none;
	border-top:1px dashed #c0c1c4;
}

#contentLeft #navigation2 li ul li a {
	display:block;
	color:#484848;
	font-weight:bold;
	text-decoration:none;
	padding:4px 0 4px 10px;
}

#contentLeft #navigation2 li ul li a.selected,
#contentLeft #navigation2 li ul li a:hover
{
	color:#d62027;
	background:url(/pic/menu-bullet.gif) no-repeat left center;
}


/*=====================================================================
								NEWS
  =====================================================================*/
#contentLeft div.divLeftNews {
	padding:7px 10px 0 10px;
	font-size:1.1em;
	background:url(/pic/news-border-top.gif) no-repeat left top;
}

#contentLeft div.divLeftNews h2 {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	line-height:130%;
}

#contentLeft div.divLeftNews h2 a {
	color:#d72027;
	text-decoration:none;
}
#contentLeft div.divLeftNews h2 a:hover {
	text-decoration:underline;
}

#contentLeft div.divLeftNews p {
	margin:0 0 5px 0;
	line-height:130%;
}

#contentLeft div.divLeftNews p.vec {
	margin:-5px 0 0 0;
	text-align:right;
}

#contentLeft div.divLeftNews p.vec a {
	padding-right:8px;
	background:url(/pic/menu-bullet.gif) no-repeat right center;
	color:#d72027;
	font-weight:bold;
	text-decoration:underline;
}
#contentLeft div.divLeftNews p.vec a:hover {
	text-decoration:none;
}

#contentLeft p.pLeftNewsBottom {
	margin-bottom:15px;
	background:url(/pic/news-border-bottom.gif) no-repeat left top;
	height:12px;
	font-size:5px;
}


/*=====================================================================
								MOTOSPORT
  =====================================================================*/
#contentLeft p.pLeftMotosportTop {
	margin:0;
	background:url(/pic/motosport-back-top.gif) no-repeat left top;
	height:45px;
}

#contentLeft div.divLeftMotosport {
	margin-bottom:10px;
	padding:0 10px 10px 10px;
	font-size:1.1em;
	background:url(/pic/aktualno-back-bottom.gif) no-repeat right bottom;
}

#contentLeft div.divLeftMotosport ul {
	margin:0;
	padding:0;
	list-style:none;
}

#contentLeft div.divLeftMotosport li {
	margin:0;
	padding:0 0 6px 0;
}

#contentLeft div.divLeftMotosport a {
	color:#221e1f;
	text-decoration:underline;
}
#contentLeft div.divLeftMotosport a:hover {
	text-decoration:none;
}



/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								CONTENT RIGHT
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

#contentRight {
	float:right;
	width:182px;
	text-align:left;
}


/*=====================================================================
								BANNERS
  =====================================================================*/
#contentRight .hb {
	margin:0;
	border:1px solid #d2d2d2;
}

#contentRight .off {
	display:none;
}

#contentRight .hbPager {
	margin:3px 0 10px 0;
}

#contentRight .hbPager a.hbButton {
	margin:0 2px 0 1px;
	padding:2px 5px;
	color:#484848;
	background:#fff;
	font-size:11px;
	text-decoration:none;
}

#contentRight .hbPager a.hbButtonOn {
	padding:2px 5px;
	color:#fff;
	background:#d72127;
	font-size:10px;
	text-decoration:none;
	cursor:default;
}


/*=====================================================================
								AKTUALNO
  =====================================================================*/
#contentRight div.aktualnoTop {
	background:url(/pic/aktualno-back-top.gif) no-repeat left top;
	height:45px;
}

#contentRight div.aktualno {
	margin-bottom:15px;
	padding:0 10px 5px 10px;
	font-size:1.1em;
	background:url(/pic/aktualno-back-bottom.gif) no-repeat right bottom;
}

#contentRight div.aktualno h2 {
	margin:0 0 7px 0;
	font-size:1em;
	font-weight:bold;
	line-height:130%;
}

#contentRight div.aktualno h2 a {
	color:#221e1f;
	text-decoration:none;
}

#contentRight div.aktualno p {
	margin:0 0 7px 0;
	padding:0;
	line-height:130%;
}

#contentRight div.aktualno p.vec {
	margin:-5px 0 5px 0;
	text-align:right;
}

#contentRight div.aktualno p.vec a {
	padding-right:8px;
	background:url(/pic/menu-bullet.gif) no-repeat right center;
	color:#d72027;
	font-weight:bold;
	text-decoration:underline;
}

#contentRight div.aktualno p.vec a:hover {
	text-decoration:none;
}


/*=====================================================================
								KJE SMO
  =====================================================================*/
#contentRight div.kjeTop {
	background:url(/pic/kje-back-top.gif) no-repeat left top;
	height:45px;
}

#contentRight div.kje {
	padding:0 10px 2px 10px;
	background:url(/pic/kje-back-bottom.gif) no-repeat right bottom;
}

#contentRight div.kje p {
	margin:0 0 8px 0;
	padding:0;
	line-height:130%;
}

/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								FOOTER
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

#footer {
	margin-top:20px;
	padding:15px;
	border-top:7px solid #d72027;
	background:#87888d url(/pic/back-footer.gif) no-repeat right bottom;
	font-size:1.1em;
	color:#484848;
}

#footer a {
	color:#484848;
	text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}



/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
							EASY CLEARING
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/

#navigation:after,
#main:after,
#content div.divRow:after,
#content div.productRow:after,
#content div.productItem:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}