﻿/*
Documento CSS para Navegadores Mozilla.

Se ha realizado con ASP una seleccion automatica del archivo CSS adecuado y se han implementado
versiones de hoja de estilos para los navegadores tipo IE, Netscape y Mozilla.
*/

/********************************************************************************************************************/
/*Elementos Generales*/
body	{
	background-color: #FFF; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-align: justify; height: 100%
}
a:visited	{
	text-decoration: none; color: #0066FF
}
a:hover	{
	text-decoration: none; color: #0066FF
}
a:active	{
	text-decoration: none; color: #0066FF
}
a	{
	text-decoration: none; color: #0066FF
}
a:hover	{
	text-decoration: underline
}
a:visited	{
	color: #FF9900
}
h2{
	text-align: center; font-size: 11px; color: silver; font-weight: normal
}
img	{
	border: none
}

/********************************************************************************************************************/
/*Tablas y Divs principales*/
#PrimeraTabla	{
	display: none
}
div#Master	{
	position: absolute; width: 880px; top: 144px; left: 50%; margin-left: -440px; padding-top: 312px
}
div#BordeSuperior, div#Breadcrumb, div#Cabecera, div#Widget, div#Centro, div#Telefonos	{
	position: absolute
}
div#BordeSuperior	{
	width: 880px; clear: both; left: 50%; margin-left: -440px; top: 114px; height: 20px
}
div#Breadcrumb	{
	width: 880px; clear: both; left: 50%; margin-left: -440px; height: 14px; top: 100px; text-align: right; font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #F90; font-weight: bold
}
div#Cabecera	{
	width: 880px; clear: both; top: 0px; height: 100px; left: 50%; margin-left: -440px
}
div#Widget, div#Centro, div#Telefonos	{
	height: 300px; border: solid 1px silver
}
div#Widget	{
	width: 208px; top: 144px; margin-left: -440px; left: 50%
}
div#Centro	{
	width: 664px; top: 144px; margin-left: -440px; left: 50%; z-index: 31
}
div#Telefonos	{
	width: 202px; top: 0px; margin-left: 236px; left: 50%; z-index: 30
}
div#ContenedorDerecha	{
	width: 202px; float: right; border: solid 1px silver
}
div#ContenedorIzquierda	{
	width: 654px; float: left; border: none
}
div#BordeInferior, div#Bottom	{
	width: 880px; clear: both
}
div#BordeInferior	{
	height: 20px
}
div#Bottom	{
	margin-top: 50px; font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 1.25em; text-align: left
}

/********************************************************************************************************************/
/*Otros Divs y contenedores*/
div#LinksPrincipales	{
	width: 100%; text-align: center; position: absolute; bottom: 0px
}
div#Titulo	{
	width: 100%; text-align: center; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #FF9900; font-weight: bold; background-color: #FFF; padding: 3px 0px
}
div#Imagen	{
	width: 100%; text-align: center; position: relative; background-color: #FFF
}
div#Contenidos	{
	position: relative; width: 100%; padding: 5px; border: solid 1px silver
}
table.Links	{
	border: none; border-collapse: collapse; width: 100%; font-family: Arial, Helvetica, sans-serif
}

