/*/* ---------------------------------------------------------------------------------------------------------------*/ /* BASIC CSS FOR FRONT END */ /* ---------------------------------------------------------------------------------------------------------------*/ .intro_img {left: 50%; top: 50%; position: absolute; margin-left: -147px; margin-top: -125px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} * { margin: 0px; padding: 0px; } html {} body {font-family: Tahoma; font-size: 10px; line-height: 16px; color: #333333; background-color: #000000; /*background-repeat:repeat-x; background-position: -450px top; height: 100%; background-image: url(../images/bck_pneu.jpg);*/ background:#000000 url(../images/bck_motojorgecar.jpg) no-repeat top center;} /* ---------------------------------------------------------------------------------------------------------------*/ /* #subBody { background-image: url(../images/bck_pneu.jpg); background-repeat: no-repeat; height: 100%; overflow: visible; background-position: 150px top; } */ /* ---------------------------------------------------------------------------------------------------------------*/ /* TOP BANNERS /* ---------------------------------------------------------------------------------------------------------------*/ #topBanner { background-image: url(../images/top_banner_motojorgecar.jpg); background-repeat: no-repeat; height: 185px; width: 655px; margin-right: auto; margin-left: auto; position: relative;} #topBanner002 { background-image: url(../images/top_banner_motojorgecar.jpg); background-repeat: no-repeat; height: 185px; width: 655px; margin-right: auto; margin-left: auto; position: relative;} #topBanner003 { background-image: url(../images/top_banner_motojorgecar.jpg); background-repeat: no-repeat; height: 185px; width: 655px; margin-right: auto; margin-left: auto; position: relative;} #topBanner004 { background-image: url(../images/top_banner_motojorgecar.jpg); background-repeat: no-repeat; height: 185px; width: 655px; margin-right: auto; margin-left: auto; position: relative;} /* ---------------------------------------------------------------------------------------------------------------*/ #container { height: 2px;} #rodape { text-align: center; background-image: url(../images/rodape_bg.png); background-repeat: no-repeat; height: 70px; width: 422px; background-position: 1px 2px; margin-top: 2px;} #chavesDiv { position: absolute; z-index: 18; height: 184px; background-repeat: no-repeat;} #logo { position: absolute; z-index: 101;} #menuNav { height: 79px; z-index: 15; width: 655px; margin-right: auto; margin-left: auto;} #menuNavButtons { height: 79px; width: 655px; position: absolute; z-index: 16;} #menuNavTopo { position: absolute; width: 655px; background-image: url(../images/menu_topo.png); height: 48px; z-index: 17;} #containerTxt { width: 655px; margin-right: auto; margin-left: auto; position: relative; margin-top: 5px;} #containerEsq { float: left; width: 227px; position: relative; margin-left: 1px;} #containerDir { float: left; width: 422px; position: relative;} #chavesDiv img { position: absolute; left: -100px;} #conteudoTxtDir { width: 416px; margin-left: 4px; background-repeat: repeat-y; font-size: 0px; position: relative; background-color: #666666;} .td_bg_center { background-image: url(../images/conteudoDir_bg.gif); background-repeat: repeat-y; background-position: center;} #conteudoTxtDir .conteudoTxtDir_top { background-color: #666666; font-size: 0px; height: 10px; width: 416px;} /* ---------------------------------------------------------------------------------------------------------------*/ /* BOTTOM BANNERS /* ---------------------------------------------------------------------------------------------------------------*/ #conteudoTxtDir .conteudoTxtDir_Center { background-image: url(../images/rodape_bck_motojorgecar.jp); gbackground-repeat: no-repeat; background-position: center bottom; height: 173px; width: 386px; font-size: 11px; vertical-align: top; padding-right: 15px; padding-left: 15px;} #conteudoTxtDir .conteudoTxtDir_Center002 { background-image: url(../images/rodape_bck_motojorgecar.jpg); background-repeat: no-repeat; background-position: center bottom; height: 173px; width: 386px; font-size: 11px; vertical-align: top; padding-right: 15px; padding-left: 15px;} #conteudoTxtDir .conteudoTxtDir_Center003 { background-image: url(../images/rodape_bck_motojorgecar.jpg); background-repeat: no-repeat; background-position: center bottom; height: 173px; width: 386px; font-size: 11px; vertical-align: top; padding-right: 15px; padding-left: 15px;} #conteudoTxtDir .conteudoTxtDir_Center004 { background-image: url(../images/rodape_bck_motojorgecar.jpg); background-repeat: no-repeat; background-position: center bottom; height: 173px; width: 386px; font-size: 11px; vertical-align: top; padding-right: 15px; padding-left: 15px;} /* ---------------------------------------------------------------------------------------------------------------*/ /*#conteudoTxtDir .conteudoTxtDir_Center img { padding:5px;}*/ #conteudoTxtDir .conteudoTxtDir_bottom { height: 5px; background-color: #666666; width: 416px;} #copyright {width: 648px;margin-right: auto; margin-left: auto;text-align: right;font-size: 9px; padding-right: 5px; color: #999999; padding-bottom: 5px; } .ttl_produtos { position: relative; left: 10px; top: 10px;} #copyright a { color: #999999; text-decoration: none;} #copyright a:visited { color: #999999; text-decoration: none;} #copyright a:hover { color: #EB1119; text-decoration: underline;} #menuProdutos { background-color: #666666; width: 229px; position: relative; margin-bottom: 6px; } #menuProdutos .title { color: #666666; background-color: #FFFFFF; font-size: 11px; display: block; margin-top: 5px; margin-left: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; margin-right: 5px; text-transform: uppercase; font-weight: bold;} /* ---------------------------------------------------------------------------------------------------------------*/ /* LINKS OF THE MENU AT LEFT */ /* ---------------------------------------------------------------------------------------------------------------*/ .lista { color: #FFFFFF; margin-top: 5px; margin-bottom: 5px; position: relative; padding-left: 5px;} .lista a:link { color: #FFFFFF; text-decoration: none; margin-top: 5px; margin-bottom: 5px; position: relative; padding-left: 5px; } .lista a:visited { color: #FFFFFF; text-decoration: none; margin-top: 5px; margin-bottom: 5px; position: relative; padding-left: 5px;} .lista a:hover { color:#EB1119; background-color: #333333; margin-top: 5px; margin-bottom: 5px; position: relative; padding-left: 5px; } /* ---------------------------------------------------------------------------------------------------------------*/ .destaques_img { color: #666666; background-color: #666666;} .destaques_img td { padding: 5px;} .destaques_img img { border:solid; border-width:1px; border-color:#FFFFFF;} .destaques_txt { font-family: tahoma; font-size: 9px; color: #FFFFFF;} .destaqueOver { background-color: #A90000;} .destaqueOut { background-color: #666666;} .destaqueNone { background-color: #F2F2F2;} .home_txt { background-color: #F2F2F2; border: 6px solid #666666; vertical-align: top; font-family: tahoma; font-size: 10px; color: #303231; padding: 2px; line-height: 15px;} #motoPic { background-color: #666666;} .ttl_pagina { font-family: tahoma; font-size: 16px;color: #A90000;margin-top: 5px;} .ttl_pagina2 { font-family: tahoma; font-size: 12px;color: #A90000;margin-top: 5px; font-weight:bold;} .ttl_pagina2 a:link {text-decoration:none; color: #A90000;} .ttl_pagina2 a:visited {text-decoration:none; color: #A90000;} .ttl_pagina2 a:hover {text-decoration:underline;} #motoPic td { padding: 5px;} a:link { color: #333333;} a:visited { color: #333333; text-decoration: none;} a:hover { color: #B30000; text-decoration: underline;} .input_btn { font-family: verdana; font-size: 9px; color: #666666; background-color: #FFFFFF;} .input_txt { color: #FFFFFF; background-color: #666666; font-size: 9px; border: 1px solid #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;padding: 3px;} /* ---------------------------------------------------------------------------------------------------------------*/ /* PROMOTIONS STYLES */ /* ---------------------------------------------------------------------------------------------------------------*/ #promocoes {/*width:100%; */padding: 5px 10px 5px 10px;} #promocoes .promo {} #promocoes .promo .image {float:left; width:50px; padding-right:5px;} #promocoes .promo .content {float:left; width:150px; color:#FFFFFF;} #promocoes .promo .content .title { color:#CCCCCC; font-weight:bold; background-color:#666666; padding:0; margin:0;} #promocoes .promo .content .lead { color:#FFFFFF; line-height:12px;} #promocoes .promo .content .sabermais a:link { color:#CCCCCC; font-weight:bold; text-decoration:none; text-align:right;} #promocoes .promo .content .sabermais a:visited { color:#CCCCCC; font-weight:bold; } #promocoes .promo .content .sabermais a:hover { color:#EB1119; font-weight:bold; text-decoration:none; background-color: #333333;} /* ---------------------------------------------------------------------------------------------------------------*/ /* ---------------------------------------------------------------------------------------------------------------*/ /* PROMOTION IN FRONTEND */ /* ---------------------------------------------------------------------------------------------------------------*/ .promo_txt { font-size:10px; } /* ---------------------------------------------------------------------------------------------------------------*/ /* ---------------------------------------------------------------------------------------------------------------*/ /* MODELS CATALOG */ /* ---------------------------------------------------------------------------------------------------------------*/ .linkmodels { display:block; padding:2px; text-decoration:none;} .linkmodels a:link { display:block; background-color:#f6f6f6; padding:2px; text-decoration:none;} .linkmodels a:visited { display:block; background-color:#f6f6f6; padding:2px; text-decoration:none;} .linkmodels a:hover { display:block; background-color:#333333; color:#EB1119; padding:2px; text-decoration:none;} /* ---------------------------------------------------------------------------------------------------------------*/