@import url('https://assets.mapfre.cl/assets/css/branding.css');

/*#B11113;#F7A042*/
body {
	background-image: url( 'images/bgBody.gif' );
	background-repeat: repeat-x;
	font-family: var(--font-principal);
	font-size: 11px;
}

img {
	border: 0;
}

caption {
	padding: none;
}

fieldset {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #E7E7E7;
}

.td {
	height: 25px;
	margin-top: 5px;
	border-bottom: 1px solid #E7E7E7;
	font-size: 11px;
	font-weight: bold;
}

.scroll {
	overflow: auto;
	scrollbar-base-color: #f5f4d6;
	scrollbar-arrow-color: #b11113;
}

.grid {
	/*background-image: url(  'images/grid_over.gif' );
	background-repeat: repeat-x;*/
	background-color: var(--color-fondo); /*#DB291D -> rojo intenso . reemplazado.*/
	font: Verdana bold 13px;
	text-align: left;
	padding: 0.1em;
	color: #ffffff;
}

#master_page {
	/*background: #F2F2F2;  */
	margin: auto auto auto auto;
	width: 950px;
	background-color: #ffffff;
	padding: 5px; /*  border:1px solid url('images/bgVert.gif' )  ;   */
	border: 1px solid #E7E7E7;
}


#img_veh_izq {
	/*background: #F2F2F2;  */
	display: none;
}




.overlay {
	position: absolute;
	z-index: 90;
	top: 0px;
	left: 0px;
	background-color: #495561;
	filter: Alpha(Opacity=50);
	opacity: .2;
	width: 100%;
	height: 170%;
	display: block;
}

.centralimg {
	background-position: center 40%;
	padding: 45px 0 10px 0;
	overflow: hidden;
	width: 390px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	display: block;
	position: absolute;
	left: 35%;
	top: 70%;
	z-index: 102;
	background-color: #FFFFFF;
	background-image: url( 'images/loader.gif' );
	background-repeat: no-repeat;
	zoom: 1;
	border: 1px solid #525252;
	text-align: center;
	vertical-align: baseline;
}

.centralimg_principal {
	background-position: center 40%;
	padding: 45px 0 10px 0;
	overflow: hidden;
	width: 390px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	display: block;
	position: absolute;
	left: 40%;
	top: 70%;
	z-index: 102;
	background-color: #FFFFFF;
	background-image: url( 'images/loader.gif' );
	background-repeat: no-repeat;
	zoom: 1;
	border: 1px solid #525252;
	text-align: center;
	vertical-align: baseline;
}

.centralbox {
	position: absolute;
	background-image: url(images/fondo_alert.gif);
	background-repeat: no-repeat;
	display: block;
	color: #000000;
	border: 1px solid #525252;
	text-align: left;
	overflow: hidden;
	width: 400px;
	left: 40%;
	top: 70%;
	z-index: 100;
	zoom: 1;
}

.center_table {
	position: absolute;
	z-index: 101;
	/*padding: 0.2em 0.2em 0.2em 0.2em;*/
	/*background-image:	url(Images/fondo_popup.gif);*/
	/*background-color: #FBFBFB;*/
	background-repeat: no-repeat;
	display: list-item;
	color: #000000;
	/*border: 1px solid #525252;*/
	text-align: left;
	/*overflow: hidden;*/
	width: 550px;
	left: 30%;
	top: 40%;
	height: 320px;
}

.center {
	position: absolute;
	z-index: 101;
	/*padding: 0.2em 0.2em 0.2em 0.2em;*/
	background-color: #FBFBFB;
	background-repeat: no-repeat;
	display: block;
	color: #000000;
	border: 1px solid #000000;
	text-align: left;
	overflow: hidden;
	width: 350px;
	left: 40%;
	top: 70%;
}

.TableCenter {
	width: 100%;
	border-top: 1px solid;
	border-top-color: #000000;
	/*border-bottom-color: #000000;
	border-right-color: #E7E7E7;
	border-left-color: #000000;
	border-collapse:collapse;*/
}

