/************************************************************************
*			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: screen_index_hacienda.css									*
*	Versión: 1.0														*
*																		*
*	Diseño: Pavne Osuna P.	(pavne@intermexico.net)						*
*************************************************************************
*	Fecha Inicio: 27/06/07												*
*	Fecha Finalización: 29/06/07										*
*	Última Revisión: 06/07/07											*
*																		*
*	Descripción: Archivo de Hoja de Estilos en Cascada (CSS) para		*
*				formato en pantalla de la página inicial.				*
*																		*
************************************************************************/
/************************************************************************
REGISTRO DE CAMBIOS
- Día de Mes de 2007:
1. 

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

/* FORMATOS GENERALES ------------------------------------------------ */
/* Especificaciones para las etiquetas de 'html' y 'body' */
html,body{background-color:#EDC; color:#333; font:85% Arial,Helvetica,sans-serif; height:100%; margin:0; padding:0;}
/* Especificaciones para formato de los Enlaces */
a:link{color:#036; font-weight:bold; text-decoration:none;}
a:visited{color:#777; font-weight:bold; text-decoration:none;}
a:hover{color:#069; font-weight:bold; text-decoration:none;}
a:active{color:#09C; 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;}
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');}
/* 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{display:none;}
/* Interfase total - Identificador para la tabla que contiene toda la interfase. */
#table-total{height:100%; width:100%;}
/* Celda borde superior - Identificador para la celda de la tabla de interfase total (table-total) que contiene el borde superior de ésta. */ 
#cel-total-border-top{background:url('../img/index-border-top.gif') repeat-x; height:10px;}
/* Celda borde inferior - Identificador para la celda de la tabla de interfase total (table-total) que contiene el borde inferior de ésta. */ 
#cel-total-border-bottom{background:url('../img/index-border-bottom.gif') repeat-x; height:10px;}
/* Celda logotipo - Identificador para la celda de la tabla de interfase total (table-total) que contiene el logotipo centrado. */
#cel-total-logo{background-color:#FFFFFF; text-align:center;}
/* Celda menu principal - Identificador para la celda de la tabla de interfase total (table-total) que contiene la capa con el menú principal */
#cel-total-menubar{background:url('../img/index-bg-menubar.gif') repeat-x; height:80px;}
/* Celda para animación - Identificador para la celda de la tabla de interfase total (table-total) que contiene la animación introductoria. */
#cel-total-anim{background-color:#336699; text-align:center;}

/* ELEMENTOS COMPUESTOS ----------------------------------------------------- */
/* Pie de página general - Identificador para la capa que contiene el pie de página con datos de contacto. */
#footer-contact{color:#666; font-size:85%; padding:5px; text-align:center;}
#footer-contact img{display:none;}
#footer-contact br{display:none;}
/* 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{color:#999; font-size:85%; text-align:center;}
/* Menú principal - Identificadores involucrados en la construcción del menú principal. */
#div-menubar{text-transform:uppercase; width:500px;}
#nav, #nav ul {font:bold 11px "Times New Roman",Times,serif; float:left; height:80px; list-style:none; margin:0px; padding:0px;}
#nav ul li {height:auto; padding:5px; width:180px;}
#nav a {color:#FFF; display:block; margin:0px; padding:0px; text-decoration:none;}
#nav a.parent {background:url('../img/vig-leftcol.gif') no-repeat right; margin:0px; padding:0px;}
#nav li {border-left:1px solid #FFF; border-right:1px solid #FFF; float:left; height:30px; margin:0px 0px 0px -1px; padding:5px;}
#nav li ul {background:url('../img/bg-submenus.png'); border:1px solid #036; color:#036; height:auto; margin:5px 0px 0px -5px; padding:0px; position:absolute; top:-999px; width:180px;}
#nav li li {border-left:1px solid #036; border-right:1px solid #036; border-bottom:1px solid #99B2CC;}
#nav li ul a {color:#036; cursor:pointer; width:180px; letter-spacing:none; text-align:left;}
#nav li ul ul {color:#FFF; height:auto; margin:0px 0px 0px 140px; padding:0px; width:180px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {color:#FFF; top:-999px;}
#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 {color:#FFF; top:auto; width:190px;}
#nav li:hover, #nav li.sfhover {color:#FFF; background:#369 url('../img/bg-menubar-o.gif') repeat-x;}