/* ########################## header ########################## */

		#header {
            width: 1150px;
            background: url('../../x_imagez/SHELL_top/BG_header_2W.png');
            height: 110px;
            position: relative;
        }
        
        #logo {
            position: absolute;
            left: 6px;
            top: 25px;
            width: 370px;
            height: 80px;
        }
        
        #logo a {
            width: 370px;
            height: 80px;
            text-decoration: none;
            display: block;
        }
        
        #logo h1 {
            display: none;
        }
        
        #ad {
            width: 728px;
            height: 90px;
            background: #fff;
            position: absolute;
            right: 15px;
            top: 10px; /* (header height - ad height) / 2 */
			border: 1px solid #323a6d;
        }

/* ########################## header ########################## */




/* ########################## subheader ########################## */



		#subheader {
            width: 1150px;
            height: 99px;
            position: relative;
			}

    #images {
            width: 1150px;
            padding-top: 6px;
            padding-bottom: 10px;
            padding-left: 0px; /* ((1150 - ((240 + 20)*4))/2 - (20/5)) */
        }
        
        #images img {
            width: 149px;
            height: 84px;
        }
        
        #images .image {
            float: left;
			margin-right: 14px;
			
			text-align:left;
        }
        
		#images a:hover {
		border: 1px solid #323a6d;
}


        #images a {
            position: relative;
            color: #FFF;
            display: block;
            width: 149px;
            height: 84px;
			 border: 1px solid #aaaaaa;
			
        }
        
        #images span {
		   background: url('../../x_imagez/SHELL_top/BG_subheader_span.png');
            position: absolute;
            bottom: 0px;
            width: 143px;
            color: #FFF;
            text-align: right;
			font-family: tahoma;
			font-size: 11px;
			padding-left: 3px;
			padding-right: 3px;
			padding-bottom: 2px;
			text-decoration: none;
        }




/* ########################## subheader ########################## */



/* ########################## main menu ########################## */



#menuheader {
	width: 1150px;
    height: 23px;
    position: relative;
	z-index:14;
	/* background: #cccc00; */
        }

#topmenu{position:absolute;margin-top:0px;width:1000px;}
#topmenu .naslov {text-align:center;}
#topmenu ul .naslov {font-size:9px; font-weight: bold;font-family:arial,sans-serif;text-transform: uppercase;color:#777;text-decoration:none;border-left:solid 1px #ccc;line-height:23px;}
#topmenu ul .vsebina {display:none;font-weight: bold;font-family:arial,sans-serif;text-align:left;line-height:18px;font-size:11px;}
#topmenu ul .naslov a{color:#777777;text-decoration:none;}
#topmenu ul:hover .naslov a{color:#ff00cc;text-decoration:none;}
#topmenu ul:hover .naslov {background: url('../../x_imagez/SHELL_top/BG_topmenu-on.png');}
#topmenu ul:hover .vsebina{width: 200px;display:block;border-bottom: 1px #828282 solid; border-left: 1px #828282 solid; border-right: 1px #828282 solid; background:#fff;padding:3px;}
#topmenu ul:hover .vsebina a{color:#888;}
#topmenu ul:hover .vsebina a:hover{color:#555;text-decoration:none;}
#topmenu ul{width:75px;float:left;margin:0px;padding:0px;list-style:none;}


.clear{clear:both;height:10px;}


#topmenuright{margin-top:0px;width:350px;background: #00be00; left: 400px; top: 0px;position:relative;}





/* ########################## main menu ########################## */


#multibar{
	background: url(http://system.avtomanija.com/modulz/imagez/multibar/bg_masterW.png) repeat-x;
	width: 100%;
	height: 26px;
	margin: 0px auto;
	text-align: center;
	
}

#multibar .sitebar{
	background: url(http://system.avtomanija.com/modulz/imagez/multibar/bg_site_007.png) no-repeat;
	width: 1150px;
	height: 26px;
	text-align:left;
	margin: 0px auto;
	}


ul#seznam {
list-style-type:none;
margin:0;
padding:0;
padding-left: 150px;
}

#seznam li {
float:left;
height: 26px;
}

#seznam li a {
display:block;
height: 26px;
text-decoration: none;
background: url(http://system.avtomanija.com/modulz/imagez/multibar/SPRITE_multibar.png);
margin-right: 8px;
}

#seznam li.avto a{ width: 62px; background-position: 0px 0;}
#seznam li.avto a:hover{ background-position: 0px -26px;}

#seznam li.f1 a{ width: 56px; background-position: -63px 0;}
#seznam li.f1 a:hover{ background-position: -63px -26px;}

#seznam li.rally a{ width: 52px; background-position: -118px 0;}
#seznam li.rally a:hover{ background-position: -118px -26px;}

#seznam li.moto a{ width: 50px; background-position: -170px 0;}
#seznam li.moto a:hover{ background-position: -170px -26px;}

#seznam li.motogp a{ width: 50px; background-position: -219px 0;}
#seznam li.motogp a:hover{ background-position: -219px -26px;}

#seznam li.smucka a{ width: 51px; background-position: -320px 0;}
#seznam li.smucka a:hover{ background-position: -320px -26px;}

