/* CSS Document */

@import url(comun.css);



.wrapper-content{

	width:800px;

	height:100%;

	margin:auto;

	padding:0;

	text-align:left;

	border:1px solid #fff;

	background:#000 url(../img/fondo.jpg);

	color:#fff;

	overflow:hidden;

	margin-bottom:20px;



}



#header{

	background:  url(../img/logo2.gif) no-repeat 5px 5px;

	height:120px;

}



.body{

	height:auto;

}



#footNote{

	text-align:center;

	background-color:#f00;

	color:#FFFFFF;

	font-size:1em;

	clear:both;

	margin:0;

	padding:0;

	height:auto;

}



#menu-chapinal {

	margin:0 30px;

	padding-left:85px;

	background:  url(../img/barra.gif) no-repeat 0px 0px;

	height:30px;

	overflow:hidden;

}

#menu-chapinal ul{

	list-style:none;

	color:#000;

	overflow:hidden;

}



#menu-chapinal li{

	float:left;

	display:inline;

	padding-right:1.5em;

	padding-bottom:0.5em;

	padding-top:8px;

	font-size:14px;

	font-weight:bold;

}



#menu-chapinal a{

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}



#menu_lateral{

	text-align:right;

	float:right;

	width:20%;

	height:100%;

	margin:0;

	margin-top:1em;

	padding:0;

	padding-right:10px;

	margin-bottom:30px;

}



#menu_lateral p{

	font-size:12px;

	text-align:right;

}



#menu_lateral p img{

	margin:auto;

	display:block;

}



#contenido{

	width:75%;

	height:auto;

	float:left;

	margin-left:30px;

	margin-top:1em;

}



.item{

	border: 1px dotted #fff;

	background:url(../img/fondo8.gif);

	color:#f00;

	padding:0.5em;

	margin-bottom:20px;

	overflow:hidden;

	margin:1em auto 20px auto;

	clear:both;

	width:100%;

}



.first{

	margin-top:3em;

}



.item h4{

	color:#fc0;

	font-style:italic;

	letter-spacing:0.15em;

}



.img-precio{

	float:left;

	width:60%;

	overflow:hidden;

}



.img-precio p{

	text-align:center;

	font-size:0.8em;

	font-weight:bold;

	font-style:italic;

	color:#fc0;

	letter-spacing:0.15em;

	margin-bottom:5px;

}



.img-precio strong{

	font-weight:bold;

	font-size: 0.7em;

	color:#fff;

	letter-spacing:0;

}



.img-precio img {

	display:block;

	padding:1em;

	border:none;

	margin:auto;

}



.lupa{

	display:block;

	padding:0;

	border:none;

	background-color:#000099;

}



.lupa img{

	float:left;

	padding:0;

	border:none;

}

.caract-producto{

	float:right;

	width:38%;

	color:#fff;

	padding-top:10px;

}



.caract-producto p{

	font-size: 0.8em;

}



.caract-producto p strong{

	font-weight: bold;

	color: #FF9900;

	font-size: 0.85em;

	text-transform:uppercase;

}



.caract-producto li{

	padding: .2em;

	font-size: .7em;

	line-height: 1.2em;

}



.caract-producto li strong{

	font-size:0.8em;

	color:#fc0;

	text-transform:uppercase;

}



.caract-producto li a.pdf{

	color:#FF9900;

	font-size:12px;

	font-weight:bold;

	letter-spacing:1px;

	text-decoration: none;

}



.caract-producto li a.pdf img{

	padding-right: 4px;

}





/*************************************************************************************************************************************/

/*Seccin de los Items de los accesorios*/

/*************************************************************************************************************************************/

.item_accesorio{

	margin-bottom:10px;

	color:#0000FF;

	clear:both;

	overflow:hidden;

	height: 100%;

	padding-bottom:5px;



}



.item_accesorio.first{

	margin-top:3em;

}



.item_accesorio h4{

	color:red;

	width:200px;

	font-size:14px;

	float:left;



}



.marcas-accesorios{

	float:left;

	width:400px;

}



.marcas-accesorios img{

/*	height:30px;*/

	border:none;

}



.marcas-accesorios ul li{ 

	float:left;

	display:inline;

	margin-right:5px;

}

/*************************************************************************************************************************************/

/*Seccin de los Items de los componenetes de BMX y TRIAL*/

/*************************************************************************************************************************************/

.items_comp_bmx_trial{

	border: 1px dotted #fff;

	background:url(../img/fondo8.gif);

	color:#fff;

	padding:0.5em;

	padding-top:50px;

	margin-bottom:50px;

	overflow:hidden;

	margin:1em auto 20px auto;

	width:100%;

}



