@charset "UTF-8";
/* CSS Document */



/*  PRINCIPALES*/

	p  {
		font: 0.65em Verdana, Arial, Helvetica, sans-serif;
		color: #CCC;	
		line-height: 150%;  padding:0 0 5px; margin:0;
		
	}
	hr	{
		display:none;
	}
	h1  {
		font:20px  Geneva, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666; 
		
	}
	
	h2  {
		font: 25px "Courier New", Courier, monospace;
		text-align : left;
		color: #fff;
		
		
	}
	h3  {
		font:14px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #fff;
		
	}
	h4  {
		font:bold 15px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #fff;
		
	}
	h5  {
		font: 13px Verdana, Arial, Helvetica, sans-serif;
		text-align : left; font-style:normal;
		color : #fff;
		
	}
	h6  {
		font:bold  8px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #999;
	}
	td  {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-align : center;
		color : #586885;
		
	}

	 
	 
	 .roja{
	 font:14px Arial, Helvetica, sans-serif; color: #d9071c;
		
	}
	 .roja a{
	 font:14px Arial, Helvetica, sans-serif; color: #d9071c;
		
	}
	 .roja a:hover{
	 font:14px Arial, Helvetica, sans-serif; color: #990000;
		
	}
	
	.roja2{
	 font:10px Arial, Helvetica, sans-serif; color: #d9071c;
		
	}
	.roja2 a{
	 color: #d9071c; text-decoration:underline;
		
	}
	 .roja2 a:hover{
	color: #990000;
		
	}
	
	.roja_grande{
	 font:18px Arial, Helvetica, sans-serif; color: #d9071c;
		
	}
		
	
	a:link {
		text-decoration: none;
		
	}
	a:visited {
		text-decoration: none;
		
	}
	a:hover {
		text-decoration: none;
		
	}
	a:active {
		text-decoration: none;
		
	}
	
	img { border: none;
		
	}
	
	
	
	/* =CLASSES 
--------------------------------------------------------------------------------------------------------------- */
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.justify{text-align:justify;}

.floatright{float:right;}
.floatleft{float:left;}
.nofloat{float:none;}

.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}
.clearbothSmall{clear:both; font-size:0.4em;}
.noclear{clear:none;}

.hidden{display:none;}

.reducir{font-size:0.9em;}
.reducirMas{font-size:0.8em;}
.reducirMuchoMas{font-size:0.7em;}
.resaltar{color:#53a3e9;}


.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
* html .clearfix {
height:1px;
}








BODY  {background: url(images/bg_body_02.gif) repeat-y  #CCCCCC center  ; margin:0; padding:0; border:0; 
		text-align : left;
		line-height: 10px; 
	}
	
	
#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 75px;
background: #000 url('images/bg2.jpg') no-repeat center top;
z-index: 2;
border-bottom: solid 2px #d9071c;

}


	
	
/*fromularios
___________________________________________________________________________________________________________________________________*/
		
		
form{margin:10px 0 15px 5px; padding:0;}
fieldset{border:0; margin:10px; padding:0;}


