﻿* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}
/*Barra de titulo dentro de las pantallas*/
.headerPantallas{
    height: 37px; 
    text-align: center; 
    background-image: url(/CEDIS/IMGs/bckTDTitulo.gif); 
    background-color: #990000;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-size:24px;
    color:White;
    font-weight:bold;
    font-family:Arial;
}

[class*="col-"] 
{
  float: left;
  padding: 5px;
  /*border: 1px solid red;*/
  /*width: 100%;*/
}
/*DataList*/
.DtListResp
{
    font-size:22px;
    width:100%;
}
.GviewResp
{
    font-size:22px; 
}
/*Etiqueta de descripcion*/
.labelText
{
    FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 21px;
	COLOR: #000000;
    text-align:left;
}
/*Etiqueta Tipo titulo*/
.labelCentral
{
    FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 20px;
	text-align:center;
	COLOR: #000000;
}
/*Etiqueta Mensaje*/
.labelMensaje
{
    font-family: Arial, Verdana;
    font-size: 20px;
    text-align:center;
    font-weight:bold;
    color:Blue;
}
 /*Etiqueta sencilla*/
 .labelSencillo
 {
    FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 18 px;
	COLOR: #000000;
 }
 /*Caja de texto*/
 .textResp
 {
     max-width: 160px;
     height:35px;
     vertical-align:middle;
     width:53%;
     font-size:20px;
    margin-bottom: 0px;
}
 
 .textEANResp
 {
     max-width: 160px;
     height:35px;
     vertical-align:middle;
     width:40%;
     font-size:20px;
 }
 
 /*Listas de valores (DropDownList)*/   
.ddlResp
{
     vertical-align:middle;
     width:50%;
     height:35px;
     font-size:22px;
}
/*Botones simples*/
/*Medidas css para i5
btnResp
{
    width: 132px;
    height35
}
*/
.btnResp
{
    width:165px;
    height:55px;
    font-size:18px;
    FONT-WEIGHT: bold;
}
.btnDobleResp
{
    width:40%;
    height:35px;
    font:13px;
}
    

/*@media only screen and (min-width: 500px) {
  /* Si la pantalla es mayor a 480px se cumplen los siguientes cambios */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  .labelText {text-align:right; /*font-size:16px;*/}
  /*.labelCentral {font-size:16px;}
  .labelMensaje {font-size:13px;}
  .labelSencillo {font-size:13px}
  .textResp {height:25px; width:45%}
  .ddlResp {height:20px;width:45%; max-width: 160px;}
  .btnResp {FONT-FAMILY: Arial, Verdana; FONT-SIZE: 11px; cursor: hand; margin-left: 3px; max-width:120px; height:25px; width: 20%; margin-bottom: 0px;}
  .DtListResp {Font-Size:12pt; Font-Names: verdana;}
  .btnDobleResp {FONT-FAMILY: Arial, Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold; cursor: hand; margin-left: 3px; max-width:120px; height:25px; margin-bottom: 0px;}
/*}*/

SELECT{
	border: 1px solid #A90100;
FONT-FAMILY: Verdana;
	FONT-SIZE: x-small;
	BACKGROUND: #FFFFFF;
	COLOR: #000000;
    text-align: left;
}

.textoINPUT {
	BORDER-BOTTOM: #A90100 solid 1px;
	BORDER-LEFT: #A90100 solid 1px;
	BORDER-RIGHT: #A90100 solid 1px;
	BORDER-TOP: #A90100 solid 1px;
	BACKGROUND: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px }
	
	

