/* CSS Document */



* {

	margin: 0;

    padding: 0;

    border: none;

	font-size: 1em;

}



body {

	background: #10238c;

	font-family: Arial, Helvetica, sans-serif;

}





#container {

	width: 100%;

}



#lang {

	margin: 0 auto;

	width: 652px;

	height: 18px;

	background: url(../images/main-top-lang.jpg);

}



#lang p {

	float: right;

	margin: 0 15px 0 0;

	display: inline;

}



#lang p a {

	float: left;

	color: #FFFFFF;

	font-size: 11px;

	text-decoration: none;

	margin: 0 5px 0 5px;

}



#lang p a:hover {

	text-decoration: underline;

}



#lang p img {

	float: left;

	margin: 2px 0 0 0;

}



#main-content {

	margin: 0 auto;

	width: 975px;

	display: table;

	padding: 0 0 190px 0;

	background: url(../images/body-bg.jpg);

}



#main-content #content {

	margin: 0 auto;

	width: 650px;

	display: table;

	background: #ee091c url(../images/content-bg.jpg) 0 130px no-repeat;

}



h1 {

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}





#sub-menu {

	position: absolute;

	width: 98px;

	display: inline;

	margin: 88px 0 0 429px;

	padding: 5px 0 0 0;

	background: #ee081b;

	visibility: hidden;

	z-index: 1000;

}



#sub-menu ul li {

	list-style: none;

}



#sub-menu ul li a {

	display: block;

	height: 22px;

	width: 88px;

	padding: 0 0 0 10px;

	text-decoration: none;

	font-size: 11px;

	color: #FFFFFF;

	background: url(../images/main-submenu-li-a-bg.gif) bottom no-repeat;

}



#sub-menu ul li a.last {

	background: none;

}



#sub-menu ul li a:hover {

	color: #000000;

}







/*################################################ HEADER ##############################################*/





#main-content #header {

	float: left;

	width: 650px;

	height: 130px;

}



#main-content #logo {

	float: left;

	width: 260px;

	height: 70px; 

	display: inline;

	background: url(../images/content-header-logo.jpg);

}



#main-content #brands {

	float: left;

	width: 390px;

	height: 70px;

	background: url(../images/main-header-brands-bg.jpg) repeat-y;

}



#main-content #brands .brand1 {

	float: left;

	width: 69px;

	height: 67px;

	margin: 3px 0 0 32px;

	display: inline;

	background: url(../images/main-header-brands-img1.gif);

}



#main-content #brands .brand2 {

	float: left;

	width: 86px;

	height: 54px;

	margin: 10px 0 0 50px;

	background: url(../images/main-header-brands-img2.gif);

}





#main-content #brands .brand3 {

	float: left;

	width: 73px;

	height: 59px;

	margin: 7px 0 0 50px;

	background: url(../images/main-header-brands-img3.gif);

}



#main-content #menu {

	float: left;

	width: 650px;

	height: 17px;

	background: url(../images/main-header-menu-bg.gif);

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content #menu ul li {

	list-style: none;

	display: inline;

}



#main-content #menu ul li a {

	float: left;

	display: block;

	height: 59px;

}



#main-content #menu ul li a.inicio {

	width: 85px;

}



#main-content #menu ul li a.inicio:hover {

	background: url(../images/main-header-menu-bg.gif) 0 -16px;

}



#main-content #menu ul li a.historia {

	width: 88px;

}



#main-content #menu ul li a.historia:hover {

	background: url(../images/main-header-menu-bg.gif) -85px -16px;

}



#main-content #menu ul li a.apoyo {

	width: 79px;

}



#main-content #menu ul li a.apoyo:hover {

	background: url(../images/main-header-menu-bg.gif) -173px -16px;

}



#main-content #menu ul li a.productos {

	width: 110px;

}



#main-content #menu ul li a.productos:hover {

	background: url(../images/main-header-menu-bg.gif) -252px -16px;

}