select{margin:2px 15px 2px 0; padding:4px 3px; width:50px; border:1px solid #d9071c;background:#f3f3f3; font:1em Arial, Helvetica, sans-serif; color: #999999;}
input,textarea{margin:2px 15px 2px 0; padding:4px 3px; width:50px ; font:1em Arial, Helvetica, sans-serif; color: #999999;  border:1px solid #CCCCCC;}


select{width:150px;}
select.largo{width:170px;}
textarea{overflow:auto; height:95px;}
input.corto{width: 75px;}
input.medio{width:50px;}
input.largo,textarea{width:350px;}
input.img, input.radio, input.checkbox, input.btn, input.bigbtn, input.bigbtnneg{border:0; padding:10px 0 10px 10px; width:auto;}
input.radio{margin:0 5px 0 0; vertical-align:middle;}
input.btn, input.bigbtn, input.bigbtnneg{width:88px; padding:5px 0; background:url(images/bg_boton_01.gif) no-repeat; color:#fff; font-weight:bold;}
input.bigbtn{width:50px; background:url(images/bg_boton_01.gif) no-repeat;}
input.bigbtnneg{width:50px; background:url(img/botones/btn_input_botonbigneg.gif) no-repeat;}
	
	
.boton_formu{background:url(images/bg_boton_01.gif) no-repeat; color:#fff; width:75px; height:25px;}

	
/*BOTONES
___________________________________________________________________________________________________________________________________*/
		


	
	.boton{margin:25px 25px 0 0; padding-top:3px;; background:url(images/bg_boton_01.gif) no-repeat; color:#000; width:75px; height:25px; float:right;text-align: center;}
	.boton a{ font: 12px Arial, Helvetica, sans-serif ; color: #000; text-align: center;} 
	.boton a:hover{color: #FFF}
	
	
	.boton_left{margin:0 10px 0 0; padding-top:3px;  background:url(images/bg_boton_01.gif) no-repeat; color:#000; width:75px; height:25px; float:left; text-align: center;}
	.boton_left a{ font: 12px Arial, Helvetica, sans-serif ; color: #000; } 
	.boton_left a:hover{color: #FFF}



/* =TABLAS
___________________________________________________________________________________________________________________________________*/
		


table.tabla_carretera{margin:0 15px 10px 0; border-collapse:collapse; table-layout:fixed; border:1px solid #d9071c; float:right;} 
th.titular1{width:auto; background:#eff1f2; color: #d9071c; border:1px solid #666666; font: 12px Arial, Helvetica, sans-serif; text-align:center; }


table.tabla_monte{margin:0 15px 10px 0; border-collapse:collapse; table-layout:fixed; border:1px solid #d9071c; float:right;} 
th.titular2{width:auto; background:#eff1f2; color: #20b10d; border:1px solid #666666; font: 12px Arial, Helvetica, sans-serif; text-align:center; }

table.tabla_grupos{margin:0 15px 10px 0; border-collapse:collapse; table-layout:fixed; border:1px solid #d9071c; float:left;} 
th.titular3{width:auto; background:#eff1f2; color: #d9071c; border:1px solid #666666; font: 12px Arial, Helvetica, sans-serif; text-align:center; }
table.tabla_grupos th{width:auto; padding:0 10px 0 10px; background:#e0e2e3; color: #666666; border:1px solid #666666; font: 12px Arial, Helvetica, sans-serif; text-align:center; }


th{width:auto;  background:#e0e2e3; color: #666666; border:1px solid #666666; font: 12px Arial, Helvetica, sans-serif; text-align:center; }
td{border:1px solid #e0e2e3; text-align:center;}
td.s{width:96px;}
td.m{width:133px;}


		
		





	
/*CONTAINER
___________________________________________________________________________________________________________________________________*/
		
	
	
	
	#CONTAINER	{
		background:/*url(images/bg_principal.gif) no-repeat 0 300px*/ #000;
		margin: 0 auto; padding:0 0;
		width:982px;
		height:auto;
		z-index: 3;
		position: relative;
		border-left:solid 5px #333;	
		border-right:solid 5px #333;
		}
	
	
	
	
	
	
	
/*cabecera
___________________________________________________________________________________________________________________________________*/
		
	 

	.header{margin:0;width:980px; padding:0; height:75px; background:url('images/bg_menu_general.png') repeat #000 ; position:relative; 
	border-left:solid 1px #333;	
		border-right:solid 1px #333; border-bottom:solid 1px #d9071c;}
	.logo{float:left; margin:0; padding:0;
	overflow: visible; position:absolute;
		z-index:105;}
	.logo h1{margin:0 15px 0 15px; padding:0 5px; float:left; display:inline; width:275px; height:75px; border:none;}
	.logo h1 a{display:block;margin:0;}
	/*.logo h1 a:hover{opacity:.8; }*/
	.direccion{float:left; margin:0 10px 0 0; padding:10px 15px 10px 15px; background: #000;width:950px;
	overflow: visible; position:absolute;
		z-index:100;}
	.direccion p{ display:block; color:#FFF; margin:0; padding:0; text-align:left;font:10px Verdana, Arial, Helvetica, sans-serif;}
	.direccion a{ display:block;  color: #FFF;}
	.direccion a:hover{ text-decoration:none; color:#FFF ;}
	
	

	
	
	
/*menu horizontal
___________________________________________________________________________________________________________________________________*/
		
	
	.menu{
		width:982px;
		height: 24px;
		background: url(images/bg_menu_horizontal.gif) repeat-x bottom #504f4f;
		float:left;
		clear:both;
		margin:0;
		padding:0;
		
		

	}
	.menu ul	{
		color:#FFFFFF;
		list-style:none;
		margin:0; text-align:center;border-left:solid 1px #fa6c50;	
		border-right:solid 1px #700404;
	}
		
	.menu li {
	margin:0;
	padding:5px 0 5px 0;
	float:left;
}
	
	
	.menu li a{
		font: 0.7em Arial, Helvetica, sans-serif bold; letter-spacing:0.5px;
		padding:5px 10px 5px 10px;
		border-left:solid 1px #fa6c50;	
		border-right:solid 1px #700404;
		color:#FFF;
	
}
	
	
	.menu li a:hover{
		color: #CCC; }
	
	
	
/*menu general
___________________________________________________________________________________________________________________________________*/
		
	
	.menu_general{
	
		
		width:978px;
		height:25px;
		background: url('images/bg_menu_general.png') repeat transparent; /*opacity:.9;*/
		margin:20px 0;
		float:left;
		padding:5px 0 5px 0;
		overflow: visible; position:absolute;
		z-index:101;
		
		

	}
	.menu_general ul	{
		color: #EF0000;
		list-style:none;
		margin:0 15px 0 15px; padding:0 ; 
		}
		
		.menu_general b	{
		font-size:14px;
		}
		
		
		
	.menu_general li {
	margin:0;
	padding:7px 0 5px 0;
	float:right;
}
	
	
	.menu_general li a{
		font: 12px Arial, Helvetica, sans-serif bold;
		padding:5px 15px 5px 5px;
		color:#CCC;
	
}

.menu_general li a b{
		color: #FFF;
	
}
	
	
	.menu_general li a:hover {
		color: #FFFFFF;
	
}
	
	.menu_general li b:hover{
		color: #CC0000;
	
}
	
	

	
	
/*menu idiomas
___________________________________________________________________________________________________________________________________*/
		
	
	#menu_idiomas{
	
		
		width:255px;
		height:15px;
		background: /*url('images/bg_menu_general.png') repeat*/ transparent; /*opacity:.9;*/
		margin:3px 0 0 700px;
		float:right;
		padding:0 0 5px 0;
		overflow: visible; position:absolute;
		z-index:105;
		
		

	}
	#menu_idiomas ul	{
		color: #EF0000;
		list-style:none;
		margin:0; padding:0; 
		}
		
	
		
		
	#menu_idiomas li {
	margin:0;
	padding:0;
	float:right;
}
	
	
	#menu_idiomas li a{
		font: 10px Arial, Helvetica, sans-serif bold; text-transform: capitalize;
		padding:0 5px 0 5px;
		color:#999;
	
}

	
	
	#menu_idiomas li a:hover {
		color: #FFFFFF;
	
}
	
	
	


	
	
	
	
	
		
/*IZQUIERDA
___________________________________________________________________________________________________________________________________*/
		
	
	
.izquierda{
		width:200px;
		height:auto;
		background: /*url(images/bg_menu_vertical.gif) no-repeat bottom*/ #000;
		margin:0;
		float:left;
		padding:115px 0 0 0;
		border-bottom:thin #333 dotted;
		
	}
	
	
.menu1 {
	width: 200px;
	margin: 0 0 0 0;

	}
	
.menu1 ul {
	list-style: none;
	margin: 0;
	padding: 0;

	}
	
.menu1 li a {
  	height: 23px;
	text-decoration: none;
	padding: 6px 0 0 15px;

	}	
	
.menu1 li a:link, .menu1 li a:visited {
	display: block;
	font: 12px  Arial, Helvetica, sans-serif; color:#ccc;
	background:  url(images/bg_menu_vertical_over_negro.gif);
	padding: 6px 0 0 15px;
	border-top:thin #333 dotted;

	}
	
.menu1 li a:hover {
	color: #fff;
	background:  url(images/bg_menu_vertical_over_negro.gif) 0 -30px;
	padding: 6px 0 0 15px;
	}	






/*DERECHA
___________________________________________________________________________________________________________________________________*/
		
	
	
	
	.derecha{
		width:220px;
		height:auto;
		margin:0 5px;
		float:right;
		padding:50px 10px 15px 10px;;
	}
	
		.derecha img{ float:left; margin: 5px 15px 15px 0;
	}
	
	
	
	
	
	/*Principal sin laterales*/
	
	.principal_sin{width:930px;height:auto;margin:0 auto 0 auto; padding:15px 25px 0px 25px;float:left;}
	
	.principal_sin h1{  color:#d9071c;font-weight:normal; font:14px Arial, Helvetica, sans-serif ; padding:5px 0 5px}	

	.principal_sin img{ float: none;   margin: 0 0 10px 0; padding:0}
	
	
	
	
/*PRINCIPAL ABAJO HOME VIDEOS... ____________________________________________________________________________*/	
	
	
	#abajo{width:930px;height:auto;float:left; margin:25px 0 25px 0; text-align:center}
	
	
	
	
	.abajo_bloque{width:305px; min-height:360px;  padding:5px 0; background:url('images/abajo_top.jpg') top no-repeat #333; text-align:center}
			
	.abajo_bloque img{ float: none;   margin: 0 ; padding:0}
	.abajo_bloque  :hover img{ color: #d9071c; /*border:solid 2px #FFF*/}
			
	.abajo_bloque  a{ font:10px Arial, Helvetica, sans-serif; color: #999; margin:0; padding:0}
	
	.abajo_bloque  a:hover{ color: #d9071c;}
	
	.abajo_bloque p{text-align:left; padding:10px 15px 0 15px; color:#999999}
	
	
	.centrado{margin:0 auto 0 8px; float:left;}
	.centrado_solo{margin:0 auto 0 auto; float:left;}
	
	.abajo_bt{width:25px; height:25px; float:right; margin:10px;}
	.abajo_bt :hover img{border: none; padding:0 0 0 5px} 

	
	
	
	
	#video{width:930px;height:auto;float:left; margin:25px 0 25px 0; text-align:center; padding:20px 0 15px 0; background:url('images/bg_video.gif') repeat-y #333;}
	





	
	
	/*CARRETERA - MTB - COMPLEMENTOS - CARRETERA - MTB - COMPLEMENTOS - CARRETERA - MTB - COMPLEMENTOS 
___________________________________________________________________________________________________________________________________*/
		
	
	
	/*apartado CARRETERA - MTB - COMPLEMENTOS*/
	 
	 
	.apartado{margin:0; padding:0; width:982px;  height:75px; background:url(images/bg_apartado_negro.gif)  top; float:left; border-top:solid 1px #d9071c;border-bottom:solid 1px #d9071c}
	.apartado h1{margin:25px 0 0 15px; float:left; display:inline;  border:none ; font: 18px  Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}	
	
	
	
	/*principal CARRETERA - MTB - COMPLEMENTOS*/
	
	
	.principal{width:715px;height:auto;margin:0 0px 0px 35px; padding:15px 0 15px;float:left;}
	
	.principal h1{color:#d9071c;font-weight: bold;  padding:5px 0 5px}	

	.principal img{ float: none;  border-style:solid; border-width:2px; border-color: #EEE; margin: 0;}
	
	#imagenes_container {width:750px;height:auto;margin:0 0 10px; padding:0;float:left;}

	.imagen {width:450px;height:auto;margin:0 25px 25px 0; padding:0;float:left;}
	
	.imagen img{ float: left;  border-style:solid; border-width:0px; border-color: #333; margin: 0 0 5px; width:450px}
	
	.imagen_colores {width:250px;height:auto;margin:0; padding:0 0 0 20px;float:left; border-left: solid 1px #666}
	
	.imagen_colores img{ float: left;  border-style:solid; border-width:0px; border-color: #333; margin: 0 10px 10px 0; width:100px}
	
	
	.complementos_container {width:680px;height:auto;margin:0 0 40px; padding:0 20px 30px 20px;float:left; border-bottom: dotted 2px #666; }
	
	.complementos_container h3{font-size: 1.15em; border-bottom:solid 0px #666;}

	.complemento {width:670px;height:auto;margin:0 25px 15px 0; padding:0;float:left;}
	
	.complemento img{ float: left;  border-style:solid; border-width:0px; border-color: #333; margin: 5px 0; width:670px}
	
	.complemento_descripcion {width:670px;height:auto;margin:0; padding:0 20px 0 0;float:left;}
		
	.complemento_descripcion img{ float: left;  border-style:solid; border-width:0px; border-color: #333; margin: 0 10px 10px 0; width:100px}
	
	
	
	.noborder img{border:none;}

	
	
	.monte h1{color: #339900;}
	.monte	.imagen_colores { border-left: solid 1px #339900}

	.oferta h1{color: #FF6600;}
	.oferta	.imagen_colores { border-left: solid 1px #FF6600}
	
	
	
	
	
	
	 /*PRINCIPAL PARA CUANDO NO HAY MENU A LA IZQUIERDA
___________________________________________________________________________________________________________________________________*/
		
		
		
	
	.principalizda{width:700px; height:auto; min-height:420px; margin:25px 0 35px 15px; padding:10px 0px 5px 0px; float:left;}
	
	.principalizda h1 {color:#d9071c;font-weight: bold;  padding:5px 0 5px}	

	.principalizda img{ float: left;  border-style:solid; border-width:1px; border-color: #333; margin: 0 15px 15px 0;}
	
	
	.principalizda_monte{width:700px; height:auto; margin:25px 0 0 15px; padding:10px 0px 5px 0px; float:left;}
	
	.principalizda_monte h1{  border-left:solid 3px #000000 ; color:#20b10d;font-weight:normal; font:14px Arial, Helvetica, sans-serif ; padding:5px 0 5px; margin:0 0 25px}	

	.principalizda_monte img{ float: left;  border-style:solid; border-width:1px; border-color: #20b10d; margin: 0 15px 0 0;}
	
	
	
	
	
	
	
		
	 /*GARANTIA
___________________________________________________________________________________________________________________________________*/
		
		
		
	
	#principal_garantia{width:450px; height:auto; min-height:420px; margin:25px 0 35px 15px; padding:10px 0px 5px 0px; float:left;}
	
	#principal_garantia h1 {color:#d9071c;font-weight: bold;  padding:5px 0 5px}	

	#principal_garantia img{ float: left;  border-style:solid; border-width:1px; border-color: #d9071c; margin: 0 15px 0 0;}
	
	
	#principal_garantia ul	{
		font: 0.65em Verdana, Arial, Helvetica, sans-serif;
		color: #CCC;	
		line-height: 150%;   list-style:none;
		}
		
	
		
		
	#principal_garantia li {
	padding:5px 0 10px 0;
}

	#principal_garantia a	{
		color: #CC0000;	
		}
		
		#principal_garantia a:hover	{
		color: #CCC;	
		}
	
	
	
	#formulario_garantia{width:400px; height:auto; min-height:420px; margin:25px 0 35px 75px; padding:10px 0px 5px 15px; float:left; border-left:solid 1px #CCCCCC; background-color:#333;}

	
	
	#abajo_garantia{width:915px;height:auto;margin:5px 0 35px 15px; padding:10px 15px 5px 15px; float:left;border-top:solid 1px #CCCCCC; background-color:#333;}

	
	
	 /*NOTICIAS
___________________________________________________________________________________________________________________________________*/
		
	 
	 
	
	.noticia{
		width:95%;
		height:auto; min-height:30px;
		margin:0 0 25px 0;
		padding:0 0 55px 0;
		border-bottom:1px dotted #999999; float:none; 
	}
	
	.noticia img{float:left;
	border:none;
		margin:0 10px 0 0;
	}
	
	.noticia  h6{
		font:bold  12px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #d9071c;
		margin:0;
		padding:0;}
	
		
		
		
	
	
	
	
		 /*PIE
___________________________________________________________________________________________________________________________________*/
		
#downbg
{z-index: 1;
width: 100%;
border-top: solid 2px #d9071c;
height:auto; background:/*url('images/bg1.jpg') no-repeat center top*/ #666; color: #000000; margin:0 0; padding:0 0 25px; clear:both;
}
	
	.footer{
	
	position:relative; margin:0 auto;
		background: #333 /*url(images/bg_pie.gif) no-repeat */;
		padding:30px 20px 25px 20px; 
		width:943px;
		height:auto;
		

	}
	.footer h6{
	text-align:left;
	color: #ccc;
	font: 11px  Arial, Helvetica, sans-serif; color:#ccc;
	margin:0;
	padding:5px;
	}	
	
	.footer h6 a{
	color:#717175;

	}
	
	
	
	.footer h6 a:hover{
	color: #FFF; text-decoration:none; }
	
	
	
	
	.columnafooter {
	width: 200px;
	margin: 0 35px 0 0;
	padding: 0;
	float:left;
	border-bottom:thin #ccc dotted;


	}
	
.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;

	}
	
.footer li a {
  	height: 23px;
	text-decoration: none;
	padding: 6px 0 0 0;

	}	
	
.footer li a:link, .footer li a:visited {
	display: block;
	font: 11px  Arial, Helvetica, sans-serif; color:#ccc;
	border-top:thin #ccc dotted;

	}
	
.footer li a:hover {
	color: #fff;
/*	background:  url(images/bg_menu_vertical_over.gif) 0 -30px;*/
	}