/* CSS Document */

/*Diseño general del sitio*/

body { 
	background: #CCCCCC;
	/*width:1007px;  */
	height:800px;  
	margin: 0px 0px 0px 0px;
  	padding:0px;
	font-family: Verdana; 
	font-size:10px;
  	color: #727272;	
}

/*Diseño de la capa del menú*/
#capa_menu {
	background: url(../imagenes/fondo_menu.jpg) #CCCCCC repeat left;
	position:absolute; 
	width:1007px; 
	height:35px; 
	z-index:2;
	left: -500px;	
        top: 10px;
        margin-left: 50%;
}

#menu {
	position:relative; 
	z-index:2;
}
/*Fin diseño de la capa del menú*/
/*Diseño de la capa izquierda*/
#capa_izquierda{
	/*diseño del posicionamiento*/
	background: url(../imagenes/fondo_izquierdo.jpg) #CCCCCC repeat left;
	position:absolute; 
	width:187px; 
	height:700px; 
	z-index:1; 
	left: -500px;
	top: 45px;
        margin-left: 50%;
}
#capa_izquierda ul {
	margin: 20px;
	padding: 0px;
	list-style-image: url(../imagenes/li_cursor.gif);
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;	
}
#capa_izquierda li {
	font-size:8.5px;
	margin-bottom: 1px;
	margin-left: 0px;	
}

#capa_izquierda h1{
	font-size:10px;
	color: #ED440F;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
#capa_izquierda a:link    { COLOR: #313131; text-decoration:underline; }
#capa_izquierda a:visited { COLOR: #636363; text-decoration:underline; }
#capa_izquierda a:hover   { COLOR: #B83504; text-decoration:underline;}
/*Capa superior del lado izquierdo, lleva la imagen del escudo*/
#capa_izquierda_superior {
	background: url(../imagenes/escudo.gif) no-repeat center;
	position:relative; 
	width:137px;
	height:177px;
	z-index:1;
	left: 25px;
	top: 60px;
}
#capa_izquierda_medio {
	position:relative; 
	width:137px;
	height: 300px;
	z-index:1;
	left: 25px;
	top: 90px;
	border-top-color: #B2B2B2;
	border-top-style: solid;
	border-top-width: 3px;
}
#capa_izquierda_inferior {
	position:relative; 
	width:137px;
	z-index:1;
	left: 25px;
	/*top: 60px;*/
	border-top-color: #B2B2B2;
	border-top-style: solid;
	border-top-width: 3px;
}
/*Fin diseño de la capa izquierda*/
/*Diseño de la capa centro*/
#calendario {
    z-index:40;
}
#capa_centro {
	background: #FFFFFF ;
	position:absolute; 
	width:633px; 
	height:700px; 
	z-index:1; 
	left: -313px;
	top: 45px;
        margin-left:50%;
	/*Diseño del font*/
	color: #4D4D4D;
}
#capa_centro a:link    { COLOR: #B83504; text-decoration:underline; }
#capa_centro a:visited { COLOR: #D07B5C; text-decoration:underline; }
#capa_centro a:hover   { COLOR: #313131; text-decoration:underline;}


/*Fin diseño de la capa centro*/
/*Diseño de la capa derecha*/
#capa_derecha {
	background: url(../imagenes/fondo_derecho.jpg) #CCCCCC repeat left;
	position:absolute; 
	width:187px; 
	height:700px; 
	z-index:1; 
	left: 320px;
	top: 45px;
        margin-left:50%;
}


#capa_derecha ul {
	margin: 20px;
	padding: 0px;
	list-style-image: url(../imagenes/li_cursor.gif);
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;		
}
#capa_derecha li {
	font-size:8.5px;
	margin-bottom: 1px;
	margin-left: 0px;	
}
#capa_derecha h1{
	font-size:10px;
	color: #ED440F;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
#capa_derecha a:link    { COLOR: #313131; text-decoration:underline; }
#capa_derecha a:visited { COLOR: #636363; text-decoration:underline; }
#capa_derecha a:hover   { COLOR: #B83504; text-decoration:underline;}

#capa_derecha_superior {
	background: url(../imagenes/logotipocentenario.jpg) no-repeat center;
	position:relative; 
	width:137px;
	height:177px;
	z-index:1;
	left: 25px;
	top: 60px;
  text-align: center;
}
#capa_derecha_medio {
	position:relative; 
	width:137px;
	height:300px;
	z-index:1;
	left: 25px;
	top: 90px;
	border-top-color: #B2B2B2;
	border-top-style: solid;
	border-top-width: 3px;
}
#capa_derecha_inferior {
	position:relative; 
	width:137px;
	z-index:1;
	left: 25px;
	top: 0px;
}
/*Fin diseño de la capa derecha*/
/*Diseño de la capa pie*/
#capa_pie {
	background: url(../imagenes/fondo_pie.gif) #CCCCCC no-repeat left;
	position:absolute; 
	width:1007px; 
	height:49px; 
	z-index:1; 
	left: -500px; 
	top: 745px;  
        margin-left:50%;
}
#capa_pie p {  
  margin-left: 187px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 9px;
}
#mensaje_rotatorio {
	border-top-color: #B2B2B2;
	border-top-style: solid;
	border-top-width: 3px;
        border-spacing: 10px;
}

