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

/********** GENERAL **********/
	
	body {
		/* text-align:center;	Centra DIV */
		margin: 0px;
		padding: 0px 5px;
		font: 8pt Arial, Helvetica, sans-serif;
		border-top: solid 13px #003366;
	}
	
	a:link {
		font: 7pt Arial, Helvetica, sans-serif;
		color: #0066CC;
		text-decoration: underline;
	}
	a:visited { color: #0066CC; }
	a:hover {
		color: #003366;
		text-decoration: none;
	}
	a:active { color: #CC3300; }
	
	img { border: 0px; }
	
	h1 {
		margin: 0px 20px;
		padding: 1em 0em;
		font: bold 16pt "Times New Roman", Times, serif;
		color: #990000;
		letter-spacing: 0.1em;
	}
	
	h2 {
		margin: 0px 20px;
		padding: 0.5em 0em 0.5em;
		font: bold 12pt "Times New Roman", Times, serif;
		color: #990000;
		letter-spacing: 0.05em;
	}
	
	h3 {
		margin: 0px 20px;
		padding: 0.5em 0em .5em;
		font: 12pt "Times New Roman", Times, serif;
		color: #990000;
		letter-spacing: 0.1em;
	}
	
	h4 {
		margin: 0px 20px 10px;;
		padding: 0.25em 1em;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		background: #0066CC;
	}
	
	h5 {
		margin: 0px 20px;
		padding: 0.5em 0em 0.5em;
		font: bold 8pt Arial, Helvetica, sans-serif;
		color: #0066CC;
	}
	
	p {
		margin: 0px 20px;
		padding: 0em 0em 0.5em;
		font: 8pt Arial, Helvetica, sans-serif;
		text-align: justify;
	}
	
	ul {
		margin: 0px 30px; /* Distancia del texto */
		padding: .5em 0em .5em 1em; /* Distancia viñeta */
		color: #003366;
	}
	
	hr {
		margin: 0px 20px;
		color: #0066CC; /* Color IE */
		background-color: #0066CC; /* Color no IE */
		height: 1px; /* Ancho Opera */
	}
	
	th,td {
		text-align: center;
	}
	
	thead {
		background: #990000;
		color: White;
		text-align: center;
	}
	
	tfoot {
		background: #99CCCC;
		color: Black;
	}
	
	tr.resaltado {
		background: #FFFFFF;
	}
	
	fieldset { padding: 0px; border: 0px;}
	
	legend { background: #0066CC; display: none; }
	
	select {
		font: 8pt Arial, Helvetica, sans-serif;
		background: White;
		vertical-align: middle;
	}
	
	input, textarea {
		font: 8pt Arial, Helvetica, sans-serif;
		background: White; /* Controla el estilo del campo */
		vertical-align: middle;
	}
	
	input.boton {
		font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #003366;
		background: #FFCC33;
	}

/********** ESTRUCTURA **********/
	
	div#ENCABEZADO, div#BW, div#CUERPO, div#PIE, div#WWW {
		width: 770px;
		margin: auto;
		padding: 0px;
	}
	
/********** BLQOUE ENCABEZADO - altura fija **********/
	
	div#ENCABEZADO {
		height: 88px;
	}
	
	div#ENCABEZADO1 {
		margin: 0px;
		padding: 0px;
		float: left;	/* Mantiene bloque Mozilla */
	}
	
	img#LOG-BESTWESTERN {
		margin: 0px 13px 0px 12px;
	}
	
	img#LOG-HOTEL {
		margin: 0px 0px 13px 0px;
	}
	
	/********** MENU VENTA **********/
	
	ul#MEN-VENTA{
		margin: 0px;
		padding: 0ex 0ex 1ex;
		float: right;
		position: relative;
		top: 13px;
		text-align: right;
		list-style: none;
		text-indent: 0px;
		border-bottom: 1px solid #0066CC;
	}
	ul#MEN-VENTA a {
		padding-right: 11px;
		background: url(../g/ico_flecha45.gif) right no-repeat;
		color: #0066CC;
		font: 7pt Arial, Helvetica, sans-serif;
		text-decoration: none;
		letter-spacing: .1em;
	}
	ul#MEN-VENTA a:hover {
		color: #003366;
	}
	ul#MEN-VENTA li {
		display: inline;
		margin-left: 20px;
	}
	ul#MEN-VENTA li.primera {
		margin-left: 0px;
	}