.items_comp_bmx_trial h4{

	color:#fc0;

	font-style:italic;

	letter-spacing:0.15em;

	margin-bottom:10px;

}



	

	.img_comp{

		width:200px; 

		height:350px; 

		overflow:hidden; 

		overflow-y:scroll; 

		margin-bottom:100px; 

		float:left;

	}

	

	.img_comp li{

		margin-bottom:10px; 

		border-bottom:1px solid #ddd;

		font-size:11px;

	}

	

	.img_comp img{

		border:none;

		display:block;

	}

	

	.img_comp a{

		color:#fff;

		text-decoration:none;

	}	

	

	.img_comp a:hover{

		color:#000;

		background-color:#ddd;

	}

		

	.inf_prodcuto_BMX_TRIAL{

		float:right; 

		width:350px;

	}

	

	.inf_prodcuto_BMX_TRIAL p{

		font-size:0.8em;

		padding-bottom:10px;

	}

		

	.inf_prodcuto_BMX_TRIAL img{

		margin:auto;

		display:block;

	}



	.precio-comp-bmx-trial{

		color:#fc0;

		text-align:center;

		font-size:0.8em;

		font-weight:bold;

		font-style:italic;

		color:#fc0;

		letter-spacing:0.15em;

	}



	.precio-comp-bmx-trial strong{

		color:#fff;

		font-size:0.7em;

		display:block;

		margin-bottom:5px;

		margin-top:10px;

		text-transform:uppercase;

		letter-spacing:0;

		font-weight:bold;

	}

		

/***********************************************************************************/

	.invisible{ display:none;}

	.visible{ display:block;}





/***********************************************************************************/

/*	Estilos usados para la portada y la seccion de ofertas*/

/***********************************************************************************/

.registro_ofertas_simple{

	overflow:hidden; 

	margin-top:20px; 

	clear:both;

	border:1px dashed #ccc;

	padding: 0 10px 5px 20px;

	width: 93%;

}



.registro_ofertas_simple h3{

	color:#fc0;

	font-style:italic;

	letter-spacing:0.15em;

	margin-bottom:10px;

	font-size:15px;

	padding-top:5px;

}



.registro_ofertas_simple strong{

	font-weight: bold;

}



.contentCentered{

	text-align:center;

}



.registro_ofertas_simple .precio strong{

	padding-left: 30px;

	font-size:1em;

	font-weight:bold;

	font-style:italic;

	color:#fc0;

	letter-spacing:0.15em;

	margin-bottom:5px;

}





.registro_ofertas{

	overflow:hidden; 

	margin-top:20px; 

	clear:both;

}



.item_ofertas{

	width:48%; 

	height:280px; 

	float:left; 

	border:1px dashed #ccc;

	text-align:center;

	padding-left:5px;

}



.item_ofertas h4{	

	color:#fc0;

	font-style:italic;

	letter-spacing:0.15em;

	margin-bottom:10px;

	font-size:12px;

	padding-top:5px;

}



.item_ofertas p{	

	font-size:0.8em;

	text-align:left;

}



.item_ofertas ul {	

	list-style:disc;

	list-style-position:inside;

}



.item_ofertas ul li{	

	text-align:left;

	font-size:0.7em;

	color:#fff;

	list-style:disc;

}



.item_ofertas strong{	

	font-size:1em;

	font-weight:bold;

	font-style:italic;

	color:#fc0;

	letter-spacing:0.15em;

	margin-bottom:5px;

}



.item_ofertas p a {

	color: #fc0;

	font-weight:bold;

	text-decoration:underline;

}



.aviso{

	font-size:0.8em;

	font-weight:bold;

	font-style:italic;

	color:#fc0;

	letter-spacing:0.15em;

	margin-bottom:20px;

}



.Sale h4{color:#fc0;font-style:italic;letter-spacing:0.15em; margin-bottom:10px; font-size:12px; padding-top:5px;}

.Sale .imgSale, .Sale .dataSale{width:48%; float:left; padding-left:5px;}

.Sale .imgSale{ margin-left: 10px; margin-bottom: 5px;}

.Sale .imgSale .imgProductSale{ display:block; margin-bottom: 10px;}

.Sale .dataSale p{ font-size: 0.9em; color:#fff; margin-bottom: 10px;}

.Sale .dataSale p a{color: #fc0; font-weight:bold;text-decoration:underline;}

.Sale .dataSale p strong{font-weight: bold; color:#fc0;}



/***************************************************************************************

*** Estilos de los accesorios para los componentes de montaa

****************************************************************************************/

.item_comp_road{

	border: 1px solid #ddd;

	margin-bottom:10px;

	padding:5px;

	overflow:hidden;

}



.item_comp_road li{

	margin-bottom:5px;

	clear:both;

}



.item_comp_road strong{

	width:10em;

	font-weight:bold;

	display:block;

	float:left;

}



.item_comp_road li ul {

	float:left;

	margin-left:20px;

	margin-bottom:5px;

}



.item_comp_road li li{

	display:inline;

	margin-right:10px;

}



.item_comp_road li li a{text-decoration:none;cursor:pointer;color:#FFF;}
.item_comp_road li li a:hover{text-decoration:underline;color:#F60;}



/***************************************************************************************

*** Estilos de los avisos legales

****************************************************************************************/



.avisos_legales{

	margin-top:20px;

	height:500px;

	padding:10px;

}



.avisos_legales ul{

	list-style:disc;

	list-style-position:inside;

}



.avisos_legales ul li{

	letter-spacing:2px;

	padding-bottom:10px;

}





/***************************************************************************************

*** Estilos de otros enlaces

****************************************************************************************/



.otros_enlaces{

	margin-top:30px;

	height:600px;

}



.otros_enlaces a{

	color:#fff;

	text-decoration:none;

}



.otros_enlaces table{

	width:80%;

	border:0;

	border-collapse:collapse;

	margin:auto;

}



.otros_enlaces td{

	vertical-align:top;

	width:50%;

}



.otros_enlaces td h4{

	padding-bottom:20px;

	color:#fc0;

}



.otros_enlaces td li{

	padding-bottom:10px;

}