/* Etiquetas generales */
body {
	margin: 0;
	padding: 0;

	/* Linia superior naranja */
	background: url(../images/margen_top.gif) repeat-x top;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

	img.right {
		float: right;
		padding: 1px;
		margin: 0 0 10px 10px;
		border: 1px solid #C1C1C1;
	}
	
	/*img.thumbs {
		padding: 1px;
		margin: 0;
		border: 1px solid #C1C1C1;
	}*/
	
	img.left {
		float: left;
		padding: 1px;
		margin: 0 10px 10px 0;
		border: 1px solid #C1C1C1;
	}

	p.clear {
		margin: 0;
		padding: 0;
		clear: both;
		height: 1px;
		_height: auto;		
	}

	a {
		color: #3366CC;
	}

/* Etiqueta para definir los margenes generales de la pagina */
div.content {
	width: 745px;
	margin: 0 auto;

	/* Fuentes y color de fuente general */
	font-family: Arial, sans-serif;
	color: #444;
}


/* Estilos para la cabecera */
div.header {
}

	div.logo {
		float: left;
		margin: 25px 0 0 20px;
		_margin-left: 10px;
	}
	
	div.menu-herramientas {
		float: right;
		font: 10px Verdana, Arial, sans-serif;
	}
	
		div.menu-herramientas p, div.menu-herramientas a {
			margin: 9px 0 7px 0;
			color: #444;
			text-align: right;
		}
		
		div.menu-herramientas ul {
			margin: 0;
			text-align: right;
			list-style: none;
		}
		
		div.menu-herramientas li {
			margin-left: 7px;
			display: inline;
			color: #FF6600;
		}
	
		div.menu-herramientas li a {
			color: #1F4EAD;
		}	
/* Fin de los estilos para la cabecera */
	
	
	div.contenido-alto {
		margin: 20px 0 0 0;
	}	
	
	div.contenido {
		margin: 20px 0 0 0;
	}
	
	/* Etiqueta que contiene el menu de reserva y los banners */	
	div.bloque-izquierda {
		margin: 0;
		padding: 0;
		width: 232px;
		float: left;
	}
	
	/* Etiqueta que contiene el menu, la imagen del menu y el contenido */
	div.bloque-derecha {
		float: right;
		width: 513px;
	}	
	
	/* Etiquetas de estilo para el menu de reservas */
	div.menu-reservas {
		background: url(../images/fondo_menu_reservas.gif);
		width: 195px;
		height: 280px;
		padding: 20px 16px 14px 20px;
	}
	
		div.menu-reservas h3 {
			margin: 0;
		}


		div.menu-reservas p {
			margin: 15px 0 0 0;
			font-size: 11px;
		}
	
			div.menu-reservas p span {
				font-size: 12px;
				font-weight: bold;
				color: #444;
			}	

			div.menu-reservas p.nota {
				margin: 0;
				text-align: right;
				font-size: 9px;
			}

		div.menu-reservas form {
			margin: 0;
			padding: 0;
		}

		div.menu-reservas table {
			margin-left: 10px;
		}		

		div.menu-reservas td, div.menu-reservas th {
			margin: 0;
			padding: 0;
		}

		div.menu-reservas th {
			font-size: 11px;
			font-weight: normal;
			text-align: right;
		}
		
		div.menu-reservas input.small {
			font-size: 11px;
			width: 14px;
			padding: 1px;			
		}
		
		div.menu-reservas input.locked {
			font-weight: bold;
			font-size: 11px;
			width: 21px;
			padding: 2px;
			border: 0;
			background-color: #DCDCDC;	
		}
		
		div.menu-reservas input.boton {
			margin: 15px 0 0 95px;
		}
		
		div.menu-reservas select {
			font-size: 11px;
		}


	/* Etiquetas de estilo para los banners */
	div.zona-banners {
		margin: 20px 0 35px 0;
		text-align: center;
	}
	
	div.zona-banners-derecha {
		margin: 20px 0 35px 0;
		text-align: center !important;
		float: right;
		width: 232px;
	}	
	
		div.zona-banners img, div.zona-banners-derecha img {
			margin: 5px 0;
		}
		
	div.banner-inside {
			margin: 40px 0 0 -14px;
			text-align: center;
		}
		
		div.banner-inside img {
			margin: 0 !important;
			padding: 0;
		}


	/* Etiqueta para la imagen de debajo del menu */
	div.imagen-menu img {
		border-bottom: 1px solid #224469;
	}

	/* Etiquetas para el contenido interno de las paginas */	
	div.textos {
		padding: 25px 0 25px 25px;
	}
	
	/* Etiqueta para definir los margenes de la pagina de contactar */
	div.textos-contactar {
		width: 450px;		
	}	
	
	
		div.textos h2 {
			margin: 0 0 14px 0;
		}
		
		div.textos h4 {
			margin: 0 0 14px 0;
		}
		
		div.textos p {
			margin: 0 0 2em 10px;
			font-size: .7em;
		}
		
		div.textos span.asterisco {
			font: 1.2em Verdana, sans-serif !important;
		}
		
		div.textos p.nota, div.textos span.nota {
			font-size: 10px;
		}
		
		div.textos blockquote {
			margin-left: 25px;
		}
		
		p.breadcrumb {
			margin: 20px 0 0 25px;
			font-size: .7em !important;
		}

		
		/*Etiquetas contenido empresa*/
		
		div.textos-empresa {
			width: 485px;
		}
		
		div.textos-empresa h2 {
			margin: 0 0 1em 0;
			font-size: 0.8em;
			font-weight: bold;
		}
		
		div.textos-empresa h3 {
			margin: 0;
			font-size: 0.8em;
			font-weight: bold;
		}
		
		div.textos-empresa p {
			font-size: 0.7em;
			line-height: 130%;
			margin: 0 5px 1.5em 2px;
			}
		
		div.textos-empresa li {
			font-size: 0.7em;
			line-height: 140%;
			margin-right: 10px
		}
		
		/*Estilos lista empleo*/
		
		div.textos-empleo ul {
				padding: 0;
				margin: 0 0 0 2px;
				list-style: none;				
			}
			
			div.textos-empleo ul li {
				font-size: .7em;
				line-height: 1.6em;
				background: url(../images/vineta_naranja.gif) no-repeat left;
				padding-left: 10px;
			}
		div.textos-empleo h4 {
				margin: 25px 0 10px 0;
				font-size: 0.75em;
				color: #FF6600
			}
			
		div.textos-empleo p {
				margin: 0 0 1em 15px;
				line-height: 1.5em;
			}
		
	
		/* Etiquetas para el contenido de la home */
		div.textos-home {
			padding: 25px 0 40px 25px;	
		}
		
			div.textos-home h2 {
				margin: 0 0 15px 0;
			}
			
		/* Etiquetas para los directorios de hoteles de la home */
		div.destino-home {
			width: 145px;
			margin: 0 0 16px 12px;
			_margin: 0 5px 16px 7px;
			float: left;
		}
		
			div.destino-home h4 {
				margin: 0 0 5px 0;
				padding-bottom: 3px;
				background: url(../images/horizontal_puntos_3.gif) repeat-x bottom;
			}
			
			div.destino-home ul {
				padding: 0;
				margin: 0 0 0 2px;
				list-style: none;				
			}
			
			div.destino-home ul li {
				font-size: .7em;
				line-height: 1.6em;
				background: url(../images/vineta_naranja.gif) no-repeat left;
				padding-left: 10px;
			}



		/* Etiquetas para dar estilo a los elementos de las dos columnas de la pagina principal */
		/* Son las columnas que contienen las ultimas noticias, los salones y congresos y las ofertas de empleo */
		div.columna-izquierda, div.columna-derecha {
			margin-top: 30px;
			width: 240px;
		}

		div.columna-izquierda h4, div.columna-derecha h4 {
			margin: 0 0 10px 0;
		}

		div.columna-izquierda {
			float: left;
		}

		div.columna-derecha {
			float: right;
		}				

			div.columna-izquierda p, div.columna-derecha p {
				margin-top: 0;
				padding-left: 10px;
				font-size: .7em;
				line-height: 1.4em;
			}		
			
	
		/* Etiquetas para los estilos de las listas de destinos de la pagina interna */
		div.destino-inside {
			margin-left: 20px;
			padding-left: 11px;
			background: url(../images/flecha_naranja_destino.gif) no-repeat;
			background-position: 0px 1px;
			_background-position: 1px 1px;
		}
		
			div.destino-inside h4 {
				margin: 0 0 3px 0;
			}
			
			div.destino-inside p {
				margin: 0 0 2em 0;
				font-size: .7em;
			}
			
		
		/* Etiquetas para la lista de hoteles de una destinacion */
		
		div.lista-hoteles {
			margin-left: 10px;
		}
		
			div.lista-hoteles h5 {
				margin: 0 0 7px 0;
			}
			
			
			div.lista-hoteles p {
				margin: 0 0 7px 0;
			}
		
/* Etiquetas para el menu local */
		div.menu-local {
			margin-top: 30px;
			margin-left: 10px;
			margin-bottom: 7px;
			width: 120px;
			float: right;
		}
		
			div.menu-local div.top, div.menu-local div.bottom {
				height: 3px;
				overflow: hidden;
			}

			div.menu-local div.top {
				background: url(../images/top_menu_local.gif) no-repeat top;
			}

			div.menu-local div.bottom {
				background: url(../images/bottom_menu_local.gif) no-repeat top;			
			}

			div.menu-local ul {
				margin: 0;
				padding: 10px 0;
				list-style: none;
				background-color: #E7EFF7;
			}

			div.menu-local li {
				margin-left: 10px;
				padding: 5px 10px;
				font: bold .7em/1.1em Arial, sans-serf;
				background: url(../images/flecha_menu_naranja.gif) no-repeat left;
				background-position: 0 .7em;
			}
			
			div.menu-local li.off {
				color: #777 !important;
				background: url(../images/flecha_menu_gris.gif) no-repeat left !important;				
			}
			
			div.menu-local a {
				color: #001D4A;
			}
			
/* Etiquetas para el menu empleo */
		div.menu-empleo {
			margin-top: 30px;
			margin-left: 10px;
			margin-bottom: 7px;
			width: 166px;
			float: right;
		}
		
			div.menu-empleo div.top, div.menu-empleo div.bottom {
				height: 3px;
				overflow: hidden;
			}

			div.menu-empleo div.top {
				background: url(../images/top_menu_local_hotel.gif) no-repeat top;
			}

			div.menu-empleo div.bottom {
				background: url(../images/bottom_menu_local_hotel.gif) no-repeat top;			
			}

			div.menu-empleo ul {
				margin: 0;
				padding: 10px 0;
				list-style: none;
				background-color: #E7EFF7;
			}

			div.menu-empleo li {
				margin-left: 10px;
				padding: 5px 10px;
				font: bold .7em/1.1em Arial, sans-serf;
				background: url(../images/flecha_menu_naranja.gif) no-repeat left;
				background-position: 0 .7em;
			}
			
			div.menu-empleo li.off {
				color: #777 !important;
				background: url(../images/flecha_menu_gris.gif) no-repeat left !important;				
			}
			
			div.menu-empleo a {
				color: #001D4A;
			}
			
	/* Etiquetas para el menu local de las salas de convenciones */
	
			div.menu-local-eventos {
			width: 166px;
			float: right;
			margin: 0 0 20px 20px;
			_margin: 0 0 20px 15px;
			}
		
		
			div.menu-local-eventos div.top {
				background: url(../images/top_menu_local_hotel.gif) no-repeat top;
			}

			div.menu-local-eventos div.bottom {
				background: url(../images/bottom_menu_local_hotel.gif) no-repeat top;
			}
	
	
	/* Etiquetas para la tabla de los formularios */
	table.formulario {
		margin-bottom: 20px;
	}

		table.formulario th, table.formulario td {
			font-size: 11px;
			padding-bottom: 10px;
		}

		table.formulario th {
			width: 120px;
			text-align: right;
			vertical-align: top;
		}

		table.formulario td {
			padding-left: 10px;
			width: 210px;
		}

		table.formulario input {
			border: 1px solid #888;
			font-size: 11px;
			padding: 3px;
		}
		
			table.formulario input.big {
				width: 200px;
			}
			
			table.formulario input.medium {
				width: 150px;
			}
			
			table.formulario input.small {
				width: 70px;
			}
			
			table.formulario select {
				font-size: 11px;
			}
			
			table.formulario input.boton-enviar {
				margin-left: 120px;
				border: 0 !important;
			}

		table.formulario textarea {
			border: 1px solid #888;	
			width: 208px;
			height: 110px;	
		}
		
		table.formulario label.nota {
			font-size: 10px;
		}
	
	/* Etiquetas para la tabla de los eventos */
	table.espacios {
	margin-bottom: 15px;
	margin-top: 15px;
	clear: left;
	padding: 0px;
	font-size: 11px;
	}

		table.espacios th {
			text-align: right;
			vertical-align: top;
			padding-right: 10px;
		}

		table.espacios td {
			padding-right: 10px;
			text-align: right;
		}
		
		table.espacios td.linea {
		background-image: url(../images/eventos/punto.gif);
		background-repeat: repeat-x;
		}
		
		table.espacios tr.gris {
		background-color: #DDDDDD;
		border-color: #DDDDDD;
		
		}
				
		table.espacios label.nota {
			font-size: 10px;
		}
	
	
	
	/* Etiquetas para el footer */
	div.footer {
		padding-top: 11px;
		background: url(../images/footer_margen_top.gif) repeat-x top;
		text-align: center;
		font-size: .7em;
	}
	
	div.footer p {
		margin: 0 0 24px 0;
		padding: 0;
	}
	
	/* Estilos para la ficha de los hoteles */
	
	div.top-ficha {
		float: right;
		width: 550px;
		padding-left: 10px;
	}
	
		div.top-ficha p.breadcrumb {
			margin-left: 2px;
		}

		div.top-ficha div.titulo {
			float: left;
		}

			div.top-ficha div.titulo h2 {
				margin-top: 20px;
				margin-bottom: 0;
			}

			div.top-ficha div.titulo p.direccion-hotel {
				margin: 0 0 0 10px;
				font-size: .7em;
				color: #666;
			}

		div.top-ficha form {
			margin-top: 35px;
			float: right;
		}
		
		div.top-fichareservas {
		float: left;
		width: 550px;
		padding-left: 10px;
		}
		
		
		
		div.ficha-principal {
			float: right;
			width: 550px;
			padding-left: 10px;
		}
		
		div.ficha-principal p{
			margin: 0 0 1.5em 10px;
			font-size: .7em;
		}
		
		div.ficha-principal h2 {
	margin: 0 0 1em 0px;
	font-size: 1em;
	font-weight: bold;
	color: #FF6200;
		}
		
		div.ficha-principal h5 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 0.7em 0;
		}
		
		div.ficha-principal img.thumbs {
				/*padding: 1px;
				border: 1px solid #CBCCCB;*/
				margin: 0px 15px 0px 10px;
				float:left
			}
			
		div.ficha-principal img.thumbsborde {
				padding: 1px;
				border: 1px solid #CBCCCB;
				margin: 10px 0px 0px 25px;
				float:left
			}
			
		div.ficha-principal img.eventos {
				margin: 10px 20px 0px 20px;
				float: left
			}
			
		div.ficha-principal img.salaeventos {
				padding: 1px;
				border: 1px solid #CBCCCB;
				margin: 10px 0px 15px 20px;
				float:left
				}
			
		
		.txt_11 {
			font-size: 0.7em;
			line-height: 170%;
			}
		
		/* Etiquetas para el menu local del hotel */
		/* Solo se indican aquellas que son diferentes respecto el menu local generico del listado de destinos y hoteles */
		div.menu-local-hotel {
			margin: 0 50px 20px 15px;
			_margin: 0 30px 20px 15px;
			width: 166px;
			float: right;
		}
		
		
			div.menu-local-hotel div.top {
				background: url(../images/top_menu_local_hotel.gif) no-repeat top;
			}

			div.menu-local-hotel div.bottom {
				background: url(../images/bottom_menu_local_hotel.gif) no-repeat top;
			}
			
			
			
		div.modulo-hotel {
			margin: 0 10px 0 10px;
			_margin: 0 10px 0 5px;
			float: left;
			width: 150px;
			line-height: 1.1em;
		}


			div.modulo-hotel h4 {
				padding-bottom: 3px;
				margin: 0 0 7px 0;
				background: url(../images/horizontal_puntos_3.gif) repeat-x bottom;
				font: bold 14px Arial, sans-serif;
				color: #0C2948;
			}
			
			div.modulo-hotel ul {
				margin: 0 5px;
				padding: 0;
				font-size: .7em;
				line-height: 1.2em;
				list-style: none;
			}
			
				div.modulo-hotel li {
					padding: 3px;
				}
			
			div.modulo-hotel img.icon {
				margin-bottom: -3px;
			}
			
			div.modulo-hotel img.thumb {
				padding: 1px;
				border: 1px solid #CBCCCB;
				margin: 3px 16px;
			}
			
