/* Hoja de estilo de la web de La Belonga */
/* Ultima actualización 16 de Mayo de 2010 */


/*-------------------------------------------    
    Estructura
-------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}


body {
	color: #fff;
	background-color: #A19785;
	font: normal 62.5% Verdana, Geneva, sans-serif;
}

body.datos {
	background-color: #d5cbb8;
}

img {
	border: 0;
}

a, a:visited, a:focus {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

#envoltorio {
	margin: 0 auto;
	width: 100%;
}

ul {
	list-style: none;
}

ul li {
	display: block;
}

.oculto {
	position: absolute;
	top: -999em;
	text-indent: -999em;
}

.aclarar {
	clear: both;
}

#acceso a:focus {
	top: 0;
	text-indent: 0;
	color: #fff;
	background-color: #000;
	padding: 0.5em 0.6em;
}


/*-------------------------------------------    
    Entrada
-------------------------------------------*/

#entrada {
	width: 18em;
	margin: 25em auto 0;
}

#entrada h1 {
	height: 171px;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
}

#entrada h1 span {
  	background: transparent url("../imagenes/logo_portada.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu_idiomas {
	width: 16em;
	margin: 3em auto;
	font-size: 1.4em;
}

#menu_idiomas ul li {
	float: left;
	margin: 0 2em;
}


/*-------------------------------------------    
    Fondos
-------------------------------------------*/

.fondo_cabeza {
	background-color: #d5cbb8;
}

.fondo_cabeza_o {
	background-color: #a19785;
}

.fondo_blanco {
	background-color: #fff;
}

.altura {
	height: 3em;
}

/*-------------------------------------------    
    Cabeza
-------------------------------------------*/


#cabeza {
	width: 990px;
	margin: 3em auto 0;
	height: 20em;
}

#cabeza.utilidades {
	padding: 3em 0 0;
}

#logo {
	float: left;
	width: 23em;
	position: relative;
	top: 5em;
	left: 5em;
}

#logo h1 {
	height: 7em;
	font-size: 0.9em;
	font-weight: bold;
	position: relative;
	width: 20em;
}

#logo h1 span {
  	background: transparent url("../imagenes/logo_belonga.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#logo.datos h1 span {
  	background: transparent url("../imagenes/logo_belonga_o.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#interior {
	position: relative;
	top: 8.9em;
	left: -3em;
	float: left;
	width: 14em;
}

#interior h2 {
	height: 137px;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
	width: 20em;
}

#interior h2 span {
  	background: transparent url("../imagenes/logo_interior.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#interior.datos h2 span {
  	background: transparent url("../imagenes/logo_interior_o.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#interior.utilidades1 h2 span {
  	background: transparent url("../imagenes/logo_interior_b.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


/*-------------------------------------------    
    Menú
-------------------------------------------*/


#bloque_menu {
	float: right;
	margin: 0 7em 0 0;
	position: relative;
	top: 3em;
	text-align: right;
}

#menu {
	margin: 0.7em 0 0 0;
}

#menu ul li {
	margin: 0 0 0.4em;
}

#menu ul li a {
	display: block;
	position: relative;
	height: 23px;
	color: #fff;
	font-size: 1.1em;
	width: 173px;
	left: 3.3em;
}

#menu ul.ingles li a {
	display: block;
	position: relative;
	height: 23px;
	color: #fff;
	font-size: 1.1em;
	width: 181px;
	left: 2.3em;
}