.centralboxAyuda {
	border: 1px solid #525252;
	position: absolute;
	z-index: 102; /*background-image:url(../images/fondo_alert0.gif);*/
	background-repeat: no-repeat;
	display: block;
	color: #000000; /*border: 1px solid #525252;*/
	text-align: left;
	overflow: hidden;
	width: 550px;
	height: 320px;
	left: 40%;
	top: 35%;
	display: none;
	background-color: #FBFBFB; /*#FDFDFD;*/
	padding: 0.2em 0.2em 0.2em 0.2em;
}

.centralwin {
	position: absolute;
	z-index: 101;
	background-repeat: repeat;
	background-color: White;
	display: block; /*	border: 1px solid black;/*border: 1px solid #525252;*/
	border: 1px solid #9D9D9D;
	overflow: hidden;
	left: 40%;
	top: 50%;
	zoom: 1;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
.TituloPrincipal {
	color: #FFFFFF;
	height: 52px;
	background-color: var(--color-fondo); /*#B11113 -> rojo oscuro 2 . reemplazado.*/
	/*background-image: url( 'images/barra_cliente.gif' );*/
	background-image: url( 'https://assets.mapfre.cl/assets/media/logo-mapfre-2.png' );
	background-repeat: no-repeat;
	border-right: 10px solid #B11113; /*#B11113*/
	text-align: right;
	font-size: 12px;
	font-family: var(--font-principal);
	font-weight: bold;
	margin: auto auto auto auto;
	width: 950px;
	padding: 0px;
}

.AreaPrincipal {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: var(--color-fondo); /*#B11113 -> rojo oscuro 2 . reemplazado.*/
	border-color: black black #CC3333;
	border-bottom-width: medium;
}

.AreaOpcional {
	background-color: var(--color-fondo); /*#B11113 -> rojo oscuro 2 . reemplazado.*/
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}


.fuente112 {
	font-size: 11px;
	background-color: #ffffff;
}

.fuente1grande {
	font-size: 11px;
	font-style: normal;
}

.fuente2negra {
	font-size: 11px;
	font-weight: bold;
}

.fuente3negra {
	font-size: 11px;
	font-weight: bold;
}

.fuente2 {
	font-size: 11px;
	font-style: normal;
	font-family: var(--font-principal);
}

.fuente3 {
	font-size: 11px;
	font-style: normal;
}

.fuente1FondoRojo {
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #D6D6D6;
	font-weight: bold;
}


.grishorizontal {
	background-color: #ACB4BB;
	height: 1px;
}


.fuente2red {
	font-size: 11px;
	font-style: normal;
	color: #B11113;
	font-weight: bold;
}

.redline {
	border-bottom: 1px solid #b11113;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
.textbox {
	height: auto;
	width: auto;
}

.textbox2 {
	padding-left: 3px;
	height: auto;
	width: auto;
	font-size: 11px;
	font-family: var(--font-principal);
	background: #FFF url(images/bgInput.gif) no-repeat left top;
	border: 1px solid;
	border-top-color: #9D9D9D;
	border-bottom-color: #E7E7E7;
	border-right-color: #E7E7E7;
	border-left-color: #9D9D9D;
	color: #555;
}


A {
	font-weight: bold;
	color: #CC3333;
	text-decoration: none;
}

/*---------------------------------------------------------------------------------------------------------------------------------*/


.SubtituloBH {
	background: url( 'images/franja.gif' ) repeat-x;
	color: white;
	font-size: 11px;
	font-family: var(--font-principal);
	height: 18px;
	font-weight: bold;
	padding-left: 1em;
}

.MarcoImg {
	width: 18px;
	background-color: var(--color-fondo); /*#B11113 -> rojo oscuro 2 . reemplazado.*/
	background-image: url( 'images/icono.gif' );
}

.Tbl {
	background: #ffffff;
	width: 100%;
}
/*#C0C060;*/

.Fuente1 {
	font-style: normal;
	padding-left: 4px;
	color: #000000;
	font-size: 11px;
}

.Tbl2 {
	background: #FFFFFF;
}


.Layer3 {
	width: 150px;
	font-style: normal;
	color: #000000;
	font-size: 11px;
	background-color: #FFFFF0;
}

.Tbl3 {
	border: 1px solid #b3b3b3;
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	border-collapse: collapse;
	margin: 0 auto;
}

.Layer4 {
	width: 150px;
	font-style: normal;
	padding-left: 4px;
	color: #000000;
	font-size: 10px;
}

.Nota1 {
	color: #DB291D;
	font-weight: bold;
	font-size: 12px;
	font: Arial, Verdana, sans-serif;
}

.Excalmation {
	vertical-align: bottom;
	background: url( 'images/Excalmation.gif' ) no-repeat center;
	width: 31px;
	height: 50px;
}

.btnAceptar {
	background: url( 'images/aceptar.gif' ) no-repeat center;
	border: 0;
}

.CoberturasTR {
	border-bottom: 1px solid #C0C060;
	border-right: 1px solid #C0C060;
	background-color: #FFFFF0;
}

.Arroba {
	font-size: 14px;
	color: #B11113;
}
/***************<<<<<<<<<< *************************************************  >>>>>>>>>>>>>>*******************/
/***************<<<<<<<<<< The main calendar widget.  DIV containing a table  >>>>>>>>>>>>>>*******************/
/***************<<<<<<<<<< *************************************************  >>>>>>>>>>>>>>*******************/

.calendar {
	position: relative;
	display: none;
	border-top: 2px solid #fff;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #fff;
	font-size: 11px;
	color: #000;
	cursor: default;
	background: white; /*#ffefd5;*/
	font-family: var(--font-principal);
}

	.calendar table {
		border-top: 1px solid #000;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #000;
		font-size: 11px;
		color: #000;
		cursor: default;
		background: white; /*#fffacd  ;/*#E8E8E8   ;/*c8d0d4*/
		font-family: var(--font-principal);
	}

	/* Header part -- contains navigation buttons and day names. */

	.calendar .button {
		/* "<<", "<", ">", ">>" buttons have this class */
		text-align: center;
		padding: 1px;
		border-top: 1px solid #fff;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		border-left: 1px solid #fff;
	}

	.calendar .nav {
		background: transparent url(menuarrow.gif) no-repeat 100% 100%;
	}

	.calendar thead .title {
		/* This holds the current "month, year" */
		font-weight: bold;
		padding: 1px;
		border: 1px solid #000;
		background: #B11113; /*#B11113;*/
		color: #fff;
		text-align: center;
	}

	.calendar thead .headrow {
		/* Row <TR> containing navigation buttons */
	}

	.calendar thead .daynames {
		/* Row <TR> containing the day names */
	}

	.calendar thead .name {
		/* Cells <TD> containing the day names */
		border-bottom: 1px solid #000;
		padding: 2px;
		text-align: center;
		background: #f5f5f5;
	}

	.calendar thead .weekend {
		/* How a weekend day name shows in header */
		color: #f00;
	}

	.calendar thead .hilite {
		/* Color de los Botones de la Cabecera Movimientos*/
		border-top: 2px solid #fff;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		border-left: 2px solid #fff;
		padding: 0px;
		background-color: #eee8aa;
	}

	.calendar thead .active {
		/* Active (pressed) buttons in header */
		padding: 2px 0px 0px 2px;
		border-top: 1px solid #000;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #000;
		background-color: #f5f5f5;
	}

	/* The body part -- contains all the days in month. */

	.calendar tbody .day {
		/* Cells <TD> containing month days dates */
		width: 2em;
		text-align: right;
		padding: 2px 4px 2px 2px;
	}

		.calendar tbody .day.othermonth {
			font-size: 80%;
			color: #aaa;
		}

			.calendar tbody .day.othermonth.oweekend {
				color: #f5f5f5;
			}




	.calendar table .wn {
		/******* Columna SM */
		padding: 2px 3px 2px 2px;
		border-right: 1px solid #000;
		background: white /*#fffacd;*/;
	}

	.calendar tbody .rowhilite td {
		background: #cccccc /* #eee8aa;/*franja movimiento semana*/;
	}

		.calendar tbody .rowhilite td.wn {
			background: #cccccc /* #eee8aa;/*franja movimiento nยบ semanas*/;
		}

	.calendar tbody td.hilite {
		/* Hovered cells <TD> */
		padding: 1px 3px 1px 1px;
		border: 1px solid;
		border-color: #fff #000 #000 #fff;
	}

	.calendar tbody td.active {
		/* Active (pressed) cells <TD> */
		padding: 2px 2px 0px 2px;
		border: 1px solid;
		border-color: #000 #fff #fff #000;
	}

	.calendar tbody td.selected {
		/* Cell showing selected date */
		font-weight: bold;
		padding: 2px 2px 0px 2px;
		border: 1px solid;
		border-color: #000 #fff #fff #000;
		background: #d8e0e4;
	}

	.calendar tbody td.weekend {
		/* Cells showing weekend days */
		color: #f00;
	}

	.calendar tbody td.today {
		/* Cell showing today date */
		font-weight: bold;
		color: #00f;
	}

	.calendar tbody .disabled {
		color: #999;
	}

	.calendar tbody .emptycell {
		/* Empty cells (the best is to hide them) */
		visibility: hidden;
	}

	.calendar tbody .emptyrow {
		/* Empty row (some months need less than 6 rows) */
		display: none;
	}

	/* The footer part -- status bar and "Close" button */

	.calendar tfoot .footrow {
		/* The <TR> in footer (only one right now) */
	}

	.calendar tfoot .ttip {
		/* Tooltip (status bar) cell <TD> */
		padding: 1px; /***** Color de la Fecha Pie***********************/
		border: 1px solid #000;
		background: #B11113;
		color: #fff;
		text-align: center;
	}

	.calendar tfoot .hilite {
		/* Hover style for buttons in footer */
		border-top: 1px solid #fff;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		border-left: 1px solid #fff;
		padding: 1px;
		background: #d8e0e4;
	}

	.calendar tfoot .active {
		/* Active (pressed) style for buttons in footer */
		padding: 2px 0px 0px 2px;
		border-top: 1px solid #000;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #000;
	}


	/* Color de los Combos a seleccionar Combo boxes  */
	.calendar .combo {
		position: absolute;
		display: none;
		width: 4em;
		top: 0px;
		left: 0px;
		cursor: default;
		border-top: 1px solid #fff;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		border-left: 1px solid #fff;
		background: #eee8aa;
		font-size: 90%;
		padding: 1px;
		z-index: 100;
	}

		.calendar .combo .label, .calendar .combo .label-IEfix {
			text-align: center;
			padding: 1px;
		}

		.calendar .combo .label-IEfix {
			width: 4em;
		}

		.calendar .combo .active {
			/*color mes seleccionado **************************************************************/
			background: #fffacd;
			padding: 0px;
			border-top: 1px solid #000;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			border-left: 1px solid #000;
		}

		.calendar .combo .hilite {
			/*color de movimiento*/
			background: #B11113;
			color: #aef;
		}

	.calendar td.time {
		/*Muestra la Hora de pie*/
		border-top: 1px solid #000;
		padding: 1px 0px;
		text-align: center;
		background-color: #eee8aa;
	}

		.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
			padding: 0px 3px 0px 4px;
			border: 1px solid #889;
			font-weight: bold;
			background-color: #fff;
		}

		.calendar td.time .ampm {
			text-align: center;
		}

		.calendar td.time .colon {
			padding: 0px 2px 0px 3px;
			font-weight: bold;
		}

		.calendar td.time span.hilite {
			border-color: #000;
			background-color: #667;
			color: #fff;
		}

		.calendar td.time span.active {
			border-color: #f00;
			background-color: #000;
			color: #0f0;
		}



.boton {
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	font-style: normal;
	height: 20px;
	text-align: center;
	width: 50px;
}


.divrci {
	width: 546px;
	height: 405px;
	position: absolute;
	left: 30%;
	top: 15%;
	z-index: 101;
	background-image: url( 'images/RCI.png' );
	background-repeat: no-repeat;
	border: 1px solid #525252;
}

.btnRCI {
	font-weight: bold;
	font-size: 15px;
	color: #000000;
	font-style: normal;
	height: 40px;
	width: 260px;
	text-align: center;
	z-index: 102;
	background: none;
}


.pTbl {
	background: #999999;
	width: 100%;
}

.pLayer1 {
	font-family: var(--font-principal);
	font-style: normal;
	padding-left: 4px;
	color: #000000;
	font-size: 11px;
	background-color: #e4e5ea;
}

.pLayer2 {
	font-family: var(--font-principal);
	font-style: normal;
	padding-left: 4px;
	color: #000000;
	font-size: 12px;
	background-color: #ffffff;
}

.pLayer {
	text-align: left;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	padding-top: 0.1em;
	font-size: 11px;
	font-family: var(--font-principal);
}

#Pasos {
	height: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	left: 200px;
	position: relative;
}

