@charset "utf-8";
/*
	Descripción: Estilos usados en todas las páginas Web.
	Lenguaje: CSS2
	Fecha de creación: 28-01-2003
	Fecha de modificación: 3-03-2025
	Autor: Roberto Martínez Pérez
	Empresa: netcontac.com
*/

/********** GENERAL **********/

	* { margin: 0px; padding: 0px; }

	a:link {
		color: #0066CC;
	}
	a:active { color: #CC3300 !important; }

	a:hover { text-decoration: none; }

	img { border: 0px; }

	h1 {
		margin-bottom: 20px;
		margin-right: 30px;
		font: 28pt Arial, Helvetica, sans-serif;
		text-align: right;
		color: #003C7E;
	}
	
	h2 {
		margin-top: 1.5em;
		margin-bottom: 1em;
		font: 24pt Arial, Helvetica, sans-serif;
		text-align: center;
		color: #003C7E;
	}

	h4:first-child ,
	h3:first-child ,
	h2:first-child { 
		margin-top: 0;
	}
	h2:last-child { 
		margin-bottom: 0;
	}

	h3 {
		margin-top: 1em;
		margin-bottom: 1em;
		font: 20pt Arial, Helvetica, sans-serif;
		color: #003C7E;
	}

	h4 {
		margin-top: 1em;
		margin-bottom: 1.5em;
		font: bold 15pt Arial, Helvetica, sans-serif;
		text-align: center;
		color: #003C7E;
	}
	
	h5 {
		margin-bottom: 1em;
		font: bold 15pt Arial, Helvetica, sans-serif;
		color: #003C7E;
	}

	ul,
	p {
		margin-bottom: 1em;
		font: 14pt Arial, Helvetica, sans-serif;
	}
 	ul:last-child,
	p:last-child {
		margin-bottom: 0;
	}
	p {
		text-align: justify;
	}

	ul {
		padding-left: 1em; /* Distancia viñeta */
		color: #003C7E;
	}

	table {
		font: 12pt Arial, Helvetica, sans-serif;
		text-align: center;
	}
	th {
		padding: 1em;
	}
	td {
		padding: 0.5em;
	}
	thead {
		color: #FFCC33;
		background: #003C7E;
	}
	tfoot {
		background: #99CCCC;
	}
	tr.resaltado {
		background: #D5E7EB;
	}
	
	fieldset { border: 0px;}
	
	legend { display: none; }
	
	select {
		font: 12pt Arial, Helvetica, sans-serif;
		background: White;
		vertical-align: middle;
	}
	
	input, textarea {
		font: 12pt Arial, Helvetica, sans-serif;
		background: White;
		vertical-align: middle;
	}
	
	.boton {
		padding: 0.5em 1em;
		font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #003366;
		background: #FFCC33;
	}

/********** ESTRUCTURA **********/

	div#CUERPO,
	div#ENCABEZADO2>div,
	div#ENCABEZADO1>div {
		position: relative;
		width: 1004px;
		margin: auto;
	}
	
/********** BLQOUE ENCABEZADO **********/

	div#ENCABEZADO1 {
		height: 60px;
		background: #003C7E;
	}
	a#ESTORIL {
		position: absolute;
		left: 10px;
		font: bold 20pt  Arial, Helvetica, sans-serif;
		text-decoration: none;
		letter-spacing: 0.1em;
		line-height: 60px;
		color: White;
	}
	ul#MEN-SERVICIO,
	ul#MEN-VENTA {
		padding: 0;
		list-style: none;
	}
	ul#MEN-SERVICIO li,
	ul#MEN-VENTA li {
		display: inline-block;
		margin-right: -0.3em;
	}
	ul#MEN-VENTA {
		position: absolute;
		top: 0;
		left: 280px;
	}
	a#IDIOMA,
	ul#MEN-VENTA a {
		display: block;
		padding-right: 1em;
		padding-left: 1em;
		height: 60px;
		font: bold 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 60px;
		vertical-align: middle;
		color: White;
	}
	a#IDIOMA:hover,
	ul#MEN-VENTA a:hover,
	ul#MEN-VENTA a.actual {
		background: #0066CC;
	}
	a#IDIOMA {
		position: absolute;
		top: 0;
		right: 0;
	}

	div#ENCABEZADO2 {
		height: 40px;
		background: #FFCC33;
	}
	ul#MEN-SERVICIO  {
		text-align: center;
	}
	ul#MEN-SERVICIO a {
		font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding-right: 1em;
		padding-left: 1em;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 40px;
		vertical-align: middle;
		color: #003366;
		
	}
	ul#MEN-SERVICIO a.actual,
	ul#MEN-SERVICIO a:hover {
		color: #0066CC;
	}
	