#main-content #menu ul li a.red {

	width: 159px;

}



#main-content #menu ul li a.red:hover {

	background: url(../images/main-header-menu-bg.gif) -363px -16px;

}



#main-content #menu ul li a.contactenos {

	width: 129px;

}



#main-content #menu ul li a.contactenos:hover {

	background: url(../images/main-header-menu-bg.gif) -522px -16px;

}



#main-content #bar {

	float: left;

	width: 650px;

	height: 43px;

	background: #0c0c0e;

}



#main-content #bar h1 {

	float: left;

	width: 150px;

	height: 18px;

	margin: 12px 0 0 37px;

	display: inline;

	background: url(../images/main-header-bar-productsh1.gif);

}



#main-content #bar #submenu {

	float: left;

	width: 257px;

	height: 33px;

	margin: 10px 0 0 183px;

	display: inline;

	background: url(../images/main-header--submenu.gif);

}



#main-content.redpro #bar #submenu {

	float: left;

	width: 250px;

	height: 28px;

	margin: 15px 0 0 60px;

	display: inline;

	background: none;

}



#main-content.redpro #bar #submenu a.buscar {

	float: left;

	width: 74px;

	height: 28px;

	display: inline;

	background: url(../images/proveedores-buscar-bt.gif);

}



#main-content.redpro #bar #submenu form.buscar {

	float: left;

	width: 150px;

	margin: 0 0 0 -50px;

}



#main-content.redpro #bar #submenu form.buscar input.text {

	float: left;

	width: 68px;

	height: 14px;

	font-size: 12px;

	padding: 2px 0 0 2px;

}



* html #main-content.redpro #bar #submenu {

	margin: 15px 0 0 10px;

}



* html #main-content.redpro #bar #submenu form.buscar {

	margin: 0 0 0 0px;

}



#main-content.redpro #bar #submenu form.buscar input.submit {

	float: left;

	width: 74px;

	height: 28px;

	display: inline;

	padding: 0;

	background: url(../images/proveedores-buscar-bt.gif);

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content.redpro #bar #submenu a.descargar,

#main-content.redpro #bar #submenu a.descargar2 {

	float: left;

	width: 136px;

	height: 29px;

	display: inline;

	margin: -1px 0 0 5px;

	background: url(../images/proveedores-descargar.gif);

}



* html #main-content.redpro #bar #submenu a.descargar{

	margin: -29px 0 0 155px;

}



#main-content.redpro #bar #submenu a.descargar2 {

	background: url(../images/proveedores-cliente.gif);

}



#main-content #bar #submenu a, #main-content.redpro #bar #submenu a {

	float: left;

	display: block;

	height: 33px;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content #bar #submenu a.categorias, #main-content #bar #submenu a.categorias-active {

	width: 138px;

	margin: 0 0 0 5px;

	display: inline;

}



#main-content #bar #submenu a.categorias:hover, #main-content #bar #submenu a.categorias-active {

	background: url(../images/main-header--submenu.gif) -119px -33px;

}



#main-content #bar #submenu a.marcas, #main-content #bar #submenu a.marcas-active {

	width: 114px;

}



#main-content #bar #submenu a.marcas:hover, #main-content #bar #submenu a.marcas-active {

	background: url(../images/main-header--submenu.gif) 0px -33px;

}









/*################################################  CENTER ##############################################*/







#main-content #center {

	float: left;

	width: 625px;

	height: auto;

	margin: 0 0 0 12px;

	padding: 0 0 90px 0;

	display: inline;

	background:  #FFFFFF;

}



#main-content #center #left-bg {

	float: left;

	width: 92px;

	height: 460px;

	margin: 20px 0 0 22px;

	display: inline;

	background: url(../images/main-center-left-bg.gif);

}



#main-content #center #center-content {

	float: left;

	width: 475px;

	display: table;

	margin: 20px 0 0 23px;

	display: inline;

}



#main-content #center #center-content2 {

	float: left;

	width: 490px;

	display: table;

	margin: 20px 0 0 20px;

	display: inline;

}