.txtPasoActivo {
	text-align: center;
	color: #e20820;
	font-size: 11px;
	font-family: var(--font-principal);
	font-weight: bold;
	text-transform: capitalize;
}

.txtPaso {
	text-align: center;
	color: #c5c5c5;
	font-size: 11px;
	font-family: var(--font-principal);
	font-weight: bold;
	text-transform: capitalize;
}

.Paso1Activo {
	width: 119px;
	background: url( 'Images/newPaso1Activo.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 350px;
	vertical-align: bottom;
	padding-top: 30px;
}

.Paso1 {
	width: 119px;
	background: url( 'Images/newPaso1.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 350px;
	vertical-align: bottom;
	padding-top: 30px;
}

.Paso2Activo {
	width: 119px;
	background: url( 'Images/newPaso2Activo.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 469px; /*se suman 80px por cada Paso desde el Paso2*/
	padding-top: 30px;
}

.Paso2 {
	width: 119px;
	background: url( 'Images/newPaso2.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 469px; /*se suman 80px por cada Paso desde el Paso2*/
	padding-top: 30px;
}

.Paso2Fin {
	width: 119px;
	background: url( 'Images/newPaso3.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 469px; /*se suman 80px por cada Paso desde el Paso2*/
	padding-top: 30px;
}

.Paso2FinActivo {
	width: 119px;
	background: url( 'Images/newPaso3Activo.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 469px; /*se suman 80px por cada Paso desde el Paso2*/
	padding-top: 30px;
}


.Paso3Activo {
	width: 119px;
	background: url( 'Images/newPaso2Activo.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 588px; /*se suman 80px por cada Paso desde el Paso2*/
	padding-top: 30px;
}

.Paso3 {
	width: 119px;
	background: url( 'Images/newPaso2.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 588px; /*se suman 80px por cada Paso desde el Paso2*/
	padding-top: 30px;
}

.Paso3Fin {
	width: 119px;
	background: url( 'Images/newPaso3.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 588px; /*se suman 80px por cada Paso desde el Paso2*/
	padding-top: 30px;
}

.Paso3FinActivo {
	width: 119px;
	background: url( 'Images/newPaso3Activo.png' ) no-repeat top left;
	height: 25px;
	position: absolute;
	left: 588px; /*se suman 80px por cada Paso desde el Paso2*/
	padding-top: 30px;
}

.fuentetitulopaso {
	text-align: left;
	font-family: var(--font-principal);
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 30px;
	width: 900px;
	background: url( 'Images/fondotit.gif' ) no-repeat left top;
	height: 23px;
	margin-top: 20px;
	text-transform: none;
}

.fuentetitulopaso2 {
	text-align: left;
	font-family: var(--font-principal);
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	padding-left: 50px;
	width: 380px;
	background: url( 'Images/fondotit2.gif' ) no-repeat left bottom;
	height: 23px;
	margin-top: 20px;
	text-transform: none;
	padding-top: 15px;
}

.top {
	width: 890px;
	background: url( 'Images/top.gif' ) no-repeat right top;
	height: 14px;
}

.content {
	background-color: #e6e6e6;
	width: 880px;
	padding-left: 10px;
}

.bottom {
	width: 890px;
	background: url( 'Images/bottom.gif' ) no-repeat bottom right;
	height: 14px;
}

.tdcontentleft {
	width: 30%;
	text-align: left;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

.tablecontent {
	width: 100%;
}

.tdcontentleft2 {
	width: 15%;
	text-align: left;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

.tdcontentleft3 {
	width: 27%;
	text-align: left;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

.td_table_center {
	background-color: var(--color-fondo); /*#DB291D -> rojo intenso . reemplazado.*/
	text-align: left;
	height: 20px;
	font-size: 13px;
	color: #ffffff;
	border: solid 1px #000000;
}

.calendario {
	background: url( 'Images/calendar.gif' ) no-repeat left center;
	border: none;
	padding: 0px 0px 0px 10px;
	width: 110px;
	height: 12px;
	cursor: pointer;
	margin: 0px 0px 0px 5px;
}

.obligatorio {
	color: Red;
	font-size: 13px;
	font-weight: bold;
}

.tdObligatorios {
	padding-left: 30px;
	padding-bottom: 5px;
	height: 20px;
}