/* 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 {
	/*	background: #f5f5f5 url(../Imagenes/SURA_tile.png) repeat-y center top;
	_background-image: #f5f5f5 url(imagenes/SURA_tile-ie.png) repeat-y center top;*/
	
}


.bordes_redondeados {
	border-radius: 25px !important;
	border: 3px;
	border-style: solid;
}
.labels {
	font-family: arial,verdana,sans-serif;
	display: inline-block;
	letter-spacing: 0.2px;
	font-weight: normal;
	color: #444444;
	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;
}

.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_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_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:#EAF2FB;*/
	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;

}


.font-input-grande {
	font-size: 18px !important;
}

.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 !important;
}

.fondo_row {
	background-color: lightcoral !important;
	color: black;
}


.fondo_row_celeste {
	background-color: lightblue !important;
	color: black;
}


.fondo_row_naranja {
	background-color: orange !important;
	color: black;
}

.fondo_row_celeste_negrita {
	background-color: lightblue !important;
	color: black;
	font-weight: bold;
}


.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;	
}


.fondo_row_prioridad_alta {
	background-color: #ff9999 !important;
	color: black;
}

.fondo_row_prioridad_media {
	background-color: #ffdddd !important;
	color: black;
}

.fondo_row_prioridad_baja {
	background-color: #ffffff !important;
	color: black;
}

.fondo_row_gris {
	background-color: #dedede !important;
	color: black;
}

.recuadro {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	background-color: #f9f9f9; 
}



/* ============================= */
/* GRID SISTEMA                  */
/* ============================= */

.grid-sistema {
	font-size: 14px;
	border-collapse: collapse;
}

	.grid-sistema thead {
		background: #486a4a;
		color: white;
		font-weight: 600;
	}

	.grid-sistema th {
		padding: 8px;
		border-bottom: 2px solid #2c3e50;
		text-align: left;
	}

	.grid-sistema td {
		padding: 7px;
		vertical-align: middle;
	}

	.grid-sistema tbody tr:hover {
		background: #f4f6f9;
	}

	.grid-sistema tbody tr:nth-child(even) {
		background: #fafafa;
	}

.grid-icons {
	text-align: center;
	white-space: nowrap;
}

	.grid-icons i {
		cursor: pointer;
		font-size: 15px;
		margin-left: 6px;
	}

		.grid-icons i:hover {
			color: #3498db;
		}

.grid-check {
	transform: scale(1.2);
	cursor: pointer;
}

/* Fix para uniform.js */
.grid-sistema .radio input[type="radio"] {
	position: static !important;
	opacity: 1 !important;
	margin-left: 0 !important;
}

.grid-radio {
	transform: scale(0.9);
	cursor: pointer;
}

.grid-sistema td .radio {
	display: flex;
	justify-content: center;
}

.grid-sistema thead th {
	position: sticky;
	top: 0;
	z-index: 2;
}

.grid-sistema tbody tr {
	transition: background 0.15s ease;
}

	.grid-sistema tbody tr:hover {
		background: #e8f0fe;
	}