/* CSS Document */

*{ margin:0; padding:0; border:0; outline:0;}
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.bloque{ width:100%; float:left; clear:both;}

a{ text-decoration:none;}
a:hover{text-decoration:underline;}

body{
	background:#000000 url(../images/bg-body.gif) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	}

.globito-thumb{ 
	position:absolute; top:-142px; left:-27px; z-index:9999; 
	padding:4px 0; text-align:center;
	width:179px; float:left; height:115px; display:none;
	background:url(../images/globito-fotos.png) no-repeat;
}

.globito-thumb{ 
	 _top:-126px; _left:0px; _background:#fff;
	_width:150px; float:left; _height:94px; _border:2px solid #000;
}

.globito-thumb img{ height:90px;}


h1 {display:none;}
h2 {
	background:url(../images/bg-h2.gif) left no-repeat;
	font-size:24px; font-style:italic; font-weight:bold;
	color:#DE710D; padding-left:32px; margin:20px 0; width:500px;
	}
h3 {
	background:url(../images/bg-h3.gif) left no-repeat;
	font-size:20px; font-style:italic; font-weight:bold;
	color:#333333; padding-left:23px; margin:8px 0;
	}
h4 {
	background:url(../images/bg-h4.gif) left no-repeat;
	font-size:20px; font-style:italic; font-weight:bold;
	color:#333333; padding-left:23px; margin:8px 0;
	}
.sin-borde {border:none !important;}


/* MAQUETADO */
#contenedor {
	width:960px;
	margin:0 auto;
	}
	
.intro #contenedor {
	width:870px;
	margin:0 auto;
}
#footer-intro{
	text-align:center;
		width:800px; word-spacing:2px;
	color:#ccc;display:inline;
	margin:0 35px;
	padding:10px 0;
	border-top:1px solid #b01c1c; font-size:11px; 
}
#footer-intro a{ color:#ccc;}

a.saltar{
	float:right; display:inline;  position:relative; z-index:999;
	background:url(../images/saltar_intro.jpg) no-repeat center; margin-right:35px;
	width:120px; height:35px; text-indent:-9999px;
}
a.saltar:hover{	background:url(../images/saltar_intro_over.jpg) no-repeat center;}

	
#bg-blanco {
	background:#FFFFFF;
	padding:5px 5px 0 5px;
	}
#bg-gris {
	background:#FFFFFF url(../images/bg-gris.gif) left repeat-y;
	position:relative;
	padding-bottom:77px;
	}
#col-left {
	widht:226px;
	}
#col-right {
	width:732px;
	background:#FFFFFF;
	border-left:#FFFFFF 2px solid;
	}
#contenido {
	width:732px;
	}

/* Include TOP */
#top {
	height:190px; padding-bottom:5px;
	}

/* Include MENU-PRODUCTOS */
#productos {
	background:#FFFFFF url(../images/bg-menu-principal.gif) repeat-x;
	font-size:13px; color:#FFFFFF;
	padding:12px 0 12px 26px; 
	height:14px; width:200px;
	border-bottom:#FFFFFF 2px solid;
	}
#menu-productos {
	width:226px;
	background:#E6E6E6;
	border-bottom:#FFFFFF 2px solid;
	padding-bottom:30px; position:relative; z-index:1;
	}
#menu-productos ul li{
	margin:0 15px;
	padding:2px 0;
	position:relative;
	border-bottom:#B2B2B2 2px solid;
	}
#menu-productos a {
	width:192px;
	padding:8px 2px;
	font-size:12px; color:#000000;
	display:block;
	}
#menu-productos a .rojo {
	color:#FF0000;
	}
#menu-productos a:hover .rojo {
	color:#FFFFFF;
	}
#menu-productos a:hover {
	background:#DE710D;
	color:#FFFFFF;
	text-decoration:none;
	}
	#menu-productos ul li ul {
		position: absolute; left:196px; top:2px;
		background:#DE710D;
		display:none;
		margin:0; padding:0
		}
	#menu-productos ul li ul li {
		border-bottom:none;
		margin:0; padding:0
		}
	#menu-productos ul li ul li a {
		width:130px; display:block;
		font-size:10px; padding:10px 0; margin:0 10px;
		color:#FFFFFF;
		border-top:#FFFFFF 1px solid;
		}
	#menu-productos ul li ul li a:hover {
		color:#000000 !important;
		background:none !important;
		}
	#menu-productos ul li:hover ul, #menu-productos ul li.over ul {
		display: block;} /* The magic */	