/********** BLQOUE BW - Dinámico **********/
	div#BW {
		padding: 0px 0px 4px 0px;
	}
	div#BW1 {
		background: #003366;
		color: White;
		font: bold 7pt Arial, Helvetica, sans-serif;
		text-align: center;
	}
	div#BW1:hover {
		background: #0066CC;
		cursor: pointer;
	}
	div#BW1 a { /* Hecho para IE */
		color: White;
		text-decoration: none;
	}
	div#BW1 a:hover {
		color: #0066CC;
	}
	*>	div#BW1 a:hover { /* Mantiene color no IE */
		color: White;
	}
	/********** MENU BW **********/
	
	div#MEN-BW {
		display: none;
		height: 25px;
	}
	div#MEN-BW div {
		float: right;
		height: 25px;
	}
	div#MEN-BW div a{
		display: block;
		height: 25px;
		color: #003366;
		text-decoration: none;
		overflow:hidden; /* Evita error MS IE */
	}	
	div#MEN-BW div a:hover{ /* Efecto MS IE */
		background: none;
		color: #003366;
	}
	div#MEN-BW div.bot85 {
		width: 85px;
		background: url(../g/bot_bestWestern85.gif) no-repeat;
	}
	div#MEN-BW div.bot85 a{
		width: 85px;
		background: url(../g/bot_bestWestern85.gif) 0px -25px no-repeat;
	}
	div#MEN-BW div.bot85 a.actual{
		width: 85px;
		color: White;
		background: url(../g/bot_bestWestern85.gif) 0px -50px no-repeat;
	}
	div#MEN-BW div.bot100 {
		width: 100px;
		background: url(../g/bot_bestWestern100.gif) no-repeat;
	}
	div#MEN-BW div.bot100 a{
		width: 100px;
		background: url(../g/bot_bestWestern100.gif) 0px -25px no-repeat;
	}
	div#MEN-BW div.bot100 a.actual{
		width: 100px;
		color: White;
		background: url(../g/bot_bestWestern100.gif) 0px -50px no-repeat;
	}
	*>div#MEN-BW div a:hover{
		background: none;
		color: #003366;
	}
	div#MEN-BW span{
		display: block;
		margin: 0px;
		padding: 5px 0px 0px;
		font:  bold 11px Arial, Helvetica, sans-serif;
		text-align: center;
	}
	
/********** BLOQUE CONTENIDO - altura variable **********/
	
	div#CUERPO {
		width/* */:/**/768px;	/* Ancho no IE 5 */
		width: /**/768px;	/* Ancho IE 5 Mac */
		background: #FFCC33;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
		border-left: 1px solid #CCCCCC;
	}
	
/********** COLUMNA 1 **********/
	
	div#COL-IZQUIERDA {
		height: 316px;	/* Altura fija igual al valor del bloque IE */
		min-height: 316px;	/* Altura fija igual al valor bloque no IE */
		width: 120px;
		float: left;
		background: #FFCC33;
	}
	
	/********** MENU SERVICIO **********/
	
	ul#MEN-SERVICIO {
		margin: 0px; /* Evita que se afecte el bloque */
		padding: 10px 20px;
		text-indent: 0px;
		list-style: none;
	}
	ul#MEN-SERVICIO a {
		color: #003366;
		font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	ul#MEN-SERVICIO a:hover {
		color: #0066CC;
	}
	ul#MEN-SERVICIO li {
		padding: 0.5em 0em;
	}
	ul#MEN-SERVICIO a.actual {
		color: #990000;
	}
	
	/********** MENU IDIOMA **********/
	
	ul#MEN-IDIOMA {
		margin: 0px;
		padding: 10px;
		text-indent: 0px;
		position: relative;
		top: 5em;
		font: 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		list-style: none;
		text-align: center;
	}
	ul#MEN-IDIOMA a {
		color: #003366;
		text-decoration: none;
	}
	ul#MEN-IDIOMA a:hover {
		color: #FFFFCC;
	}
	ul#MEN-IDIOMA a.actual {
		color: #FFFFCC;
	}
	
/********** COLUMNA 2 **********/
	
	div#COL-CENTRAL {
		width: 648px;
		float: left;
		width/* */:/**/647px;	/* Ancho no IE 5 */
		width: /**/647px;	/* Ancho IE 5 Mac */		
		background: #ECEFF4;
		border-left: 1px solid #666666;
	}
	
	/********** BLOQUR PORTADA - Altura variable **********/
	
	div#COL-CENTRAL1 {
		height: 316px; /* Altura fija igual al valor del bloque IE */
		min-height: 316px; /* Altura fija igual al valor bloque no IE */
		width: 100%;
		background: url(../g/fon_hotelEstoril.gif) no-repeat;
	}
	*>div#COL-CENTRAL1 {	/* Comandos altura variable no IE */
		min-height: 316px;
		height: auto;
	}
	div.iconos {
		margin: 5px 0px;
		text-align: center;
	}
	div.iconos img {
		margin: 10px;
		border: 1px outset #0066CC;
	}
	img#PORTADA {
		margin: 10px 20px 0px 10px;
		float: left;
		border-top: 2px solid #CCCCCC;
		border-right: 2px solid #666666;
		border-bottom: 2px solid #666666;
		border-left: 2px solid #CCCCCC;
	}
	ul.portada {	/* Corrige error de manejo de listas */
		margin-left: 234px;
		color: Black;
	}
	img.columna {
		margin: 0px 20px;
		padding: 0px;
	}
	img.tarifa {
		margin: 0px 20px 0px;
		padding: 0px;
		float: right;
		border: 1px outset #FFFFFF;
	}
	
	/********** BLOQUR MENSAJE - Altura variable **********/
	
	div#COL-CENTRAL2 {
		height: 30px; /* Altura fija igual al valor del bloque IE */
		width: 100%;
		background: #D5E7EB;
	}
	*>div#COL-CENTRAL2 {	/* Comandos altura variable no IE */
		min-height: 30px;
		height: auto;
	}
	
	/********** BLOQUR DETALLE - Altura fija **********/
	
	div#COL-CENTRAL3 {
		height: 10px;	/* Altura fija igual al valor del bloque IE */
	}
	*>div#COL-CENTRAL3 {	/* Comandos altura variable no IE */
		min-height: 10px;
		height: auto;
	}
	div#COL-CENTRAL3-1 {
		width: 49%;
		float: left;
	}
	div#COL-CENTRAL3-2 {
		width: 50%;
		float: left;
	}
	