/* Estilos para el estilo del menu de reservas propio de cada hotel o centro de convenciones */
	div.menu-reservas-inside {
		padding: 14px 0 0 14px;
		margin: 10px 0 35px 0;
		width: 165px;
		height: 224px;
		background: url(../images/fondo_menu_reservas_hotel.gif) no-repeat;
		float: left;
	}
	
		div.menu-reservas-inside h3 {
			margin: 0 0 10px 0;
		}


			div.menu-reservas-inside p.nota {
				margin: 0 20px 0 0;
				text-align: right;
				font-size: 10px;
				color: #7A7A7A;
			}

		div.menu-reservas-inside form {
			margin: 0;
			padding: 0;
		}

		div.menu-reservas-inside table {
			margin: 0 0 0 7px;
		}		

		div.menu-reservas-inside td, div.menu-reservas-inside th {
			margin: 0;
			padding: 0;
		}

		div.menu-reservas-inside th {
			font-size: 11px;
			font-weight: normal;
			text-align: left;
		}
		
		div.menu-reservas-inside input.small {
			font-size: 11px;
			width: 14px;
			padding: 1px;			
		}
		
		div.menu-reservas-inside input.separado {
			margin-right: 5px;
		}
		
		div.menu-reservas-inside input.locked {
			font-weight: bold;
			font-size: 11px;
			width: 21px;
			padding: 2px;
			border: 0;
			background-color: #DCDCDC;
		}
		
		div.menu-reservas-inside input.boton {
			margin: 20px 0 0 64px;
		}
		
		div.menu-reservas-inside select {
			font-size: 11px;
		}
		
		