#buscador {
	width:226px; height:90px;
	background:#808080;
	border-bottom:#FFFFFF 2px solid;
	}
#buscador input {
	background:#FFFFFF;
	padding:3px;
	width:185px; height:11px;
	color:#000000;
	font-size:11px;
	margin-bottom:4px;
	}
#buscador .buscar {
	background:url(../images/btn-buscar.gif);
	width:92px; height:17px;
	cursor:pointer;
	}
#newsletter {
	width:226px; height:154px;
	}
#newsletter p {
	margin-left:18px;
	margin-right:18px;
	font-size:9px;
	}
#newsletter .enviar {
	background:url(../images/btn-enviar.gif);
	width:92px; height:17px;
	cursor:pointer;
	}
#newsletter input {
	background:#FFFFFF;
	padding:3px;
	width:185px; height:11px;
	color:#000000;
	font-size:11px;
	margin-top:4px; margin-bottom:4px;
	}
#buscador .form, 
#newsletter .form {
	margin-right:18px;
	text-align:right;
	}
	
/* Include MENU-PRINCIPAL*/
#menu-principal {
	background:url(../images/bg-menu-principal.gif) repeat-x;
	font-size:12px; color:#fff;
	height:38px; width:732px;
	border-bottom:#fff 2px solid;
	}
	#menu-principal a {
		float:left; display:inline;
		color:#fff;
		height:26px; padding:12px 22px 0 23px;
	}
	#menu-principal a.last{ padding-right:31px; _padding-right:28px; }	
	#menu-principal span{ float:left; display:inline; margin-top:12px;} 	
	
	#menu-principal a:hover { 
		background:url(../images/hover-menu-principal.gif) repeat-x; 
		text-decoration:none;
	}

#login {
	background:url(../images/bg-login.gif) repeat-x;
	font-size:10px; color:#fff;
	height:38px; width:680px;
	border-bottom:#FFFFFF 2px solid;
	padding:0 26px;
	}
#login form{ float:left; display:inline; margin-top:10px;vertical-align:bottom;}	
#login input {
	background:#fff;
	width:113px;
	color:#000; padding:2px;
	font-size:11px; 
	margin-right:8px;
	}
#login .ingresar, 
.boton .ingresar {
	background:url(../images/btn-ingresar.gif);
	width:76px; height:17px;
	cursor:pointer;
	}
#login .registrarse, 
.boton .registrarse, 
#registro .registrarse {
	background:url(../images/btn-registrarse.gif);
	width:92px; height:17px;
	cursor:pointer;
	}
	
#login div.right{ padding-top:13px; border-left:2px solid #fff; padding-left:40px; height:25px;}	
#login a { color:#fff;  }

#login .puntos {
	font-size:12px;
	margin-right:8px;
	}
	
#bienvenido {
font-size:12px;
font-weight:bold;
background:url(../images/bg-login.gif) repeat-x;
color:#FFFFFF;
height:18px; width:680px;
border-bottom:#FFFFFF 2px solid;
padding:10px 26px;
}
#bienvenido a {
width:110px;
background:url(../images/btn-generico.gif) center no-repeat;
color:#FFFFFF;
font-weight:bold;
display:block;
font-size:12px;
text-align:center;
height:18px;
}

/* Include FOOTER */
#footer {
	width:732px; height:57px; background:#fff;
	padding-top:20px;
	text-align:center; bottom:0px; right:0;
	position:absolute;
	}
#footer p {
	color:#333333;
	font-size:10px; padding:8px 0;
	border-top:#CCCCCC 2px solid;
	border-bottom:#CCCCCC 2px solid;
	}
#footer a {
	color:#333333;
	}

