@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'Segoe UI Light';
    src: url('../font/segeo-ui-light/segeo-ui-light-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'Segoe UI Light';
    src: url(//:) format('no404'), 
	url('../font/segeo-ui-light/segeo-ui-light-webfont.woff') format('woff'), 	 
	url('../font/segeo-ui-light/segeo-ui-light-webfont.ttf') format('truetype'), 
	url('../font/segeo-ui-light/segeo-ui-light-webfont.svgz#SegoeUILight') format('svg'), 
	url('../font/segeo-ui-light/segeo-ui-light-webfont.svg#SegoeUILight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'Segoe UI Semibold';
    src: url('../font/segeo-ui-semibold/segeo-ui-semibold-webfont.eot');
}
@font-face {
    /* This declaration targets everything else */
    font-family: 'Segoe UI Semibold';
    src: url(//:) format('no404'), 
	url('../font/segeo-ui-semibold/segeo-ui-semibold-webfont.woff') format('woff'), 
	url('../font/segeo-ui-semibold/segeo-ui-semibold-webfont.ttf') format('truetype'), 
	url('../font/segeo-ui-semibold/segeo-ui-semibold-webfont.svgz#SegoeUISemibold') format('svg'), 
	url('../font/segeo-ui-semibold/segeo-ui-semibold-webfont.svg#SegoeUISemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* BEGIN Light */

@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }
/* END Light */

/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../font/open-sans-gh-pages/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("../font/open-sans-gh-pages/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/open-sans-gh-pages/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("../font/open-sans-gh-pages/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("../font/open-sans-gh-pages/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("../font/open-sans-gh-pages/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }
/* END Extrabold Italic */



.FondoPrinc{ 
  background: none; 
  background-color: rgba(255, 255, 255, 0.6); 
}


html, BODY {
	font-family:  'Segoe UI Light', 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;	
	text-overflow: ellipsis; 
	margin: 0px;
	padding: 0px;	
        border-bottom: 0px solid #333; 
	color: rgb(51, 51, 51);  
        background-color: transparent;  
	text-decoration:none;
	border:none;  	  
	height: 100%;
	}

		
#page-wrap { 
	position: relative; 
	width: 400px; 
	margin: 50px auto; 
	padding: 20px; 
        background: rgba(0, 0, 0, 0.6); 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
}		
		
	
  	
.loguin
 {
    font-family: "Montserrat", sans-serif;
    autocomplete:"off";
    height: 25px;
    border: 1px white;
    background-color: rgba(66, 66, 66, 1) ;
    color: rgb(255, 255, 255);
    padding: 0px;
    box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.3);
    width: 100%;
    overflow: hidden;
    font-size: 12px;

}

.Modificable
 {
    autocomplete:"off";
    background-color: rgba(66, 66, 66, 0.2) ;
    color: rgb(0, 0, 0);
    padding: 0px;
    box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.3);
    overflow: hidden;
    font-size: 10px;
}
td.Modificable
 {
    color: rgb(0, 0, 0);
}



.tooltip {
  position: relative;
}
.tooltip .tooltiptext {
  visibility: hidden;
  display: none;
  background-color: #555;
  color: #fff;
  width: 120px;
  text-align: center;
  border-radius: 6px;
  padding: 0px 0;
  position: absolute;
  z-index: -1;
  bottom: 115%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  display:inline-block;
  opacity: 1;
  z-index: 1000;
}



#globoNotif{
    width: 18px;
    height: 16px;
    padding: 0px;
    border-radius: 16px;
    box-shadow: 0 1px 1px rgb(100,100,100);
    background-color: rgb(255,100,100);
    position: absolute;
    display: inline-table;
    visibility: hidden;
    margin:0px;
    top:-10px;
    color: #FFFFFF;
}
#globoNotif:before{
    content: "";
    margin:0px;
    width: 0;
    position: absolute;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: rgb(255,100,100) transparent;
    bottom: -6px;
    left: 4px;
}


div.avatar {
    /* cambia estos dos valores para definir el tama�o de tu c�rculo */
    height: 70px;
    width: 70px;
    /* los siguientes valores son independientes del tama�o del c�rculo */
    border-width: 0px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}

	
.TablaDetaCalc{
   color: #0b0b0b;
   margin: 0 auto;
   background-color: rgb(170,170,170);
   border-color: red;
   border-collapse: collapse;
   table-layout:fixed;
   display: table;
   width: 100%;
}
.TituloDetaCalc{
  background-color: rgba(16, 16, 16, 0.6);
  color: #FFFFFF;
  BORDER-WIDTH: 0px;
  font-size: 14px;
}

