* { margin: 0; padding: 0; }

html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
body { font-size: 11px; background: url("../img/bgrtop.gif") repeat-x 0 0; background-color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, Georgia, sans-serif; color: #393939; }

a:link { text-decoration: underline; color: #000000; }
a:visited { text-decoration: underline; color: #000000; }
a:hover { text-decoration: none; color: #000000; }

.clear { clear: both; }
img { border: 0; display: block; }

table { border-collapse: collapse; }
td { vertical-align: top; }

h1 { font-size: 20px; font-weight: normal; padding: 0 0 40px 0; }
h2 { font-size: 14px; font-weight: bold; padding: 0 0 10px 0; color: #b5191a; }
h3 { font-size: 14px; font-weight: bold; padding: 0 0 10px 0; color: #ff9900; }

p { padding: 0 0 10px 0; }

.imgleft { float: left; margin: 3px 10px 0 0; }
.imgright { float: right; margin: 3px 0 0 10px; }

.osn { width: 100%; height: 100%; margin: 0px auto; background: url("../img/bgrphone.gif") no-repeat center 250px; }

.tdbottom { vertical-align: bottom; background: url("../img/bgrbottom.gif") repeat-x left bottom; }

.bottom { height: 147px; width: 825px; margin: 0px auto; color: #ffffff; }
.top { width: 825px; margin: 0px auto; background: url("../img/logobgr.gif") no-repeat 0 0; line-height: 15px; }

.logo { position: absolute; top: 0px; padding: 0 0 0 28px; }

.menutop { list-style-type: none; list-style-position: outside; padding: 28px 20px 0 0; font-size: 10px; }
.menutop li { float: right; text-align: center; margin: 0 0 0 1px; }
.menutop a:link { text-decoration: none; color: #FFFFFF; height: 17px; width: 90px; display: block; background: url("../img/menutopi.gif") no-repeat 0 0; padding: 3px 0 0 5px;  }
.menutop a:visited { text-decoration: none; color: #FFFFFF; height: 17px; width: 90px; display: block; background: url("../img/menutopi.gif") no-repeat 0 0; padding: 3px 0 0 5px; } 
.menutop a:hover { text-decoration: none; color: #000000; height: 17px; width: 90px; display: block; background: url("../img/menutopa.gif") no-repeat 0 0; padding: 3px 0 0 5px; }
.menutop span { text-decoration: none; color: #000000; height: 17px; width: 90px; display: block; background: url("../img/menutopa.gif") no-repeat 0 0; padding: 3px 0 0 5px; }

.imgtop { float: left; width: 385px; margin-top:20px;}
.texttop { color: #7c626a; float: left; width: 400px; margin-top:15px;}
.texttop img { padding: 20px 0 20px 0; }
.texttop img{margin-top:-10px; margin-bottom:-10px;}

.submenutop { list-style-type: none; list-style-position: outside; }
.submenutop li { float: left; padding: 0 10px 0 0; }
.submenutop a:link { text-decoration: none; color: #000000; }
.submenutop a:visited { text-decoration: none; color: #000000; }
.submenutop a:hover { text-decoration: underline; color: #000000; }

.phone { font-size: 16px; color: #ffffff; padding: 0 0 0 550px; font-style: italic; font-weight: bold; font-family: arial; height: 26px; }

.contentosn { background: url("../img/bgrcontent.jpg") repeat-y center top; }
.content {background-color: #000000; }
.banner { background: url("../img/bgrbanner.gif") no-repeat center top; padding: 10px 0 0 0; }

.banner01 { float: left; padding: 0 0 0 28px; }
.banner02 { float: left; padding: 0 11px 0 11px; }
.banner03 { float: left; }

.logob { padding: 100px 0 100px 28px; }

.sep01 { clear: both; background: url("../img/sep01.gif") repeat-x left center; margin: 0 70px 0 28px; padding: 2px 0 2px 0; }
.bannerbottom { padding: 0 0 0 28px; }
.bannerbottom div { float: left; padding: 0 9px 0 0; }

.address { padding: 20px 0 40px 28px; }
.address a:link { text-decoration: underline; color: #ffffff; }
.address a:visited { text-decoration: underline; color: #ffffff; }
.address a:hover { text-decoration: none; color: #ffffff; }

.copyright { color: #999999; padding: 0 0 0 28px; }
.copyright a:link { text-decoration: none; color: #999999; }
.copyright a:visited { text-decoration: none; color: #999999; }
.copyright a:hover { text-decoration: none; color: #999999; }

.red { color: #990000; }

.menubottom { height: 21px; padding: 12px 0 0 28px; list-style-type: none; list-style-position: outside; }
.menubottom li { float: left; padding: 0 10px 0 0; margin: 0 1px 0 0; }
.menubottom a:link { text-decoration: none; color: #a3907e; display: block; padding: 3px 8px 0 0; }
.menubottom a:visited { text-decoration: none; color: #a3907e; display: block; padding: 3px 8px 0 0; }
.menubottom a:hover { text-decoration: none; color: #a3907e; display: block; padding: 3px 8px 0 0; }
.menubottom span { text-decoration: none; color: #ffffff; display: block; padding: 3px 8px 0 0; }

.mbl { background: url("../img/menubottombgra.gif") repeat-x 0 0; height: 21px; border-right: solid 1px #737373; }
.mbli { background: url("../img/menubottombgri.gif") repeat-x 0 0; height: 21px; border-right: solid 1px #737373; }

.catalog { clear: both; background: url("../img/bgrcatalog.jpg") repeat-y 60px 0; }
.catalogtop { background: url("../img/bgrcatalogtop.jpg") repeat-y 60px 0; }
.catalogimg { padding: 0 0 0px 90px; }

.cataloginfo { float: right; padding: 20px 109px 0 0; }
.catalogtext { float: left; width: 180px; padding: 0 10px 0 40px; }

.philosophy { clear: both; margin: 0 108px 0 60px; background: url("../img/bgrphilosophyb.jpg") no-repeat 0 bottom; background-color: #f1f1f1; }
.philosophyinner { background: url("../img/bgrphilosophy.jpg") no-repeat 0 0; padding: 10px 20px 20px 20px; }
.philleft { float: left; width: 370px; border-left: solid 2px #999999; padding: 0 0 0 8px; }
.philright { float: right; width: 210px; border-left: solid 2px #999999; padding: 0 0 0 8px;}
.philcenter { width: 607px; border-left: solid 2px #999999; padding: 0 0 0 8px; }

.newsline { background: url("../img/bgrcontent.jpg") repeat-y 0 0; padding: 10px; margin: 0 0 5px 0; color: #ffffff; font-size: 10px; }
.newsline a:link { text-decoration: none; color: #ffffff; font-size: 15px; font-weight: bold; }
.newsline a:visited { text-decoration: none; color: #ffffff; font-size: 15px; font-weight: bold; }
.newsline a:hover { text-decoration: underline; color: #cc9933; font-size: 15px; font-weight: bold; }

.nleft { float: left; width: 420px; border-left: solid 2px #cc9933; padding: 0 0 0 8px; }
.nright { float: right; width: 160px; border-left: solid 2px #cc0000; padding: 0 0 0 8px; }
.nright a:link { text-decoration: none; color: #cc0000; font-size: 11px; font-weight: bold; }
.nright a:visited { text-decoration: none; color: #cc0000; font-size: 11px; font-weight: bold; }
.nright a:hover { text-decoration: underline; color: #cc0000; font-size: 11px; font-weight: bold; }

.historys { margin: 20px 0 0 90px; }
.historys01 { padding: 0 5px 5px 0; }
.historys02 { text-align: right; font-weight: bold; background-color: #595957; padding: 2px 5px 2px 0; }
.historys a:link { text-decoration: none; color: #ffffff; font-size: 11px; font-weight: bold; }
.historys a:visited { text-decoration: none; color: #ffffff; font-size: 11px; font-weight: bold; }
.historys a:hover { text-decoration: underline; color: #ffffff; font-size: 11px; font-weight: bold; }

.history { clear: both; background: url("../img/bgrcatalogtop.jpg") repeat-y 60px 0; }

.brown { margin: 0 109px 0 60px; }
.brownleft { background-color: #6f635e; width: 100%; }
.brownright { background-color: #000000; }

.bikeabout { padding: 10px; color: #ffffff; }

.sep02 { clear: both; height: 1px; background-color: #000000; }

.imgr img { float: right; }

a.white:link { text-decoration: underline; color: #ffffff; }
a.white:visited { text-decoration: underline; color: #ffffff; }
a.white:hover { text-decoration: none; color: #ffffff; }

.techttl { padding: 5px 10px 5px 10px; color: #ffffff; font-size: 14px; font-weight: bold; color: #ffffff; background-color: #9a918e; }
.techchar { padding: 5px 10px 5px 10px; color: #333333; font-size: 11px; font-weight: bold; background-color: #aea7a4; }
.tbltech { font-size: 11px; font-weight: normal; }
.tbltechleft { width: 150px; padding: 0 10px 7px 0; }
.tbltechright { width: 265px; padding: 0 0 7px 0; }

.ramka01 { border: solid 3px #716161; margin: 10px 1px 10px 1px; padding: 10px; }

.black { background: none; background-color: #000000; }

.galleryosn { width: 600px; margin: 10px auto; }

.galleryul { list-style-type: none; list-style-position: outside; }
.galleryul li { display: block; background-color: #cc0002; border-top: solid 1px #333333; padding: 5px; }
.galleryul a:link { text-decoration: none; color: #ffffff; font-size: 12px; }
.galleryul a:visited { text-decoration: none; color: #ffffff; font-size: 12px; }
.galleryul a:hover { text-decoration: none; color: #ffffff; font-size: 12px; }

.gallerysmall { background: url("../img/gallerybgr.jpg") no-repeat 0 0; padding: 20px 0 0 7px; }
.gallerysmall img { float: left; padding: 0 3px 0 0; }

.root { padding: 0 0 20px 0; font-size: 10px; }

.pages { padding: 10px 0 0 0; }

.pages a:link { text-decoration: none; color: #990000; font-size: 10px; padding: 0 5px 0 5px; }
.pages a:visited { text-decoration: none; color: #990000; font-size: 10px; padding: 0 5px 0 5px; }
.pages a:hover { text-decoration: none; color: #990000; font-size: 10px; border: solid 1px #990000; padding: 0 4px 0 4px; }
.pages span { text-decoration: none; color: #990000; font-size: 10px; border: solid 1px #990000; padding: 0 4px 0 4px; }



#footer-menu ul {
  padding-top:12px;
}

#footer-menu {
 /*width:700px;*/
}

 #footer-menu li {
   display:block;
   float:left;
   margin-right:1px;
   height:21px;
   zoom:1;

}



#footer-menu  .active .inner {
	background-color:#000000;
	margin-left:13px;
	border:1px solid #737373;
	border-bottom:none;
	border-left:none;
	height:17px;
	padding-top:3px;

}



#footer-menu  .active .leftb {
    background-image:url(../img/pl-foot-active.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:21px;
	/*width:13px;*/
}

 #footer-menu  .active a {
   margin-left:13px;
   margin-right:24px;
    color:#FFFFFF;
   text-transform:uppercase;
   font:10px Arial;
}

#footer-menu  .notactive .inner {
	background-color:#41020A;
	margin-left:13px;
	border:1px solid #737373;
	border-left:none;
	border-bottom:none;
	height:16px;
	padding-top:3px;

}



#footer-menu  .notactive .leftb {
    background-image:url(../img/pl-foot-notactive.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:21px;   /*width:13px;*/

}

 #footer-menu  .notactive a {
   margin-left:13px;
   margin-right:24px;
   color:#B39A9D;
   text-transform:uppercase;
   font:10px Arial;
   font-weight:100;
 }

 #adresses {
   clear:both;
   padding-top:16px;
   margin-left:27px;
 }

#adresses p, #adresses a  {
  color:#FFFFFF;
    font-size: 11px;
    font-family: Arial;
}

#adresses a {
  text-decoration:underline;
}

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


#motocatalog_ *{border:1px gray solid; display:block;}
#motocatalog {margin-bottom:50px; }
#motocatalog li{list-style:none; background:url(/img/shadow.jpg) 270px 130px no-repeat; display:table; overflow:hidden;}
#motocatalog a {z-index:10px; cursor:pointer;}
#motocatalog a span{display:block; padding:10px 0 5px 10px; width:205px; font-size:28px; font-style:italic; letter-spacing:-0.07em; height:50px; margin-bottom:-50px; text-align:right; font-weight:bold;}
#motocatalog p{display:block; overflow:hidden; width:340px; margin: 0 50px 25px 230px; border-left: 2px #cb0204 solid; padding-left:15px;}
#motocatalog #moto912 span{text-indent:1000px; background:url(/img/logo912.png) right 16px no-repeat;}
#motocatalog #corsaro span{text-indent:1000px; background:url(/img/logo-corsaro.png) right 16px no-repeat;}
#motocatalog #granpasso span{text-indent:1000px; background:url(/img/logo-granpasso.png) right 16px no-repeat;}
#motocatalog #scrambler span{text-indent:1000px; background:url(/img/logo-scrambler.png) right 16px no-repeat;}
#motocatalog #moto9121200 span{text-indent:1000px; background:url(/img/logo912.png) right 16px no-repeat;}
#motocatalog #corsaro1200 span{text-indent:1000px; background:url(/img/logo-corsaro1200.png) right 16px no-repeat;}
#motocatalog #corsaro1200avio span{text-indent:1000px; background:url(/img/logo-corsaro1200avio.png) right 16px no-repeat;}
#motocatalog #corsaro1200veloce span{text-indent:1000px; background:url(/img/logo-corsaro1200veloce.png) right 16px no-repeat;}
#motocatalog #granpasso1200 span{text-indent:1000px; background:url(/img/logo-granpasso1200.png) right 16px no-repeat;}
#motocatalog #scrambler1200 span{text-indent:1000px; background:url(/img/logo-scrambler1200.png) right 16px no-repeat;}