/*Clases para el menu de reservas de las paginas reservas.asp*/
		
		div.menu-reservas-insidesolo {
			padding: 14px 0 0 14px;
			margin: 25px 0 35px 10px;
			width: 460px;
			height: 175px;
			background: url(../images/fondo_menu_reservas_pagina.gif);
			float: left;
			}
			
			div.menu-reservas-insidesolo form {
			margin: 0;
			padding: 0;
			}
		
			div.menu-reservas-insidesolo table {
			margin: 0 0 0 10px;
			font-size: 11px;
			}
			
			div.menu-reservas-insidesolo th {
			height: 22px;
			font-weight: normal;
			text-align: left;
			}
		
			div.menu-reservas-insidesolo h4 {
			margin: 0 0 15px 0;
			}
			
			div.menu-reservas-insidesolo p.nota {
				margin: 0 40px 0 0;
				text-align: right;
				font-size: 10px;
				color: #7A7A7A;
			}
			
			div.menu-reservas-insidesolo fieldset {
				height: 5em;
				width: 150px;
				border: 0;
				margin: 0 25px 0 10px;
				padding: 0;
				float: left;
			}
			
			div.menu-reservas-insidesolo fieldset h3 {
				font-size: 11px;
				margin: 0 0 12px 0;
			}
			
			div.menu-reservas-insidesolo input.small {
				font-size: 11px;
				width: 14px;
				padding: 1px;			
			}
			
			div.menu-reservas-insidesolo select {
			font-size: 11px;
			}
			
			div.menu-reservas-insidesolo input.separado {
				margin-right: 5px;
			}
			
			div.menu-reservas-insidesolo input.boton {
				margin: 20px 0 0 270px;
				_margin: 0 0 0 270px;
			}
		
