/*
En este archivo CSS se describen todos los estilos para la creación de tablas


 */



.VT{
	
	/*Estas lineas giran los contenidos
		
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	border:2px;
	*/
}

.TBorde{
	border: thin;
  	border: solid;
	border: hidden;
}

.TBordeV{
  	border: solid;
	border-color:#000080;
	
}
/* 
TABLA
----------------------------------------------------------- */
.tabla {
 	display: table;
  	width: 100%;
}
/* 
FILAS
----------------------------------------------------------- */
.row {
  	display: table-row;
	height:auto;
}
.Tfila{
	background-color:#0066CC;
	text-indent:30px;
	color:#CCCCCC;
}
.Bfila{
	background-color:#66CCFF;
}
.rowspan {
  /*position: absolute;*/
  top: 0;
  bottom: 0;
/*  width: 100px;*/
}
/* 
CELDA
----------------------------------------------------------- */
.cell {
  /*display: table-column;*/
  display:table-cell;
 /* margin:3px 0px 3px 0px;*/
}

.vacia{
	border:none;
	
}

/*
	13 /  85

*/
.Tc10I {
  width: 13%;
  float: left;
  text-align: right;
  margin-bottom: 2px;
  height: 20px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
 clear:both;
}

.Tc85D {
  width: 85%;
  float: Right;
  text-align: left;
  margin-bottom: 2px;
  height: 20px;
  height:auto;
}

/********/
.Tc20I {
  width: 25%;
  float: left;
  text-align: right;
  margin-bottom: 2px;
  height: 20px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
 clear:both;
}


.Tc23I {
  width: 23%;
  float: left;
  text-align: right;
  margin-bottom: 2px;
  height: 20px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
 clear:both;
}

.Tc80D {
  width: 78%;
  float: Right;
  text-align: left;
  margin-bottom: 2px;
  height: 20px;
  height:auto;
 
}

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

.Tc20D {
  width: 23%;
  float: Right;
  text-align: right;
  margin-bottom: 2px;
  height: 20px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
 clear:both;
}

.Tc75D {
  width: 74%;
  float: Right;
  text-align: left;
  margin-bottom: 2px;
  height: 20px;
  height:auto;
}


.TC99 {
  width: 99%;
  float: left;
  text-align: center;
  /*height: 20px;*/
   height:auto;
  
}

.Tc50D{
  width: 49%;
  float: right;
  text-align: left;
  margin-bottom: 2px;
  height: 20px;
  height:auto;
}

.Tc40I {
  width: 40%;
  float: left;
  text-align: right;
  margin-bottom: 2px;
  height: 20px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
 clear:both;
}

.Tc60D {
  width: 59%;
  float: Right;
  text-align: left;
  margin-bottom: 2px;
  height: 20px;
  height:auto;
}

/*

	30 / 70

*/

.Tc30I {
  width: 30%;
  float: left;
  text-align: right;
  margin-bottom: 2px;
  height: 20px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
 clear:both;
}

.Tc70D {
  width: 69%;
  float: Right;
  text-align: left;
  margin-bottom: 2px;
  height: 20px;
  height:auto;
}

/*

	50/ 45

*/

.Tc50I {
  width: 49%;
  float: left;
  text-align: right;
  margin-bottom: 2px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
 clear:both;
}

.Tc45D {
  width: 47%;
  float: Right;
  text-align: left;
  margin-bottom: 2px;
  height:auto;
}


/*


Tabla de 3 partes
--------------------------------------------------*/
.izq{
  width: 30%;
  text-align: right;
  margin-bottom: 2px;
  padding:0px 5px 0px 5px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
 clear:both;
}
.Centro{
  width: 30%;
  margin-bottom: 2px;
  padding:0px 5px 0px 5px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
  clear:both;
  text-align: right ; /**/
}

.Der{
  width: 30%;
  text-align: left;
  margin-bottom: 2px;
  padding:0px 5px 0px 5px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
  clear:both;
}