#menu ul li a#mp1 span {
	background: transparent url("../imagenes/m_fabricacion.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul.ingles li a#mp1 span {
	background: transparent url("../imagenes/m_fabricacion_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul li a#mp1 span {
	background: transparent url("../imagenes/m_fabricacion_o.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul.ingles li a#mp1 span {
	background: transparent url("../imagenes/m_fabricacion_o_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul li a#mp2 span {
	background: transparent url("../imagenes/m_datos.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul.ingles li a#mp2 span {
	background: transparent url("../imagenes/m_datos_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul li a#mp2 span {
	background: transparent url("../imagenes/m_datos_o.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul.ingles li a#mp2 span {
	background: transparent url("../imagenes/m_datos_o_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul li a#mp3 span {
	background: transparent url("../imagenes/m_utilidades.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul.ingles li a#mp3 span {
	background: transparent url("../imagenes/m_utilidades_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul li a#mp3 span {
	background: transparent url("../imagenes/m_utilidades_o.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul.ingles li a#mp3 span {
	background: transparent url("../imagenes/m_utilidades_o_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul li a#mp4 span {
	background: transparent url("../imagenes/m_productos.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul.ingles li a#mp4 span {
	background: transparent url("../imagenes/m_productos_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul li a#mp4 span {
	background: transparent url("../imagenes/m_productos_o.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul.ingles li a#mp4 span {
	background: transparent url("../imagenes/m_productos_o_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul li a#mp5 span {
	background: transparent url("../imagenes/m_informacion.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul.ingles li a#mp5 span {
	background: transparent url("../imagenes/m_informacion_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul li a#mp5 span {
	background: transparent url("../imagenes/m_informacion_o.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu.datos ul.ingles li a#mp5 span {
	background: transparent url("../imagenes/m_informacion_o_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#menu ul li a#mp1:hover span, #menu ul li a#mp2:hover span, #menu ul li a#mp3:hover span, #menu ul li a#mp4:hover span, #menu ul li a#mp5:hover span, #menu.datos ul li a#mp1:hover span, #menu.datos ul li a#mp2:hover span, #menu.datos ul li a#mp3:hover span, #menu.datos ul li a#mp4:hover span, #menu.datos ul li a#mp5:hover span {
	background-position: right top;
}

#menu ul li a#mp1.actual span, #menu ul li a#mp2.actual span, #menu ul li a#mp3.actual span, #menu ul li a#mp4.actual span, #menu.datos ul li a#mp1.actual span, #menu.datos ul li a#mp2.actual span, #menu.datos ul li a#mp3.actual span, #menu.datos ul li a#mp4.actual span, #menu.datos ul li a#mp5.actual span {
	background-position: right top;
}

a#nuestra_web {
	display: block;
	position: relative;
	height: 60px;
	color: #fff;
	font-size: 1.1em;
	width: 60px;
	left: 12.3em;
}

a#nuestra_web span {
	background: transparent url("../imagenes/b_web.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

a#nuestra_web.datos span {
	background: transparent url("../imagenes/b_web_o.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

a#nuestra_web:hover span, a#nuestra_web.datos:hover span {
	background-position: right top;
}

/*-------------------------------------------    
    Contenido
-------------------------------------------*/

#contenido {
	padding: 0 0 6em;
	width: 990px;
	margin: 0 auto;
}

#contenido.datos {
	padding: 0 0 3em 39em;
}

#contenido.fabri {
	background-color: #a19785;
}

#contenido.utilidades2 {
	background-color: #fff !important;
	color: #a39687;
	width: 990px;
	margin: 0 auto;
}

#textos {
	width: 23em;
	margin: 7em 0 0 20.5em;
	float: left;
}

#contenido.utilidades2 #textos {
	margin: 0 0 0 20em;
	width: 34em;
}

#textos p {
	font-size: 1.2em;
	line-height: 1.4;
}

#imagenes {
	width: 36em;
	float: left;
	margin: 0 0 0 16em;
}

#contenido.utilidades2 #imagenes {
	margin: 11em 0 0 3em;
}

#imagenes p {
	position: relative;
	top: 1em;
	width: 30em;
	height: 3em;
}

#edificio img {
	float: left;
	margin: 0 0.3em 0 0;
}

#edificio a {
	float: left;
	margin: 13em 0.3em 0 0;
	display: block;
}

#edificio a.quitar {
	width: 32em;
	height: 30em;
	margin: 0 0.3em 0 0;
}

#edificio a.quitar img {
	height: 298px;
	width: 320px;
}

h3 {
	font-size: 1.6em;
	padding: 3em 0 0 0;
}

#contenido.datos ul {
	color: #a19785;
	font-size: 1.2em;
	margin: 2em 0 0 0;
	color: #000;
}

#contenido.datos ul li {
	margin: 0 0 0.5em;
}

#izda {
	float: left;
	margin: 0 0 0 0;
	width: 42em;
}

#contenido.datos #izda ul {
	margin: 2em 0 0 0;
	font-size: 0.9em;
	color: #000;
}

#tabla_peq {
	background: transparent url("../imagenes/tabla_peq.gif") no-repeat left top;
	height: 172px;
	position: relative;
	margin: 1em 0 0 0;
}

#tabla_gra {
	background: transparent url("../imagenes/tabla_gra.gif") no-repeat left top;
	height: 295px;
	margin: 1em 0 0 41em;
	position: relative;
}

table {
	border-collapse: collapse;
	width: 30.8em;
	font-size: 0.9em;
}

#tabla_peq table {
	position: absolute;
	top: 2.3em;
	left: 1.7em;
}

#tabla_gra table {
	position: absolute;
	top: 2.8em;
	left: 2.6em;
}

#izda table {
	width: 31em;
}

table thead td {
	background-color: #938c7f;
	color: #000;
	font-weight: bold;
	padding: 0.3em  0.6em;
	border: 1px solid #fff;
	text-align: center;
}

table thead td.fondo_marron {
	background-color: #a39687;
	color: #fff;
}

table tbody td {
	text-align: center;
	background-color: #c4b7a5;
	color: #000;
	padding: 0.3em 0.5em;
	border: 1px solid #fff;
}

table tbody td.gris {
	background-color: #bab5af;
	padding: 0.6em 0.5em;
}

table tbody td.blanco {
	background-color: #fff;
}

#contenido.datos table tbody td.blanco ul {
	list-style: disc;
	margin: 0.5em 0 0 2em;
}

table tbody td.blanco ul li {
	display: list-item;
	text-align: left;
}

#contenido.utilidades2 h3 {
	color: #000;
	margin: 3em 0 0;
}

h4 {
	display: block;
	height: 2.5em;
	font-size: 0.9em;
	font-weight: bold;
	position: relative;
	width: 21em;
	margin: 1.1em 0 0 0;
}

h4#medio span {
  	background: transparent url("../imagenes/tit_medio.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

h4#medio.ingles span {
  	background: transparent url("../imagenes/tit_medio_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

h4#agri span {
  	background: transparent url("../imagenes/tit_agricultura.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

h4#agri.ingles span {
  	background: transparent url("../imagenes/tit_agricultura_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

h4#cons span {
  	background: transparent url("../imagenes/tit_construccion.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

h4#cons.ingles span {
  	background: transparent url("../imagenes/tit_construccion_en.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

ul.listado {
	list-style: disc;
	margin: 0.5em 0 0 2em;
	font-size: 1.2em;
	color: #000 !important;
}

ul.listado li {
	display: list-item;
	text-align: left;
}