/* ESTILOS */

	body {
		margin: 0;
		padding: 0;
		background: #000;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		color: #000;
		text-transform: lowercase;
		line-height: 18px;
		}

	h1 {
		margin: -1px auto 0 auto;
		padding: 0 0 0 20px;
		font-size: 26px;
		color: #fff;
		font-weight: bold;
		font-style: italic;
		letter-spacing: -2px;
		line-height: 21px;
		}

	h2 {
		margin: 0 auto 20px auto;
		padding: 0;
		font-size: 21px;
		color: #e20072;
		font-weight: bold;
		font-style: italic;
		letter-spacing: -1px;
		}

	h3 {
		margin: 0 auto 20px auto;
		padding: 0;
		font-size: 19px;
		color: #00ccff;
		font-weight: bold;
		font-style: italic;
		letter-spacing: -1px;
		}

	h4, h5, h6 {
		margin: 20px auto 2px auto;
		padding: 0;
		font-size: 19px;
		color: #777;
		font-weight: normal;
		font-style: italic;
		letter-spacing: -1px;
		}

	p {
		margin: 0 auto 20px auto;
		}

	small {
		font-family: "Times New Roman", Times, serif;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: -1px;
		}

	span {
		background: #ffd600;
		color: #000;
		}

	span.movil {
		background: none;
		font-size: 12px;
		font-style: italic;
		}

	blockquote {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 13px;
		color: #777;
		font-style: italic;
		}

	hr {
		clear: both;
		margin: 20px auto;
		height: 1px;
		background: #000;
		border: 0;
		}

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

	li {
		padding-bottom: 10px;
		}

	img {
		border: 0;
		}

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

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

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

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

	a:hover {
		color: #00ccff;
		}

	.spacer {
		clear: both;
		height: 30px;
		}