/* Etiquetas para dar formato al mapa24 */

div#maparea {
	float:left;
	margin-right: 5px;
	}


/* Etiquetas para dar formato a los calendarios emergentes de la zona de reservas */

div#calendarioa, div#calendariob {
	margin-left: 190px;
	margin-top: -27px;
	position:absolute;
	visibility:hidden;
	background-color:white;
}


div#calendarioa table, div#calendariob table {
	font-family: Arial, sans-serif;
	font-size: 11px;
	border: 0;
	margin: 0;
	width: 190px;
}

div#calendarioa td.cpMonthNavigation, div#calendariob td.cpMonthNavigation {
	text-align: center;
	font-weight: bold;
	padding: 0 8px;
	height: 25px;
}

div#calendarioa td.cpDayColumnHeader, div#calendariob td.cpDayColumnHeader {
	height: 20px;
	width: 25px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

div#calendarioa td.cpOtherMonthDate, div#calendarioa td.cpOtherMonthDate a, div#calendariob td.cpOtherMonthDate, div#calendariob td.cpOtherMonthDate a {
	text-align: center;
	color: #666;
	padding: 1px;
}

div#calendarioa td.cpCurrentMonthDate, div#calendariob td.cpCurrentMonthDate {
	text-align: center;
	padding: 1px;
}

div#calendarioa td.cpCurrentDate, div#calendariob td.cpCurrentDate {
	text-align: center;
	font-weight: bold;
	padding: 1px;
}

div#calendarioa td.cpTodayText, div#calendariob td.cpTodayText {
	padding: 5px 0;
	font-weight: bold;
}

table#calendar {
	border: 1px solid #aaa !important;
}