* { padding: 0; margin: 0; }

body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;}
body img {border:0px;}
body a:link, a:visited{font-size:11px; color:#00224c; text-decoration:none;}
body a:hover {font-size:11px; color:#00224c; text-decoration: underline;}
body h1 {font-size: 27px; font-weight: bold;}
body h2 {font-size: 22px; font-weight: bold;}
body h3 {font-size: 19px; font-weight: 100;}
body h4 {font-size: 16px; font-weight: bold;}
body h5 {font-size: 14px; font-weight: bold;}
body h6 {font-size: 12px; font-weight: bold;}

#wrapper { 
    margin: 0 auto;
    width: 780px;
	background-color: white;
}
#zaglavlje {
    color: #333;
    width: 780px;
    height:28px;
    float: left;
    margin-bottom: 3px;
    margin-top: 5px;
}
.mototakt {
    width: 118px;
    height:29px;
	margin: 2px 20px 0px 0px;
    float: left; 
}
.rm {
    width: 340px;
    height:auto;
    float: left;
    font-size: 9px;
    padding-left: 5px;
    margin-top: 13px;
}
.home {
    float: left;
    padding-left: 180px;
    margin-top: 6px;
}
.home a:link {
	background-image: url(../foto/gif/home.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.home a:visited {
	background-image: url(../foto/gif/home.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}
.home a:hover {
	background-image: url(../foto/gif/home2.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}
.email {
    float: left;
    padding-left: 10px;
    margin-top: 6px;
}
.email a:link {
	background-image: url(../foto/gif/email.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.email a:visited {
	background-image: url(../foto/gif/email.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.email a:hover {
	background-image: url(../foto/gif/email2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#header {
    width: 780px;
    float: left;
    height: 188px;
    margin-bottom: 0px;
    overflow: auto;
	background-image:url(../foto/jpg/bg_4.jpg);
	background-repeat:no-repeat;
	background-position:left;
}
#navigation {
    float: left;
    width: 776px;
    height: 30px;
    padding: 0px;
    border-left: 2px solid #00224c;
    border-right: 2px solid #00224c;
    border-top: 1px solid #00224c;
    margin: 0px 0px 0px 0px;
    background-image: url(../foto/gif/gumb.gif); 
    background-repeat: repeat-x;
}
#navigation .G1 { float:left; position: relative; width:auto; height:auto; border-right: 1px solid #00224c; border-left: 2px solid #00224c; border-bottom: 0px solid #71849b;  padding: 6px 10px 6px 10px; margin: 0px 0px 0px 20px;}
#navigation .G2 { float:left; position: relative; width:auto; height:auto; border-right: 1px solid #00224c; border-left: 1px solid #00224c; border-bottom: 0px solid #71849b;  padding: 6px 10px 6px 10px; margin: 0px 0px 0px 0px;}
#navigation .G3 { float:left; position: relative; width:auto; height:auto; border-right: 2px solid #00224c; border-left: 1px solid #00224c; border-bottom: 0px solid #71849b;  padding: 6px 10px 6px 10px; margin: 0px 0px 0px 0px;}
#navigation #G_aktiv { color:#ff7b04; border-bottom: 8px solid #FF8000;  padding: 6px 8px 0px 8px;}

#navigation a:link {color:#00224c; text-decoration:none; font-weight:bolder; font-size:14px;}
#navigation a:visited {color:#00224c; text-decoration:none; font-weight:bolder; font-size:14px;}
#navigation a:hover {color:#ff7b04; text-decoration:none; font-weight:bolder; font-size:14px;}

#leftcolumn {
    position:relative; 
    color: #000000;
    border: 1px solid #ccd6da;
    background-image:url(../foto/gif/bgL1.gif);
    background-repeat:repeat;
    background-position:left top;
    margin: 10px 0px 5px 0px;
    padding: 5px 0px 5px 7px;
    height: 100%;
    width: 219px;
    float: left;
 }
.elm_L1 {position: relative; float:left; height: 100%; width:219px; border: 1px solid #ccd6da; margin: 10px 0px 5px 0px; padding: 5px 0px 5px 7px;background-image:url(../foto/gif/bgL1.gif);background-repeat:repeat;background-position:left top;}
.elm_L1 div.nasl1 {color:#00224c;}
.elm_L1 div.nasl1 a {color:#00224c; text-decoration:none; font-weight:bolder; font-size:12px;}
.elm_L1 div.nasl1 a:visited {color:#00224c; text-decoration:none; font-weight:bolder; font-size:12px;}
.elm_L1 div.nasl1 a:hover {color:#f10043; text-decoration:underline; font-size:12px;}
.elm_L1 div.img1 {margin-top:-17px; margin-left:105px;} 
.elm_L1 div.img2 {bottom:5px; left:0px; margin-top:10px;} 
.elm_L1 div.text {position:absolute; height:auto; width:107px; top:30px; left:7px; font-size:11px;}
.elm_L1 div.vise {margin-left:140px;}

.elm_L2 {position:absolute;  margin: 20px 0px 5px 0px; left:-1px; height:150px; width:226px; border:1px solid #ccd6da; background-image:url(../foto/gif/bgL1.gif); background-repeat:repeat;}
.elm_L2 div.nasl2 {position:absolute; top:5px; left:7px; color:#00224c;}
.elm_L2 div.nasl2 a {color:#00224c; text-decoration:none; font-weight:bolder; font-size:12px;}
.elm_L2 div.nasl2 a:visited {color:#00224c; text-decoration:none; font-weight:bolder; font-size:12px;}
.elm_L2 div.nasl2 a:hover {color:#f10043; text-decoration:underline; font-size:12px;}
.elm_L2 div.img2 {position:absolute; top:15px; left:3px;} 
.elm_L2 div.text2 {position:absolute; width:210px; top:85px; left:7px; font-size:11px;}
.elm_L2 div.vise2 {position:absolute; top:130px; left:150px;}

.elm_L3 {position:absolute;  margin: 185px 0px 5px 0px; left:-1px; height:300px; width:226px; border:1px solid #ccd6da; background-image:url(../foto/gif/bgL1.gif); background-repeat:repeat;}
.elm_L3 div.nasl3 {position:absolute; top:5px; left:7px; color:#00224c;}
.elm_L3 div.nasl3 a {color:#00224c; text-decoration:none; font-weight:bolder; font-size:12px;}
.elm_L3 div.nasl3 a:visited {color:#00224c; text-decoration:none; font-weight:bolder; font-size:12px;}
.elm_L3 div.nasl3 a:hover {color:#f10043; text-decoration:underline; font-size:12px;}
.elm_L3 div.img3 {position:absolute; top:25px; left:3px;} 
.elm_L3 div.text3 {position:absolute; width:210px; top:200px; left:7px; font-size:11px;}
.elm_L3 div.vise3 {position:absolute; top:280px; left:150px;}

#content { 
    float: left;
    margin: 10px 10px 10px 10px;
    padding: 0px;
    height: 100%;
    width: 382px;
    display: block;
}
.novi_moto_asortiman {
	padding: 0px 0px 0px 0px;
	width:382px;
	height:180px;
	color: #FF9933;
	margin:0px 0px 0px 0px;
}
.novi_moto_asortiman p {
	color: #00224c;
	font-size:12px;
	font-weight:bold;
}
.nasl_C1 {
	padding: 6px 0px 0px 6px;
	width:auto;
	height:30px;
	color: #FF9933;
	margin: 60px 0px 0px 0px;
	background-image:url(../foto/gif/bg_nasl_1.gif);
	background-repeat:repeat-x;
}
#content .link_artikli {
    position:relative;
    margin: 0px 0px 10px 0px;
    font-size:12px;     
    font-weight:900;
    line-height:18px;
    background-image: url(../foto/jpg/asortiman.jpg);
    background-repeat:no-repeat;
    background-position: top;
	border-bottom: solid #ccd6da 2px;
}

#content .link_artikli .linkmargin_R27 {
    margin-right:265px;	
}
#content .link_artikli .linkmargin_R2 {
    margin-right:16px;	
}
#content .link_artikli .linkmargin_R15 {
    margin-right:142px;	
}
#content .link_artikli .linkmargin_R3 {
    margin-right:27px;
}
#content a.elite:link, a.elite:visited {
	color: #ececec;
	text-decoration: none;
	font-size:12px;
}
#content a.elite:hover {
	color: #006666;
	text-decoration: none;
	font-size:12px;
}
#content a.moto:link, a.moto:visited {
	color: #ececec;
	text-decoration: none;
	font-size:12px;
}
#content a.moto:hover {
	color: #FF0066;
	text-decoration: none;
	font-size:12px;	 
}
#content a.diesel:link, a.diesel:visited {
	color: #ececec;
	text-decoration: none;
	font-size:12px;
}
#content a.diesel:hover {
	color: black;
	text-decoration: none;
	font-size:12px;
}
#content a.auto:link, a.auto:visited {
	color: #ececec;
	text-decoration: none;
	font-size:12px;
}
#content a.auto:hover {
	color: #006666;
	text-decoration: none;
	font-size:12px;
}
#content a.mot:link, a.mot:visited {
	color: #ececec;
	text-decoration: none;
	font-size:12px;
}
#content a.mot:hover {
	color: #FF0066;
	text-decoration: none;
	font-size:12px;
}
#content a.teretna:link, a.teretna:visited {
	color: #ececec;
	text-decoration: none;
	font-size:12px;
}
#content a.teretna:hover {
	color: black;
	text-decoration: none;
	font-size:12px;
}
.nasl_C2 {
	padding: 6px 0px 0px 6px;
	width:auto;
	height:30px;
	font-size:16px;
	font-weight:bold;
	color: #FFFFFF;
	margin:0px 0px 0px 0px;
	background-image:url(../foto/jpg/bg_nasl_orange.jpg);
	background-repeat:repeat-x;
}
.elm_C2 { position: relative; padding: 0px 0px 0px 0px; height:80px; width:380px; border:0px solid #ccd6da;}
.elm_C2 .img1 { float:left; padding: 8px 0px 0px 10px;} 
.elm_C2 .text {position: relative; width:359px; padding: 8px 0px 0px 10px; font-size:11px;}
.elm_C2 .vise {position:absolute; margin: 5px 0px 10px 0px; right:5px; font-size:11px;}			  

#rightcolumn { 	  
    margin: 10px 0px 0px 0px;
    height: 100%;
    width: 150px;
    float: left;
}
.nasl { position: relative; float: left; height:24px; width:144px; margin: 10px 0px -35px 3px; padding-top:9px; font-size:14px; color:#00224c; font-weight:bolder; text-align: center; background-image: url(../foto/gif/bg.info.top.gif); background-repeat:repeat-x;}
.infomeni { list-style: none; display: block; border-bottom:2px solid #71849b; border-right:3px solid #71849b;}
.infomeni a:link {color:#ccd6da; text-decoration:none; font-size:11px; padding-top:4px; padding-bottom:4px; padding-right:10px; background-image: url(../foto/gif/tocka6x6.gif); background-position: left;  background-repeat: no-repeat;}
.infomeni a:visited {color:#ccd6da; text-decoration:none; font-size:11px; padding-top:4px; padding-bottom:4px; padding-right:10px; background-image: url(../foto/gif/tocka6x6.gif); background-position: left;  background-repeat: no-repeat;}
.infomeni a:hover {color:white; text-decoration:none; font-size:11px; padding-right:10px; background-image:url(../foto/gif/tocka6x6_sjaj.gif); background-position:left;  background-repeat:no-repeat;} 
.infolink { border-bottom:1px solid #71849b; padding: 3px 0px 4px 12px; font-size:11px; background-image: url(../foto/jpg/repsol_plava_ful.jpg); background-repeat: repeat;}

.nasl_R1 {
	padding: 6px 0px 5px 6px;
	background-image:url(../foto/jpg/bg_nasl_3.jpg);
	background-repeat:repeat-x;
}
#footer { 
    width: 780px;
	height:auto;
    clear: both;
    border-top: 1px solid #FF9933;
    border-bottom: 3px solid #CC0000;
	background-image:url(../foto/gif/bg.podmenu_plava.gif);
	background-repeat:repeat;
    margin: 0px 0px 40px 0px;
    padding: 3px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
}
.footer li { 
	display: inline; list-style:none;
}
