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

@font-face{
   font-family: "bauhausbold";
   src:url(../fuentes/bauhausbold.otf);
}

.invisible{
	display:none;	
}

.titulo{
	font-family: "bauhausbold";
	color:#FF6501;
	font-size:2em;
}

.tituloc{
	font-size:0.8em;
	font-weight:bold; 				
	width:150px;
	height:20px;
}

.botones{
	font-family: "bauhausbold";
	color:#FF6501;
	font-size:1.4em;	
}

.gris{
	background-color:#ECECEC;
}

.blanco{
	background-color:#FFF;
}

body{
	margin:0;
	padding:0;
	background-image:url(../images/barra.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#8D8D8D;
}

img{
	border:0;	
}

a{
	text-decoration:none;
	cursor:pointer;	
}

.centrado{
	width:100%;
	text-align:center;	
}

.limpia{
	clear:both;	
}

.naranja{
	color:#ff6501;
}

#paginahome{
	position:relative;
	top:0px;
	width:994px;
	height:750px;
	margin-left:auto;
	margin-right:auto;
}

	#usuario{
		position: absolute;
		top: 5px;
		right: 200px;
		width: 200px;
		height: 20px;
		color:#FFF;
		font-size: 0.7em;
	}

	#lacesta{
		position: absolute;
		top: 10px;
		right: 0px;
		width: 201px;
		height: 45px;
		color:#FFF;
		font-size: 0.8em;
		padding: 10px;
		background-image: url(../images/fondocesta.png);
		background-repeat: no-repeat;
	}

		#lacesta img{
			vertical-align: middle;
		}

		#lacesta a{
			color: #FFF;
		}
	#menu{
		position:absolute;
		top:20px;
		left:10px;
		width:740px;
		height:20px;
		color:#FFF;
		font-weight:bold;
	}

		#menu a{
			font-size:0.9em;
			margin-left:5px;
			margin-right:5px;	
			font-weight:bold;			
		}
		
		#menu .normal{
			color:#FFFFFF;		
		}
		
		#menu .marcado{
			color:#c75b13;
		}
		
	#logo{
		position:absolute;
		top:76px;
		left:35px;	
	}
	
	#vsoportes{
		position:absolute;
		top:220px;
		left:70px;
		width:172px;
		height:47px;
		background-image:url(../images/bot_soportes.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
	}
	
	#vsoportes:hover{
		background-position:0px -48px;		
	}
	
	#dcatalogo{
		position:absolute;
		top:220px;
		left:30px;
		width:279px;
		height:48px;
		background-image:url(../images/BOT_catalogo.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
	}	
	
	#dcatalogo:hover{
		background-position:0px -47px;		
	}	
		
	#bannerhome{
		position:absolute;
		top:71px;
		right:-100px;
		width:744px;
		height:434px;
		background-image:url(../images/banner/FONDO.png);
		background-repeat:no-repeat;	
	}
	
#bannerhome{
		width:640px;
		float: right;
	}
	
	