/********************************************************************************************************************/
/*Elementos en contexto con contenedores*/
div#Cabecera img	{
	margin: 30px 0px; border: none
}
div#ContenedorDerecha p	{
	margin-left: 5px
}
div#Imagen img{
	border: none; margin: 5px auto 0px auto
}
div#Contenidos p	{
	margin: 0px 15px 0px 5px
}
div#Telefonos p	{
	text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10pt
}
div#Breadcrumb a:visited	{
	color: blue
}
div#Breadcrumb a:hover	{
	color: blue
}
div#Breadcrumb a	{
	color: blue
}
table.Links td.Principales a, table.Links td.Principales a:hover, table.Links td.Principales a:visited	{
	color: #00468C
}
table.Links td.Principales	{
	height: 42px; background-image: url('barras/boton.jpg'); background-position: center; background-repeat: no-repeat; font-size: 12px; text-align: center; padding: 2px
}
table.Links td.Secundarios a, table.Links td.Secundarios a:hover, table.Links td.Secundarios a:visited	{
	color: #CC3300
}
table.Links td.Secundarios	{
	height: 32px; background-image: url('barras/boton_relleno.jpg'); background-position: center; background-repeat: repeat-x; font-size: 11px; font-weight: bold; text-align: left; padding: 1px
}
/********************************************************************************************************************/
/*Otros Elementos*/
iframe#FramePromo	{
	width: 302px; height: 500px; float: right; margin: 5px 0px 5px 5px
}
select#SelLista	{
	width: 230px
}
.Negrita	{
	font-weight: bold
}
p.InfoTitle	{
	font-weight: bold; padding-top: 20px
}
p.InfoBlock	{
	line-height: 17px
}
img.Separador	{
	width: 190px; height: 1px; margin: 0px 5px
}
div#Contenidos p.InfoPie	{
	margin: 20px 15px 20px 5px
}
/********************************************************************************************************************/
/*Estilos para las paginas de hotel*/
div#DivContenedorImg	{
	width: auto; margin: 10px auto
}
div#DivContenedorImg img	{
	max-height: 220px; border: solid 1px silver; border-collapse: collapse
}
div#Controles	{
	border: none; max-width: 420px; height: inherit; margin: 0px auto
}
div#Hotel_Titulo	{
	text-align: center; font-family: Arial, Helvetica, sans-serif
}
div#Hotel_Titulo span.TTL	{
	color: #006699; font-family: Arial; font-size: 11pt; font-weight: bold; margin-bottom: 5px
}
div#Hotel_Titulo span.Plan	{
	color: #000; font-weight: normal; margin-bottom: 5px
}
span.Caract	{
	font-size: 10px; font-weight: bold; color: #FF9933
}
p.HotelInfo	{
		font-weight: bold; padding-top: 20px; color: #336699; text-align: left
}
p.HotelInfo span	{
		font-weight: normal; font-size: 10px; color: #808080
}
p.TextoJustificado	{
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal
}
div#Hotel_Cadenas	{
	width: 200px; float: right; margin: 5px 5px 5px 10px; border: 1px silver solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-image: url('/motor_asp/mascara/barras/fondo_widget.jpg'); background-position: 0px 0px; background-repeat: repeat-x
}
div#Hotel_Cadenas a	{
	color: #FFF
}
p#Hotel_Lista	{
	margin-right: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left
}
p#Hotel_Lista span.TituloHoteles	{
	font-size: 9pt; font-weight: bold
}
p#Hotel_Lista a:visited	{
	color: #CC6600
}
p#Hotel_Address	{
	text-align: center; color: #808080; margin: 10px
}
div#InfoRoom	{
	text-align: justify; border: solid 1px silver; width: 90%; margin-left: auto; margin-right: auto; padding: 5px
}

/********************************************************************************************************************/
/*Estilos para los directorios de hoteles*/
div.ListaHoteles	{
	width: 590px; margin: 10px 0px 5px 10px; clear: left
}
div.ListaTitulos	{
	font-size: 9pt; font-weight: bold; padding: 3px 0px 3px 2px; background-color: silver;
}
div.ListaTitulos span	{
	font-size: 9px; font-family: Verdana; font-weight: normal; color: #1883BC
}
table.ListaHoteles	{
	width: 100%; border: none; border-collapse: collapse
}
td.NombreHoteles	{
	border-bottom: solid 1px silver; font-size: 11px; padding-top: 3px
}
td.NombreHoteles a	{
	text-decoration: none; font-weight: bold; color: blue
}
td.Categorias	{
	border-bottom: 1px solid silver; width: 70px; text-align: right; padding-right: 10px
}
table#Paginacion	{
	font-family: Verdana, Arial, Helvetica; font-size: 9pt; width: 820px; border: none; border-collapse: collapse; margin: 0px auto 10px auto
}
table#Paginacion td	{
	width: 50%; padding-left: 10px; padding-right: 10px
}
table#Paginacion span	{
	font-weight: bold
}
input#NombreAI,input#CategoriaAI,input#NombreEP,input#CategoriaEP	{
	background-image:url('/motor_asp/mascara/barras/boton_ordenar.jpg'); background-position: left; background-repeat: no-repeat; width: 81px; border: none; background-color: #FFF
}