/* Pagina HOME */
#home-left {
	width:462px;
	padding-top:90px;
	background:#FFFFFF url(../images/bienvenidos.jpg) top no-repeat;
	border-right:#FFFFFF 2px solid;
	}
	#home-left .Invitacion {float:left; display:inline; margin-left:30px; color:#FFFFFF; width:420px; height:115px;}
	#home-left .Invitacion p {margin-bottom:11px; font-size:12px; letter-spacing:1px;}
	#home-left .Invitacion b {color:#FF9900;}
	#home-left .Invitacion a {color:#FFFFFF; display:inline}
#home-left a {
width:152px; height:120px;
display:block;
}
#home-left .bicicletas {
background:url(../images/bicicletas-a.jpg) center top no-repeat;
}
#home-left .bicicletas:hover {
background:url(../images/bicicletas-a.jpg) center -117px no-repeat;
}
/*#home-left .accesorios {
background:url(../images/accesorios-a.jpg) center top no-repeat;
}
#home-left .accesorios:hover {
background:url(../images/accesorios-a.jpg) center -117px no-repeat;
}*/
#home-left .escaladores {
background:url(../images/escaladores-a.jpg) center top no-repeat;
}
#home-left .escaladores:hover {
background:url(../images/escaladores-a.jpg) center -117px no-repeat;
}
#home-left .cintas {
background:url(../images/cintas-a.jpg) center top no-repeat;
}
#home-left .cintas:hover {
background:url(../images/cintas-a.jpg) center -117px no-repeat;
}
#home-left .elipticos {
background:url(../images/elipticos-a.jpg) center top no-repeat;
}
#home-left .elipticos:hover {
background:url(../images/elipticos-a.jpg) center -117px no-repeat;
}
#home-left .plataformas {
background:url(../images/plataformas-o.jpg) center top no-repeat;
}
#home-left .plataformas:hover {
background:url(../images/plataformas-o.jpg) center -117px no-repeat;
}
/*#home-left .escaladores {
background:url(../images/escaladores-a.jpg) center top no-repeat;
}
#home-left .escaladores:hover {
background:url(../images/escaladores-a.jpg) center -117px no-repeat;
}*/
#home-left .multigimnasio {
background:url(../images/multigimnasio-a.jpg) center top no-repeat;
}
#home-left .multigimnasio:hover {
background:url(../images/multigimnasio-a.jpg) center -117px no-repeat;
}
#home-left .juguetes {
background:url(../images/juguetes-a.jpg) center top no-repeat;
}
#home-left .juguetes:hover {
background:url(../images/juguetes-a.jpg) center -117px no-repeat;
}
#home-left .jardin {
background:url(../images/jardin.jpg) center top no-repeat;
}
#home-left .jardin:hover {
background:url(../images/jardin.jpg) center -117px no-repeat;
}
#home-left .camping {
background:url(../images/camping.jpg) center top no-repeat;
}
#home-left .camping:hover {
background:url(../images/camping.jpg) center -117px no-repeat;
}
#home-right {
	width:266px; padding-bottom:20px;
	border-left:#CCCCCC 2px solid;
	}
#home-right h2 {width:200px;}
.mas-pedidos {
	width:216px; height:280px; overflow:hidden;
	margin-left:28px;
	margin-bottom:11px;
	}
.mas-pedidos .fotos {
	width:212px; height:212px;
	border:#B1B3B4 2px solid;
	margin-bottom:5px;
	text-align:center;
	}
.mas-pedidos .naranja {
	color:#DE710D;
	font-size:12px;
	font-weight:bold;
	}
.mas-pedidos a {
	margin-top:3px;
	color:#333333;
	font-size:11px;
	}
#ver-video {
margin-left:30px;
font-size:10px;
}
#ver-video .naranja {color:#DE710D; font-weight:bold;}
.ver-video {
background:url(../images/ver-video.jpg) top left no-repeat;
padding:10px 0 0 70px;
height:70px;color:#333333;
}
.ver-video i { font-size:9px;}
	
/* Paginas Empresa - Avisos Legales */
#empresa p, #legales p{
	font-size:12px;
	color:#333333;
	margin:0 30px 12px;
	text-align:justify;
	}