#main-content #center #center-content3 {

	float: left;

	width: 615px;

	display: table;

	margin: 20px 0 0 5px;

	display: inline;

}



#main-content.home #center {

	background: #000000;

}



#main-content #center #flash {

	float: left;

	width: 625px;

	height: 390px;

	margin: 0 0 0 0px;

	z-index: 0;

}



#main-content #phone h1 {

	margin: 0 auto;

	width: 184px;

	height: 18px;

	background: url(../images/main-footer-number.gif);

}



#main-content #phone {

	margin: 0 auto;

	width: 650px;

	height: 25px;

	padding: 5px 0 0 0;

	background: #ee091c;

}









/*        categorias.html      */



#main-content.categorias #center #center-content .description {

	float: left;

	width: 100%;

	margin: 0 0 20px 0;

}



#main-content.categorias #center #center-content .description-2 {

	float: left;

	width: 95%;

	margin: 0 0 20px 0;

}



#cont-des{

float:left;

padding-top:20px;

}

#center-content2 h2{



width:79px;

height:17px;

margin-left:10px;

background:url(../images/title-bolas.gif);

/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#center-content2 .cont-seccion{

float:left;

}



#center-content2 .seccion{

width:122px;

height:122px;

background:url(../images/imagen-blank.gif) no-repeat;

float:left;

margin: 10px 10px;

}



#main-content.categorias #center #center-content .description p {

	float: left;

	width: 100%;

	font-size: 12px;

	color: #004FA3;

	line-height: 18px;

}



#main-content.categorias #center #center-content .description-2 p {

	float: left;

	width: 100%;

	font-size: 12px;

	color: #000;

	line-height: 18px;

	margin-bottom:15px;

}



#main-content.categorias #center #center-content .description-2 h2 { font-size:15px; color:#EE081B; font-weight:normal; margin-top:10px;}





#main-content.categorias #center #center-content .description p span {

	color: #000000;

}



#main-content.categorias #center #center-content .description-2 p span {

	font-weight:normal;

}



#main-content.categorias #center #center-content .description p span.second {

	width: 310px;

	float: left;

	margin: -18px 0 0 55px;

}



#main-content.categorias #center #center-content .description p span.third {

	width: 400px;

	float: left;

	margin: -18px 0 0 57px;

}



#main-content.categorias #center #center-content .description p span.four {

	width: 340px;

	float: left;

	margin: -18px 0 0 57px;

}



#main-content.categorias #center #center-content .description p span.last {

	width: 320px;

	float: left;

	margin: -17px 0 0 148px;

}









/*     marcas.html      */





#main-content.marcas #center-content div.marca {

	float: left;

	width: 214px;

	height: 102px;

	margin: 35px 0 3px 0;

}



#main-content.marcas #center {

	padding: 0 0 30px 0;

}









/*        historia.html      */





#main-content.historia  #bar h1 {

	width: 108px;

	height: 18px;

	background: url(../images/historia-h1.gif);

}



#main-content.historia  #bar h1.timeline {

	width: 108px;

	height: 18px;

	background: url(../images/historia-h1.gif);

}

#main-content.baloncesto  #bar h1 {

	width: 162px;

	height: 17px;

	background: url(../images/baloncesto-h1.gif);

}



#main-content.redpro  #bar h1 {

	width: 303px;

	height: 17px;

	background: url(../images/red-h1.gif);

}



#main-content.historia  #bar a.timeline {

	float: right;

	width: 114px;

	height: 33px;

	margin: 10px 28px 0 0;

	display: inline;

	background: url(../images/historia-right-link-bg.gif) no-repeat;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content.historia  #center-content p {

	float: left;

}



#main-content.historia  #center-content p.image {

	float: left;

	width: 430px;

}



#main-content.historia  #center-content p.image2 {

	float: left;

	width: 255px;

}



#main-content.historia  #center-content img {

	float: left;

	margin: 0 10px 10px 0;

}



