/*	======================================================================
	Avtomanija.com CSS stylesheet
	----------------------------------------------------------------------
	Revison 2.10.2008
	======================================================================
*/


/*
	UNIVERSAL RESET
*/

* {
	padding: 0;
}

/* DEFAULTS */

body{
	
	background: url(../../x_imagez/SHELL_Background/BG_master2.gif) repeat-x #be0000;)
	cursor: default;
	margin:0;
	border: 0;

}

/* ######################################################################################################################################## */


#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;
	border-bottom: 0px solid #780000;
	
}

#multibar .sitebar{
	background: url(http://system.avtomanija.com/modulz/imagez/multibar/bg_site_000W.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;}


/* ############# multihead ############# */




/* ########################## 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 #be0000;
        }

/* ########################## 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 #be0000;
}


        #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;
	/* background: #cccc00; */
        }

#topmenu{position:absolute;margin-top:0px;width:800px;}
#topmenu ul .naslov {font-size:11px; font-weight: bold;font-family:tahoma,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:tahoma,sans-serif;text-align:left;line-height:18px;font-size:12px;}
#topmenu ul .naslov a{color:#777777;text-decoration:none;}
#topmenu ul:hover .naslov a{color:#be0000;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:80px;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 ########################## */

#masterframe {}