#bannercesta{
		position:absolute;
		top:71px;
		right:-100px;
		width:744px;
		height:434px;
		background-image:url(../images/banner/cesta.jpg);
		background-repeat:no-repeat;	
}

	#bannerquienes{
		position:absolute;
		top:82px;
		right:-50px;
		width:598px;
		height:432px;	
	}	

	#bannercontacto{
		position:absolute;
		top:82px;
		right:-100px;
		width:598px;
		height:432px;	
	}
	
	#contenido{
		position:absolute;
		top:321px;
		left:0px;
		width:1040px;
		height:400px;
		margin-bottom: 20px;
	}
	
		#facebook{
			margin-top:10px;
			margin-left:70px;
			margin-bottom:10px;
		}
		
		#como{
			width:100%px;
			height:auto;
			font-size:0.8em;	
		}
		#comuniones{
			width:fit-content;
			height:auto;
			margin: 30px 0;	
				
		}
		#comuniones img{
			width:100%;
			position:relative;
				
		}
		
		#linea{
			position:relative;
			top:0px;
			left:0px;
			width:1040px;
			height:108px;
			background-image:url(../images/pasos.jpg);
			background-repeat:no-repeat;	
		}
		
		#lineaquienes{
			position:relative;
			top:0px;
			left:0px;
			width:1040px;
			height:108px;
			background-image:url(../images/pasos2.jpg);
			background-repeat:no-repeat;	
		}	
		
		#lineasoportes{
			position:relative;
			top:0px;
			left:0px;
			width:1040px;
			height:146px;	
		}				
		
			.paso1{
				background-image:url(../images/paso1.jpg);
				background-repeat:no-repeat;	
			}	
			.paso2{
				background-image:url(../images/paso2.jpg);
				background-repeat:no-repeat;	
			}	
			.paso3{
				background-image:url(../images/paso3.jpg);
				background-repeat:no-repeat;	
			}											
		
		
		.pasos{
			position:relative;
			top:0px;
			left:0px;
			width:250px;
			height:70px;
			float:left;
			font-size:0.8em;
			margin-left:15px;	
		}
		
			.pasos a{
				color:#8D8D8D;
			}
		
			.segu{
				margin-left:128px;	
			}
			
			.terce{
				margin-left:110px;	
			}
			
			.dos{
				margin-left:340px;	
			}
			
		#mapa{
			position:relative;
			top:0px;
			left:125px;
			width:119px;
			height:44px;
			background-image:url(../images/bot_mapa.jpg);
			background-repeat:no-repeat;
			background-position:0px 0px;
		}
		
		#mapa:hover{
			background-position:0px -44px;
		}
		
		#pdf{
			position:relative;
			top:0px;
			left:0px;
			width:1040px;
			height:auto;
		}	
		
		#pdf img{
			margin-top:50px;	
		}
		
	.filasoporte{
		position:relative;
		margin-top:15px;
		left:0px;
		width:1040px;
		height:auto;
		padding-bottom:20px;
	}

	.filasubir{
		position:relative;
		margin-top:15px;
		left:0px;
		width:1040px;
		height:370px;
		padding-bottom:20px;
	}	
		
		.bordeinf{
			border-bottom:#f26201 1px solid;			
		}
		
		.izq{
			width:350px;
			height:auto;
			float:left;
		}
		
			.izq .nota{
				font-size:0.7em;
				margin-left: 70px;
			}
		
		.dch{
			position:relative;
			float:left;
			margin-left:100px;	
		}

			.dch .nota{
				font-size:0.7em;
			}		
		
		.bsiguiente{
			position:absolute;
			bottom:5px;
			right:76px;
			display: none;
		}

		#bacesta{
			position:absolute;
			bottom:5px;
			right:76px;
		}		
		
		
	#formulariosubir{
		position:relative;
		top:10px;
		left:0px;
		width:550px;
		height:112px;
		background-image:url(../images/subir_foto.jpg);
		background-repeat:no-repeat;	
	}
	
		#fsubir{
			position:absolute;
			top:12px;
			left:40px;	
		}
		
			#bsubir{
				position:absolute;
				top:51px;
				left:320px;	
			}	
			
	#fregistro{
		position:relative;
		top:10px;
		width:415px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		font-size:0.8em;	
	}
			
		.tdch{
			width:100px;
			font-weight:bold;
			text-align:right;
			display:block;
			float:left;	
		}
		
		.ca{
			background-image:url(../images/caja_texto.jpg);
			background-repeat:no-repeat;
			background-color:transparent;
			border:0;
			width:306px;
			height:109px;
			max-width:306px;
			max-height:109px;
			padding-left:3px;
			padding-top:7px;	
		}
		
		.ct{
			background-image:url(../images/campo.jpg);
			background-repeat:no-repeat;
			background-color:transparent;
			border:0;
			width:264px;
			height:29px;
			padding-left:3px;	
		}
/*		
			.dch input[type="radio"] {
				visibility: hidden;
				width: 0px;
				height: 0px;
				padding: 0px;
				margin: 0px;
			}
			
			.dch label {
				padding-left: 20px;
				height: 19px;
			}			
			.dch input[type="radio"] + label{
				background-image:url(../images/check_off.jpg);
				background-repeat:no-repeat;
				width:19px;
				height:19px;
			}
			
			.dch input[type="radio"]:checked + label{
				background-image:url(../images/check_on.jpg);
				background-repeat:no-repeat;
				width:19px;
				height:19px;
			}*/			
			
#fotosubida{
	position:absolute;
	right: -10px;
	top:20px;
	width:120px;
	height: 250px;
}

	#fotosubida img{
		margin-left:5px;
		margin-bottom:5px;
	}
	
#pie{
	position:relative;
	top:100px;
	width:530px;
	height:80px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 50px;
	font-size:0.7em;
	border-top:1px solid #ccc;
	padding-top:5px;
}

	#pay{
		position:absolute;
		top:-10px;
		left:-70px;
		width:96px;
		height:63px;
		background-image:url(../images/paypal.png);
		background-repeat:no-repeat;	
	}
	
	#rrss{
		position:absolute;
		top:-3px;
		right:-90px;	
	}

	#pie span{
		color:#FF6501;	
	}
	
	#pie a{
		color:#8D8D8D;
	}
		
		
#contacto{
	position:absolute;
	top:100px;
	left:600px;	
}

