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

body  {
    
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 14px;
	color: #000000;/* TEXTO EN NEGRO */
	background: #c8c9c9; /* COLOR GRIS CLARO */
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	background-image:url(../imagenes/back_image.jpg);
	background-repeat:no-repeat;
	background-position:top;
}	
#container {
	position:relative; /* esta propiedad es necesaria para que los hijos posicionados absolutamente lo sean solamente a "container"
	/* Las propiedades siguientes son heredadas por sus hijos ya que "container" engloba al resto de capas (recordemos que CSS
	es un lenguaje de reglas en CASCADA)
	En caso de desear propiedades con valor diferente en el resto de las capas, hay que incluirlas en el propio selector.      Ej:#logo{text-align:right;}*/
	width:1006px;
	text-align:left;/* solo para testear*/
}
#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:292px;
	height:81px;
	z-index:2;
}
#slogan {
	position:absolute;
	left:311px;
	top:22px;
	width:300px;
	height:33px;
	z-index:1;
}
#barra_contactos {
	position:absolute;
	left:0px;
	top:58px;
	width:991px;
	height:23px;
	z-index:2;
	text-align: right;
	color:#FFF;
}

#barra_nav {
	position:absolute;
	left:0px;
	top:78px;
	width:1006px;
	height:36px;
	z-index:12;
	background-image: url(../imagenes/barra_nav.png);
	background-repeat:no-repeat;
	overflow:hidden; /* para Navegadores Mac y IE6!!!!*/
	
}
#volver{
	position:absolute;
	left:31px;
	top:89px;
	width:59px;
	height:11px;
	z-index:3;
}
#izq_main {
	position:absolute;
	left:0px;
	width:31px;
	z-index:2;
	/*background-color: #FFF;/* este valor solo es necesario por si la imagen de fondo fallase */
	background-image: url(../imagenes/main_borde_top_izq.png);
}
#inner_main {
	position:absolute;
	left:31px;
	width:947px;
	z-index:3;
	background-color: #FFF;
	padding: 0;
}
#der_main {
	position:absolute;
	left:978px;
	width:28px;
	z-index:2;
	background-image: url(../imagenes/main_borde_top_der.png);
	/*background-color: #FFF;/* este valor solo es necesario por si la imagen de fondo fallase */
}
#izq_main, #inner_main, #der_main {/* para variar simultaneamente un valor compartido por varios selectores*/
	height:600px;/* ALTURA DEL TAPIZ CENTRAL. MODIFICALO AQUI PARA VARIAR SU ALTURA. NOTA: ver #foot->top */
	top:114px;
}
#foot { /* contiene al resto de "foot_..."*/
	position:absolute;
	left:0px;
	top:714px; /* modifica este valor cuando varies la altura del de los "main". Se calcula sumando la altura de los "..._main"+114*/
	width:1006px;
	height:107px;
	text-align: center;/* TEST: esta propiedad también es heredada por los hijos de foot */
	z-index:2;
	padding:0px;
	color:#446e8e;/* TEXTO COLOR AZUL GRIS: esta propiedad también es heredada por los hijos de foot */
}
#foot_left {
	position:absolute;
	left:0px;
	top:0px;
	width:31px;
	height:90px;
	background-image: url(../imagenes/pie_borde_abajo_izq.png);	/*background-color: #DDD;/* este valor solo es necesario por si la imagen de fondo fallase */
}
#foot_inner {
	position:absolute;
	left:31px;
	top:0px;
	width:947px;
	height:90px;
	background-image: url(../imagenes/pie_centro.png);	/*background-color: #DDD;/* este valor solo es necesario por si la imagen de fondo fallase */
}
#foot_copyright {
	position:absolute;
	left:0px;
	top:44px;
	width:1006px;
	height:26px;
	font-size: 12px;
}	
#foot_telf {
	position:absolute;
	left:0px;
	top:9px;
	width:1006px;
	height:26px;
}
#foot_der {
	position:absolute;
	left:978px;
	top:0px;
	width:28px;
	height:90px;
	background-image: url(../imagenes/pie_borde_abajo_der.png);	/*background-color: #DDD;/* este valor solo es necesario por si la imagen de fondo fallase */
}
#banderas {
	position:absolute;
	left:805px;
	top:5px;
	width:190px;
	height:22px;
	text-align:right; /* sirve para alinear las banderas a la derecha*/
	z-index:2;
}
#map_canvas {
	position:absolute;
	left:180px;
	top:0px;
	width:780px;
	height:600px;
	background: #c8c9c9;
	z-index:3;
}
#map_sombra {
	position:absolute;
	left:180px;
	top:0px;
	width:12px;
	height:600px;
	z-index:4;
	background-image:url(../imagenes/map_sombra.png);
	background-repeat:no-repeat;
}
#direccion1, #direccion2, #direccion3 {
	position:absolute;
	left:0px;
	top:150px;/*original:180*/
	width:174px;
	height:400px;
	visibility:hidden;
}
#facebook {
	position:absolute;
	left:962px;
	top:84px;
	width:25px;
	height:25px;
	z-index:13;
}
#googlePlus {
	position:absolute;
	left:931px;
	top:84px;
	width:25px;
	height:25px;
	z-index:13;	
}
#powered_by{
	position:absolute;
	left:32px;
	top:74px;
	text-align: right;
	color:#FFFFFF;
	font-size: 10px;
	z-index:13;
	width: 960px;
}
.azul_small {
	color:#446e8e;
	font-size:10px;
}
a:link {
	text-decoration: none;
	color: #446e8e;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.Estilo1 {color: #000000}
.Estilo2 {font-size:12px;} /* new: pruebas*/