.DetaCalc{
    BORDER-COLOR: white;
    BORDER-WIDTH: 1px;
    BORDER-STYLE: solid;
    BORDER-SPACING: 0px;
    BORDER-COLLAPSE: collapse;
    font-size: 11px;
    FONT-WEIGHT: bold;
    hieght: calc(80vh - 20px);
    margin: 1px;
    padding: 2px;
    overflow-y: scroll;
    display: block;
    position: relative;
    width: 100%;
}

.DetaCalc, td.DetaCalc, tr.DetaCalc :hover {
    FONT-WEIGHT: bold;
    color: #000000;
}

DIV{
  margin: 0px;
  padding: 0px;
}
.Titulos {
  /* background-color: #1653AD;   */
  color: #FFFFFF;  
  background-color:  #8C1B0F;
  font-size: 13px; 
  overflow: hidden;
  font-weight: 300;
  line-height: 1.7;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;  
}
.Titulos:hover {
	    color: #DDDDDD;   
}


.Version{
  font-size:xx-small;
  color: #0;
  text-align: right;
  left: 0px;
  top: 0px;
  width: 100%;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
}

.Titulos3 {
  font-size: 12px;
  font-weight:600;
  overflow: hidden;
  text-align: right;
  margin: 0px;
  padding: 0px;
  line-height: 90%;
}
.Titulos3:hover {
	    color: black;   
            font-weight:800;
}

.Titulos2 {
	color: #FFFFFF;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
}

.C2, td.C2, tr.C2 {
    FONT-SIZE: 12px;
    background-color: rgba(64,64,64,0.70);
    padding: 5px;
    border-collapse:collapse;
    overflow: hidden;
    color: #F0F0F0;            
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
}


