@charset "utf-8";
/*
	Descripción: Estilos usados en todas las páginas Web.
	Versión: 1.0
	Lenguaje: CSS2
	Fecha de creación: 27-06-2006
	Fecha de modificación: 26-05-2008
	Autor: Roberto Martínez Pérez
	Empresa: netcontac.com
*/

/********** GENERAL **********/
	
	body {
		/* text-align:center;	Centra DIV */
		margin: 0px;
		padding: 10px;
		font: 8pt Arial, Helvetica, sans-serif;
		background: #993300;
	}	
	a:link {
		color: Black;
		font: 8pt Arial, Helvetica, sans-serif;
		text-decoration: underline;
	}
	a:visited {
		color: #666666;
	}
	a:hover {
		text-decoration: none;
	}
	a:active { color: #CC3300; }	
	
	img { border: 0px; }
	
	h1 {
		margin: 0px 20px;
		padding: 0em 0em 0.5em;
		font: bold 14pt "Times New Roman", Times, serif;
		color: #993300;
		letter-spacing: 0.1em;
	}
	
	h2 {
		margin: 0px 15px 5px;
		padding: 1px 5px;
		font: bold 8pt Arial, Helvetica, sans-serif;
		background: #FF9933;
		color: White;
		letter-spacing: 0.1em;
	}
	
	h3 {
		margin: 5px 20px 0px;
		padding:0px;
		font: bold 8pt Arial, Helvetica, sans-serif;
		color: #666666;
		letter-spacing: 0.1em;
	}
	
	p {
		margin: 0px 20px;
		padding: 0em 0em 0.5em;
		font: 8pt Arial, Helvetica, sans-serif;
		text-align: justify;
	}
	
	ul {
		margin: 0px 25px; /* Distancia del texto */
		padding: 0em 0em 1em 1em; /* Distancia viñeta */
		color: #666666;
	}
	
	hr {
		margin: 0px 20px;
		color: #0066CC; /* Color IE */
		background-color: #0066CC; /* Color no IE */
		height: 1px; /* Ancho Opera */
	}
	
	table {
		margin: 10px 0px;
		border: 1px solid #FF9933;
		color: #666666;
	}
	
	th,td {
		text-align: center;
	}
	
	thead {
		background: #FF9933;
		color: White;
		text-align: center;
	}
	
	tfoot {
		color: White;
		background: #999999;
	}
	
	tr.resaltado {
		background: #EEEEEE;
	}
	
	fieldset { border: 0px; }
	
	legend { display: none; }
	
	select {
		font: 8pt Arial, Helvetica, sans-serif;
		border: solid 1px #009999;
		background: White;
		vertical-align: bottom;
	}
	
	input, textarea {
		margin: 0px;
		padding: 0px;
		font: 8pt Arial, Helvetica, sans-serif;
		border: solid 1px #009999;
		vertical-align: middle;
	}
	
	input {
		height: 16px;
	}
	
	input.boton {
		font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		border: 1px outset #009999;
		color: White;
		background: #009999;
		vertical-align: middle;
	}

/********** ESTRUCTURA **********/
	
	div#ENCABEZADO, div#CUERPO, div#PIE, div#WWW {
		width: 770px;
		margin: auto;
		padding: 0px;
	}
	
/********** BLQOUE ENCABEZADO - altura fija **********/
	
	div#ENCABEZADO {
		width/* */:/**/768px;	/* Ancho no IE 5 */
		width: /**/768px;	/* Ancho IE 5 Mac */
		height: 89px;
		border-top: 1px solid #FFCC33;
		border-right: 1px solid #FFCC33;
		border-bottom: 4px solid #FFCC33;
		border-left: 1px solid #FFCC33;
		background: url(../g/fon-encabezado.jpg) no-repeat;
	}
	div#ENCABEZADO1 {
		height: 62px;
		margin: 5px 20px 5px 0px;
		padding: 0px;
		text-align: right;
	}
	
	/********** MENU VENTA **********/
	
	ul#MEN-VENTA{
		margin: 0px 20px;
		padding: 0ex;
		text-align: right;
		list-style: none;
		text-indent: 0px;
	}
	ul#MEN-VENTA li {
		display: inline;
		margin-left: 20px;
	}
	ul#MEN-VENTA a {
		font: bold 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: White;
		text-decoration: none;
		letter-spacing: 0.1em;
	}
	ul#MEN-VENTA a:hover {
		color: #FF9933;
	}
	ul#MEN-VENTA a.actual {
		color: #FFCC33;
	}
	
