@charset "UTF-8";
/* ----------- Etiquetas -------------------- */

body {
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color: #996600;
}
a:hover {
	color: #996600;
	text-decoration: underline;
}
/* Fuerza posición centrada de todo el bloque. No usar margenes aquí o no se verá correctamente en IE */
#contenedor {
	position: absolute;
	left:50%;
	width:800px;
	margin-left:-400px;
	margin-bottom:0px;
	text-align: left;
	background-image: url(images/sombra-bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	vertical-align: top;
	}
/* ---------------------- Cabecera y menú general --------------------------- */
#cabecera {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	height: 250px;
	background-image: url(images/fondo-cabecera.gif);
	text-align: center;
}
#menusup {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	height: 30px;
	background-image: url(images/fondomenu.gif);
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
}
/* Botones blancos de menú superior */
#boton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 100px;
	margin: 0px;
}
/* Enlaces menu superior y título página */
a.menusuper:link, a.menusuper:visited {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
a.menusuper:hover, a.menusuper:active {
	color: #663300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
#argeatitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	height: 20px;
	width: 220px;
	padding-top: 7px;
	padding-left: 10px;
	text-transform: uppercase;
}
a.argeatitle:link, a.argeatitle:visited, a.argeatitle:active, a.argeatitle:hover  {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
/* Separador entre cabecera y contenido. Lo único que hace es evitar usar márgenes que descojonan la página */
#separador {
	height: 15px;
	width: 100%;
}
/* --------------------- Columna Izquierda. Reglas generales y márgenes para menu vertical y contacto breve ------------------------------ */
#colizq {
	width: 250px;
	margin-left: 20px;
	float: left;
	display: inline;
}
#contacto {
	padding-top: 30px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/contacto.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.menu {
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333333;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/menu-equipo.gif);
}
/* Enlaces del menú izquierdo */
a.enlacemenu:link, a.enlacemenu:visited {
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #663300;
}
a.enlacemenu:hover, a.enlacemenu:active {
	color: #996600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
}
/* --------------------- Columna derecha y contenido ---------------------------------------- */
#coldcha {
	width: 500px;
	margin-right: 20px;
	float: right;
	display: inline;
}
/* Modificar márgenes en coldcha. Si se usan aquí se duplicarán en IE */
#contenido {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/que-es-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
/* Cada página tiene su capa "contenido" personalizada para modificar el título. Copiar #contenido, cambiar nombre de "id" e imagen de fondo. El resto dejarlo igual*/
#quees {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/que-es-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#equipo {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/equipo-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#arqueologos {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/arqueologos-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#geografos {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/geografos-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#geologos {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/geologos-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#sociologos {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/sociologos-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#biologos {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/biologos-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#auxiliares {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/auxiliares-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#trabajos {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/areas-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#clientes {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/clientes-argea.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#contacto2 {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/contacto2.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
#mapa {
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/sitemap.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
/* ---------------------- Pie y enlaces del pie --------------------------------------------*/
/* La imagen de fondo es completa para no darle margen interno (necesario para que quede dentro del contenedor y se vea la sombra. Con margen se rompe en IE */
#pie {
	float: left;
	height: 30px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	display: inline;
	background-image: url(images/fondomenu.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 10px;
}
a.enlacepie:link, a.enlacepie:active, a.enlacepie:visited {
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
a.enlacepie:hover {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
}
/* ------------------------- Clases -------------------------------------*/
/* destacados en negrita y color marrón corporativo*/
.destacado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-transform: uppercase;
	color: #996600;
}