.C2:hover, TD.C2:hover, TR.C2:hover {
    color: #FFFFFF;   
    FONT-SIZE: 12px;
    padding: 5px;
    border-collapse:collapse;
    cursor: pointer;
    color: black;
    background-color: rgba(179, 179, 179, 0.85);
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
.C1, td.C1, tr.C1 {
    FONT-SIZE: 12px;
    background-color: transparent;
    padding: 5px;
    border-collapse:collapse;
    overflow: hidden;
    color: #202020;            
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    
}

.CIng, TD.CIng, TR.CIng {
    FONT-SIZE: 8px;
    background-color: transparent;
    padding: 2px;
    border-collapse:collapse;
    overflow: hidden;
    color: #202020;            
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
}


TR[id$='_AD']>TD[id$='ad']{
   background-image: url('../Img/clip.ico') ;
   background-size: 14px 10px;
   background-position: center;  
   background-repeat: no-repeat;  
}

TR[id$='_NOV'] {
    FONT-WEIGHT: 900;
    font-family: 'Arial Black', 'Arial Bold';
}

TR>TD[id*='Apro']{
   background-size: 27px 12px;
   background-position: center;  
   background-repeat: no-repeat;  
   FONT-SIZE: 1px;
   color: transparent; 
}

TR>TD[id*='Apro']:hover {
     background-size: 33px 16px;
}

TR>TD[id*='Apro'][id*='3']{
   background-image: url('../Img/Adelantos/Aprobado.png') ;
}

TR>TD[id*='Apro'][id*='4'] {
   background-image: url('../Img/Adelantos/NoAprobado.png') ;
}


TR>TD[innerText$='X'] {
    FONT-WEIGHT: 1500;
    background-color: yellow;
    font-family: 'Arial Black', 'Arial Bold';
}

.C1:hover, TD.C1:hover, TR.C1:hover {
    color: #FFFFFF;   
    background-color: transparent;
    background-color: rgba(179, 179, 179, 0.85);
    FONT-SIZE: 12px;
    padding: 5px;
    border-collapse:collapse;
    cursor: pointer;
    color: rgb(0, 0, 0);
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.styled-select select {
   width: 100%;
   overflow: hidden;
   padding: 0px;
   color: rgba(255, 255, 255, 0.75);
   font-size: 12px;   
   border: 0px;
   border-radius: 2px;
   height: 20px;   
   -webkit-appearance: none;    
   -webkit-appearance: button;
   -moz-appearance: button;
   background: url(../Img/arrow_gns2.png) no-repeat right rgba(60, 60, 60, 1);
   }
   
  
 
.Seleccionado, td.Seleccionado {
  border: 1px solid rgba(255, 255, 255, 0.65);
  color: rgb(255, 255, 255);
  background-color: rgba(10, 10, 10, 0.60);
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.NombreEmpresa {
	color: #BB1200;
	FONT-WEIGHT: normal;
	padding-left: 5px;
        FONT-SIZE: 28px;
}
.NombreEmpresaC {
    	color: #BB1200;
	FONT-WEIGHT: normal;
	padding-left: 5px;
        FONT-SIZE: 20px;
}
A {
   COLOR: #FF5700;  
   TEXT-DECORATION: none;	  
   font-weight: 200;  
   font-size: 11pt;  
   line-height: 23pt;
   text-transform: lowercase;
   FONT-WEIGHT: normal;
 
  
}
A:hover {
	background-color: transparent;
	color: #ffffff;
	text-transform: lowercase;
	overflow:hidden; 
	text-overflow: ellipsis; 
	FONT-WEIGHT: normal;
}

TD {
	font-size: 11px;    
        padding:0px;
        margin: 0px;
        border:0px;
}



TD2 {
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	font-size: 14px;    
	border-collapse:collapse;
}
TD2.Simple {
	Margin: 0px;
	PADDING: 0px;
	COLOR: #FFFFFF;
        overflow: hidden;
}


TABLE {
  TABLE-LAYOUT: fixed;
  BORDER-COLLAPSE: collapse;
  justify-content: center;
  align-items: center;
}
TD.Simple {

        margin: 0px;
	PADDING: 0px;
	color: white;
	background-color: none;
	border-top: none;
        border-right: none;
	border-bottom:none;
	border-left: none;
}
TABLE.Simple {
	position:relative;
        border-collapse: separate;
        table-layout: fixed;
	FONT-SIZE: 9px;
        overflow: hidden;
        border-spacing: 0px;
        padding: 0px;
        width: 100%;
        color: white;
}


TABLE.Menu {
	border-collapse: collapse;    
	border-spacing: 10px;
        padding: 5px;
        table-layout: fixed;
	border: 0px solid ;
        color: rgb(178, 178, 178);
	width: 100%; 
	background-color: rgb(245, 245, 245);
}

.TituloHaberes{
	color: #FFFFFF;
	/* background-color: #1653AD;	 */
	background-color:  #353535;
	font-size: 13px;
	font-weight: 250;
	overflow: hidden;
	line-height: 1.4;
	margin: 0px;
        text-align: center;
	padding: 0px;
	border: 0px;
	text-transform: uppercase;
  
}



.Ingreso {
line-height: 18px; 
height: 18px; 
border-width: 0px;
border: 1px  solid;
border-color: rgb(199, 199, 199);
background-color: rgba(255, 255, 255, 0.12);
color: #202020;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 0px; 
font-size: 16px;
font-style: normal;
font-weight: 600;
}
.Ingreso :hover {
color: #FFFFFF;
background-color: red;
}


.Ingreso2 {

	border-width: 0px;
	border-color: #FFFFFF;
	color: #FFFFFF;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.Ingreso2 :hover {
color: #FFFFFF;
background-color: red;
}



.Dato {
   text-align: Left;
   border-width: 0px;
   border: 1px  solid;
   border-color: rgba(199, 199, 199,80);
   font-weight: bold;
   font-size: 11;
   color:black;
}
IFRAME {
        margin:0px;
        padding:0px;
        margin-left: auto;
        margin-right: auto;
	border: 0;
	background-color: transparent;
}
.EncabezadoMenu { 
    width: 100%;
    vertical-align: top;
    color: #F0E0E0;
    overflow: hidden;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    align-items: flex-start;
}
#AreMen{
    z-index: 1;
    cursor:pointer; 
    height: 100%; 
    margin-top: 0px; 
    position: relative; 
    width: 100%; 
    left: -1px; 
    top: 0px;
}


.EncabezadoMenu:hover {
  color: #FFF;
}



h1 {
  color: #DDDDDD;
  font-size: 32px;
  font-weight: 400;
  padding-top: 103px;
  font-weight: 300;
  line-height: 2.2;
  letter-spacing: 4px;
  margin: 0px;
  padding: 0px;
  text-transform: lowercase;
  text-align: center;
   
}

h2 {
    color: #cc6600;
    font-size: 32px;
    font-weight: 400;
    padding-top: 103px;
    line-height: 2.2;
    letter-spacing: 2px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    text-transform: lowercase;
    text-align: center;
}


 
 h2:hover {
    COLOR: #DDDDDD;  
   TEXT-DECORATION: none;	  
}
 
input {
    padding: 2px; 
    background: rgba(207, 5, 5, 0);
    color: #fff;
     line-height: 2; 
}


.Botones2 a{
	FONT-SIZE: 12px;
	color: black;
	border: 0px solid #FFFFFF;
	FONT-WEIGHT: bold;
	cursor:pointer;
	width: 100px;
}
.Botones2 a:hover{
	FONT-SIZE: 12px;
	color: black;
	border: 0px solid #FFFFFF;
	FONT-WEIGHT: bold;
	cursor:pointer;
	width: 100px;
}

.Boton {
	FONT-SIZE: 10px;
	color: black;
	border: 1px #0;
	FONT-WEIGHT: bold;
	cursor:pointer;
}

.Info {
	width: 100%;
	margin: 0px;
	border-Style: none;
	PADDING: 0px;
	border-Width: 0px;
	FONT-SIZE: 9px;
	text-align: right;
}

.Info td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	/* border-right-color: #528EE9;
	border-bottom-color: #528EE9; */
		border-right-color: #D33727;
	border-bottom-color: #D33727;
	border-top-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-left-style: none;
	margin: 0px;
	color: #0;
	padding-top: 11px;
	padding-right: 3px;
	/* padding-bottom: 2px; */
	/* padding-left: 1px; */
	width: 60px;
}
.AreaDetaCalc {
  overflow: hidden;
  position: absolute;
  height: 34%;
  width:  44%;
  top: 50%;
  left: 50%;
  z-index: 999;
  margin: 0 auto;
  margin-top: -10%;
  margin-left: -22%;
  background-color: rgba(125, 20, 10, 0.75);
}
.FrameDetaCalc {
   background-color: rgba(139, 27, 15, 0.75);
   width:  100%;     
   overflow: hidden;
}
#DatosPersona {
	font-size: 14px;
	font-weight: normal;
	color: #BB1200;
	padding-left: 5px;
}
label[class=etiqueta_azul] {
	color: #1653ad;
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;

}
.boton_ingresar a{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1451ab;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	float: left;
	margin-top: 10px;
	margin-left: 110px;
	border: 1px solid #1451ab;
}
.boton_ingresar a:hover{
	background-color: #fb9800;
	border-top-color: #fb9800;
	border-right-color: #fb9800;
	border-bottom-color: #fb9800;
	border-left-color: #fb9800;

}
#logo_cliente {
	height: 160px;
	width: 220px;
	z-index: 1000;
	top: -10px;
	overflow: hidden;
	float: left;
	position: absolute;
	background-color: #292929;
}
#logo_cliente .cont{
	width: 400px;
	text-align: center;
	margin-left: -90px;

}