.textoINPUTBloqueado {
	BORDER-BOTTOM: #666666 solid 1px;
	BORDER-LEFT: #666666 solid 1px;
	BORDER-RIGHT: #666666 solid 1px;
	BORDER-TOP: #666666 solid 1px;
	BACKGROUND: #DDDDDD;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px }
	
.textoajustable {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	width:100%
}	
	
.botonINPUT {
	border: 1px solid #FFFFFF;
    background: #A90200;
    COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	cursor: hand;
    margin-left: 9px;
    max-width:420px;
}
.botonINPUTstandard {    
	FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	cursor: hand;
    margin-left: 3px;
    max-width:107px;
}

.botonINPUTNew {
	border: 1px solid #FFFFFF;
    background-color : blue;
    COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	cursor: hand;
    margin-left: 9px;
    height: 20px;
}
.botonNEW {
	border: 1px solid #FFFFFF;
    background: BLUE;
    COLOR: WHITE;
	FONT-FAMILY: Verdana;
	FONT-SIZE: small;
	FONT-WEIGHT: bold;
	cursor: hand; }

.TEXTAREA {
	BACKGROUND: #FFFFFF;
	BORDER-BOTTOM: #A90100 solid 1px;
	BORDER-LEFT: #A90100 solid 1px;
	BORDER-RIGHT: #A90100 solid 1px;
	BORDER-TOP: #A90100 solid 1px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	SCROLLBAR-FACE-COLOR: #A90100;
	SCROLLBAR-HIGHLIGHT-COLOR: #A90100;
	SCROLLBAR-SHADOW-COLOR: #A90100;
	SCROLLBAR-3DLIGHT-COLOR: #A90100;
	SCROLLBAR-ARROW-COLOR:#FFFFFF;
	SCROLLBAR-TRACK-COLOR:#ECDADA;
    SCROLLBAR-DARKSHADOW-COLOR: #ECDADA;}
	
#Pie { position:fixed;
	   bottom:0;
	   left:0;
	   right:0;
	   width:100%}

#Top {
	   top:0;
	   left:0;
	   right:0;
	  }