.Cazul, .Logon{
	background-color:#87ceeb;  /*  Color del Fondo */
	border-style:solid; /*  Estilo del borde, si no se agrega no se ve el borde */
	border-color:#000080; /*  Color del Borde */
	
	padding-left:20px;	
	padding-right: 20px;
	padding-top:10px;
	padding-bottom:20px;
	border-radius:25px;   /* Esquinas redondeadas
	-moz-border-radius:25px;
	-webkit-border-radius:25px;*/
}
.TopAzul{
	width:60%;
	background-color:#87ceeb;  /*  Color del Fondo */
	border-style:solid; /*  Estilo del borde, si no se agrega no se ve el borde */
	border-color:#000080; /*  Color del Borde */
	padding-left:20px;	
	padding-right: 20px;
	padding-top:10px;
	padding-bottom:20px;	
	margin: 0 auto;  /*Para que quede centrado*/
	margin-left: -30px;
		/*Sup Izq,  Sup Der,  Inf Der, Inf Izq */
	border-radius:25px 25px 0px 0px;   /* Esquinas redondeadas */
	/*
	Fuente
	*/
	color:#FFFFFF;
	text-align:center;
	font-size:36px;
    overflow: clip;
}
.TopAzulClaro{
	width:60%;
	height:auto; 
	clear:both;
	background-color:#b0e0e6;  /*  Color del Fondo */
	border-style:solid; /*  Estilo del borde, si no se agrega no se ve el borde */
	border-color:#000080; /*  Color del Borde */
	padding:5px 20px 5px 20px;
	margin: 0 auto;  /*Para que quede centrado*/
	margin-left: -30px;
		/*Sup Izq,  Sup Der,  Inf Der, Inf Izq */
	border-radius:25px 25px 0px 0px;   /* Esquinas redondeadas */
    overflow: clip;
}
.BotAzul{
	width:60%;
	height:auto; 
	clear:both;
	background-color:#b0e0e6;  /*  Color del Fondo */
	border-style:solid; /*  Estilo del borde, si no se agrega no se ve el borde */
	border-color:#000080; /*  Color del Borde */
	padding:3px 20px;
	margin: 0 auto;  /*Para que quede centrado*/
	margin-left: -30px;
	border-top:none; /* Para que no se vea el borde superior */
	/*Sup Izq,  Sup Der,  Inf Der, Inf Izq */
	border-radius:0px 0px 25px 25px;   /* Esquinas redondeadas */
    overflow: clip;
}
.BotAzulS{
	width:60%;
	height:auto; 
	clear:both;
	background-color:#b0e0e6;  /*  Color del Fondo */
	border-style:solid; /*  Estilo del borde, si no se agrega no se ve el borde */
	border-color:#000080; /*  Color del Borde */
	padding-left:20px;	
	padding-right: 20px;
	padding-top:5px;
	padding-bottom:5px;
	margin: 0 auto;  /*Para que quede centrado*/
	margin-left: -30px;
	/*Sup Izq,  Sup Der,  Inf Der, Inf Izq */
	border-radius:0px 0px 25px 25px;   /* Esquinas redondeadas */
    overflow: clip;
}

/*
2 columnas
----------------------------------------------------------------------------
*/
.BotA1{
	width:60%;
	clear:both;
	background-color:#b0e0e6;  /*  Color del Fondo */
	border-style:solid; /*  Estilo del borde, si no se agrega no se ve el borde */
	border-color:#000080; /*  Color del Borde */
	padding-left:20px;	
	padding-right: 20px;
	padding-top:10px;
	padding-bottom:20px;
	margin: 0 auto;  /*Para que quede centrado*/
	float:left;
	box-sizing:border-box;
	
	/*Sup Izq,  Sup Der,  Inf Der, Inf Izq */
	border-radius:0px 0px 0px 25px;   /* Esquinas redondeadas */
    overflow: clip;
}
.BotA2{
	width:40%;
	background-color:#b0e0e6;  /*  Color del Fondo */
	border-style:solid; /*  Estilo del borde, si no se agrega no se ve el borde */
	border-color:#000080; /*  Color del Borde */
	padding-left:20px;	
	padding-right: 20px;
	padding-top:10px;
	padding-bottom:20px;
	margin: 0 auto;  /*Para que quede centrado*/
	float:right;
	box-sizing:border-box;
	/*Sup Izq,  Sup Der,  Inf Der, Inf Izq */
	border-radius:0px 0px 25px 0px;   /* Esquinas redondeadas */
    overflow: clip;
}



/*
	Bloque de objetos ASP
*/

/*
label{
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width:150px;
	float:left;
	padding-bottom:5px;
	clear:both;  
}
*/






/*
ESPECIAL PARA EL POPUP DE LA CABEZA
*/
.HTc20I {
  width: 25%;
  float: left;
  text-align: right;
  margin-bottom: 2px;
  height: 20px;
  height:auto;  /* Para que la altura se ajuste al tamaño del contenido
  					Igual que lo haria una tabla*/
 clear:both;
}

.HTc80D {
  width: 78%;
  float: Right;
  text-align: left;
  margin-bottom: 2px;
  height: 20px;
  height:auto; 
}

.HTC99 {
  width: 99%;
  float: left;
  text-align: center;
  /*height: 20px;*/
   height:auto;
  
}