html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
	background: #0B2161;

}
 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}


/*  ============================================== COLUMNAS  =============================== */
/*  ============================================== COLUMNAS  =============================== */
/*  ============================================== COLUMNAS  =============================== */
/*  ============================================== COLUMNAS  =============================== */


/*  SECTIONS  ============================================================================= */
section {
     /* float: left;	*/
     /*  width: 850px;*/
       padding: 20px; 
       display: block;  
}
/*  GROUPING  ============================================================================= */

/*  SECTIONS  ============================================================================= */
aside {
    /*  float: left; 	*/
    /*   width: 280px;     */ 
    
 }
 
 
 .asideLogo {
  display: block; 
  background: #1A60A8;
  	  padding: 20px 10px 10px 50px;
      border: 1px solid #999999;      
      -moz-border-radius: 20px 80px 30px 50px;
      -webkit-border-radius: 20px 50px 30px 50px;
      border-radius: 10px 20px 210px 10px;   
	      vertical-align: baseline;
 }
  .asideBoton {
  display: block; 
  background: #1A60A8;
  	  padding: 2px 2px 2px 2px;
      border: 1px solid #999999;      
          border-radius: 10px 10px 10px 10px;
	      vertical-align: baseline;
		  width:  40%;
 }
 
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	padding: 20px; 
       display: block;  
	   color:#FFFFFF;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

  

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
 

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 700px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

.span_2_of_2 {
	width: 78%;
	background: #0B3861;
}

