/* PAGINA */

	body {
		margin: 0;
		padding: 0;
		background: #fff url(imx/fd-topo.jpg) no-repeat center top;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #474747;
		}

	h1 {
		margin: 3px auto;
		padding: 0;
		font-size: 175%;
		letter-spacing: -2px;
		}

	h2 {
		margin: 9px auto;
		padding: 0;
		font-size: 160%;
		font-weight: normal;
		letter-spacing: -1px;
		}

	h2 span {
		color: #aaa;
		}

	h3 {
		clear: both;
		margin: 20px auto;
		padding: 0;
		font-size: 120%;
		letter-spacing: 0;
		}

	h4 {
		margin: 0;
		padding: 20px 0 0 0;
		font-size: 100%;
		}

	h5 {
		margin: 0;
		padding: 0;
		font-size: 75%;
		}

	h6 {
		margin: 0;
		padding: 0;
		font-size: 70%;
		font-weight: normal;
		}

	p {
		margin: 15px auto;
		line-height: 21px;
		}

	blockquote {
		margin-top: 0;
		padding-top: 0;
		}

	hr {
		clear: both;
		visibility: hidden;
		}

	ul, ol {
		margin-top: 0;
		padding-top: 0;
		}

	li {
		padding-top: 10px;
		padding-bottom: 10px;
		}

	img {
		padding: 1px;
		max-width: 600px;
		max-height: 500px;
		border: 1px solid #ddd;
		}

	img.left {
		float: left;
		margin: 6px 20px 6px 0;
		}

	img.center {
		display: block;
		margin: 20px auto 20px auto;
		}

	img.right {
		float: right;
		margin: 6px 0 6px 20px;
		}

	a {
		color: #fcbe01;
		text-decoration: none;
		}

	a:hover {
		color: #aaa;
		text-decoration: none;
		}

	#spacer1, #spacer2, #spacer3, #spacer4, #spacer5 {
		clear: both;
		}

	/* SLIDESHOW */

		#slideshow.left {
			float: left;
			margin: 12px 20px 6px 0;
			}

		#slideshow.center {
			margin: 20px auto 20px auto;
			width: 100%;
			text-align: center;
			}

		#slideshow.right {
			float: right;
			margin: 12px 0 6px 20px;
			}

		#slide-images {
			position: relative;
			display: block;
			overflow: hidden;
			margin: 0;
			padding: 1px;
			width: 400px;
			height: 270px;
			border: 1px solid #ddd;
			text-align: left;
			}

		#slide-images li {
			position: absolute;
			display: block;
			padding-top: 0;
			padding-bottom: 0;
			list-style-type: none;
			}

		#slide-images li img {
			display: block;
			margin: 0;
			padding: 0;
			width: 400px;
			height: 270px;
			border: 0;
			}

	/* VIDEO */

		#video.left {
			float: left;
			margin: 12px 20px 6px 0;
			}

		#video.center {
			margin: 20px auto 20px auto;
			width: 100%;
			text-align: center;
			}

		#video.right {
			float: right;
			margin: 12px 0 6px 20px;
			}

	/* CATALOGO */

		#thumbs {
			margin: 0 auto;
			padding: 0;
			list-style-type: none;
			}

		#thumbs li {
			display: block;
			float: left;
			margin: 10px 12px 0 0;
			}

		#thumbs li img {
			margin: 0;
			padding: 1px;
			width: 130px;
			height: 90px;
			border: 1px solid #ddd;
			}

		#thumbs a:hover img {
			border: 1px solid #fcbe01;
			}

		.grande {
			float: left;
			margin: 10px 15px 15px 0;
			padding: 1px;
			max-width: 600px;
			max-height: 500px;
			border: 1px solid #ddd;
			}

		#index ul {
			clear: both;
			margin: 0;
			padding: 15px 0 0 0;
			list-style: none;
			text-align: center;
			}

		#index ul li {
			display: inline;
			}

		#index ul li a {
			padding: 2px 10px 2px 10px;
			background: #eee;
			border: 1px solid #ddd;
			font-size: 85%;
			color: #777;
			font-weight: bold;
			}

		#index ul li.on a {
			background: #fff;
			border: 0;
			color: #000;
			}

		#index ul li a:hover {
			color: #000;
			}

	/* LOCALIZACIÓN */

		#mapa {
			padding: 0;
			width: 550px;
			}

		#mapa.left {
			float: left;
			margin: 12px 20px 6px 0;
			}

		#mapa.center {
			margin: 20px auto 20px auto;
			width: 100%;
			text-align: center;
			}

		#mapa.right {
			float: right;
			margin: 12px 0 6px 20px;
			}

		#mapa iframe {
			margin: 0;
			padding: 1px 1px 0 1px;
			width: 546px;
			height: 300px;
			border: 1px solid #ccc;
			}

	/* FORMULARIO */

		#formulario form {
			width: 639px;
			}

		#formulario form div {
			clear: both;
			margin: 0;
			padding: 0;
			}

		#formulario label {
			float: left;
			padding: 6px 0 0 0;
			width: 100px;
			text-align: left;
			}

		#formulario input {
			float: left;
			margin: 0 0 10px 0;
			padding: 5px;
			width: 350px;
			border: 1px solid #ccc;
			background: #fff;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 100%;
			text-align: left;
			}

		#formulario textarea {
			float: left;
			margin: 0 0 10px 0;
			padding: 5px;
			width: 520px;
			border: 1px solid #ccc;
			background: #fff;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 100%;
			text-align: left;
			}

		#formulario input.button {
			float: left;
			margin: 0 0 0 100px;
			padding: 0 20px 0 20px;
			width: 100px;
			height: 28px;
			border: 1px solid #ddd;
			background: #fff url(imx/fd-boton1.gif) no-repeat left top;
			font-size: 85%;
			color: #fcbe01;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			}

	/* BOTONES */

		#boton1, #boton2, #boton3, #boton4, #boton5 {
			float: left;
			}

		#boton1.right, #boton2.right, #boton3.right, #boton4.right, #boton5.right {
			float: right;
			}

		#boton1 a, #boton2 a, #boton3 a, #boton4 a, #boton5 a {
			display: block;
			margin: 10px 10px 0 0;
			padding: 3px 20px 0 20px;
			height: 23px;
			border: 1px solid #ddd;
			background: #fff url(imx/fd-boton1.gif) no-repeat left top;
			font-size: 85%;
			color: #fcbe01;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			}

		#boton1 a:hover, #boton2 a:hover, #boton3 a:hover, #boton4 a:hover, #boton5 a:hover {
			background: #fff url(imx/fd-boton2.gif) no-repeat left top;
			color: #000;
			}