/*Diseño de la capa pie*/
#errores {
    position:absolute; 
    width:200px; 
    height:20px;
    top: 30px; 
    left:50px;
    z-index:2;
}
#tab_consulta {
    position:absolute; 
    width:150px; 
    height:20px;
    top: 50px; 
    left:50px;
    z-index:2;
    text-align: center;
    font-size:12px;
    font-weight:bold;
}

#tab_detalle {
    position:absolute; 
    width:150px; 
    height:20px; 
    top: 50px; 
    left:200px; 
    z-index:2;
    text-align: center;
    font-size:12px;
    font-weight:bold;

}

.tabHot {
    background: url("../imagenes/tabHot.jpg") ;
    color: #FFFFFF;
}

.tabCold {
    background: url("../imagenes/tabCold.jpg") ;
    color: #000000;
}

#datos {
    position:absolute; 
    width:400px; 
    height:50px; 
    top: 80px; 
    z-index:1;
}

#datos table {
    width:400px;
}

#datos th {
    background: #B83504;
    color: #FFFFFF;
}

#consulta_titulo { 
    background: url(../imagenes/consulta_titulo.jpg) no-repeat left;
    position:absolute; 
    width:150px; 
    height:26px; 
    top: 80px; 
    left: 480px; 
    z-index:1;
}
#consulta { 
    position:absolute; 
    width:150px; 
    height:100px; 
    top: 110px; 
    left: 430px; 
    z-index:1;
    
    text-align: left;
}


#consulta  p{
	font-size:11px;
        text-align:justify;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right:0px;
}

#consulta  ul{
    font-size:11px;
    text-align:justify;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right:0px;
    list-style-position: inside;
}

#consulta  ol{
    font-size:11px;
    text-align:justify;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right:0px; 
}

#consulta  table{
    font-size:11px;
    text-align:justify;
    margin-top: 0px;
    margin-bottom: 0px;    
    margin-left: 0px;
    margin-right:0px; 
    border:0px;    
    border-spacing: 0px;   
}




#botonera { 
    position:absolute; 
    width:400px; 
    height:100px; 
    top: 500px;     
    z-index:1;
}


/*Capas de los mantenimientos*/


/*Fin Capas de los mantenimientos*/




.ItemIzq2{FONT: 8pt VERDANA; background-color: #ECF1F5;}

.ItemIzq2, .ItemIzq3{
	FONT: 8pt VERDANA;
}

.ItemIzq2{
	 background-color: #ECF1F5; 
}

.ItemIzq3{
	 background-color: #FFFFFF; 
}
.TxtIzq4{
	FONT: 9pt VERDANA; 
	TEXT-ALIGN: left;
	background-color: #ECF1F5;
}

/*A:link    { COLOR: #3151A5; text-decoration:none; }*/
/*A:visited { COLOR: #3151A5; text-decoration:none; }*/
/*A:hover   { COLOR: #3151A5; text-decoration:underline;}*/

.Error    { FONT: bold 9pt VERDANA; COLOR: #B83504; TEXT-ALIGN: left }
.Aviso    { FONT: bold 9pt VERDANA; COLOR: #0054A8; TEXT-ALIGN: left }

.TxtDer0  { FONT: BOLD 9pt VERDANA; TEXT-ALIGN: right }
.TxtDer1  { FONT: BOLD .75 VERDANA; TEXT-ALIGN: right; BACKGROUND-COLOR: #57A0B0; color:#FFFFFF; }
.encabezadoTabla { FONT: BOLD .75 VERDANA; TEXT-ALIGN: left; BACKGROUND-COLOR: #57A0B0; color:#FFFFFF; }
.TxtCen0  { FONT: 8pt VERDANA; TEXT-ALIGN: center }
.TxtCen1  { FONT: 9pt VERDANA; TEXT-ALIGN: center }

.TxtIzq0  { FONT: BOLD 9pt VERDANA; 
			COLOR:#E2450E; 
			TEXT-ALIGN: left;
			padding-left:3px;
}
.TxtIzq1  { FONT: 9pt VERDANA; TEXT-ALIGN: left }
.TxtIzq2  { FONT: 8pt VERDANA; TEXT-ALIGN: left }
.TxtIzq3  { FONT: 8pt VERDANA; 
			TEXT-ALIGN: justify; 
			BACKGROUND-COLOR: #ECF1F5; 
			padding-left:3px;
			padding-right:3px;
}
.TxtIzq11 { FONT: BOLD 8pt VERDANA; TEXT-ALIGN: left; BACKGROUND-COLOR: #A0B9CD; }

.ItemIzq0 { FONT: .75em VERDANA; COLOR: Black;}
.ItemIzq1 { FONT: .75em VERDANA; COLOR: #315f89; }

.ItemIzq2 A:link    { text-decoration: none; COLOR: #FFFFFF; }
.ItemIzq2 A:visited { text-decoration: none; COLOR: #FFFFFF; }
.ItemIzq2 A:hover   { COLOR: #FFFFFF; }

.TituloColor{
	FONT: 13pt "microsoft sans serif";
	COLOR: #FFFFFF; 
	TEXT-ALIGN: right;
}

.txtDerecha {
    background: #B83504;    
    color: #FFFFFF;
    text-align: right;
}

.txtIzquierda {
    background: #CCCCCC;
    color: #000000;
    text-align: left;
}