/************************************************************************
**  RESET BROWSERS BUILT-IN STYLESHEETS                               **
************************************************************************/
* {
	margin:0px;
	padding:0px;
}

html, body, div, label, span, dl, dt, dd, ul, ol, li, h1 ,h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, tbody, th, tr, td {
	margin:0px;
	padding:0px;
}

table {
	border-collapse:collapse;
	border-spacing:0px;
}

fieldset, img, abbr, acronym {
	border:0px;
	border:none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}

caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}


/************************************************************************
**  GLOBAL STYLES                                                      **
************************************************************************/
body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	text-align:left;
	background:#000000 url(http://ticochoppers.com/images/bgGeneral18Conve.jpg) top repeat-x;
	/*background:#000000 url(http://ticochoppers.com/images/bgGeneral.gif) top repeat-x;*/
}

#global {
	width:997px;
	margin:0 auto;
}

a:link {
	font-family:Arial, Helvetica;
	color:#B9C7CC;
}
a:linkForo {font-size: 10px; color: #54627B; text-decoration: none;}
a:linkForo:hover { font-size: 10px;	color: #FFFFFF;	text-decoration: none;}
a:linkForo:visited {font-size: 10px; color: #54627B; text-decoration: none;}
/************************************************************************
**  HEADER                                                             **
************************************************************************/

/*  Estructura básica  */
#header {
	display:block;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:100%;
	height:65px;
}

/*  LOGO  */
#header .logo {
	float:left;
	width:370px;
	height:100%;
	background:transparent url(../images/ticochoppersLogo.gif) no-repeat 0px 11px;
	text-indent:-9999px; 
}

#header .logo a {
	display:block;
	float:left;
	width:370px;
	height:53px;
	margin:12px 0px 0px 0px;
}

/*  Elimina el texto del link al logo  */
#header .logo a label,
#header .slogan label,
#header #mainNav ul li a label {
	font-size:9px;
	color:#FFFFFF;
	visibility:hidden;
}

/*  SLOGAN  */
#header .slogan {
	display:block;
	position:relative;
	float:left;
	width:627px;
	height:38px;
	background:transparent url(../images/ticochoppersSlogan.gif) no-repeat 5px 25px;
}

/*  MENU PRINCIPAL  */
#header #mainNav {
	display:block;
	position:relative;
	float:left;
	width:615px;
	height:27px;
	margin:0px 0px 0px 12px;
}

#header #mainNav ul {
	width:100%;
	height:auto;
}

#header #mainNav ul li {
	display:inline;
	float:left;
	width:auto;
	height:100%;
	background:transparent url(../images/divisionMainNav.gif) no-repeat left center;
	padding:0px 15px 0px 19px;
}

#header #mainNav ul li a {
	display:block;
	height:27px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0px 6px;
	overflow:hidden;
}

#header #mainNav ul li.noBorder {
	background-image:none;
}

/*  MENU - IMAGENES  */
#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);
}

/*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.gif) 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; }
#clubsSection ul li.tigresmc a{ background-position: -1364px top; }
#clubsSection ul li.tigresmc a:hover{ background-position: -1364px bottom; }
#clubsSection ul li.amigosmc a{ background-position: -1426px top; }
#clubsSection ul li.amigosmc a:hover{ background-position: -1426px bottom; }
#clubsSection ul li.ceroestres a{ background-position: -1488px top; }
#clubsSection ul li.ceroestres a:hover{ background-position: -1488px bottom; }
#clubsSection ul li.atramilitis a:hover{ background-position: -1550px bottom; }
#clubsSection ul li.atramilitis a:hover{ background-position: -1550px bottom; }
#clubsSection ul li.foraneos a:hover{ background-position: -1612px bottom; }
#clubsSection ul li.foraneos a:hover{ background-position: -1612px bottom; }
#clubsSection ul li.roadknights a:hover{ background-position: -1674px bottom; }
#clubsSection ul li.roadknights a:hover{ background-position: -1674px 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; padding-left: 3px;}


/************************************************************************
**  FOOTER                                                             **
************************************************************************/
#footer {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:100%;
	color:#FFFFFF;
	font-size:9px;
	margin:0px 0px 60px 0px;
}

#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                                                        **
************************************************************************/
#bannersTop {
position:relative;
float:left;
top:0px;
left:0px;
width:100%;
height:80px;
margin:20px 0px 0px 0px;
padding:0px;
}

#bannersTop .bannerLeft {
position:relative;
float:left;
width:499px;
}

#bannersTop .bannerRight {
position:relative;
float:left;
width:498px;
}www.ti


#bannersTop .bannerLeft a,
#bannersTop .bannerRight a {
display:block;
width:auto;
height:auto;
margin:0px;
padding:0px;
}

#bannersTop .bannerLeft a img {
float:right;
}
 
#bannersTop .bannerRight a img {
float:left;
}