#legales a {
	font-style:italic;
	font-weight:bold;
	color:#DE710D;
	}

/* Galeria */
#galeria a {
padding:3px; border:#FFFFFF 2px solid;
width:150px; height:100px;
float:left; display:inline;
margin:0 0 19px 19px;}
#galeria a:hover {border:#DE710D 2px solid;}
#galeria img { width:150px; height:100px;}
	
/* Pagina Novedades */
.lista-nov {
	margin:0 30px 30px;
	width:672px;
	}
.lista-nov .texto {
	width:530px;
	}
.lista-nov .foto {
	width:124px; height:124px;
	border:#DE710D 4px solid;
	}
.lista-nov .foto table{ height:124px; width:124px; }
.lista-nov .foto table tr td{ text-align:center; vertical-align:middle;}

.lista-nov .titulo {
	color:#DE710D; font-size:16px; font-weight:bold;
	}
.lista-nov .fecha {
	color:#DE710D; font-size:14px; margin-bottom:7px;
	}
.lista-nov p {
	color:#333333;
	font-size:12px;
	text-align:justify;
	}
.lista-nov a {
	color:#DE710D;
	font-size:12px;
	font-style:italic;
	}
.mensaje-nov {
	text-align:center; font-weight:bold;
	font-size:14px; color:#333333;
	padding:200px 0;
	}

/* Pagina Area Privada */
.box {
	border-top:#CCCCCC 2px solid;
	border-bottom:#CCCCCC 2px solid;
	margin:30px 30px;
	width:672px;
	color:#333333;
	font-size:12px;
	}
.box .titulo {
	font-size:16px; font-style:italic;
	font-weight:bold;
	background:#FFFFFF;
	padding-right:4px;
	color:#DE710D;
	margin-top:-12px; position:relative;
	}
.box .boton {
	background:#FFFFFF;
	padding-left:4px;
	margin-bottom:-10px; right:0px; position:relative;
	}
.box p {
	font-size:12px;
	color:#333333;
	margin:24px 0;
	}
.box a {
	font-style:italic;
	font-weight:bold;
	color:#DE710D;
	}
.box .formulario {
	text-align:center;
	margin:30px 0;
	}
.box .formulario input {
	width:188px; height:12px;
	background:#CCCCCC;
	color:#333; font-size:11px;
	padding:3px;
	}
.box .formulario .espacio {
	margin-right:80px;
	}
.box .formulario p {
	text-align:left;
	margin-bottom:12px;
	}

/* Pagina Contacto */
.box2 {
	border-bottom:#CCCCCC 2px solid;
	margin:0 30px 30px;
	padding-bottom:20px;
	width:672px;
	color:#333333;
	font-size:12px;
	}
.box2 .titulo {
	color:#DE710D; font-size:16px;
	font-weight:bold; font-style:italic;
	}
.box2 a {
	color:#333333;
	font-size:12px;
	}
#contacto {
	width:732px;
	text-align:left;
	color:#333333;
	font-size:12px;
	margin-top:30px;
	}
	#contacto p {
	width:400px;
	margin:0 auto;
	}
	#contacto textarea {
	height:250px !important;
	overflow:hidden;
	}
	#contacto input, #contacto textarea, #contacto select {
	width:350px; 
		height:12px;padding:3px; margin-bottom:10px;
		background:#CCCCCC;
		color:#333; font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		}
		#contacto select {width:155px; padding:0; height:15px; .height:20px;}
	#contacto .enviar, .box .enviar {
		background:url(../images/btn-enviar.gif);
		width:92px; height:17px;
		cursor:pointer;
		margin-left:420px;
		margin-top:15px;
		}
	
	/*
	#contacto #izq {width:400px; margin-left:30px;}
	#contacto .direccion {width:394px;}
	#contacto #der {width:240px; margin-right:30px;}
	#contacto input, #contacto textarea {
		height:12px;padding:3px; margin-bottom:10px;
		background:#CCCCCC;
		color:#333; font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		}
	#contacto textarea {width:240px; height:98px; overflow:hidden;}
	#contacto .normal {width:182px;}
	#contacto #izq #izq2, #contacto #izq #der2 {width:188px;}
	#contacto .tel {width:107px;}
	#contacto #izq #der2 #izq3 {width:113px;}
	#contacto .int {width:59px;}
	#contacto #izq #der2 #der3 {width:65px;}
	#contacto #botones {margin-top:15px; height:17px;}
	*/

	/*
	#contacto .limpiar {
		background:url(../images/btn-limpiar.gif);
		width:92px; height:17px;
		cursor:pointer;
		}
	*/