#seznam li.prostimet a{ width: 51px; background-position: -269px 0;}
#seznam li.prostimet a:hover{ background-position: -269px -26px;}

#seznam li.tma a{ width: 40px; background-position: -370px 0;}
#seznam li.tma a:hover{ background-position: -370px -26px;}







#mainwindow
{
width:320px;
margin: 0px auto;
font-family: verdana, sans-serif;
font-size: 10px;
padding-top: 4px;
}

#mainwindow .header
{
font-weight: bold;
height:15px;
background: url(../../x_imagez/BG_main-top.png);
padding-left: 6px;
}

#mainwindow .body
{
background: url(../../x_imagez/BG_main-main.png) no-repeat;
padding-left: 10px;
padding-top: 3px;
}


#mainwindow .element
{
width:300px;
font-family: Tahoma, sans-serif;
font-size: 11px;
color: #000000;
font-weight: normal;
margin-bottom: 6px;
margin-top: 3px;
position: relative;
clear: both;
cursor: pointer;
}

#mainwindow .element:hover {
background: #f0f0f0;
}


#mainwindow .naslov
{
font-family: Tahoma, sans-serif;
font-size: 12px;
color: #323a6d;
font-weight: bold;
line-height: 13px;
}

#mainwindow .datum
{
font-family: Tahoma, sans-serif;
font-size: 9px;
color: #777777;
font-weight: normal;
margin-bottom: 2px;
border-bottom: 1px solid #cccccc;
width:301px;
}

#mainwindow .editor
{
font-family: Tahoma, sans-serif;
font-size: 9px;
color: #777777;
font-weight: normal;
margin-bottom: 2px;
border-bottom: 1px solid #cccccc;
background: #be0000;
width:301px;
}


#mainwindowblack
{
width:650px;
margin: 0px auto;
font-family: verdana, sans-serif;
font-size: 10px;
padding-top: 4px;
}

#mainwindowblack .header
{
font-weight: bold;
height:15px;
background: url(../../x_imagez/BG_main-top2.png);
padding-left: 6px;
}

#mainwindowblack .body
{
background: url(../../x_imagez/BG_main-main2.png) no-repeat;
padding-top: 3px;
padding-bottom: 3px;
border-left: 1px solid #373737;
border-right: 1px solid #373737;
border-bottom: 1px solid #373737;

}

#mainwindowblack .element
{
width:310px;
font-family: Tahoma, sans-serif;
font-size: 11px;
color: #000000;
font-weight: normal;
margin-bottom: 4px;
margin-top: 3px;
margin-right: 8px;
float: right;

}

#mainwindowblack .naslov
{
font-family: Tahoma, sans-serif;
font-size: 12px;
color: #323a6d;
font-weight: bold;
line-height: 13px;
}

#mainwindowblack .datum
{
font-family: Tahoma, sans-serif;
font-size: 9px;
color: #777777;
font-weight: normal;
margin-bottom: 2px;
border-bottom: 1px solid #cccccc;
width:301px;
}

#mainwindowblack .editor
{
font-family: Tahoma, sans-serif;
font-size: 9px;
color: #777777;
font-weight: normal;
margin-bottom: 2px;
border-bottom: 1px solid #cccccc;
background: #be0000;
width:301px;
}
#mainwindowblack .element:hover {
background: #f0f0f0;
cursor: pointer;
}



















/* hide the prelaoded feature images from showing - the will be shown / hide using jquery */
.featureImg2, 
.featureImg3, 
.featureImg4, 
.featureImg5 {display:none; }

#featureImgSlots {width:651px; margin-top:5px;margin-left:2px;}
.bgShade {background:transparent url(../../x_imagez/light_grey_diagonal_bkgrd.gif) repeat; display:block; }
#featureImgWrap 					{width:320px; height:198px; float:left; display:inline; margin:0; padding:0; overflow:hidden; position:relative; }


ul#featureNav						{width:331px; height:auto; float:left; display:inline; margin:0; padding:0; overflow:hidden; border-top:1px solid #e5e5e5; list-style-type:none; position:relative; }
ul#featureNav li 					{height:40px; width:331px; overflow:hidden; position:relative; margin:0; padding:0; float:left; display:inline; clear:left;}
ul#featureNav li h2 				{margin:0; padding:0; float:left; clear:left; position:relative; color:#333; font-family: Verdana, sans-serif; font-size:12px; line-height:13px; }
ul#featureNav li p 					{color:#999; font-weight:normal; font-size:9px; text-transform:none; position:absolute; z-index:12; left:13px; bottom:8px; padding:0; margin:0; line-height:8px; }
ul#featureNav li p.sectionName  	{left:61px; border-left:1px solid #ccc; padding:0 0 0 5px; font-size:9px; }
ul#featureNav li h2 a.featureNavLink 		{float:left; display:inline; padding:4px 6px 10px 11px; font-weight: bold;  height:22px; width:327px;  z-index:0; margin:0; border-bottom:1px solid #e5e5e5; }
ul#featureNav li h2 a.featureNavLink:hover  {color:#323a6d; background-color:#f3f3f3; text-decoration:none;cursor: pointer; }
.featureNavOn 						{color:#323a6d; background-color:#f3f3f3; text-decoration:none; }