/********** BLOQUE CONTENIDO - altura variable **********/
	
	div#CUERPO {
		background: White;
	}
	
/********** COLUMNA 1 **********/
	
	div#COL-IZQUIERDA {
		width: 190px;
		height: 460px;	/* Altura fija igual al valor del bloque IE */
		min-height: 460px;	/* Altura fija igual al valor bloque no IE */
		float: left;
	}
	
	/********** MENU SERVICIO **********/
	
	ul#MEN-SERVICIO {
		height: 215px;
		margin: 0px; /* Evita que se afecte el bloque */
		padding: 10px 0px 0px 50px;
		text-indent: 0px;
		list-style: none;
	}
	ul#MEN-SERVICIO li {
		padding: 0.25em 0em;
	}
	ul#MEN-SERVICIO a {
		color: #009999;
		font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	ul#MEN-SERVICIO a:hover {
		color: #FF9933;
	}
	ul#MEN-SERVICIO a.actual {
		color: #FFCC33;
	}
	
	ul#MEN-SERVICIO1 {
		padding: 0.5em 0em 0em;
		color: #009999;
		list-style: square;
	}
	ul#MEN-SERVICIO1 li {
		padding: 0em 0em 0.20em;
	}
	
/********** COLUMNA 2 **********/
	
	div#COL-CENTRAL {
		width: 570px;
		float: left;
	}
	
	/********** MENU IDIOMA **********/
	
	ul#MEN-IDIOMA {
		height: 20px;
		margin: 0px;
		padding: 6px 10px 0px;
		text-align: right;
		list-style: none;
		text-indent: 0px;
	}
	ul#MEN-IDIOMA a {
		color: #009999;
		font: 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	ul#MEN-IDIOMA a:hover {
		color: #FF9933;
	}
	ul#MEN-IDIOMA a.actual {
		color: #999999;
	}
	ul#MEN-IDIOMA li {
		display: inline;
		margin-left: 20px;
	}
	
	/********** BLOQUR PORTADA - Altura variable **********/
	
	div#COL-CENTRAL1 {
		width/* */:/**/568px;	/* Ancho no IE 5 */
		width: /**/568px;	/* Ancho IE 5 Mac */
		height: 318px; /* Altura fija igual al valor del bloque IE */
		background: #EEEEEE;
		border: 1px solid #993300;
	}
	*>div#COL-CENTRAL1 {	/* Comandos altura variable no IE */
		width: 570px;
		min-height: 318px;
		height: auto;
	}
	img#PORTADA {
		margin: 10px 10px 10px 25px;
		float: right;
	}
	img#HIPERPORTADA {
		margin: 10px;
	}
	img#TITULO {
		margin: 25px;
	}
	div#COL-CENTRAL1 p{
		margin: 0px 25px;
		font-size: 10pt;
	}

	
	/********** BLOQUR MENSAJE - Altura variable **********/
	
	div#COL-CENTRAL2 {
		width: 100%;
		height: 104px; /* Altura fija igual al valor del bloque IE */
		padding: 10px 0px;
	}
	*>div#COL-CENTRAL2 {	/* Comandos altura variable no IE */
		min-height: 104px;
		height: auto;
	}
	div#COL-CENTRAL2-1 {
		width: 50%;
		float: left;
	}
	div#COL-CENTRAL2-2 {
		width: 50%;
		float: left;
	}
	
/********** BLOQUE PIE - altura variable **********/
	
	div#PIE {
		height: 21px;
		background: #FFCC33;
	}
	*>div#PIE {	/* Comandos altura fija no IE*/
		min-height: 21px;
	}
	div#PIE p {
		margin: 0px;
		padding: 4px 0px 0px;
		font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: Black;
		text-align: center;
	}
	/********** MENU EMPRESA **********/
	
	ul#MEN-EMPRESA {
		display: block;
		float: left;
		width: 190px;
		margin: 0px;
		padding: 4px 0px 0px;
		text-indent: 0px;
		list-style: none;
		text-align: center;
	}
	ul#MEN-EMPRESA li {
		display: inline;
		padding-left: 2ex;
	}
	ul#MEN-EMPRESA a {
		font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: Black;
		text-decoration: underline;
	}
	ul#MEN-EMPRESA a:hover {
		text-decoration: none;
	}
	