.tdHeaderMain{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: LEFT;
	COLOR: #FFFFFF;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
    /*padding-top: 5px;*/
	background-color: #204C7A;}

.tdFooterMain{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 13px;
	HEIGHT: 20px;
	MARGIN: 0px;
	COLOR: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	background-color: #204C7A;
	
	text-align: center;}

.tablaMain300{
	WIDTH: 300px;
	 background-color: #e5e5e5;
	}

.tablaMain400{
	WIDTH: 400px;
	 background-color: #e5e5e5;
	}

.tablaMain500{
	WIDTH: 500px;
	 background-color: #e5e5e5;
	}

.tablaMain600{
	WIDTH: 600px;
	 background-color: #e5e5e5;
	}

.tablaMain700{
	WIDTH: 683px;
	 background-color: #e5e5e5;
	}
	
.tablaMain800{
	WIDTH: 800px;
	 background-color: #e5e5e5;
	}
	
.tablaMain1000{
	WIDTH: 100%;
	 background-color: #e5e5e5;
	}
	
.tdTitulo{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: LEFT;
	HEIGHT: 20px;
	BORDER-RIGHT:  #31419C 0px solid;
	BORDER-LEFT: #31419C 0px solid;
	BORDER-TOP: #31419C 0px solid;
	BORDER-BOTTOM: #31419C 0px solid;
	MARGIN: 0px;
	COLOR: #FFFFFF;
	PADDING: 1 px;
	VERTICAL-ALIGN: MIDDLE; }

.tdMain{
	TEXT-ALIGN: CENTER;
	BORDER-RIGHT: #555555 1px solid;
	BORDER-LEFT: #555555 1px solid;
	BORDER-TOP: #555555 0px solid;
	BORDER-BOTTOM: #555555 1px solid;
	BACKGROUND: #F2F2F2;
	MARGIN: 0px; 
}

.tdMainText{
	TEXT-ALIGN: CENTER;
	BORDER-RIGHT: #555555 1px solid;
	BORDER-LEFT: #555555 1px solid;
	BORDER-TOP: #555555 0px solid;
	BORDER-BOTTOM: #555555 1px solid;
	BACKGROUND: #F2F2F2;
	MARGIN: 0px; }

.tdMainGrid{
	TEXT-ALIGN: CENTER;
	BORDER-RIGHT: #555555 1px solid;
	BORDER-LEFT: #555555 1px solid;
	BORDER-TOP: #555555 0px solid;
	BORDER-BOTTOM: #555555 1px solid;
	BACKGROUND: #E5E5E5;
	MARGIN: 0px; }


.tdBotones{
	HEIGHT: 20 px;
	BORDER-RIGHT: #C0C0C0 0px solid;
	BORDER-LEFT: #C0C0C0 0px solid;
	BORDER-TOP: #C0C0C0 0px solid;
	BORDER-BOTTOM: #C0C0C0 0px solid;
	PADDING: 5 px;
	MARGIN: 0px; }

.tdCaptura{
	border: 0px solid #E5E5E5;
    FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 10px;
	COLOR: #000000;
	BACKGROUND: #E5E5E5;
	MARGIN: 0px;
	VERTICAL-ALIGN: TOP;
    font-weight: 700;
    text-align: left;
}

.tdCaptura2{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 10px;
	COLOR: #000000;
	BORDER-RIGHT: #ECDADA 0px solid;
	BORDER-LEFT: #ECDADA 0px solid;
	BORDER-TOP: #ECDADA 0px solid;
	BORDER-BOTTOM: #E5E5E5 0px solid;
	BACKGROUND: #ECDADA;
	PADDING: 5 px;
	MARGIN: 0px;
	VERTICAL-ALIGN: TOP;}
	
.tdInfoResultado{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 11 px;
	FONT-WEIGHT: bold;
	COLOR: #333333;
	BORDER-RIGHT: #DDBFBF 0px solid;
	BORDER-LEFT: #DDBFBF 0px solid;
	BORDER-TOP: #DDBFBF 0px solid;
	BORDER-BOTTOM: #DDBFBF 0px solid;
	BACKGROUND: #DDBFBF;
	PADDING: 2 px;
	MARGIN: 0px; }

.tdInfoHeader
   
    {
        
	border: 0px solid #858585;
    FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 11pt;
	FONT-WEIGHT: Bold;
	COLOR: #FFFFFF;
	BACKGROUND: blue;
	MARGIN: 0px;
    text-align: center;
}

.tdInfo{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 11 px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	BORDER-RIGHT: #E5E5E5 0px solid;
	BORDER-LEFT: #E5E5E5 0px solid;
	BORDER-TOP: #E5E5E5 0px solid;
	BORDER-BOTTOM: #E5E5E5 0px solid;
	BACKGROUND: #E5E5E5;
	PADDING: 2 px;
	MARGIN: 0px; }

.tdInfo2{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 11 px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	BORDER-RIGHT: #ECDADA 0px solid;
	BORDER-LEFT: #ECDADA 0px solid;
	BORDER-TOP: #ECDADA 0px solid;
	BORDER-BOTTOM: #ECDADA 0px solid;
	BACKGROUND: #ECDADA;
	PADDING: 2 px;
	MARGIN: 0px; }

.tituloMain{
	FONT-FAMILY: Verdana,Arial;
	FONT-SIZE: 22px;
	FONT-WEIGHT: normal;
	COLOR: #AE0005;}

.subtituloMain{
	FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 13 px;
	FONT-WEIGHT: bold;
	COLOR: #AE0005;}

    .textoMain{
	    FONT-FAMILY: Arial, Verdana;
	    FONT-SIZE: 14 px;
	    COLOR: #000000;}

.alertaTitulo
{
    FONT-FAMILY: Verdana, Arial;
    font-size: 30px;
    font-weight: bold;
    COLOR: #AE0005;
}
.alertaTituloMenuRF
{
    FONT-FAMILY: Verdana, Arial;
    font-size: 30px;
    font-weight: bold;
    COLOR: #AE0005;
}

.alertaTituloNew
    {
    background-color :#f5f5f5;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 13pt;
	COLOR: black;
	text-align :left;
     }

.alertaTexto{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 13 px;
	COLOR: #333333;}

.alertaTitulo2{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 10 px;
	FONT-WEIGHT: bold;
	COLOR: #AE0005;
	border-radius}

.alertaTexto2{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 10 px;
	COLOR: #333333;}

.alertaTitulo3{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 10 px;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;}

.alertaTexto3{
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 10 px;
	COLOR: #FFFFFF;}
	

.headergrid
{
	position: relative;
	top: expression(this.offsetParent.scrollTop - 1);
}

.h1
{
    text-align: center;
}
#form1
{
  margin-top: 0;
  height: 100%;
  width:100%;
  max-width: 100%;
  border: 1px solid #9C9C9C;
  background-color: #EAEAEA;
}
.mxwidth
{
    max-width: 250px;    
    height: 18px;
    margin-top: 4px;
}
.ListaMenuRF
{
    margin-left: 15px;
    font-size: 24px;
   /* background-color: #000000;*/
}
.lblStandard
{
    font-size:27px;
}
.botonINPUTGenerico {    
	FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	cursor: hand;
    margin-left: 3px;
    max-width:120px;
    height:100%;
    width: 20%;
    margin-bottom: 0px;
}
.txtGenerico
{
     max-width: 160px;
     Height:30px;
     vertical-align:middle;
     width:45%
}
#contenedor
{
    width:50%;
    margin-top: 13%;
    margin-left: 25%;
    border: 5px;
}
.tdBotones
{
    text-align:center;
    height: 40px;
    background:none;
}