/* CABECERA */

	#cabecera {
		margin: 0 auto;
		width: 880px;
		height: 150px;
		}

	/* GRUPO */

		#grupo {
			float: right;
			margin: 0 auto;
			width: 167px;
			height: 117px;
			}

		#grupo h1 {
			margin: 0;
			}

		#grupo img {
			float: left;
			margin: 0 auto;
			border: 0;
			}

		#grupo img.destacado {
			float: right;
			margin: 36px 9px 0 0;
			border: 0;
			}

	/* LOGOTIPO */

		#logotipo {
			margin: 0 auto;
			height: 117px;
			}

		#logotipo h1 {
			margin: 0;
			}

		#logotipo img {
			float: left;
			margin: 21px 0 0 0;
			border: 0;
			}

	/* MENU */

		#menu {
			z-index: 100;
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			}

		#menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}

		#menu ul ul {
			visibility: hidden;
			position: absolute;
			top: 32px;
			left: 0;
			height: 0;
			}

		#menu ul a:hover ul, #menu ul li:hover ul {
			visibility: visible;
			}

		#menu li {
			position: relative;
			float: left;
			margin: 0 1px 0 0;
			padding: 0;
			width: 125px;
			}

		#menu a {
			display: block;
			float: left;
			margin: 0 1px 0 0;
			padding: 6px 0 0 0;
			width: 125px;
			height: 26px;
			background: url(imx/fd-menu1.png) no-repeat left top;
			font-size: 85%;
			color: #474747;
			font-weight: bold;
			text-decoration: none;
			text-transform: lowercase;
			text-align: center;
			}

		#menu .on a {
			background: url(imx/fd-menu2.png) no-repeat left top;
			color: #fcbe01;
			}

		#menu .off a {
			background: #fdefa4;
			color: #000;
			}

		#menu .subon a {
			background: #fdefa4;
			color: #fcbe01;
			}

		#menu a:hover, #menu :hover > a {
			background: url(imx/fd-menu2.png) no-repeat left top;
			color: #000;
			}

		#menu ul ul a {
			width: 219px;
			height: auto;
			padding: 4px 15px 5px 15px;
			background: #fdefa4;
			border-left: 1px solid #fdea80;
			border-right: 1px solid #fdea80;
			border-bottom: 1px solid #fdea80;
			font-size: 75%;
			color: #000;
			text-align: left;
			}

		#menu ul ul a:hover {
			background: #fdefa4;
			color: #aaa;
			}

	/* IDIOMAS */

		#idiomas {
			float: right;
			padding: 8px 10px 0 0;
			font-size: 75%;
			color: #fcbe01;
			font-weight: bold;
			text-transform: lowercase;
			}

		#idiomas a {
			color: #474747;
			text-decoration: none;
			}

		#idiomas a:hover {
			color: #aaa;
			text-decoration: none;
			}

/* CONTENIDOS */

	#contenidos {
		overflow: hidden;
		margin: 0 auto;
		padding: 33px 0 31px 0;
		width: 880px;
		}

	/* SUBMENU */

		#submenu {
			float: left;
			width: 221px;
			}

		#submenu .caja {
			margin: 0;
			padding: 16px 20px 0 20px;
			border: 1px solid #ddd;
			background: #fff;
			font-size: 75%;
			}

		#submenu ul {
			margin: 0 0 20px 0;
			padding: 0 0 0 16px;
			text-indent: -16px;
			list-style-position: inside;
			list-style-type: disc;
			}

		#submenu li {
			padding: 5px 0 5px 0;
			line-height: 15px;
			}

		#submenu a {
			color: #474747;
			font-weight: bold;
			text-decoration: none;
			}

		#submenu .on a {
			color: #fcbe01;
			text-decoration: none;
			}

		#submenu a:hover {
			color: #aaa;
			text-decoration: none;
			}

	/* COLUMNA */

		#columna {
			float: right;
			width: 639px;
			}

/* PIE */

	#pie {
		clear: both;
		margin: 0 auto;
		width: 880px;
		background: url(imx/fd-pie.jpg) no-repeat center top;
		}

	#pie p {
		margin: 0;
		padding: 6px 0 58px 0;
		font-size: 70%;
		color: #fcbe01;
		text-transform: lowercase;
		text-align: center;
		}

	#pie a {
		color: #fcbe01;
		text-decoration: none;
		}

	#pie a:hover {
		color: #aaa;
		text-decoration: none;
		}