/********** BLOQUE CONTENIDO - altura variable **********/

	div#COL-CENTRAL1 {
		position: relative;
		padding: 40px;
		background: #D5E7EB;
	}

	p#BIENVENIDA {
		height: 40px;
		margin-bottom: 0;
		margin-left: 20px;
		line-height: 60px;
	}
	p#BIENVENIDA a:visited {
		color: #0066CC;
	}
	div#COL-CENTRAL2 {
		position: relative;
		padding: 40px;
		min-height: 10px;
	}
	
/********** BLOQUE PIE **********/

	div#PIE1 {
		color: White;
		background: #004080;
	}
	div#PIE1 p {
		margin-bottom: 0;
		padding: 30px;
		font: 12pt Arial, Helvetica, sans-serif;
		letter-spacing: 0.1em;
		text-align: center;
	}
	div#PIE1 a:visited,
	div#PIE1 a:link {
		color: White;
	}

	div#PIE2 {
		color: White;
		background: #003366;
	}
	div#PIE2 p {
		margin-bottom: 0;
		padding: 20px;
		font: 10pt Arial, Helvetica, sans-serif;
		text-align: center;
	}

/********** ESTILOS **********/
	
	div.col-der,
	div.col-izq {
		float: left;
		display: inline-block;
		width: 45%;
	}
	div.col-izq {
		padding-right: 5%;
	}
	div.col-der {
		padding-left: 5%;
	}
	div.col-der+br {
		 clear: both;
	}

	/********** TABLAS **********/

	table#MONTAJES {
		margin-top: 40px;
		width: 100%;
	}
	
	table#FESTIVIDADES,
	table#TEMPERATURAS,
	table#DISTANCIAS	{
		margin-bottom: 20px;
	}

	table#DISTANCIAS td {
		width: 15%;
	}
	table#DISTANCIAS th.encabezado {
		color: White;
		background: #003C7E;
	}

	table#TEMPERATURAS td {
		width: 14%;
	}

	table#FESTIVIDADES td {
		width: 30%;
	}

	/********** FORMULARIOS **********/

	div#FOR-CONTACTO {
		margin-left: 150px;
	}
	div#FOR-CONTACTO div {
		margin-bottom: 10px;
	}
	div#FOR-CONTACTO div span {
		display: inline-block;
		width: 260px;
		font: bold 14pt Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #0066CC;
	}
	div#FOR-CONTACTO div.botones {
		margin-left: 260px;
	}
	div#FOR-CONTACTO div.error{
		margin: 0px 20px 5px 228px;
		padding: 1px;
		font: bold 14pt Arial, Helvetica, sans-serif;
		background: #FF9933;
		color: White;
		text-align: center;
	}

	/********** PÁGINAS **********/

	body#BIENVENIDA h1 {
		margin: 40px; 
		text-align: center;
	}

	body#TARIFAS br+h3 {
		margin-top: 60px;
	}
	body#TARIFAS div.col-izq {
		width: 55%;
	}
	body#TARIFAS div.col-der {
		padding-left: 10%;
		width: 30%;
	}
	body#TARIFAS span.tarifa {
		font-size: 60px;
		vertical-align: -40%;
	}

	body#HOSPEDAJE img+img {
		margin-top: 40px;
	}