/********** BLOQUE WEBMASTER - altura variable **********/
	
	div#WWW {
		height: 75px;
	}
	*>div#WWW {	/* Comandos altura fija no IE*/
		min-height: 75px;
	}
	div#WWW p {
		margin: 0px;
		padding: 4px 0px 0px;
		font: 8pt Arial, Helvetica, sans-serif;
		color: White;
		text-align: center;
	}
	
	/********** MENU WEBMASTER **********/
	
	ul#MEN-WWW {
		display: none;
		margin: 0px;
		text-indent: 0px;
		text-align: center;
		font: 7pt Arial, Helvetica, sans-serif;
		list-style: none;
	}
	ul#MEN-WWW li {
		padding: 1ex;
		display: inline;
	}
	ul#MEN-WWW a {
		color: White;
		text-decoration: underline;
	}
	ul#MEN-WWW a:hover {
		text-decoration: none;
	}
	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;
		padding: 0.5em 0em;;
		text-align: right;
	}
	div.subir a {
		font: 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #009999;
		text-decoration: underline;
	}
	div.subir a:visited {
		color: #009999;
	}
	div.subir a:hover {
		text-decoration: none;
	}
	div.iconos{
		text-align: left;
	}
	div.iconos img{
		margin: 0px 10px 10px 15px;;
		border: 1px solid #009999;
	}
	div.zoom{
		padding: 0em 0em 1em 0em;
		color: #009999;
		font: 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: center;
	}
	div.zoom img{
		vertical-align: middle;
	}
	img.columna {
		margin: 0px 0px 0px 15px;
}
	
	/********** TABLAS **********/
	
	table.montajes {
		width: 100%;
	}
	table.montajes colgroup.salones {
		width: 20%;
	}
	table.montajes colgroup.dimensiones {
		width: 15%;
	}
	table.montajes colgroup.capacidades {
		width: 9%;
	}
	table#DISTANCIAS {
		margin: 10px 15px;
		text-align: center;
	}
	table#DISTANCIAS td {
		width: 15%;
	}
	table#DISTANCIAS th.encabezado {
		color: White;
		background: #FF9933;
	}
	table#TEMPERATURAS {
		margin: 10px 15px;
		text-align: center;
	}
	table#TEMPERATURAS td {
		width: 14%;
	}
	table#FESTIVIDADES {
		margin: 10px 15px;
		text-align: center;
	}
	
	/********** FORMULARIOS **********/
	
	div#FOR-CONTACTO div {
		display: block;
		float: left;
		margin: 1px 0px;
	}
	div#FOR-CONTACTO div.izquierda {
		width: 320px;
	}
	div#FOR-CONTACTO span {
		display: block;
		float: left;
		width: 75px;
		height: 16px;
		padding: 4px 0px 0px;
		font: 7pt Arial, Helvetica, sans-serif;
		color: #009999;
	}
	div#FOR-CONTACTO .botones {
		float: right;
		padding: 15px 15px 0px;
		text-align: right;
	}
	div#FOR-CONTACTO .error{
		margin: 0px 20px 5px 228px;
		padding: 1px;
		font: bold 8pt Arial, Helvetica, sans-serif;
		background: #FF9933;
		color: White;
		text-align: center;
	}
	
	/********** BIENVENIDA **********/
	
	a#PRIORITYCLUB {
		display: block;
		margin: 20px 20px 10px;
		font: 8pt Arial, Helvetica, sans-serif;
		Color: Navy;
		text-align: justify;
		text-decoration: underline;
	}
	a#PRIORITYCLUB:hover {
		text-decoration: none;
	}
	a#PRIORITYCLUB img {
		float: left;
		margin: 0px 20px 0px 0px;
	}
	
	/********** PROMOCIONES **********/
	
	div.PROMO { 
		padding-bottom: 10px;
	 }