/* CSS Document */
body
{
	/*background: #FFF url(../Imagenes/BACKGROUND_body.png) 0 0 repeat-x;*/
	font-family: arial,verdana,sans-serif;
	font-size:13px; 
	color:#737373;
	margin:0;
}

html
{
	
	
}

.paddingTopBottomCero
{
	padding-top:0px !important;
	padding-bottom:0px !important;
}

.labels
{
	font-family: arial,verdana,sans-serif !important;
	font-size: 16px !important;
	
}

.TextBox
{
	font-family: arial,verdana,sans-serif !important;
	font-size: 16px !important;
	
}

.Combo
{
	font-family: arial,verdana,sans-serif !important;
	font-size: 16px !important;
	
}

.negrita
{
	font-weight:bold;
}
.labels_negrito
{
    font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    font-weight: bold;
    color: Black;
	font-size: 12px;
	width: auto;
	background-color: Transparent; 
	padding-top: 6px;
	padding-left:3px;
	height: 20px;
	border-top-style:None ;
	border-bottom-style:None;
	border-left-style: None;
	border-right-style: None;
	
}

.labels_negrito_rojo
{
    font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    font-weight: bold;
   color: Red;
	font-size: 12px;
	width: auto;
	background-color: Transparent; 
	padding-top: 6px;
	padding-left:3px;
	height: 20px;
	border-top-style:None ;
	border-bottom-style:None;
	border-left-style: None;
	border-right-style: None;
	
}


.labels_centrado {
    font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    font-weight:normal;
    color: Black;
	font-size: 12px;
	width: auto;
	background-color: Transparent; 
	padding-top: 6px;
	padding-left:3px;
	height: 20px;
	border-top-style:None ;
	border-bottom-style:None;
	border-left-style: None;
	border-right-style: None;
	text-align:center;
	
}


.links {
	cursor:pointer;
    font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    font-weight:normal;
    color:#6c88b8; /*Celeste Claro*/
	font-size: 10px;
	font-weight:bold;
	width: auto;
	background-color: Transparent; 
	padding-top: 6px;
	padding-left:3px;
	height: 20px;
	border-top-color:#eaeae3; /* Gris Claro */
	border-top-style:None ;
	border-top-width: 1px;
	border-bottom-color:#eaeae3;
	border-bottom-style:None;
	border-bottom-width: 1px;
	border-left-color:#eaeae3;
	border-left-style: None;
	border-left-width: 1px;
	border-right-color:#eaeae3;
	border-right-style: None;
	border-right-width: 1px;
}

/*.combos_aps {
	background-color:#E8EAEC;
	font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
	font-size: 12px;
	Border:solid 1px  #eaeae3;
	height: 20px;

}
.combos
{
	
	background-color:#E8EAEC;
	font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
	font-size: 12px;
	Border:solid 1px  #eaeae3;
	height: 20px;

}*/

.radiobutton
{
	font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
	font-size: 12px;
	Border:solid 1px  #eaeae3;
	height: 20px;
	color: Black;

}
.labels_titulo 
{
	font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    color: #F03227; 
	font-size: 16px;
	font-weight:bold;
	position:absolute;
	left:4px;
	top:8px;
	width: auto;
}

.labels_subtitulo {
	/*font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    font-size: 14px;
	left:200px;
	margin:0;*/
	font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    color: #F03227; 
	font-size: 14px;
	font-weight:bold;
	position:absolute;
	left:4px;
	top:8px;
	padding-left:5px;
	padding-top:3px;
	width: auto;
}

.labels_titulo_seleccion {
	font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    color: black; 
	font-size: 14px;
	padding-top:5px;
	padding-left:5px;
	width: auto;
	height:25px;
	font-weight:bold;
	
}

.labels_login_intro {
	font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    color: Black;
	font-size: 14px;
	padding-top:5px;
	width: auto;
	text-align:justify;
	
	
}

.labels_login_leyenda {
    font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    font-weight:normal;
    color: Gray;
	font-size: 12px;
	width: auto;
	text-align: justify;
	font-weight: 200;
	
}
.labels_usuario {
/* 
	MA: Se usa para los labels de Nombre Usuario y Cerrar Session

*/	
    font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
	color:  #252525; 
	font-size: 11px;
	width: auto;
	background-color: Transparent;
	text-align:right;
	
}


.errores {
/* 
	Formato de los labels de mensajes
*/	
    font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
	color: Red;
	font-size: 11px;
	font-weight:bold;
	width: auto;
}



.boton
{
	font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
    font-weight:normal;
    color:black; 
	font-size: 12px;
	width: auto;
	cursor:pointer;
		
}

.cursor_hand
{
	cursor:pointer;
}

.slider 
/* 
	MA: Se usa para el color de fondo de las paginas 
*/
{
	background-image:url(Imagenes/WebSlider/imageResizerTrack_Base.jpg);


}


.centrarweb 
{	
	position: relative;
	margin:0 auto;
    width:970px;
    /*height:556px;*/
    height:100%;
    margin-top:-10px;
}

.ico_perso_eliminar 
/* 
	MA: Se usa para el icono eliminar de la grilla
*/
{
	background-image:url(Iconos/cross.png);
	background-repeat: no-repeat;
	background-position:center;
	cursor: pointer;
	padding-top:3px;
	

}

.linea_login {
	
 background-color: #3B5A82;
  height:2px;	

}	

.titulo_login
{ 	font-family: arial,verdana,sans-serif;
	display:inline-block;
	letter-spacing: 0.2px;
	color: #3B5A82;
	font-size:30px;
 }	
 
 .div_groubox 
 {
	border-style:solid;
	border-width:1px;
	border-color:#3B5A82;
	
}	

.linea_html
{
 border-color:#3B5A82;
 border-style:solid;
 height: 1px;
 width: 756px;
	
}	

.fondo_readonly
{
 /*background-color: #E7FDCF; Este es un verdecito muy lindo*/
 background-color: #FFFACD;		
}

.fondo_celda {
    background-color:lightgray;     
}

.ico_eliminar
/* 
	Se usa para el icono ver de la grilla
*/
{
	/*background-image:url(../Iconos/minus_alt_16x16.png);*/
    background-image:url(../Iconos/iEliminar.png);
	background-repeat: no-repeat;
	background-position:center;
	cursor: pointer;
	padding-top:3px;
    
	
}  


.ico_vacio
/* 
	Se usa para el icono ver de la grilla
*/
{
	background-image: none;
	cursor:  default;	
}  


.RecuadroDiv {
    padding-top:5px;
    padding-bottom:5px;
    /*z-index: 87;*/
    box-shadow: 6px 6px 8px rgba(0,0,0,0.27);
    border-style: solid;
    border-width: 2px;
    border-color:#575555;
    background-color: #ffffff;
}




.labels_titulo_verde {
	font-weight: bold;
	color: green;
	font-size: 20px;
}


.labels_titulo_naranja {
	font-weight: bold;
	color: orange;
	font-size: 20px;
}

.labels_titulo_rojo {
	font-weight: bold;
	color: red;
	font-size: 20px;
}


.labels_titulo_azul {
	font-weight: bold;
	color: blue;
	font-size: 20px;
}