/* ESTILOS ASIGNADOS POR IDENTIFICADOR  */

/* Cabecera, fecha-hora, contenedor, navegador, cuerpo, lateral y pie son definidos de
este modo ya que solo su utilizan una única vez en el código.  Conforman la maquetación principal del web site */

/* Contenedor engloba a todas las capas */
#CONTENEDOR{
text-align: left;
border-left: 1px solid  #FFE4C9;
border-top: 1px solid  #FFE4C9;
width: 775px;
margin: auto;
background-color : #ffffff;
}

/* Estilo para los contenidos */
#CUERPO{
width:480px;
margin-left: 8px;
padding: 12px 0px 10px 0px;
background-color : #ffffff;
float:left;

/*background-position: bottom right;*/
/*background-attachment: scroll;*/
/*background-repeat: no-repeat;*/
/*background-image: url(/img/interfaz/logo.jpg);*/
} 

/* Logo */
#CABECERA{
padding : 10px 10px 5px 10px;
background: url("../img/interfaz/logo.jpg") no-repeat left;
height: 100px;
background-color: #c9e4ff;
}

/* Capa fecha y hora */
#FECHA-HORA{
padding : 3px 10px 5px 10px;
text-align: right;
}

/* Menú de navegación */
#NAVEGADOR{
background : #FFCC99;
padding : 3px 10px 5px 10px;
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
}

/* El menú laterl emergente toma este color */
#registroDyn
{
background-color: #FFCC99;
}

/* Menú lateral permanente y emergente; éste último además tiene 
una maquetación adicional mencionada arriba */
#LATERAL{
width: 200px;
background-color: #c9e4ff;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #cccccc;
float:right;
}

/* Menú inferior */
#PIE{
background : #FFCC99;
padding : 3px 10px 5px 10px;
border-top : 1px solid #cccccc;
clear: both;
} 

#CONTENIDO{
padding : 10px 10px 10px 10px;
}