#mensaje {
	padding:150px 0;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	}
#mensaje p {margin-bottom:12px;}
#mensaje a {color:#FF0000;}

/* Pagina Productos */
.lista-prod {
	width:132px;
	margin-left:30px; height:200px;
	}
.lista-prod .foto a {
	width:124px; height:124px;
	border:#AAAAAA 4px solid;
	margin-bottom:5px; display:block;
	}
.lista-prod .foto a:hover {
	border:#DE710D 4px solid;
	}
.lista-prod .titulo {
	color:#DE710D; font-size:11px; font-weight:bold;
	}
.lista-prod p {
	color:#333333;
	font-size:9px;
	}
.lista-prod a {
	color:#AAAAAA;
	font-size:9px;
	font-style:italic;
	}
.mensaje-prod {
	text-align:center; font-weight:bold;
	font-size:14px; color:#333333;
	padding:200px 0;
	}
	
/* Pagina Detalle */
#detalle-foto {
	width:330px;
	margin-left:30px;
	}
#detalle {
	margin-top:20px;
	width:306px;
	margin-right:30px;
	background:url(../images/bg-detalle.gif) 0px 40px no-repeat;
	padding-left:20px;
	}
#detalle .titulo {
	color:#DE710D; font-size:16px; font-weight:bold;
	text-align:left;
	}
#detalle p {
	color:#333333;
	font-size:11px;
	text-align:justify;
	margin:40px 0;
	}
#detalle a {
/*	margin-left:120px;*/
	}

/* Pagina Busqueda */
#cantidad {
	width:672px;
	padding:0 30px 15px;
	font-size:14px;
	color:#DE710D;
	border-bottom:#DE710D 2px solid;
	}
.resultado {
	margin:20px 30px 0;
	width:672px;
	}
.resultado a {
	color:#DE710D;
	font-size:16px;
	font-weight:bold;
	}
.resultado p {
	color:#333333;
	font-size:11px;
	text-align:justify;
	}

/* PAGINADOR */
#paginador {
	text-align:center;
	color:#DE710D;
	font-size:11px;
	padding-top:50px;
	}
#paginador a {
	color:#333333;
	}
#paginador a:hover {
	color:#999999;
	text-decoration:none;
	}

/*Pagina Registro */
.justify {
	text-align:justify;
	color:#333333;
	font-size:12px;
	margin:0 30px;
	}
#registro {
	width:320px;
	margin:20px auto;
	text-align:right;
	color:#333333;
	font-size:12px;
	}
#registro p {
	margin-bottom:15px;
	}
#registro input {
	width:188px; height:12px;
	background:#CCCCCC;
	color:#333; font-size:11px;
	padding:3px; margin-left:6px;
	}
#registro .enviar {
	background:url(../images/btn-enviar.gif);
	width:92px; height:1px; padding-top:16px;
	cursor:pointer;
	}
#registro .pequenio {
	font-size:9px; font-style:italic;
	}
	
/*********************************************** DESCARGAS ******************************************/
.Aclaracion {margin:0 0 30px 30px; font-size:12px; color:#333333;}
.Descarga {background:url(../images/pdf.jpg) left 2px no-repeat;
padding-left:40px; width:250px; height:100px; margin:0 0 20px 30px; float:left; display:inline;}
.Descarga h6 {font-size:14px; color:#DE710D; padding-bottom:4px; padding-left:4px;}
.Descarga p {font-size:11px; color:#333333; padding-bottom:4px; padding-left:4px;}
.Descarga a {color:#999999; font-style:italic; text-decoration:underline; padding-left:4px;}