/********** BLOQUE PIE - altura variable **********/
	
	div#PIE {
		height: 22px;
	}
	*>div#PIE {	/* Comandos altura variable no IE*/
		min-height: 22px;
		height: auto;
	}
	div#PIE p {
		margin:0px 5px;;
		padding: 0.5em 0em;
		font: bold 7pt Arial, Helvetica, sans-serif;
		color: #003366;
		text-align: center;
	}
	div#PIE p.primera {
		text-align: left;
	}
	/********** MENU EMPRESA **********/
	
	ul#MEN-EMPRESA {
		margin: 0px;
		padding: 0px;
		text-indent: 0px;
		float: right;
		position: relative;
		top: -18px;
		list-style: none;
	}
	ul#MEN-EMPRESA li {
		display: inline;
		margin-left: 10px;
	}
	ul#MEN-EMPRESA a {
		padding-right: 11px;
		background: url(../g/ico_flecha45.gif) right no-repeat;
		font: 8pt Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	
	ul#MEN-EMPRESA a:hover {
		text-decoration: underline;
	}
/********** BLOQUE WEBMASTER - altura variable **********/
	
	div#WWW {
		height: 50px;
	}
	*>div#WWW {	/* Comandos altura variable no IE*/
		min-height: 50px;
		height: auto;
	}
	
	/********** MENU WEBMASTER **********/
	
	ul#MEN-WWW {
		visibility: hidden;
		margin: 0px;
		text-indent: 0px;
		text-align: center;
		list-style: none;
	}
	ul#MEN-WWW li {
		padding: 1ex;
		display: inline;
	}
	ul#MEN-WWW a {
		font: 7pt Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
	}
	ul#MEN-WWW a:hover {
		color: Navy;
	}
	a#NETCONTAC-WWW img {
		padding-left: 7px;
		vertical-align: -7px;
	}
	a#NETCONTAC-WWW:hover img {
		background: url(http://netcontac.com/g/log_netcontac_www_cla1.gif) right no-repeat;
	}
/********** ESTILOS **********/
	
	div.subir {
		margin: 0px 10px;
		padding: 0.5em 0em 1em;
		text-align: right;
	}
	div.subir a {
		padding-right: 11px;
		background: url(../g/ico_flecha90.gif) right no-repeat;
		font: 7pt Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #0066CC;
	}
	div.subir a:hover {
		color: #003366;
		text-decoration: underline;
	}
	/********** TABLAS **********/
	table#MONTAJES {
		width: 93%;
		margin: 10px 20px;
	}
	
	table#MONTAJES colgroup.salones {
		width: 17%;
		padding: 2px 2px 2px 20px;
		text-align: left;
	}	
	table#MONTAJES colgroup.dimensiones {
		width: 7%;
	}
	table#MONTAJES colgroup.capacidades {
		width: 11%;
	}
	
	table.portada {
		width: 400px;
		border-collapse: collapse;
	}
	table.portada td {
		padding: 1px 10px 2px;
		text-align: left;
	}
	table#DISTANCIAS {
		width: 300px;
		margin: 20px 10px;
		text-align: center;
	}
	table#DISTANCIAS td {
		width: 15%;
	}
	table#DISTANCIAS th.encabezado {
		color: White;
		background: #990000;
	}
	table#TEMPERATURAS {
		width: 300px;
		margin: 20px 10px;
		text-align: center;
	}
	table#TEMPERATURAS td {
		width: 14%;
	}
	table#FESTIVIDADES {
		width: 300px;
		margin: 20px 10px;
		text-align: center;
	}
	/********** FORMULARIOS **********/
	div#FOR-CONTACTO div {
		padding: 1px 0px;
	}
	div#FOR-CONTACTO div span {
		display: block;
		float: left;
		width: 130px;
		margin: 0px;
		padding: 0px;
		font: bold 9pt Arial, Helvetica, sans-serif;
		color: #990000;
	}
	div#FOR-CONTACTO p {
		text-align: center;
	}
	div#FOR-CONTACTO div.botones {
		padding: 10px 0px 0px;
		text-align: center;
	}
	div#FOR-CONTACTO div.error{
		margin: 0px 20px 5px 228px;
		padding: 1px;
		font: bold 8pt Arial, Helvetica, sans-serif;
		background: #FF9933;
		color: White;
		text-align: center;
	}