#todo{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../images/fondo.png);
	z-index:999;
	display:none;
}

	#imagenes{
		position:relative;
		top:50px;
		margin-left:auto;
		margin-right:auto;
		width:567px;
		height:368px;
		background-color:#F9F9F9;
		font-size:0.8em;
		box-shadow:#000 0px 0px 10px;
		-webkit-box-shadow:#000 0px 0px 10px;
		display:none;
	}

	#infosoportes{
		position:relative;
		top:20px;
		margin-left:auto;
		margin-right:auto;
		width:800px;
		height:600px;
		background-color:#F9F9F9;
		font-size:0.8em;
		box-shadow:#000 0px 0px 10px;
		-webkit-box-shadow:#000 0px 0px 10px;
		display: none;
	}
		
		#infosoportes p{
			width:700px;
			margin-left:20px;
		}

		#infosoportes img{
			margin-left: 5px;
		}
		
	#textsoporte{
		position:absolute;
		top:20px;
		left:10px;
		width:780px;
		height:550px;
		overflow:auto;
	}
		
		#cerrar{
			position:absolute;
			top:-15px;
			right:-15px;
			cursor:pointer;				
		}


/*Cesta*/

#cesta{
	position: relative;
	top: 100px;
	left: 0px;
	width: 100%;
	height: auto;
}

.artcesta{
	position: relative;
	top:0px;
	left: 0px;
	width: 100%;
	height: 140px;
	border-top: 1px solid #FF6501;
	border-bottom: 1px solid #FF6501 ;
}

	.datartcesta{
		position: absolute;
		top:20px;
		left: 20px;
		width: 250px;
	}

		.titulocesta{
			position: relative;
			top: 0px;
			font-weight: bold;
			width: 70px;
			float: left;		
		}

		.datocesta{
			position: relative;
			top: 0px;
			left: 20px;
			width: 150px;
			float: left;
		}		

	.imartcesta{
		position: absolute;
		top:20px;
		left: 350px;
	}

	.borraartcesta{
		position: absolute;
		top: 5px;
		right: 20px;
		font-family:Verdana;
		font-weight: bolder;
	}

.eltotal{
	position: relative;
	top:0px;
	left: 0px;
	width: 100%;
	height: 60px;
}	

#bpedido{
	position: relative;
	top: 20px;
	left: 0px;
	width: 100%;
	height: 40px;
	text-align: right;
}	

#filtros{
	position: absolute;
	top: 120px;
	left: -50px;
	width: 450px;
	height: 175px;
	font-size: 0.6em;
	overflow: hidden;
}

	.filtro{
		position: relative;
		top: 0px;
		left: 5px;
		width: 69px;
		height: 140px;
		float: left;
		margin-left: 5px;
		text-align: center;
	}

#carga{
	position: fixed;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 200px;
	text-align: center;
	background-color: #FDFDFD;
	margin-top: -158px;
	z-index: 999;
	display: none;
}

/*Ventana de info*/

#vinfo{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-image: url(../images/fondo.png);
	display: none;
}

	#elmensaje{
		position: absolute;;
		top: 50%;
		left: 50%;
		width: 500px;
		height: 150px;
		margin-left: -250px;
		margin-top: -75px;
		background-color: #FFF;
		background-image: url(../images/aviso.jpg);
		background-repeat: repeat-x;
		border-radius: 8px;
		-ms-border-radius: 8px;
		-webkit-border-radius: 8px;
		box-shadow: #000 1px 1px 5px;
		-ms-box-shadow: #000 1px 1px 5px;
		-webkit-box-shadow: #000 1px 1px 5px;
	}

	#equis{
		position: absolute;
		top: -15px;
		right: -15px;
		width: 33px;
		height: 33px;
	}

	#cmensage{
		position: relative;
		top: 50px;
		width: 100%;
		height: auto;
		padding: 10px;
		color: #CCC;
		font-size: 0.9em;
		text-align: center;
		font-weight: bold;
	}
	
/*publihome*/

#todopubli{
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	height:100%;
	background-image:url(../images/fondop.png);
	z-index: 99;
}
	#publi{
		position:relative;
		top:150px;
		margin-left:auto;
		margin-right:auto;
		width:777px;
		height:417px;
	}
	
		#cierra{
			position:absolute;
			top:19px;
			right:6px;
		}
		
#bannerpubli{
	position:absolute;
	top:215px;
	right:0px;
}
/**/
	
#formpromocion{
	position:relative;
	top:0px;
	width: 300px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.promodaba{
	position:relative;
	top:0px;
	width: 100%;
	height:104px;
	background-image:url(../images/promodabadum/rellena.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

		#lineapromo{
			position:absolute;
			top:400px;
			left:0px;
			width:1040px;
			height:1px;
			background-color:#FE8532;
		}