.span_1_of_2 {
	width: 20%;
	background: #0B3861;
}
 
 .TableLoginSpace {
	width: 20%;
	background: #0B3861;
	      vertical-align: baseline;
		  font-family:courier new,courier,monospace;
 border-radius: 10px 10px 10px 10px; 
 vertical-align: baseline;
}
 
 .ConsultaSpace {
	width: 5%;
	background: #0B3861;
	      vertical-align: baseline;
		  font-family:courier new,courier,monospace;
 border-radius: 10px 10px 10px 10px; 
 vertical-align: baseline;
}
  .span_1_of_2TableLogin {	
  width: 50%;	
  background:#ffffff; /*#0B3861;*/	text-align: center;	font-family:courier new,courier,monospace; border-radius: 10px 10px 10px 10px;  vertical-align: baseline;	font-size:20px;/*#20px;;*/ 	color:#0B3861;}
 
 
 .ConsultaB {
	width: 97%;
	background: #0B3861;
	text-align: center;
	font-family:courier new,courier,monospace;
 border-radius: 10px 10px 10px 10px; 
 vertical-align: baseline;
	font-size:20px;
	color:#FFFFFF;
}

.ConsultaT1{
	width: 97%;
	background: #0B3861;
	text-align: center;
	font-family:courier new,courier,monospace;
 border-radius: 10px 10px 10px 10px; 
 vertical-align: baseline;
	font-size:20px;
	color:#FFFFFF;
}
 
  .ConsultaC {
	width: 97%;
	background: #0B3861;
	text-align: center;
	font-family:courier new,courier,monospace;
  vertical-align: baseline;
	font-size:20px;
	color:#FFFFFF;
}
 
  .ConsultaP {
	width: 97%;
	background: #0B3861;
	text-align: center;
	font-family:courier new,courier,monospace;
 border-radius: 10px 10px 10px 10px; 
 vertical-align: baseline;
	font-size:16px;
	color:#FFFFFF;
}
 
 .ConsultaR {
	width: 97%;
	background: #0B3861;
	text-align: right;
	font-family:courier new,courier,monospace;
 border-radius: 10px 10px 10px 10px; 
 vertical-align: baseline;
	font-size:20px;
	color:#FFFFFF;
	
}

 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 700px) {
	.span_2_of_2 {
		width: 100%; 
		background: #0B3861;
	}
	.span_1_of_2 {
		width: 100%; 
		background: #0B3861;
		
	}
	.TableLoginSpace {
	width: 0%;
background: #0B3861;
	text-align: center;
	font-family:courier new,courier,monospace;
		 border-radius: 10px 10px 10px 10px;   
 vertical-align: baseline;
	font-size:20px;
	color:#FFFFFF;
}
 
 .ConsultaB {
	width: 100%;
background: #0B3861;
	text-align: center;
	font-family:courier new,courier,monospace;
		 border-radius: 10px 10px 10px 10px;   
 vertical-align: baseline;
	font-size:15px;
	color:#FFFFFF;
}

.ConsultaT1 {
	width: 200%;
background: #0B3861;
	text-align: center;
	font-family:courier new,courier,monospace;
		 border-radius: 10px 10px 10px 10px;   
 vertical-align: baseline;
	font-size:15px;
	color:#FFFFFF;
}

 .ConsultaC {
	width: 100%;
background: #0B3861;
	text-align: center;
	font-family:courier new,courier,monospace;
  vertical-align: baseline;
	font-size:15px;
	color:#FFFFFF;
}
 

 .ConsultaP {
	width: 100%;
background: #0B3861;
	text-align: center;
	font-family:courier new,courier,monospace;
		 border-radius: 10px 10px 10px 10px;   
 vertical-align: baseline;
	font-size:15px;
	color:#FFFFFF;
}



 .ConsultaR {
	width: 100%;
background: #0B3861;
	text-align: right;
	font-family:courier new,courier,monospace;
		 border-radius: 10px 10px 10px 10px;   
 vertical-align: baseline;
	font-size:15px;
	color:#FFFFFF;
}
	.span_1_of_2TableLogin {		width: 100%; 		background: #ffffff; /*#0B3861;*/ 		vertical-align: baseline;		text-align: center; border-radius: 10px 10px 10px 10px;      vertical-align: baseline; 	font-size: 15px;  /*#15px;;*/ 	}
	
}
	

.span_3_of_3 {
	width: 100%; 

}

.span_2_of_3 {
	width: 66.13%; 
	
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 700px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.LoginSpace {
  	width: 59.36%; 
		background: #ffffff ;
		 text-align: center;
	 padding: 0px 0px 30px 0px;  
      border: 1px solid #999999;      
      -moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;  
}

.ConsultaSpace {
  	width: 59.36%; 
		background: #A4A4A4;
		 text-align: center;
	 padding: 0px 0px 30px 0px;  
      border: 1px solid #999999;      
      -moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;  
}
 
.ConsultaBSpace {
  	width: 59.36%; 
		background: #A4A4A4;
		 text-align: left;
		  color: #FFFFFF;
	 padding: 0px 0px 0px 0px;  
      border: 1px solid #999999;      
      -moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;  
	 
}

.ConsultaTotalSpace {
  	width: 83%; 
		background: #A4A4A4;
		 text-align: left;
		  color: #FFFFFF;
	 padding: 0px 0px 0px 0px;  
      border: 1px solid #999999;      
      -moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;  
}

.Supra {
  	width: 100%; 
		background: #A4A4A4;
		 text-align: right;
	 padding: 0px 0px 0px 0px;  
       
      /*-moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;  */
}
 
 .ImgLogoEmpresa{
	 width:335px;
	 height:70px;
}

.ImgBotones{
		width:90px;
		 height:75px; 
} 

.ImgBotones1{
		width:90px;
		 height:75px; 
} 


.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5LoginSpace {
  	width: 18.72%;
		background:#ffffff;
				 text-align: center;


}
.span_1_of_5ConsultaSpace {
  	width: 5%;
		background:#A4A4A4;
				 text-align: center;


}

.span_2_of_5LoginSpace {
  	width: 18.72%;
		background:#A4A4A4;
				 text-align: center;


}

.Menucol {
  	width: 200%;
	  background: #FFFFFF;
	text-align: center;
}

.TablaLogin
{
	border: 0px;
	text-align: center;
	width: 100%; 
}

.TablaLoginT1
{
	border: 0px;
	text-align: center;
	width: 10000px; 
}

.textboxContacto
  {
  border: 1px solid #DBE1EB;
  font-size: 18px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:70%;
    height:150px;
  }
  

 .textboxConsulta
  {
  border: 1px solid #DBE1EB;
  font-size: 18px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:70%;
  }
  
  
 .textboxConsultaC
  {
  border: 1px solid #DBE1EB;
  font-size: 18px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:90%;
  }
  
  
   
 .textboxConsultaT1
  {
  border: 1px solid #DBE1EB;
  font-size: 16px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:180px;
  }
  
  .textboxConsultaT1C
  {
  border: 1px solid #DBE1EB;
  font-size: 16px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:85%;
  }
  

 
   .textboxConsultaP
  {
  border: 1px solid #DBE1EB;
  font-size: 16px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:70%;
  
  
  }
 
  
 
 .textboxLogin
  {
  border: 1px solid #DBE1EB;
  font-size: 18px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:50%;
  }
  
 
  
  .BotonLoginSpace {
  	width: 30%; 
}

  


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 700px) {
	
.textboxConsulta
  {
  border: 1px solid #DBE1EB;
  font-size: 18px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:70%;
  height: 150 px;
  }	
  
  
  
   .textboxConsultaP
  {
  border: 1px solid #DBE1EB;
  font-size: 16px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:70%;
  height: 150 px;
  }	
  
  
.Supra {
  	width: 100%; 
		background: #A4A4A4;
		 text-align: right;
	 padding: 0px 0px 0px 0px;  
      border: 1px solid #999999;
       
      /*-moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;  */
}
 
 .ImgLogoEmpresa{
	
	 width:190;
	 height:44;
} 

.ImgBotones{
	width:50px;
		 height:44px; 
}


.ImgBotones1{
	width:90px;
		 height:75px; 
}

	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.LoginSpace {
		width: 100%; 
		background: #A4A4A4;
		 text-align: center;
	padding: 0px 0px 0px 0px;  
      border: 1px solid #999999;      
      -moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;  

	}
	
	.ConsultaSpace {
		width: 100%; 
		background: #A4A4A4;
		 text-align: center;
	padding: 0px 0px 0px 0px;  
      border: 1px solid #999999;      
      -moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;  

	}
	
	.ConsultaBSpace {
  	width: 100%; 
		background: #A4A4A4;
		 text-align: left;
		 color: #FFFFFF;
	padding: 0px 0px 0px 0px;  
      border: 1px solid #999999;      
      -moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;    
}
	
	.ConsultaTotalSpace {
  	width: 100%; 
		background: #A4A4A4;
		 text-align: left;
		 color: #FFFFFF;
	padding: 0px 0px 0px 0px;  
      border: 1px solid #999999;      
      -moz-border-radius: 210px 10px 10px 10px;  
      -webkit-border-radius: 10px 10px 10px 10px;  
      border-radius: 10px 10px 10px 10px;    
}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5LoginSpace {
		width: 0%; 
		background: #A4A4A4;

	}
	
	.span_1_of_5ConsultaSpace {
		width: 0%; 
		background: #A4A4A4;

	}
	
	.span_2_of_5LoginSpace {
		width: 0%; 
		background: #A4A4A4;

	}
	
	 .asideLogo {
  display: block; 
  background: #1A60A8;
  	  padding: 10px 10px 10px 10px;
      border: 1px solid #999999;      
      -moz-border-radius: 20px 80px 30px 50px;
      -webkit-border-radius: 20px 50px 30px 50px;
      border-radius: 10px 10px 10px 10px;   
	      vertical-align: baseline;
 }

.TablaLogin
{
	border: 0px;
	text-align: center;
	width: 95%; 
}

.TablaLoginT1
{
	border: 0px;
	text-align: center;
	width: 95%; 
}

 .textboxLogin
  {
  border: 1px solid #DBE1EB;
  font-size: 18px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  width:100%;
  }
  
}