/* IMPORTAMOS EL FICHERO BASE */
@import url("base.css");

/* CONFIGURACION DE LA PAGINA */
/* FONDO SUPERIOR DE LA PAGINA */
/* REVISADO */
.fondoSuperior {
	background-image: url('../imgs/fondoSuperior.png');
	background-repeat: repeat-x;
	padding-top: 3px;
	background-color: #7c543a;
}


/* FONDO SUPERIOR DEL INTERIOR DE LA PAGINA, DEBAJO DEL BUSCADOR, LOGO REFLEJADO */
/*  REVISADO*/
#paginaSuperior {
	position:relative;
	margin-left:auto;
	margin-right: auto;
	width: 810px;
	height: 385px;
	top: 0px;
	background-image: url('../imgs/logoReflejado.png');
	background-position:left bottom;
	background-repeat:no-repeat;
}

/* ESTILOS DEL CONTENIDO */
/* FONDO INFERIOR DEL INTERIOR DEL CONTENIDO, PARTE DE DEBAJO DEL LOGO REFLEJADO */
/* REVISADO */
#paginaInferior {
	position:relative;
	margin-left:auto;
	margin-right: auto;
	width: 810px;
	height: 650px;
	top: 0px;
	background-image: url('../imgs/paginaInferior.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	text-align: left
}

/* CARACTERISTICAS DEL BUSCADOR */
#buscador {
	width: 180px;
	position: absolute;
	color: #000;
	top: 5px;
	left: 15px;
}

/* CARACTERISTICAS DE LA ENTRADA DEL BUSCADOR */
#buscador input{
  	margin: 0px;
	padding: 0px;
	height: 16px;
	border-right: none;
}

/* CARACTERISTICAS DEL BOTON BUSCAR */
.botonBuscar {
	position:absolute;
	display: inline;
	top: 2px;
	left: 138px;
}

/* CARACTERISTICAS DE LOS BOTONES */
.botones {
	text-align: center;
	margin: 5px 0px;
}

/* CARACTERISTICAS DE LA ENTRADA DEL BOTON BUSCAR */
#buscador input#botones{
	width: 18px;
	height: 18px;
	border: none;
}

/* CARACTERISTICAS DEL FONDO DEL BUSCADOR*/
#fondoBuscador {
	text-align: center;
	background-image: url('../imgs/buscador-idioma.png');
	margin-right: 0px;
	padding-right: 5px;
	margin-top: 0px;
	padding-top: 5px;
	width: 810px;
	height: 30px;
}

/* CARACTERISTICAS DEL APARTADO INGRESAR*/
#entrar {
	position: absolute;
	width: 267px;
	top: 35px;
	left: 20px;
	padding-top: 4px;
	background-image: url('../imgs/entrar.png');
	text-align: center;
	height: 170px;
	overflow: hidden;
}

/* CARACTERISTICAS DEL FORMULARIO DE ENTRADA DE DATOS DE CLIENTES*/
#formulario {
	text-align: left;
	width: 102px;
	margin: 0px auto;
	margin-top: 1px;
}

/* CARATERISTICAS DE LA LABEL NOMBRE DE USUARIO*/
#usuario{
	padding-top: 5px;
}

/* CARACTERISTICAS DE LA BARRA LATERAL*/
#barraLateral {
	position: absolute;
	top: 275px;
	left: 15px;
	text-align: left;
	width: 150px;
	height: 260px;
	clear: left;
	background-image: url('../imgs/barraLateral.png');
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 25px;
}

.opcion {
	display: none;
}

/* CARACTERISTICAS DEL CONTENIDO DE LA BARRA LATERAL*/
#contenidoBarraLateral {
	position: absolute;
	left: 175px;
	top: 250px;		
	width: 600px;
}


/* CARACTERISTICAS DE LA OPCION ACTIVADA DE LA BARRA LATERAL*/
.opcionActiva {
	text-align: justify;
	height: 400px;
	overflow: auto;
	padding: 5px;
}

/* CARACTERISTICAS DE LA BARRA LATERAL CUANDO SELECCIONAMOS UNA OPCION */
.linkActiu {
	background: url('../imgs/opcionActiva.png') no-repeat top right;
	background-position: center right;
}

/* CARACTERISTICAS DEL PIE DE PAGINA QUE NO ESTA ENTRE LAS ETIQUETAS ul y li*/
#linksPiePagina {
	text-align: center;
	width: 805px;
}

/* CARACTERISTICAS DEL PIE DE PAGINA QUE ESTAN ENTRE LA ETIQUETA ul */
#linksPiePagina ul {
	position: absolute;
	top: 600px;
	left: 260px;
	font-size: 17px;
	text-align: center;
}

/* CARACTERISTICAS DEL PIE DE PAGINA QUE ESTAN ENTRE LA ETIQUETA li */
#linksPiePagina li {
	display: inline;
	padding: 0px;
}

/* CARACTERISTICAS DEL REFLEJO DEL PIE DE PAGINA */
#paginaReflejo {
	background-image: url('../imgs/paginaReflejo.png');
	width: 810px;
	height: 70px;
	margin: 0px auto;
	position:relative;
	top:2px;	
}

/* CARACTERISTICAS DEL BOTON ENTRAR */
.boton {
	position: absolute;
	top: 67px;
	left: 44px;
	text-align: center;
	height: 18px;
	width: 43px;
}

a.boton {
	padding: 5px 20px;
	background-image: url('../imgs/boton1.png');
}

/* CARACTERISTICAS DEL BOTON ENVIAR */
.botonEnviar {
	position: absolute;
	top: 153px;
	left: 130px;
	text-align: center;
	height: 18px;
	width: 43px;
}

a.botonEnviar {
	padding: 5px 20px;
	background-image: url('../imgs/boton1.png');
}

/* CARACTERISTICAS DEL MAPA DE LA PESTAŅA INICIO*/
#mapa {
	text-align: center;
}

/* CARACTERISTICAS DEL MAPA DE LA PESTAŅA ARRIBAR*/
#mapaWeb{
	position: absolute;
	display: inline;
	top: 255px;
	left: 30px;
}

#llegar {
	position: absolute;
	top: 280px;
	left: 425px;
	width: 350px;
	height: 255px;
	text-align: justify;
}

/* CARACTERISTICAS DEL APARTADO CONTACTO */
.alinearDerecha { text-align: right; }
.alinearCentro { text-align: center; }

/* CARACTERISTICAS DE LOS DATOS DE CONTACTO*/
#datos {
	position: absolute;
	display: inline;
	top: 82px;
	left: 280px;
	text-align: center;
}

/* CARACTERISTICAS DE LOS IMPUTS DEL FORMULARIO DE CONTACTO */
.contacto input {
	height: 16px;
	width: 150px;
	margin: 5px;
}

.contacto textarea {
	height: 52px;
	width: 450px;
	margin: 5px;
}

/* CARACTERISTICAS DE LAS FOTOS DEL AREA PRIVADA*/
#fotosPrivado {
	position: absolute;
	left: 0px;
	top: 210px;		
}

/* CARACTERISTICAS DE LA TABLA DE LAS FOTOS DEL AREA PRIVADA*/
#fotosPrivado table{
	padding-top: 10px;
	text-align: center;
}