#main-content.historia  #center-content img.center {

	display: inline;

	margin: 0 40px 0 30px;

}



#main-content.historia  #center-content img.right {

	float: left;

	margin: 0 0 10px 10px;

}



#main-content.historia  #center-content p, #main-content.apoyo  #center-content p, #main-content.contactenos  #center-content p {

	width: 430px;

	margin: 0 0 15px 0;

	text-align: justify;

	font-size: 12px;

}



#main-content.historia  #center-content p.red, #main-content.apoyo  #center-content p.red, #main-content.contactenos #center-content p.red {

	width: 430px;

	margin: 0 0 15px 0;

	font-size: 16px;

	color: #EE081B;

}



#main-content.historia  #center-content p.blue, #main-content.apoyo  #center-content p.blue, #main-content.contactenos  #center-content p.blue {

	color: #10238C;

	font-weight: bold;

}



#main-content.historia  #center-content p span, #main-content.apoyo  #center-content p span {

	color: #10238C;

}



#main-content.contactenos  #center-content p span {

	color: #10238C;

	font-weight: bold;

}



#main-content.contactenos  #center-content p span.bold {

	color: #000000;

	font-weight: bold;

}



#main-content.contactenos  #center-content p span.italic {

	color: #000000;

	font-weight: normal;

	font-style: italic;

}



#main-content.contactenos  #center-content form {

	float: left;

	width: 390px;

}



#main-content.contactenos  #center-content form label {

	float: left;

	width: 125px;

	font-size: 12px;

	margin: 0 0 4px 0;

}



#main-content.contactenos  #center-content form label.check {

	width: 70px;

	height: 20px;

	margin: 0 0 0 5px;

	display: inline;

}



#main-content.contactenos  #center-content form input {

	float: left;

	width: 193px;

	height: 16px;

	padding: 1px 0 0 2px;

	margin: 0 0 4px 0;

	border: 1px solid #d8d8d8;

	font-size: 12px;

}



#main-content.contactenos  #center-content form button {

	float: right;

	width: 64px;

	height: 23px;

	margin: 20px 68px 0 0;

	background: url(../images/contactenos-button.gif);

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content.contactenos  #center-content form input.check, #main-content.contactenos  #center-content form input.check-first {

	width: 10px;

	height: 10px;

	border: none;

	margin: 3px 0 0 0;

}



#main-content.contactenos  #center-content form input.check-first {

	margin: 3px 0 0 126px;

	display: inline;

}



#main-content.contactenos  #center-content form h2 {

	float: left;

	width: 100%;

	margin: 10px 0 8px 0;

	font-size: 15px;

	color: #EE081B;

}











/*        apoyo.html      */





#main-content.apoyo  #bar h1 {

	width: 89px;

	height: 24px;

	background: url(../images/apoyo-h1.gif);

}



#main-content.apoyo  #center-content p.red {

	margin: 15px 0 5px 0;

}



#main-content.apoyo  #center-content p a {

	color: #000000;

}



#main-content.apoyo  #center-content p.red img {

	margin: 0 0 0 10px;

}



#main-content.apoyo  #center-content div.image {

	float: left;

	width: 100%;

	margin: 0 0 10px 0;

}



#main-content.apoyo  #center-content img {

	position: relative;

	float: none;

}





/*        contactenos.html      */





#main-content.contactenos  #bar h1 {

	width: 173px;

	height: 18px;

	background: url(../images/contactenos-h1.gif);

}



#main-content.contactenos p a.mail {

	color: #10238C;

}



#main-content.contactenos p a.mail:hover {

	text-decoration: none;

}











/*        index.html      */



#main-content.home #bar {

	height: 56px;

}



#main-content.home #center #center-content {

	float: left;

	width: 621px;

	display: table;

	margin: 0px 0 0 0px;

	display: inline;

}



#main-content.home #center {

	margin: 13px 0 0 12px;

	padding: 0;

	width: 621px;

}



