BODY
{
    	margin-top: 0px;
    	font-size: xx-small;
    	margin-left: 0px;
    	margin-right: 0px;
    	font-family: Arial;
}
textarea
{ 
	resize:none 
} 
.tabla_materiales
{
    	font-size: xx-small;
    	width: 95%;
    	font-style:normal;
    	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-spacing: 0px;
    	//border-collapse: collapse;
}
.tabla_login
{
    	background-color:#A5CBFF;
	margin-top: 75px;
	width:400px;
	font-style:normal;
	font-weight:bold;
	text-align:left;
}
.titulo_tabla
{
	background-color:#209BFF;
	color:#FFFFFF;
	font-size: xx-small;
      font-style: normal;
    	font-family: Arial, Verdana, Helvetica, sans-serif
}
.menu
{
	background-color:#00365F;
	width: 100%;
	height:85px;
	color:#FFFFFF;
	font-size: x-small;
	font-style:normal;
	font-family: Arial,Verdana, Helvetica, sans-serif;
}
.cabecera_app
{
    color:#FFFFFF;
}
#info
{
    BORDER-RIGHT: black 3px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 3px;
    Z-INDEX: 100;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 3px;
    FONT: xx-small/18px Arial, Verdana;
    BORDER-LEFT: black 1px solid;
    WIDTH: 150px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: black 3px solid;
    POSITION: absolute;
    TOP: 0px;
    BACKGROUND-COLOR: lightyellow
}
.mensaje
{
    HEIGHT:32px;
    TEXT-TRANSFORM:uppercase;
    PADDING-TOP:10;
    COLOR:blue
}
.borde_tabla
{
    BORDER-RIGHT: #ffffff 4px solid;
    BORDER-TOP: #ffffff 4px solid;
    MARGIN-TOP: 75px;
    FONT-SIZE: xx-small;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #ffffff 4px solid;
    BORDER-BOTTOM: #ffffff 4px solid;
    FONT-FAMILY: Arial
}
.negrita
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.tabla_datos
{
    MARGIN-TOP: 15px;
    FONT-SIZE: xx-small;
    WIDTH: 99%;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.sep_imagen
{
    VERTICAL-ALIGN:BOTTOM;
    MARGIN-BOTTOM:2px;
    MARGIN-LEFT:3px
}
INPUT
{
    FONT-SIZE: xx-small;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    HEIGHT: 20px;
    BACKGROUND-COLOR: white
}
.inputsinborde
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Arial;
    HEIGHT: 17px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: right
}
.inputconborde
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    FONT-FAMILY: Arial;
    HEIGHT: 17px;
    BACKGROUND-COLOR: #faeeb1;
    TEXT-ALIGN: right
}
.titulo_blanco
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana
}
.etiqueta
{
    FONT-SIZE: xx-small;
    /*COLOR: #FFFFFF;*/
    FONT-FAMILY: Arial
}
.contenedor
{
    //BORDER-RIGHT: #83acd8 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #83acd8 1px solid;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 8px;
    //BORDER-BOTTOM: #83acd8 1px solid;
    MARGIN: 0px;
    //BORDER-LEFT: #83acd8 1px solid;
    //WIDTH: 100%;
    PADDING-TOP: 8px;
    HEIGHT: 100%;

}
.contenedorOld
{
    //BORDER-RIGHT: #83acd8 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #83acd8 1px solid;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 8px;
    //BORDER-BOTTOM: #83acd8 1px solid;
    MARGIN: 0px;
    //BORDER-LEFT: #83acd8 1px solid;
    WIDTH: 100%;
    PADDING-TOP: 8px;
    HEIGHT: 100%;

}
BUTTON
{
    FONT-SIZE: xx-small;
    COLOR: yellow;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white
}
SELECT
{
    FONT-SIZE: xx-small;
    FONT-FAMILY: Arial, Verdana
}
.cabecera_tabla
{
    BORDER-RIGHT: white 0.5pt solid;
    BORDER-TOP: white 0.5pt solid;
    FONT-SIZE: xx-small;
    BORDER-LEFT: white 0.5pt solid;
    COLOR: black;
    BORDER-BOTTOM: white 0.5pt solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #cccccc
}
.registro_tabla
{
    BORDER-RIGHT: gray 0.5pt solid;
    BORDER-TOP: gray 0.5pt solid;
    FONT-SIZE: xx-small;
    BORDER-LEFT: gray 0.5pt solid;
    BORDER-BOTTOM: gray 0.5pt solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white
}
IMG
{
    FONT-SIZE: xx-small;
    CURSOR: pointer;
    FONT-FAMILY: Arial
}
A
{
    FONT-SIZE: xx-small;
    CURSOR: pointer;
    FONT-FAMILY: Arial
}
.separador
{
    HEIGHT: 8;
    MARGIN-LEFT: 0px;
    WIDTH: 100%;
    BACKGROUND-COLOR: #00365F;
}
#titulo
{
    BORDER-RIGHT: #00365F 2px solid;
    BORDER-TOP: #00365F 2px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #00365F 2px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: white 2px solid;
    FONT-FAMILY: Arial;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #00365F;
    TEXT-DECORATION: none;
	COLOR: #FFFFFF;
}
.contorno
{
    	BORDER-RIGHT: #00365F 2px solid;
    	BORDER-TOP: #00365F 2px solid;
    	FONT-SIZE: xx-small;
    	MARGIN-LEFT: 0px;
    	BORDER-LEFT: #00365F thin solid;
    	WIDTH: 100%;
    	BORDER-BOTTOM: #00365F 2px solid;
    	FONT-FAMILY: Arial;
    	BACKGROUND-COLOR: #ffffff;
    	TEXT-DECORATION: none;
    	height:auto;
}
.boton
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BACKGROUND-COLOR: #d8d9da !IMPORTANT;
}
.tabla
{
    BORDER-RIGHT: 0.5pt solid;
    BORDER-TOP: 0.5pt solid;
    BORDER-LEFT: 0.5pt solid;
    BORDER-BOTTOM: 0.5pt solid
}
TR
{
    BORDER-RIGHT: 0.5pt solid;
    BORDER-TOP: 0.5pt solid;
    BORDER-LEFT: 0.5pt solid;
    BORDER-BOTTOM: 0.5pt solid
}
.celda_tabla
{
    BORDER-RIGHT: gray 0.5pt solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: gray 0.5pt;
    PADDING-LEFT: 2px;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: gray 0.5pt solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: gray 0.5pt solid;
    FONT-FAMILY: Arial
}
.celda_tabla_num
{
    BORDER-RIGHT: gray 0.5pt solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: gray 0.5pt;
    PADDING-LEFT: 2px;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: gray 0.5pt solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: gray 0.5pt solid;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: right	
}
TH
{
    BORDER-RIGHT: white 0.5pt solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: white 0.5pt;
    PADDING-LEFT: 4px;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 4px;
    MARGIN: 4px;
    BORDER-LEFT: white 0.5pt solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: white 0.5pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #00365F;
	COLOR: #FFFFFF;
}
TD
{
    FONT-SIZE: xx-small;
    FONT-FAMILY: Arial
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em;
    FONT-FAMILY: Arial, Verdana
}
.black_overlay
{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content 
{
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 3px solid #00365F;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.inputdatafono
{
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
    font-weight: bold;
    font-size: 20px;      
    font-family: Arial;
    color: #3399cc;
    height: 30px;
    background-color: transparent;
    text-align: left
}

.urGrpTtlBox{
    background-color:#00365F !important;
    color:#000;
    border-width:0 0 1px 0;
    border-style:none none solid none;
    border-color:#F2F2F2;
    font-size:0.7em;
    font-weight:bold;
    padding:3px 5px 3px 6px;
    height:17px
}

  
input[type=checkbox]:checked {
  accent-color: #00365F;!important;
}
input[type='checkbox']:after {
  accent-color: white; !important;
}

input[type=radio] {
  accent-color: #00365F;!important;
}