body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #000 url(../images/bgGeneral.gif) top repeat-x; text-align: left; } a, ol, ul, p, img, h1, h2, h3, h4, h5, h6, form, input, td, dd, dl, li, textarea, select, div { margin: 0; padding: 0;border: 0; } li{ list-style:none; } #global{ width:997px; margin:0 auto; } /*HEADER*/ #header { width: 997px; margin: 111px 0 0 0; } #header h1{ width:370px; height:53px; background:url(../images/ticochoppersLogo.gif) no-repeat left top; text-indent:-9999px; float:left; } #header h1 a{ width:370px; height:53px; display:block; } #header span{ width:256px; height:9px; text-indent:-9999px; background:url(../images/ticochoppersSlogan.gif) no-repeat left top; display:block; float:left; clear:right; margin: 15px 0 4px 5px; } /*MAIN NAV*/ #mainNav{ float:left; margin:0 0 0 10px; width:617px; } #mainNav ul{ } #mainNav ul li{ height:21px; display:inline; float:left; background:url(../images/divisionMainNav.gif) left top no-repeat; padding:5px 15px 0 20px; } #mainNav ul li a{ height:15px; text-indent:-9999px; display:block; background:url(../images/buttomInicio.gif) no-repeat left top; overflow:hidden; } #mainNav ul li a:hover{ } #mainNav ul li a.inicio{ width:35px; background-image:url(../images/buttomInicio.gif); } #mainNav ul li a.foro{ width:32px; background-image:url(../images/buttomForo.gif); } #mainNav ul li a.chat{ width:33px; background-image:url(../images/buttomChat.gif); } #mainNav ul li a.modelos{ width:55px; background-image:url(../images/buttomModelos.gif); } #mainNav ul li a.radio{ width:37px; background-image:url(../images/buttomRadio.gif); } #mainNav ul li a.revista{ width:49px; background-image:url(../images/buttomRevista.gif); } #mainNav ul li a.tienda{ width:43px; background-image:url(../images/buttomTienda.gif); } #mainNav ul li a.noticias{ width:53px; background-image:url(../images/buttomNoticias.gif); } #mainNav ul li.noBorder{ background:none; } /*CONTENT*/ #content{ width: 997px; float:left; margin: 12px 0 0 0; background:url(../images/bgBackground.jpg) no-repeat top center; } /*ANIMA PRINCIPAL*/ #animaPrincipal{ width:728px; height:303px; background:url(../images/animaPrincipal.jpg) no-repeat left top; float:left; margin: 0 17px 0 0; } /*CHAT*/ #chatSection{ width:251px; height:54px; float:left; background:url(../images/chatBanner.jpg) left top no-repeat; } #chatSection h2{ text-indent:-9999px; display:block; } #chatSection h2 a{ width:251px; height:54px; display:block; overflow:hidden; } /*MODELOS*/ #modeloSection{ width:245px; float:left; margin: 19px 0 0 0;} #modeloSection h2{ width:245px; height:21px; background: url(../images/titleModelos.gif) no-repeat left top; text-indent:-9999px; display:block; margin: 0 0 1px 0; float:left; } #modeloSection ul{ padding:114px 0 0 0; float:left; background:url(../images/modelo28-09-2009.jpg) no-repeat center top; } #modeloSection ul li{ width:244px; height:24px; border:1px solid #444; border-bottom:none; float:left; } #modeloSection ul li a{ background:url(../images/3SquaresArrow.gif) no-repeat 9px 9px; color:#FFFFFF; float:left; font-size:10px; height:19px; padding:5px 0 0 17px; text-decoration:none; width:226px; overflow:hidden; } #modeloSection ul li a:hover{ text-decoration:underline; } #modeloSection ul li.opacidad1{ background: rgba(0, 0, 0, 0.5); *background-color:#000; *opacity: 0.5; *filter:alpha(opacity=50); } #modeloSection ul li.opacidad2{ background: rgba(0, 0, 0, 0.7); *background-color:#000; *opacity: 0.7; *filter:alpha(opacity=70); } #modeloSection ul li.opacidad3{ background: rgba(0, 0, 0, 0.9); *background-color:#000; *opacity: 0.9; *filter:alpha(opacity=90); border-bottom:1px solid #444; } #modeloSection .otrasModelos{ width:245px; height:21px; float:left; background:url(../images/titleOtrasModelos.gif) no-repeat top center; text-indent:-9999px; } #modeloSection .otrasModelos a{ height:21px; display:block; text-indent:-9999px; overflow:hidden; } /*CLUBES*/ #clubsSection{ float:left; margin:22px 0 20px 0; } #clubsSection ul{ } #clubsSection ul li{ width:59px; height:38px; float:left; display:inline; border:1px solid #444; margin: 0 1px 0 0; } #clubsSection ul li a{ width:59px; height:38px; text-indent:-9999px; display:block; background:url(../images/clubesLogos.jpg) no-repeat; float:left; overflow:hidden; } #clubsSection ul li a:hover{ width:59px; height:38px; } /*----------------------------------------------------------------- Estilos por cada club donde dice background-position solo hay que sumarle 62px cada vez q se genere uno nuevo -----------------------------------------------------------------*/ #clubsSection ul li.correcaminos a{ background-position: left top; } #clubsSection ul li.correcaminos a:hover{ background-position: left bottom; } #clubsSection ul li.lDX a{ background-position: -62px top; } #clubsSection ul li.lDX a:hover{ background-position: -62px bottom; } #clubsSection ul li.cadejos a{ background-position: -124px top; } #clubsSection ul li.cadejos a:hover{ background-position: -124px bottom; } #clubsSection ul li.soldados a{ background-position: -186px top; } #clubsSection ul li.soldados a:hover{ background-position: -186px bottom; } #clubsSection ul li.FightersChrist a{ background-position: -248px top; } #clubsSection ul li.FightersChrist a:hover{ background-position: -248px bottom; } #clubsSection ul li.gitanos a{ background-position: -310px top; } #clubsSection ul li.gitanos a:hover{ background-position: -310px bottom; } #clubsSection ul li.comanches a{ background-position: -372px top; } #clubsSection ul li.comanches a:hover{ background-position: -372px bottom; } #clubsSection ul li.tiburones a{ background-position: -434px top; } #clubsSection ul li.tiburones a:hover{ background-position: -434px bottom; } #clubsSection ul li.rebeldes a{ background-position: -496px top; } #clubsSection ul li.rebeldes a:hover{ background-position: -496px bottom; } #clubsSection ul li.acomore a{ background-position: -558px top; } #clubsSection ul li.acomore a:hover{ background-position: -558px bottom; } #clubsSection ul li.coyotes a{ background-position: -620px top; } #clubsSection ul li.coyotes a:hover{ background-position: -620px bottom; } #clubsSection ul li.hOG a{ background-position: -682px top; } #clubsSection ul li.hOG a:hover{ background-position: -682px bottom; } #clubsSection ul li.steelAngels a{ background-position: -744px top; } #clubsSection ul li.steelAngels a:hover{ background-position: -744px bottom; } #clubsSection ul li.agilas a{ background-position: -806px top; } #clubsSection ul li.agilas a:hover{ background-position: -806px bottom; } #clubsSection ul li.bandidos a{ background-position: -868px top; } #clubsSection ul li.bandidos a:hover{ background-position: -868px bottom; } #clubsSection ul li.fantasmas a{ background-position: -930px top; } #clubsSection ul li.fantasmas a:hover{ background-position: -930px bottom; } #clubsSection ul li.grandesolodios a{ background-position: -992px top; } #clubsSection ul li.grandesolodios a:hover{ background-position: -992px bottom; } #clubsSection ul li.ironspells a{ background-position: -1054px top; } #clubsSection ul li.ironspells a:hover{ background-position: -1054px bottom; } #clubsSection ul li.elcamino a{ background-position: -1116px top; } #clubsSection ul li.elcamino a:hover{ background-position: -1116px bottom; } #clubsSection ul li.cruzados a{ background-position: -1178px top; } #clubsSection ul li.cruzados a:hover{ background-position: -1178px bottom; } #clubsSection ul li.tribu a{ background-position: -1240px top; } #clubsSection ul li.tribu a:hover{ background-position: -1240px bottom; } #clubsSection ul li.pactado a{ background-position: -1302px top; } #clubsSection ul li.pactado a:hover{ background-position: -1302px bottom; } /*FORO y TIENDA*/ #foroTiendaSection{ width:180px; float:left; margin:0 20px 0 0; } /*FORO*/ #foroTiendaSection .foroSection{ width:180px; height:83px; float:left; margin:0 0 20px; text-align:center; } #foroTiendaSection .foroSection h2{ width:168px; height:18px; background:url(../images/titleForo.gif) no-repeat top center; text-indent:-9999px; display:block; overflow:hidden; margin: 0 0 0 6px; } #foroTiendaSection .foroSection p{ width:166px; color:#fff; font-size:9px; margin: 0 0 0 7px; } /*TIENDA*/ #foroTiendaSection .tiendaSection{ float:left; } /*ARTICULO Y MERCADEO*/ #articuloYMercadeo{ width:477px; float:left; margin:0 14px 0 0; padding:0; } #protagonistasSection{ width:473px; height:135px; float:left; color:#fff; border:1px solid #16272a; font-size:9px; margin: 0 0 20px 0; } #protagonistasSection div.content{ float:left; left:-32px; position:relative; width:350px; margin:12px 0 0 0; z-index:2002; } #protagonistasSection div.content h2{ font-size:10px; } #protagonistasSection div.content p{ width:380px; } #protagonistasSection div.content p a{ background:url(../images/3SquaresArrow.gif) no-repeat 0 3px; color:#76879e; text-decoration:none; padding:0 0 0 10px; } #protagonistasSection div.content p a:hover{ text-decoration:underline; } #protagonistasSection img{ float:left; position:relative; top:22px; z-index:2001; } #protagonistasSection .escribaleAqui{ width:131px; float:left; border:1px solid #16272A; z-index:2000; position:relative; top:29px; left:-18px; } #protagonistasSection .escribaleAqui a{ width:131px; height:21px; text-indent:-9999px; overflow:hidden; background:url(../images/escribaleAquiButtom.gif) no-repeat top left; display:block; } #protagonistasSection .escribaleAqui a:hover{ } #protagonistasSection .otrosProtagonistas{ float:left; position:relative; left:116px; top:7px; } #protagonistasSection .otrosProtagonistas a{ width:235px; height:21px; text-indent:-9999px; overflow:hidden; background:url(../images/otrosProtagonistas.gif) no-repeat top left; display:block; } #protagonistasSection .otrosProtagonistas a:hover{ } /*BANNER DE PUBLICIDAD*/ #mercadeo1{ float:left; width:236px; height:93px; float:left; margin: 0 2px 0 0; } #mercadeo1 a{ width:236px; height:93px; background:url(../images/5toAniversarioTC.gif) no-repeat left top; display:block; overflow:hidden; text-indent:-9999px; } #mercadeo1 a:hover{ } #mercadeo2 a{ width:236px; height:93px; background:url(../images/radioBannerTC.gif) no-repeat left top; display:block; overflow:hidden; text-indent:-9999px; float:left; } #mercadeo2 a:hover{ } #mercadeo3{ float:left; } #mercadeo3 a{ width:300px; height:250px; background:url(../images/bannerMercadeo.jpg) no-repeat left top; display:block; overflow:hidden; text-indent:-9999px; float:left; } #mercadeo3 a:hover{ } .mercadeo4{ width:300px; height:250px; background:url(../images/bannerMercadeo3.gif) no-repeat left top; text-indent:-9999px; float:left; padding-top: 15px;} /*FOOTER*/ #footer{ width: 997px; float:left; color:#FFFFFF; font-size:9px; } #footer ul{} #footer ul li{ display:inline; float:left; letter-spacing:-1px; margin:10px 54px; text-align:center; } #footer ul li p{ width:500px; } /*TOP BANNERS*/ #bannersTopHP{ } .bannersPubliTop{ text-align:center; position:relative; top: -890px; *top:-880px; } .bannerLeft{ float:left; } .bannerRight{ } a:link {color: #b9c7cc; font-family:Arial, Helvetica, sans-serif;} a:visited { color: #4c7797;} /* #bannersTopHP{ margin:0 auto; position:absolute; top:0; width:997px; background-color:#00FF00; }