* html #main-content.home #center {

	margin: 0px 0 0 12px;

}



#main-content.home #bar h1 {

	width: 329px;

	height: 30px;

	background: url(../images/home-h1.gif);

	margin: 15px 0 0 150px;

}



#main-content.home div.box {

	float: left;

	width: 156px;

	height: 386px;

	display: inline;

	background: url(../images/home-img1.jpg);

}



#main-content.home div.box a {

	float: left;

	display: block;

	display: inline;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content.home #beisbol {

	background: url(../images/home-img1.jpg);

}



#main-content.home #beisbol a.rawlings {

	width: 70px;

	height: 50px;

	margin: 255px 0 0 5px;

}



#main-content.home #beisbol a.easton {

	width: 74px;

	height: 50px;

	margin: 133px 0 0 0px;

}



#main-content.home #beisbol a.worth, 

#main-content.home #beisbol a.miken, 

#main-content.home #beisbol a.champion {

	width: 94px;

	height: 27px;

	margin: 0px 0 0 30px;

}



#main-content.home #beisbol a.beisbol, 

#main-content.home #baloncesto a.baloncesto, 

#main-content.home #voleibol a.voleibol, 

#main-content.home #balompie a.balompie {

	float: right;

	width: 26px;

	height: 118px;

	margin: 4px 2px 0 0;

}



#main-content.home #baloncesto {

	width: 161px;

	background: url(../images/home-img2.jpg);

}



#main-content.home #baloncesto a.baloncesto {

	height: 183px;

}



#main-content.home #baloncesto a.molten, #main-content.home #baloncesto a.champion, 

#main-content.home #voleibol a.molten, #main-content.home #voleibol a.champion, 

#main-content.home #balompie a.molten, #main-content.home #balompie a.champion {

	width: 88px;

	height: 40px;

	margin: 318px 0 0 35px;

	display: inline;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#main-content.home #baloncesto a.champion, 

#main-content.home #voleibol a.champion, 

#main-content.home #balompie a.champion {

	height: 26px;

	margin: 0px 0 0 35px;

}



#main-content.home #balompie a.molten {

	margin: 166px 0 0 35px;

}



#main-content.home #voleibol {

	width: 154px;

	background: url(../images/home-img3.jpg);

}



#main-content.home #voleibol a.voleibol {

	height: 138px;

}



#main-content.home #balompie {

	width: 150px;

	background: url(../images/home-img4.jpg);

}



#main-content.home #balompie a.balompie {

	height: 148px;

}













/*################################################ FOOTER ##############################################*/





#footer {

	margin:  auto;

	width: 975px;

	height: 32px;

	padding: 8px 0 0 0;

}



#footer #links {

	margin: 0 auto;

	width: 627px;

	height: 14px;

	background: url(../images/footer-bg.gif) no-repeat;

}



#footer #links ul li {

	list-style: none;

	display: inline;

}



#footer #links ul li a {

	display: block;

	float: left;

	height: 14px;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#footer #links ul li a.inicio {

	width: 62px;

}



#footer #links ul li a.historia {

	width: 97px;

}



#footer #links ul li a.apoyo {

	width: 79px;

}



#footer #links ul li a.productos {

	width: 118px;

}



#footer #links ul li a.red {

	width: 162px;

}



#footer #links ul li a.contactenos {

	width: 109px;

}



#title-red{

color:#10238C;

font-size:9px;

font-weight:bold;

padding-left:7px;

padding-bottom:10px;

}



#title-red span{

padding-left:50px;

}



#table-red{

font-size:9px;

color:#333;

}



#center-content3 td{ height:18px; padding-left:5px; }

#center-content3 #table-red.categorias td{ padding: 2px 0 0 3px; }

thead{ background:#EE081B; color:#FFF; padding-left:15px; }

tbody{ background:#E0E0E0;}

tfoot{background:#C4C4C4;}



tbody{}

tfoot{}





#table-red.categorias{

	width: 615x;

}