/************************************************************************
*			Grupo Inter México - Soluciones Web Avanzadas				*
*						http://www.intermexico.net						*
*					(C)2007 InteHost S.A. de C.V.						*
*************************************************************************
*	Proyecto: www.hotelhaciendalaventa.com.mx							*
*	Archivo: print_site_hacienda.css									*
*	Versión: 1.0														*
*																		*
*	Diseño: Pavne Osuna P.	(pavne@intermexico.net)						*
*************************************************************************
*	Fecha Inicio: 04/06/07												*
*	Fecha Finalización: 23/07/07										*
*	Última Revisión: 23/07/07											*
*																		*
*	Descripción: Archivo de Hoja de Estilos en Cascada (CSS) para		*
*				formato impreso del sitio público.						*
*																		*
************************************************************************/
/************************************************************************
REGISTRO DE CAMBIOS
- Día de Mes de 2007:
1. 

************************************************************************/

/* FORMATOS GENERALES ------------------------------------------------ */
/* Especificaciones para las etiquetas de 'html' y 'body' */
html,body{color:#333; font:85% Arial,Helvetica,sans-serif; margin:0; padding:0;}
/* Especificaciones para formato de los Enlaces */
a:link{color:#036; font-weight:bold; text-decoration:none;}
a:visited{color:#036; font-weight:bold; text-decoration:none;}
a:hover{color:#036; font-weight:bold; text-decoration:none;}
a:active{color:#036; font-weight:bold; text-decoration:none;}
/* Especificaciones para formato de los Títulos */
h1,h2,h3,h4,h5,h6{font-family:"Times New Roman", Times, serif; padding:0; margin:0; text-align:left; text-decoration:none;}
h1{color:#036; font-size:220%; text-align:left;}
h2{color:#C96; font-size:170%; text-align:left;}
h3{color:#036; font-size:150%; text-align:left;}
h4{color:#C96; font-size:130%; text-align:left;}
h5{color:#036; font-size:110%; text-align:left;}
h6{color:#C96; font-size:110%; text-align:left;}
/* Especificaciones para formato de los Listados sin órden <ul> */
ul{list-style-image:url('../img/vig1.gif');}
li{margin-top:5px;}
ul ul{list-style-image:url('../img/vig2.gif');}
ul ul ul{list-style-image:url('../img/vig3.gif');}
.back{font-size:100%; list-style-image:url('../img/vig-back.gif');}
.down{font-size:100%; list-style-image:url('../img/vig-down.gif');}
.top{font-size:100%; list-style-image:url('../img/vig-top.gif');}
.print{font-size:100%; list-style-image:url('../img/vig-print.gif');}
.detail{font-size:100%; list-style-image:url('../img/vig-detail.gif');}
.info{font-size:100%; list-style-image:url('../img/vig-info.gif');}
/* Especificaciones para formato de los Listados con órden <ol> */
ol{text-align:left;}
/* Notas - Clase para el texto a manera de notas, especificaciones o comentarios */
.notes{color:#777; font-style:italic;}

/* ESTRUCTURALES ----------------------------------------------------- */
/* Logotipo para impresión - Identificador para la imagen con el logotipo que se muestra sólo en medio impreso. */
#logo-print{}
/* Interfase total - Identificador para la tabla que contiene toda la interfase. */
#table-total{}
/* Celda izquierda de interfase total - Identificador para la celda izquierda de la tabla que contiene la interfase total (table-total). */
#cel-total-leftcol{display:none;}
/* Celda derecha de interfase total - Identificador para la celda derecha de la tabla que contiene la interfase total (table-total). */
#cel-total-rightcol{display:none;}
/* Celda de contenido de interfase total - Identificador para la celda de contenido de la tabla que contiene la interfase total (table-total). */
#cel-total-center{}
/* Celda central superior de interfase total - Identificador para la celda central superior de la tabla que contiene la interfase total (table-total), donde se ubican los elementos de encabezado (imagen flash y menú principal). */
#cel-total-header{display:none;}
/* Celda central inferior de interfase total - Identificador para la celda central inferior de la tabla que contiene la interfase total (table-total), donde se ubican los elementos de pie de página general (datos de contacto, crédito Inter México). */
#cel-total-footer{}
/* Tabla con elementos de encabezado - Identificador para la tabla que contiene los elementos del encabezado de interfase (imagen flash, fecha y menú principal). */
#table-header{display:none;}
/* Celda para imagen y logotipo flash - Identificador para la celda de la tabla con elementos de encabezado (table-header) que contiene la imagen y logotipo en flash. */ 
#cel-header-swf{}
/* Celda para fecha - Identificador para la celda de la tabla con elementos de encabezado (table-header) que contiene la fecha. */
#cel-header-date{}
#cel-header-date p{}
/* Celda para menú principal - Identificador para la celda de la tabla con elementos de encabezado (table-header) que contiene el menú principal. */
#cel-header-menu{display:none;}
/* Tabla pie de página general - Identificador para la tabla que contiene elementos de pie de página general (datos de contacto, crédito Inter México). */
#table-footer{width:100%;}
/* Celda slogan - Identificador para la celda de la tabla con elementos de pie de página (table-footer) que muestra la imagen con slogan. */
#cel-footer-slogan{display:none;}
/* Celda datos contacto - Identificador para la celda de la tabla con elementos de pie de página (table-footer) que muestra elementos de pie de página general (datos de contacto, crédito Inter México). */
#cel-footer-data{width:100%;}

/* ELEMENTOS COMPUESTOS ----------------------------------------------------- */
/* Capa contenido - Identificador para la capa que contiene elementos de contenido tales como la columna izquierda (navegación secundaria) y columna de contenido principal. */
#div-content{min-height:560px; height:100%;}
/* Capa columna izquierda - Identificador para la capa dentro dentro de div-content que contiene la columna izquierda (navegación secundaria). */
#div-content-leftcol{display:none;}
#div-content-leftcol h1{font-size:140%; margin:0px;}
#div-content-leftcol h2{border-bottom:1px solid #036; color:#C96; font-style:italic; font-size:120%; margin-top:20px;}
#div-content-leftcol ul{list-style-image:url('../img/vig-leftcol.gif'); margin:0; padding:0px 0px 0px 20px;}
#div-content-leftcol li{border-bottom:2px dotted #ccc; margin:0; padding:5px;}
#div-content-leftcol a{text-decoration:none;}
#div-content-leftcol a:visited{color:#777;}
#div-content-leftcol a:hover{color:#069;}
#div-content-leftcol a:active{color:#09C;}
/* Acceso directo - Identificador para la capa, dentro de div-content-leftcol para ubicar accesos directos a secciones importantes o contenidos breves en esta columna izquierda. */
#div-content-leftcol-item{border-bottom:1px dotted #CCC; color:#444; margin-top:20px;}
#div-content-leftcol-item ul{margin:0px; text-align:right;}
#div-content-leftcol-item li{border-bottom:none; margin:0px; padding:0px; text-align:right;}
/* Capa de contenido principal - Identificador para la capa dentro dentro de div-content para mostrar el contenido principal. */
#div-content-rightcol{margin:0px; padding:0px 40px 60px 20px; width:90%;}
/* Pie de página contenido - Identificador para la capa que contiene el pie de contenido con ociones de navegación e impresión. */
#footer-content{display:none;}
#footer-content a{text-decoration:none;}
#footer-content ul{margin:0 15px; padding:0;}
/* Pie de página links - Identificador para la capa que contiene el pie de página con links de las seccione sprincipales. */
#footer-links{display:none;}
#footer-links span{}
#footer-links br{}
#footer-links li{}
/* Pie de página general - Identificador para la capa que contiene el pie de página con datos de contacto. */
#footer-contact{border-top:1px solid #69C; color:#666; font-size:95%; margin-right:40px; padding:5px; text-align:right;}
#footer-contact img{margin:0px 0px 5px 5px;}
/* Pie de página Inter México - Identificador para la capa que contiene el pie de página con crédito de Inter México. */
#footer-intermexico{border-top:2px solid #CCC; color:#999; font-size:95%; margin-right:40px; padding:5px; text-align:right;}
/* Imagen borde inferior - Identificador para la imagen que simula el borde inferior de la interfase. */
#bg-cel-footer-bottom{display:none;}
/* Menú principal - Identificadores involucrados en la construcción del menú principal. */
#div-menubar{}
#nav, #nav ul {}
#nav ul li {}
#nav a {}
#nav a.parent {}
#nav li {}
#nav li ul {}
#nav li li {}
#nav li ul a {}
#nav li ul ul {}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {}
#nav li:hover, #nav li.sfhover {}
/* Elementos de istado - Identificador para la capa que conforma un elemento de listado donde cada elemento conduce a una página de detalles del elemento seleccionado. */
#div-list-item{border-bottom:1px solid #CCC; margin-bottom:10px; padding-bottom:5px; height:146px;}
#div-list-item img{float:left; margin:0px 10px 10px 0px;}
#div-list-item p{color:#666; font-size:95%;}
#div-list-item h1{font-size:200%;}
#div-list-item a{text-decoration:none;}
#div-list-item ul{text-align:right;}
/* Formularios - Identificador para las tablas que contienen formularios */
fieldset {border:1px solid #036;}
legend {color:#036; font:bold 160% Arial,Helvetica,sans-serif; margin:0 10px; padding:0 10px;}
#form {margin-top:10px; width:100%;}
#form td {border-botom:2px dotted #CCC; border-top:2px dotted #CCC; padding:5px;}
#form .input {color:#333; font:100% Arial,Helvetica,sans-serif; width:95%;}
#form .input_smallx {color:#333; font:100% Arial, Helvetica, sans-serif; width:40%;}
#form .input_smallxx {color:#333; font:100% Arial, Helvetica, sans-serif; width:20%;}
#form select {color:#333; font:100% Arial,Helvetica,sans-serif; width:95%;}
#form textarea {color:#333; font:100% Arial,Helvetica,sans-serif; height:100px; width:95%;}
#form .col1 {background-color:#EEE; color:#333; font-weight:bold; text-align:right; vertical-align:top; width:30%;}
#form .col2 {color:#333; text-align:left; vertical-align:top;}
#form .button {cursor:pointer; font:bold 10px Arial,Helvetica,sans-serif;}
/* Alertas - Identificadores para las capas con los mensajes en la validación de formularios */
#alert_no {border:1px solid #036; display:block; clear:right; margin-top:10px; padding:0px 110px 10px 10px;}
#alert_no a:visited {color:#AAA;}
#alert_no h1 {color:#036; font-size:200%; padding:10px;}
#alert_no ul {color:#FF0000;}
#alert_no ul .back {border-top:1px solid #036; list-style-image:url("../img/vig-back.gif"); margin:0px; padding-top:10px;}
#alert_yes {border:1px solid #036; display:block; clear:right; margin-top:10px; padding:0px 110px 10px 10px; text-align:left;}
#alert_yes h1 {color:#036; font-size:200%; padding:10px;}
/* Elementos no-flash - Identificador para la capa que contiene el mensaje a mostrarse cuando no se ha detectado flash en lugar de las galerías de imágenes de la sección "Instalaciones". */
#noflash{border:1px solid #036; color:#999; font-style:italic; padding:10px; text-align:center;}
/* Iconos en instalaciones - Identificador para la capa que contiene los íconos con los servicios de cada una de las instalaciones. */
#div-icons-bottom{height:50px; margin-top:10px;}
#div-icons-bottom .description{display:none;}
#div-icons-bottom ul {list-style:none; margin:0px; padding:0px;}
#div-icons-bottom ul li {display:inline; float:left; margin:0px 5px 0px 0px;}