/* ESTRUCTURA */

	/* FONDOS */

		.fondo1, .fondo2, .fondo3, .fondo4 {
			background: #000 url(images/fd-pagina2.jpg) center top no-repeat;
			}

	/* CABECERA */

		#cabecera {
			margin: 0 auto 30px auto;
			padding: 0;
			width: 970px;
			height: 370px;
			}

		/* MENU */

			ol#menu {
				float: left;
				margin: 0 auto 20px auto;
				padding: 0;
				height: 40px;
				list-style: none;
				}

			#menu li {
				display: inline;
				}

			#menu li a {
				float: left;
				margin: 0 1px 0 0;
				padding: 22px 21px 0 19px;
				width: 110px;
				height: 18px;
				background: #00ccff;
				font-size: 26px;
				color: #000;
				font-style: italic;
				letter-spacing: -2px;
				}

			#menu li a:hover {
				background: #ffd600;
				}

			#menu .on a {
				background: #ffd600;
				font-weight: bold;
				}

		/* LOGOTIPO */

			#cabecera h1 {
				margin: 0 auto;
				padding: 0;
				}

			#cabecera img {
				border: 0;
				}

			#cabecera a:hover {
				background: none;
				}

		/* BANNER */

			#ofertes {
				float: left;
				margin: 0 auto;
				padding: 0;
				width: 575px;
				height: 184px;
				}

		/* IDIOMAS */

			ol#idiomas {
				float: right;
				margin: 0 auto;
				padding: 163px 0 0 0;
				height: 21px;
				list-style: none;
				}

			#idiomas li {
				display: inline;
				}

			#idiomas li a {
				float: left;
				margin: 0 0 0 1px;
				padding: 0 11px 0 20px;
				height: 21px;
				background: #00ccff;
				color: #000;
				font-style: italic;
				letter-spacing: -1px;
				}

			#idiomas li a:hover {
				background: #ffd600 url(images/ic-flecha.png) 6px 8px no-repeat;
				color: #000;
				}

			#idiomas .on a {
				background: #ffd600 url(images/ic-flecha.png) 6px 8px no-repeat;
				font-weight: bold;
				}

	/* CONTENIDOS */

		#contenidos {
			margin: 0 auto;
			padding: 0 0 30px 0;
			width: 970px;
			}

		/* LATERALES */

			#columna {
				overflow: hidden;
				padding: 0;
				}

			#columna.left {
				float: left;
				margin: 21px 30px 0 0;
				width: 150px;
				}

			#columna.center {
				float: left;
				margin: 0 auto 30px auto;
				padding: 20px 20px 0 20px;
				width: 430px;
				min-height: 330px;
				background: #fff;
				color: #000;
				}

			#columna.long {
				margin: 0 auto;
				padding: 20px 20px 0 20px;
				min-height: 230px;
				background: #fff;
				color: #000;
				}

			#columna.right {
				float: right;
				margin: 0 0 0 30px;
				width: 290px;
				}

		/* SUBMENU */

			ol#submenu {
				float: left;
				margin: 0 auto 29px auto;
				padding: 0;
				width: 150px;
				list-style: none;
				}

			#submenu li a {
				float: left;
				margin: 0 0 1px 0;
				padding: 3px 0 7px 20px;
				width: 137px;
				background: #fff url(images/ic-flecha.png) 7px 11px no-repeat;
				color: #000;
				}

			#submenu li a:hover {
				background: #ffd600 url(images/ic-flecha.png) 10px 11px no-repeat;
				}

			#submenu .on a {
				background: #ffd600 url(images/ic-flecha.png) 7px 11px no-repeat;
				}

		/* CAJAS */

			.blanca {
				overflow: auto;
				margin: 0 auto;
				padding: 20px 20px 0 20px;
				background: #fff;
				color: #000;
				}

			.negra {
				overflow: auto;
				margin: 0 auto;
				padding: 0;
				color: #fff;
				}

			.rosa {
				overflow: auto;
				margin: 0 auto;
				padding: 20px 20px 0 20px;
				background: #e20072;
				color: #fff;
				}

			.azul {
				overflow: auto;
				margin: 0 auto;
				padding: 20px 20px 0 20px;
				background: #00ccff;
				color: #000;
				}

			.amarilla {
				overflow: auto;
				margin: 0 auto;
				padding: 20px 20px 0 20px;
				background: #ffd600;
				color: #000;
				}

			/* PERSONALIZACIÓN */

				.azul h2 {
					margin: 0 auto 2px auto;
					color: #fff;
					letter-spacing: 0px;
					}

				.amarilla h2 {
					margin: 0 auto 2px auto;
					color: #e20072;
					letter-spacing: 0px;
					}

				.rosa h2 {
					margin: 0 auto 2px auto;
					color: #ffd600;
					letter-spacing: 0px;
					}

				.azul h3, .amarilla h3, .rosa h3 {
					margin: 0 auto;
					color: #000;
					}

				.azul a, .amarilla a {
					color: #000;
					}

				.rosa a {
					color:#fff;
					}

				.azul a:hover, .amarilla a:hover {
					color: #e20072;
					}

				.rosa a:hover {
					color: #ffd600;
					}

		/* PORTADA */

			/* DESTACADO */

				#destacado {
					margin: 0 auto 30px auto;
					padding: 0;
					width: 100%;
					height: 150px;
					background: #edeced;
					font-size: 22px;
					color: #000;
					font-weight: normal;
					font-style: italic;
					letter-spacing: -2px;
					line-height: 26px;
					}

				#destacado span {
					background: none;
					font-size: 46px;
					color: #000;
					font-weight: bold;
					letter-spacing: -4px;
					line-height: 38px;
					}

				#destacado a.rosa {
					padding: 0;
					background: #e20072;
					color: #fff;
					}

				#destacado a.amarillo {
					padding: 0;
					background: #ffd600;
					color: #000;
					}

				#destacado a.azul {
					padding: 0;
					background: #00ccff;
					color: #000;
					}

				#destacado a:hover {
					background: none;
					color: #000;
					}

				ol#mensaje {
					margin: 0 auto;
					padding: 0 0 0 20px;
					width: 950px;
					list-style: none;
					}

				#mensaje li {
					float: left;
					display: block;
					margin: 0 20px 0 0;
					padding: 21px 46px 0 0;
					height: 129px;
					background: url(images/fd-flecha.png) right top no-repeat;
					}

			/* SOCIAL */

				#social {
					float: left;
					margin: 20px auto 30px auto;
					padding: 0;
					width: 330px;
					}

				#social h3 {
					float: left;
					margin: 0 auto;
					padding: 5px 0 0 20px;
					width: 105px;
					height: 27px;
					background: url(images/ic-mano.png) 0px 11px no-repeat;
					font-size: 16px;
					color: #fff;
					font-weight: normal;
					font-style: italic;
					letter-spacing: 0px;
					}

				#social img {
					float: left;
					margin: 0 0 0 9px;
					}

		/* FOTOGRAFIAS */

			ol#thumbs {
				overflow: auto;
				margin: 0 auto 20px auto;
				padding: 0;
				list-style-type: none;
				}

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

			#thumbs li img {
				margin: 0;
				padding: 0;
				width: 115px;
				height: 115px;
				border: 10px solid #fff;
				}

			#thumbs a:hover {
				background: none;
				}

		/* LOCALIZACIÓN */

			iframe {
				margin: 0 auto 20px auto;
				padding: 0;
				border: 0;
				}

			#transporte {
				overflow: auto;
				margin: 0 auto;
				padding: 20px 20px 20px 20px;
				background: #fff;
				}

			#transporte h2 {
				margin: 0 auto 20px auto;
				color: #000;
				}

			#transporte .spacer {
				height: 5px;
				}

			#transporte h3 {
				clear: both;
				float: left;
				margin: 0 auto;
				padding: 5px 0 0 14px;
				width: 73px;
				height: 27px;
				background: url(images/ic-flecha.png) 0px 13px no-repeat;
				font-size: 16px;
				color: #000;
				font-weight: normal;
				letter-spacing: 0px;
				}

			#transporte h3.autobus {
				height: 64px;
				}

			#transporte img {
				float: left;
				margin: 0 5px 5px 0;
				}

			#transporte span {
				float: left;
				padding: 5px 0 0 0;
				background: none;
				height: 27px;
				font-weight: normal;
				font-style: italic;
				letter-spacing: -1px;
				}

			#transporte span.metro {
				padding: 7px 0 0 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 24px;
				font-weight: bold;
				font-style: normal;
				letter-spacing: -2px;
				text-transform: none;
				}

			#transporte span.coche {
				padding: 0;
				line-height: 14px;
				}

		/* FORMULARIO */

			p.contactos {
				margin: 0 auto 5px auto;
				}

			h2.error {
				margin: 0 auto 14px auto;
				color: #990000;
				}

			p.error {
				clear: both;
				margin: 0 auto;
				padding: 0 0 0 90px;
				font-size: 11px;
				color: #990000;
				font-weight: bold;
				font-style: italic;
				}

			form {
				display: inline;
				}

			label {
				clear: both;
				float: left;
				margin: 15px 0 0 0;
				padding: 9px 0 0 0;
				width: 80px;
				font-size: 13px;
				font-style: italic;
				text-align: left;
				}

			input {
				float: left;
				margin: 15px 0 0 0;
				padding: 8px 10px 12px 10px;
				width: 250px;
				border: 0;
				background: #ddd;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 16px;
				color: #000;
				}

			input.telefon {
				padding: 6px 10px 10px 10px;
				width: 150px;
				font-family: "Times New Roman", Times, serif;
				font-size: 20px;
				letter-spacing: -1px;
				}

			textarea {
				float: left;
				margin: 15px 0 0 0;
				padding: 8px 10px 12px 10px;
				width: 330px;
				border: 0;
				background: #ddd;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 16px;
				color: #000;
				scrollbar-arrow-color: #000;
				scrollbar-3dlight-color: #ddd;
				scrollbar-highlight-color: #ddd;
				scrollbar-shadow-color: #ddd;
				scrollbar-face-color: #ddd;
				scrollbar-track-color: #ddd;
				scrollbar-darkshadow-color: #ddd;
				}

			input.submit {
				float: left;
				margin: 15px 0 0 80px;
				padding: 7px 0 9px 0;
				width: 100px;
				border: 0;
				background: #ddd;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 13px;
				color: #000;
				font-style: italic;
				text-transform: lowercase;
				}

		/* BOTONES */

			.boton-left a {
				display: block;
				float: left;
				margin: 0 auto 20px auto;
				padding: 2px 8px 5px 8px;
				background: #e20072;
				color: #fff;
				font-style: italic;
				text-align: center;
				}

			.boton-right a {
				display: block;
				float: right;
				margin: 0 auto 20px auto;
				padding: 2px 8px 5px 8px;
				background: #e20072;
				color: #fff;
				font-style: italic;
				text-align: center;
				}

			.boton-left a:hover, .boton-right a:hover {
				background: #ffd600;
				color: #000;
				}

	/* PIE */

		#pie {
			clear: both;
			margin: 0 auto;
			width: 100%;
			height: 500px;
			background: #fff url(images/fd-pie.jpg) repeat-x;
			}

		#pie .caja {
			margin: 0 auto;
			padding: 0 0 35px 20px;
			width: 950px;
			font-size: 13px;
			line-height: 19px;
			}

		#pie img {
			margin: 62px auto 0 auto;
			border: 0;
			}

		#pie p {
			margin: 23px auto 0 auto;
			}

		#pie a {
			color: #000;
			}

		#pie a:hover {
			background: #e20072;
			color: #fff;
			}

		#pie .contactos {
			float: right;
			margin: 50px 0 0 30px;
			padding: 0;
			width: 290px;
			line-height: 17px;
			}

		#pie .contactos h1 {
			margin: 1px auto 0 auto;
			padding: 0;
			color: #000;
			font-style: normal;
			line-height: 18px;
			}

		#pie .contactos h1 span {
			background: none;
			font-size: 18px;
			letter-spacing: -1px;
			}

		#pie .contactos p {
			margin: 6px auto 10px auto;
			}

		#pie .form {
			margin: 0 auto;
			padding: 0 7px 4px 26px;
			background: #e20072 url(images/ic-flecha.png) 7px 10px no-repeat;
			font-size: 18px;
			color: #fff;
			font-style: italic;
			}

		#pie .form:hover {
			background: #ffd600 url(images/ic-flecha.png) 7px 10px no-repeat;
			color: #000;
			}

		#pie .tel {
			margin: 0 auto;
			padding: 0 0 4px 26px;
			background: url(images/ic-telefono.png) 1px 10px no-repeat;
			font-family: "Times New Roman", Times, serif;
			font-size: 28px;
			color: #000;
			letter-spacing: -2px;
			line-height: 21px;
			}

		#pie .mail {
			margin: 0 auto;
			padding: 0 0 4px 26px;
			background: url(images/ic-mail.png) 2px 3px no-repeat;
			font-size: 18px;
			color: #000;
			font-style: italic;
			letter-spacing: -1px;
			line-height: 22px;
			}

		#pie .mail:hover {
			background: url(images/ic-mail.png) 2px 3px no-repeat;
			color: #00ccff;
			}