#MenuAcc {
/* top:0; */
left:0;
right:0;
button:auto;
margin: auto;
height: 100%;
width: 100%;

}


#logo_cliente img{
	height: 100px;
	margin-top: 33px;
}
#gns{
	position: absolute;
	right: 50%;
	background-image: url(../Img/logo_gns_chico.png);
	z-index: 10;
	height: 58px;
	width: 100px;
	bottom: 10px;
	left: 50%;

}

.DesHabilitado {
    background-color: rgba(0, 0, 0, 0.75);
}

.boton_recibo {
 background-color: transparent;  
 cursor:pointer;
}

.boton_recibo a,a:visited{
	height: 26px;
	width: 100px;	
	background-image: url(../Img/Lupa2.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 4px;
	margin-left: 2px;
}
.boton_recibo a:hover{
	/* color: rgb(55, 172, 255); */
	color: #FFFFFF;
	background-color: transparent;
}
#formulario input[type=text]{
	font-size: 14px;
	color: #0947AE;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	float: left;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
#formulario input[type=password]{
	font-size: 14px;
	color: #0947AE;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	float: left;	
	background-color: #FFFFFF;
	width: 230px;
	border: 1px solid #3366FF;
	border-left: 4px solid #3366FF;
	
}
#formulario label{
	color: #0947AE;
	font-weight: bold;
	font-size: 14px;
	

}
#formulario td{
	padding:8px;
}




.Aclarado img {
filter:alpha(opacity=100);
-moz-opacity: 0.5;
opacity: 1.0;}

.Aclarado:hover img {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 0.5;
}


/* Por debajo de 700px */
@media screen and (max-width: 700px){
    .C1,td.c1,tr.c1,.C1:hover,tr.C1:hover,td.C1:hover{
        font-size: 10px;
    }
   .titulos{
      font-size:10px;
      font-weight: 200;
      line-height: 1.2;
   }
}
/* Por debajo de 400px */
@media screen and (max-width: 400px){
    .C1,td.c1,tr.c1,.C1:hover,tr.C1:hover,td.C1:hover{
      font-size: 8px;
    }
    .titulos{
      font-size:8px;
      font-weight: 100;
      line-height: 1;
   }
}