/* FUENTES CARGADAS */

/* Cairo variable */
@font-face { 
  font-family: 'Cairo';   
  src: url('fonts/Cairo-VariableFont_slnt,wght.ttf') format('truetype-variations');
  font-weight: 100 900;      /* Cairo variable soporta todo el rango */
  font-style: normal;
  font-display: swap;
}

/* Open Sans normal (peso + ancho variables) */
@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
  font-weight: 100 900;      
  font-stretch: 75% 100%;    
  font-style: normal;
  font-display: swap;
}

/* Open Sans italic (peso + ancho variables) */
@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-style: italic;
  font-display: swap;
}

.cuenta_regresiva_num {
	font-size: 48px;
	color: #ffffff;
	font-family: 'Cairo', sans-serif;
	font-weight: bold;
	padding: 0px;
	display: inline-block;
	line-height: 56px;
}

/*tamaño de fuente por defecto para las tablas y para los parrafos dentro de tablas*/
table,
p {
	font-size: 10px;
}

/* Estilo para cualquier párrafo */
p {
	font-family: verdana;
	font-size: 11px;
	text-align: center;
}

body {
	background: #eaeaea;
}

html,
body,
form,
#tabla_principal {
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	/* Se usa para alinear la tabla principal*/

}

/* le sacqué el color de fondo celeste, 
   para presupuesto definir un input con fondo, solamente
   lo demás lo hereda de este*/
input {
	font-family: Courier New, Courier, mono;
	font-size: 11px;
	/*	font-weight: bold;*/
	color: #0000A0;
	border-style: solid;
	border-width: 1px;
	border-color: #95C7DF;
	border-left-style: none;
	border-top-style: none;
}

select {
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #E8EBEF;
	border-color: #95C7DF;
	border-style: double;
	border-left-style: none;
	border-top-style: none;
}

.select_blanc {
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border-color: #95C7DF;
	border-style: double;
	border-left-style: none;
	border-top-style: none;
}

/* Estilo para la tabla principal de la página */
.tabla_principal {
	border: none;
	background-color: #efefef;
	height: 100%;
	width: 850px;
	margin-left: auto;
	/* Se usa para alinear la tabla principal*/
	margin-right: auto;
	/* Se usa para alinear la tabla principal*/
}

#tabla_principal {
	border: none;
	background-color: #efefef;
	background-color: #F5F5F5;
	width: 850px;
	margin-left: auto;
	/* Se usa para alinear la tabla principal*/
	margin-right: auto;
	/* Se usa para alinear la tabla principal*/
}

.botones {
	border-color: #4079B6 #4079B6 #5DABF0 #5DABF0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F1F8FC;
	height: 18px;
	width: 100px;
	background-image: url(../imagenes/base_botones.gif);
	border-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	cursor: pointer;
}


.botones2 {
	border-color: #4079B6 #4079B6 #5DABF0 #5DABF0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F1F8FC;
	height: 18px;
	width: 148px;
	background-image: url(../imagenes/base_botones2.gif);
	border-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	cursor: pointer;
}

.botones_xl {
	border-color: #4079B6 #4079B6 #5DABF0 #5DABF0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F1F8FC;
	height: 18px;
	width: 200px;
	background-image: url(../imagenes/base_botones3.gif?ver=3);
	border-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	cursor: pointer;
}

.botones3 {
	margin-left: 22px;
}

.titulo_logo {
	/*	font-family:verdana; */
	text-align: center;
	font-size: 15px;
	color: #0080C0;
	font-family: 'Cairo', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	/* estas propiedades centran el título */
	position: absolute;
	left: 0px;
	top: 18px;
	width: 100%;
	height: 17px;
}

.titulo_logo::first-letter {
	text-transform: uppercase;
}

/***** PARA PUNTAJES DE EL GRAN VENDEDOR *****/
.titulo_blanco {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}

.puntajes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

/*********************************************/
/***** este class text_celeste es para el input del presupuesto de autos(pasajeros-personales) *****/
.text_celeste {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000099;
	border: none;
	background-color: #DEEBF5;
	font-weight: bold;
	padding-top: 5px;
}

.text_blanco {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #6699CC;
	height: 20px;
	vertical-align: middle;
}

.text_bold {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #414D53;
	font-weight: bold;
}

.text {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #414D53;
}

.text_11 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #414D53;
}

.text_12 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #414D53;
}

.text_16 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #414D53;
}

.text_azul {
	color: #0080C0;
	font-size: 12px;
	font-weight: bold;
}

.text_planes {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #0080C0;
	font-weight: normal;
}

.text_planes p {
	text-align: justify;
}

.ui-tooltip p {
	text-align: justify;
}

.ui-menu .ui-menu-item {
	font-family: verdana;
	font-size: 10px;
	text-align: left;
}

.a_barra {
	font-family: verdana;
	font-size: 10px;
	color: #E8EBEF;
}

.link_anterior {
	font-family: verdana;
	font-size: 10px;
	color: #FFB0DF;
}

#mas_info {
	cursor: pointer;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0080C0;
	font-weight: bold;
}

/* texto de mensaje de error */
.Error {
	color: #0084C4;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.Tabla_Top_Fila1,
input.btn_paginado {
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0080C0;
	/*	border:solid; */
}

input.btn_paginado {
	background: none !important;
	cursor: pointer;
	border: none;
	text-decoration: underline;
}

.Tabla_Top_Fila2 {
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E8EBEF;
	background-color: #0080C0;
	border-color: #0080C0;
}

/*	Encabezado de tabla idem Tabla_Top_Fila2 pero con font No bold*/
.Tabla_Top_Fila_Normal {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E8EBEF;
	background-color: #0080C0;
	border-color: #0080C0;
}

.renglon_impar {
	border-color: #E4EBF3;
	background-color: #E4EBF3;
}

.renglon_par {
	border-color: #D0DCEA;
	background-color: #D0DCEA;
}

.renglon2 {
	border-color: #D0DCEA;
	background-color: #D0DCEA;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #414D53;
	font-weight: bold;
}

.num_mat {
	text-align: right !important;
}

/* Cotización On-line */

/* Para las tablas internas del presupuesto, precios y comisiones,  */
.tabla_input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #0000A0;
	font-weight: bold;
	border-color: #95C7DF;
	background-color: #DEEBF5;
	border-style: double;
}

/* Para las secciones del presupuesto */
.subtitulo {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #0000A0;
	font-weight: bold;
	border-color: #95C7DF;
	background-color: #DEEBF5;
	border-style: double;
	border-left-style: none;
	border-right-style: none;
}

/* para los input del presupuesto */
.input_alta_poliza {
	font-weight: bold;
	background-color: #DEEBF5;
}

.input_gris {
	font-weight: bold;
	color: #999999;
	background-color: #DEEBF5;
}

/* esto es para que tome los bordes en Mozilla, solo para los input que tienen la class input_alta_poliza
 y no para los radios, checks, etc */
input.input_alta_poliza {
	border-style: solid;
	border-left-style: none;
	border-top-style: none;
}

/* para los select/combo de presupuesto */
.tabla_lista {
	font-family: Courier New, Courier, mono;
	font-size: 11px;
	color: #0000A0;
	font-weight: bold;
	background-color: #DEEBF5;
	border-style: double;
}

.select_cobranzamanual {
	width: 100%;
}

/* Fin de estilos de cotización On-line */


/* para la tabla de accesorios */
.tabla_celeste {
	/* era .tabla_lista__accesorio */
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #0000A0;
	font-weight: bold;
	border-color: #95C7DF;
	background-color: #B5D0E6;
	border-style: double;
}

.input_accesorios {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #DEEBF5;
	border-color: #95C7DF;
	border-left-style: none;
	border-top-style: none;
}

/*********** MENU ****************/
.wmSubMenuHidden {
	position: absolute;
	visibility: hidden;
	z-index: 5000;
}

/* horizontal menu styles */
.hItemOn {
	width: 90px;
	margin: 1px;
	padding: 6px 1px;
	font-size: 10.5px !important;
	background: #DCDCDC;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}

.hItemOff {
	width: 90px;
	margin: 1px;
	padding: 6px 1px;
	font-size: 10.5px !important;
	background: #F0F0F0;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}

/* vertical menu styles */
.vItemOn {
	width: 150px;
	margin: 1px;
	padding: 6px 1px;
	font-size: 10.5px !important;
	background: #92C0E2;
	border: 1px solid #336699;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.vItemOff {
	width: 150px;
	margin: 1px;
	padding: 6px 1px;
	font-size: 10.5px !important;
	background: #0095DD;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	border-bottom-color: #306BCD;
	border-color: #306BCD;
	border-bottom-style: outset;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.btn_left {
	text-align: left;
	margin-left: 3px;
}

.btn_left span {
	font-size: 8px;
	color: white;
	background-color: #00498e;
	border-radius: 5px;
	padding: 0px 4px 1px 4px;
	float: right;
	margin-right: 1px;
	margin-top: 1px;
}

.goThemeBox {
	width: 150px;
	margin-top: 12px;
	padding-left: 8px;
	padding-right: 4px;
}

.goThemeTitle {
	background: #F1EEDA;
	border-bottom: 1px solid #DCDCDC;
	height: 16px;
	padding: 0px 3px 1px 3px;
}

.goThemeText {
	width: 100%;
	padding: 3px 0px 3px 0px;
	color: #FFFFFF
}

/*#subMenu130.vItemOff {background:#0cafff; border-top-color:#2c63bd; font-weight: bold;}*/

/*********************************/

/********* MENU HORIZONTAL *******/

#menu {
	float: left;
	width: 100%;
	text-align: center;
	clear: both;
	background: #0080C0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

#menu ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 10px 10px 0;
	/*   background:#0080C0; */
}

#menu li {
	float: left;
	position: relative;
	/*padding:0 0 0 9px;*/
	margin: 0;
	display: block;
	background: #0080C0;

	/*	width: 444px;*/

}

#subm li {
	width: 170px;
}

#menu #activo {
	color: #FFFDD5;
}

#menu #activo a {
	padding-bottom: 5px;
}

#subm {
	width: 20px;
}

#menu li ul {
	/* se ocultan los submenus */
	display: block;
	visibility: hidden;
	position: absolute;
	/*  width: 100%;*/
	top: 1em;
	left: 0em;
}

#menu ul li>#menu ul {
	top: auto;
	left: auto;
}

#menu ul li:hover ul,
#menu ul li.over ul {
	visibility: visible;
}

/* se hacen visibles los submenus */
#menu #activo ul,
#menu li:hover ul {
	visibility: visible;
}

/* por defecto se ve el submenu que dependa de la opcion activa */
#menu #activo ul {
	z-index: 10;
}

/* el z-index del hover es mayor para poder ver el submenú de otras opciones */
#menu li:hover ul {
	z-index: 100;
}

#menu ul li a {
	float: left;
	display: block;
	text-decoration: none;
	/* el padding para la izquierda es tambien de 15 (como la dere), pero al haber puesto 9 en el elemento "li" hay que descontarlo aca� */
	padding: 5px 5px 4px 6px;
	font-weight: bold;
}

/* Estos dos estilos hacen condicional el color del <a> dentro de un li-ul dentro de menu*/
#menu ul li a {
	color: #FFFFFF;
}

#menu ul li a#link_anterior {
	color: #FFB0DF;
}

#menu a:hover {
	/*  Cuando esta sobre el item */
	color: #000066;
	background: #D0DCEA;
}

/* Este estilo es para cuando el mouse esta sobre un link dentro del menú con id="link_anterior"
	sino tomaría el color definido en a#link_anterior, no el de a:hover */
#menu a#link_anterior:hover {
	/*  Cuando esta sobre el item */
	color: #000066;
	background: #D0DCEA;
}

/**********		MENU SECUNDARIO		**********************************/

#menu_secundario {
	float: left;
	width: 100%;
	text-align: center;
	clear: both;
	background: #0095DD;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

#menu_secundario ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 10px 10px 0;
	/*   background:#0095DD; */
}

#menu_secundario li {
	float: left;
	position: relative;
	padding: 0 0 0 9px;
	margin: 0;
	display: block;
	background: #0095DD;
	/*	width: 444px;*/

}

#menu_secundario #activo {
	color: #FFFDD5;
}

#menu_secundario #activo a {
	padding-bottom: 5px;
}

#menu_secundario li ul {
	/* se ocultan los submenus */
	display: block;
	visibility: hidden;
	position: absolute;
	/*  width: 100%;*/
	top: 2em;
	left: 5em;
}

#menu_secundario ul li>#menu_secundario ul {
	top: auto;
	left: auto;
}

#menu_secundario ul li:hover ul,
#menu_secundario ul li.over ul {
	visibility: visible;
}

/* se hacen visibles los submenus */
#menu_secundario #activo ul,
#menu_secundario li:hover ul {
	visibility: visible;
}

/* por defecto se ve el submenu que dependa de la opcion activa */
#menu_secundario #activo ul {
	z-index: 10;
}

/* el z-index del hover es mayor para poder ver el submenú de otras opciones */
#menu_secundario li:hover ul {
	z-index: 100;
}

#menu_secundario ul li a {
	float: left;
	display: block;
	text-decoration: none;
	/* el padding para la izquierda es también de 15 (como la dere), pero al haber puesto 9 en el elemento "li" hay que descontarlo aquí */
	padding: 5px 15px 4px 6px;
	font-weight: bold;
}

/* Estos dos estilos hacen condicional el color del <a> dentro de un li-ul dentro de menu*/
#menu_secundario ul li a {
	color: #FFFFFF;
}

#menu_secundario ul li a#link_anterior {
	color: #FFB0DF;
}

#menu_secundario ul li a.link_anterior {
	color: #FFB0DF;
}

#menu_secundario a:hover {
	/*  Cuando esta sobre el item */
	color: #000066;
	background: #D0DCEA;
}

/* Este estilo es para cuando el mouse esta sobre un link dentro del menú con id="link_anterior"
	sino tomaría el color definido en a#link_anterior, no el de a:hover */

#menu_secundario a#link_anterior:hover {
	/*  Cuando esta sobre el item */
	color: #000066;
	background: #D0DCEA;
}

/***********	FIN MENU SECUNDARIO		******************/

/* Fix IE. Hide from IE Mac \*/
* html ul li {
	float: left;
	height: 0px;
}

* html ul li a {
	height: 1%;
}

* #menu a {
	float: none;
}

/*********************************/


/* Estilo para las listas desplegables */
#ulmayor,
.ulmayor {
	cursor: pointer;
	font-weight: bold;
	list-style: disc;
}

#titulo {
	float: none;
	height: auto;
}

/********  DATECHOOSER *********/
A.day {
	color: #3366CC;
}

A.today {
	color: #000066;
}

A.selectedday {
	color: red;
}

table.calendar {
	background: #dddddd;
	border: 1px solid #3366CC;
	color: black;
	text-align: center;
}

th2 {
	padding: 2px;
	width: 10px;
}

th.prev {
	background: #d4d4d4;
	font-weight: bold;
	padding: 2px;
	width: 10px;
}

th.next {
	background: #d4d4d4;
	font-weight: bold;
	padding: 2px;
	width: 10px;
}

th.month {
	background: #d4d4d4;
	font-size: 10px;
	padding: 2px;
	width: 10px;
}

th.dayofweek {
	background: #ffffff;
	font-size: 10px;
	padding: 2px;
	width: 10px;
	color: #3366CC;
}

td2 {
	padding: 2px;
	height: 10px;
}

td.day {
	background: #eaeaea;
	font-size: 10px;
	padding: 2px;
	height: 10px;
	color: #3366CC;
}

td.day2 {
	background: #eaeaea;
	font-size: 10px;
	padding: 2px;
	height: 10px;
	color: #000066;
}

td.today {
	background: #dfdfdf;
	font-weight: bold;
	font-size: 10px;
	padding: 2px;
	height: 10px;
}

td.selectedday {
	background: #fcfcfc;
	font-weight: bold;
	font-size: 10px;
	padding: 2px;
	height: 10px;
}

.novedades_operativas {
	height: 38px;
	font-size: 11px;
	font-family: Courier New, Courier, mono;
	background-color: #E8EBEF;
	border: none;
}

/*      COBRANZA     */
.input_gris_cobranza {
	font-size: 11px;
	font-family: Courier New, Courier, mono;
	background-color: #E8EBEF;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-style: none;
}

/********************/
/*  INFORMAR   */
.inf_a1 {
	background: transparent url(/imagenes/fondomenu03.jpg) repeat-y scroll 0 0;
	border-bottom: 1px;
	color: #000066;
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 20px !important;
	/*	padding-left:15px;*/
	padding-top: 3px;
	text-align: left;
	text-decoration: none;
	width: 200px !important;
	height: 20px;
}

.inf_a2 {
	background: transparent url(/imagenes/fondomenu01.jpg) repeat-y scroll 0 0;
	border-bottom: 1px;
	color: #000066;
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 20px !important;
	/*	padding-left:15px;*/
	padding-top: 3px;
	text-align: left;
	text-decoration: none;
	width: 200px !important;
	height: 20px;
}

.inf_a3 {
	background: transparent url(/imagenes/fondomenu02.jpg) repeat-y scroll 0 0;
	border-bottom: 1px;
	color: #000066;
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 20px !important;
	/*	padding-left:15px;*/
	padding-top: 3px;
	text-align: left;
	text-decoration: none;
	width: 200px !important;
	height: 20px;
}

.inf_a4 {
	background: transparent url(/imagenes/fondomenu04.jpg) repeat-y scroll 0 0;
	border-bottom: 1px;
	color: #FFFF66;
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 20px !important;
	/*	padding-left:15px;*/
	padding-top: 3px;
	text-align: left;
	text-decoration: none;
	width: 200px !important;
	height: 20px;
}

.inf_buscar {
	background: transparent url(/imagenes/informarBuscar.jpg) repeat-y scroll 0 0;
	border-bottom: 1px;
	display: block;
	height: 40px !important;
	padding-top: 3px;
	width: 20px !important;
	height: 20px;
}

.inf_text_blanco {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;

	vertical-align: middle;
}

#inf_ul_mayor {
	cursor: pointer;
	font-weight: bold;
	/*list-style:disc;*/
	list-style-type: circle;
	size: 9px;
}

#inf_ul_menor {
	cursor: pointer;
	font-weight: bold;
	/*list-style:disc;*/
	list-style-type: square;
	/*	list-style-position:inside;*/
	size: 8px;
}

#inf_li {
	float: none;
	height: auto;
	padding-bottom: 5px;
	margin: 5px 0px;
}

/***************/
/*ENCUESTA*/
.text_bold2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	color: #414D53;
	font-weight: bold;
}

.text_bold3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #414D53;
	font-weight: bold;
}

.text_bold4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #0080C0;
	font-weight: bold;
}

.input_boton {
	color: #ffffff;
	font-weight: normal;
	background: #0080C0;
	margin-top: 12px;
}

.aviso {
	color: #FFF;
	margin: 10px;
	padding: 4px 12px;
	background: #111f49;
	border: #000 1px solid;
}

.opciones {
	color: #FFFFFF;
}

.ayuda {
	color: #000000;
	float: left;
	width: 150px;
	padding: 0px 0px 0px 80px;
	height: 20px;
}

.coberturas {
	position: absolute;
	left: 500px;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	background: #FFF url(/imagenes/boxcont.jpg) repeat-y;
	z-index: 1000;
}

.reclamos {
	position: absolute;
	left: 600px;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	background: #FFF url(/imagenes/boxcont.jpg) repeat-y;
}

.reclamos span {
	padding-right: 70px
}


/* Estilos del block UI*/
.blockUI {
	padding: 20px;
	margin: 0;
	width: 30%;
	top: 40%;
	left: 35%;
	text-align: center;
	border: 1px solid #aaa;
	background: #FFF;
	/*cursor: wait;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.5);
	box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.5);
	color: #A0A0A0;
	font-family: Verdana, Geneva, sans-serif;
}

.blockUI h2 {
	color: #040a20;
}

.blockUI a.boton {
	background: #121F49;
	padding: 2px 15px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #069;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
	box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
}

.blockUI label {
	font-size: 11px;
	color: #333
}

.blockUI ul.lista-simple {
	color: #333;
}

.demanda li {
	padding: 5px 0px;
}

/*  Cobranzas */
ul.cobranza_valores {
	padding: 0px 20px 0px 20px;
}


/*	 Cuestionario y turnos		*/

#map_canvas {
	position: relative;
	overflow: hidden;
	background-color: rgb(229, 227, 223);
	width: 806px;
	height: 300px;
	margin: 5px;
}

.capa-anti-eventos {
	background: rgba(0, 0, 0, 0.1);
	width: 806px;
	height: 300px;
	position: absolute;
	cursor: pointer;
	z-index: 9999;
}

#map_contenedor {
	margin: 10px auto;
	border-radius: 5px;
	border-style: solid;
	border-color: rgb(225, 225, 225);
	background-color: rgb(225, 225, 225)
}

.fecha {
	float: left;
	margin-bottom: 20px;
}

.horario {
	float: left;
	margin-bottom: 10px;
	padding: 0 20px;
	text-align: left;
	width: 240px;
}

.cuadro_gris {
	background: rgb(225, 225, 225) none repeat scroll 0 0;
	border-radius: 5px;
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	width: 500px;
}

.cuadro_gris h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 5px;
}

.sombreado-turnos {
	/*    background: #efefef none repeat scroll 0 0;*/
	border: 1px solid #ddd;
	padding: 10px;
}

a.deshabilitado {
	color: #aaa;
	text-decoration: none;
}

input:disabled, select:disabled {
	cursor: not-allowed !important;
	opacity: 0.3;
}

.block {
	display: block !important;
}

/* Pagina Cuestionario */
.pregunta>p {
	margin-bottom: 10px;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

/*cambie aca*/
.pregunta_box {
	text-align: center;
}

.pregunta .pregunta_radio {
	margin-right: 10px;
}

.pregunta .pregunta_radio input {
	margin-right: 3px;
	vertical-align: sub
}

.regiones {
	display: inline-block;
	margin: 10px;
}

.pregunta input:disabled {
	opacity: 1;
}

/* Cotizacion del Dolar */
.box_dolar,
.box_dolar_tarjeta {
	width: 250px;
	text-align: center;
	background-color: #fff;
	border: solid 1px #DADADA;
	margin: 5px 5px 0 0;
	padding: 0;
}

.box_dolar_tarjeta {
	width: auto;
	margin: 10px 10px 0 0;
	float: right;
}

.box_dolar_tarjeta .box_dolar_header {
	background-color: #DEEBF5;
	padding: 0 10px;
}

.box_dolar_header h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	margin: 0;
	background: #DEEBF5;
}

.box_dolar_info {
	display: table;
}

.box_dolar_info_izquierdo,
.box_dolar_info_derecho {
	display: table-cell;
	width: 125px;
}

.box_dolar_info_izquierdo {
	border-right: 1px solid #ddd;
}

.box_dolar_info h4 {
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.box_dolar_info p,
.box_dolar_info_tarjeta p {
	font-size: 16px;
	margin-bottom: 2px;
	color: #0080C0;
	font-weight: bold;
}

.box_dolar_info_tarjeta p {
	margin: 6px;
}

.mensaje-error {
	color: #b83939;
	margin: 3px 0 5px;
	white-space: nowrap;
}
.absolute {
	position: absolute;
}


/* * ************************* */
/* * *** banner promo **** * */
.box-promo {
	width: 410px;
	min-height: 117px;
	background: url(../imagenes/banner/banner-poliza-digital.png) top left no-repeat;
	padding-top: 98px;
}

.box-promo .mas-info {
	padding-left: 122px;
	text-align: left
}

.box-detalle {
	width: 405px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	padding-bottom: 20px;
	display: none;
}

.box-detalle p {
	text-align: left;
	color: #333;
}

.blockUI input.btn {
	font-family: Verdana, Arial, sans-serif;
}

.btn-icono {
	display: inline-block;
	padding: 2px 6px 3px;
	margin-bottom: 0;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid transparent;
	background: none;
}

.btn {
	display: inline-block;
	padding: 2px 14px 3px;
	margin-bottom: 0;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 10px;
	border: 1px solid transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.btn-primario {
	color: #fff;
	background: rgb(45, 88, 140);
	background: -moz-linear-gradient(27deg, rgba(45, 88, 140, 1) 21%, rgba(91, 164, 231, 1) 80%);
	background: -webkit-linear-gradient(27deg, rgba(45, 88, 140, 1) 21%, rgba(91, 164, 231, 1) 80%);
	background: linear-gradient(27deg, rgba(45, 88, 140, 1) 21%, rgba(91, 164, 231, 1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d588c", endColorstr="#5ba4e7", GradientType=1);
	border: 1px solid #49739d;
}

.btn-info {
	color: #fff;
	background: #009ee0;
	background: -moz-linear-gradient(45deg, #009ee0 0%, #39b3e6 59%);
	background: -webkit-linear-gradient(45deg, #009ee0 0%, #39b3e6 59%);
	background: linear-gradient(45deg, #009ee0 0%, #39b3e6 59%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ee0', endColorstr='#39b3e6', GradientType=1);
	border-color: #0095d3;
}

.btn-info:hover,
.btn-info:focus {
	color: #fff;
	background: #1495ce;
	background: -moz-linear-gradient(45deg, #1495ce 0%, #2eabe0 59%);
	background: -webkit-linear-gradient(45deg, #1495ce 0%, #2eabe0 59%);
	background: linear-gradient(45deg, #1495ce 0%, #2eabe0 59%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1495ce', endColorstr='#2eabe0', GradientType=1);
	border-color: #269abc;
}

.btn-default {
	color: #666666;
	background: rgb(226, 226, 226);
	background: -moz-linear-gradient(45deg, rgba(226, 226, 226, 1) 0%, rgba(237, 237, 237, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(226, 226, 226, 1) 0%, rgba(237, 237, 237, 1) 100%);
	background: linear-gradient(45deg, rgba(226, 226, 226, 1) 0%, rgba(237, 237, 237, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ededed', GradientType=1);
	border-color: #b0b0b0;
}

.btn-default:hover,
.btn-default:focus {
	color: #666666;
	background: #dbdbdb;
	background: -moz-linear-gradient(45deg, #dbdbdb 0%, #e6e6e6 100%);
	background: -webkit-linear-gradient(45deg, #dbdbdb 0%, #e6e6e6 100%);
	background: linear-gradient(45deg, #dbdbdb 0%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=1);
}

.btn-accion {
	border: 1px solid #04046e !important;
	border-radius: 4px;
	text-decoration: none;
	color: #04046e;
}

.btn-accion:hover,
.btn-accion:active,
.btn-accion:focus {
	opacity: 0.75;
	color: #04046e
}

.btn:disabled {
	cursor: not-allowed !important;
	opacity: 0.6;
}

.popup-info p {
	color: #333;
	font-size: 11px
}

.popup-pie {
	margin-top: 20px
}

#box-pol-digital {
	width: 400px;
	display: none
}

.datos-pol-digital {
	margin-top: 20px;
	padding: 8px;
	border: 1px solid #00498e;
	border-radius: 5px;
	display: table;
}

.datos-pol-digital .col-datos {
	color: #009ee0;
	width: 180px;
	display: table-cell
}

.datos-pol-digital .col-datos:first-child {
	border-right: 1px solid #00498e;
}

.col-datos p {
	margin: 3px 0px 5px;
	font-size: 12px
}

.col-datos p.num-datos {
	color: #00498e;
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0px 2px;
}

.box-ganadores {
	width: 400px;
	margin: 30px auto;
}

table.linea-azul {
	font-size: 12px;
}

table.linea-azul th {
	border-bottom: 1px solid #00498e;
	padding: 4px 0px;
	border-top: 1px solid #00498e;
	color: #009ee0;
}

table.linea-azul tfoot th,
tr.borde-top td {
	border-bottom: 0px;
	padding: 4px 0px;
	border-top: 1px solid #00498e;
}

table.linea-azul th.font {
	font-size: 12px;
	font-weight: bold;
}

table.linea-azul td {
	padding: 4px 0px 2px;
}

.cebra,
.cebra_sutil tr:nth-child(even) {
	background: #fdfdfd
}

.cebra tr:nth-child(odd) {
	background: #fff
}

.cebra_sutil tr:nth-child(odd) {
	background: #f5f5f5;
}

h3.azul {
	color: #00498e;
	margin: 5px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
}

p.small {
	font-size: 9px;
	line-height: 11px;
	text-align: left
}

.ficha-tecnica {
	border: 1px solid #95C7DF;
	padding: 10px;
	width: 700px;
	font-weight: normal !important;
	color: #414D53;
}

.dato-variable {
	color: #0000A0;
}

.small {
	font-size: 85%
}

h3.titulo {
	font-size: 17px;
	line-height: 25px;
	margin-top: 10px;
	color: #0080C0;
}

h4.titulo {
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0;
	color: #0080C0;
	font-weight: normal;
}

h5.titulo {
	font-size: 13px;
	line-height: 17px;
	margin: 8px 0px;
	color: #0080C0;
	font-weight: normal;
}

/*.estilotextarea {width:250px;height:40px;border: 0px solid #003B9A;}*/

ul.acciones {
	list-style-type: none;
	padding: none;
	margin: none;
	margin-left: -35px;
	margin-top: -5px;
}

ul.acciones li {
	float: left;
	padding: 0 5px;
	width: 18px;
	height: 18px;
}

ul.acciones li img {
	opacity: 1;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	border: 0px;
}

ul.acciones li img:hover {
	opacity: .8;
}

.space-top40 {margin-top: 40px !important}
.space-top30 {margin-top: 30px !important}
.space-top20 {margin-top: 20px !important}
.space-top15 {margin-top: 15px !important}
.space-top10 {margin-top: 10px !important}
.space-top5 {margin-top: 5px !important}

.p-10 {padding: 10px !important}
.space-left5 {margin-left: 5px !important}
.space-right5 {margin-right: 5px !important}
.space-left10 {margin-left: 10px !important}
.space-left20 {margin-left: 20px !important}
.space-left30 {margin-left: 30px !important}
.space-left40 {margin-left: 40px !important}
.space-left50 {margin-left: 50px !important}
.space-right10 {margin-right: 10px !important}
.space-right30 {margin-right: 30px !important}
.space-bottom10 {margin-bottom: 10px !important}
.space-bottom15 {margin-bottom: 15px !important}
.space-bottom20 {margin-bottom: 20px !important}
.space-bottom30 {margin-bottom: 30px !important}

.float-none {
	float: none
}

.items-simples {
	color: #49595F;
	font-weight: normal;
}

.tabla-gestion {
	font-weight: normal;
}

.box-borde {
	border-radius: 3px;
	border: 1px solid #0080C0
}

img.poliza-impresa {
	margin-bottom: -10px;
	padding-right: 5px
}

td.border-bottom {
	border-bottom: 1px solid #E8EBEF
}

.box-destacado {
	border: 1px solid #4ea4cf;
	border-radius: 3px;
	padding: 15px;
	margin: 10px 15px;
	font-size: 12px;
}

.box-destacado .valor {
	color: #666
}

h5.subtitulo {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #0080C0;
	background: #cddde7;
	padding: 4px 10px;
	margin: 0 10px;
	border: none
}

.box-deuda {
	margin: 25px 15px;
	color: #666;
	float: left
}

.box-deuda p {
	text-align: left !important;
	font-weight: normal;
	margin: 4px 0px
}


/* ********************************* */
/* *******  PAGOS CON TARJETA  ***** */

input.input-pagos,
select.input-pagos {
	font-size: 12px;
	padding: 3px;
	border-radius: 3px;
	font-family: Verdana, Arial, sans-serif;
}

select.input-pagos {
	color: #0000A0;
	background-color: #fff;
	border-width: 1px;
	padding: 2px;
}

p.txt-left,
.txt-left,
.txt-left p {
	text-align: left !important;
}

.txt-right {
	text-align: right !important;
}

.txt-center {
	text-align: center !important;
}

.paybox form #CardSecurityCodeHelper {
	background-color: #f2f2f2;
	color: #5e656b;
	display: inline-block;
	border: 1px solid #c7cbce;
	height: 21px;
	padding: 7px 0px 8px 2px;
	border-radius: 10px;
	line-height: 5px;
	width: 21px;
}

#boxSecCodeHelpContainer {
	left: 822px !important;
	top: 200px !important;
}

#boxSecCodeHelp {
	margin-bottom: 10px !important;
}

.frmPaymentDivError {
	font-size: 10px !important;
	position: absolute;
	padding-top: 0 !important;
	margin-top: 0 !important
}

.frmPaymentSpnCardType {
	font-size: 12px !important;
	padding: 2px 7px 3px 7px !important;
}

.box-detalle-pago {
	border: 1px solid #999;
	border-radius: 5px;
	padding: 10px 20px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.box-detalle-pago p {
	text-align: left !important;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	line-height: 18px;
}

.box-detalle-pago .dato {
	font-weight: bold
}

.col-detalle-poliza {
	display: table-cell;
	width: 300px
}

.col-detalle-cuotas {
	display: table-cell
}

.cuotas-vencer {
	font-weight: normal;
	margin: 0px 0px;
	font-size: 11px;
}

.cuotas-vencer th,
.cuotas-vencer-pagas th {
	border-bottom: 1px solid #999;
	padding: 5px 0px
}

.cuotas-vencer td {
	font-weight: bold
}

.dato-total {
	font-weight: bold;
	color: #333;
}

.cuotas-vencer-pagas {
	font-weight: normal;
	padding: 20px 0px 0px;
	font-size: 11px;
}

.colapsable {
	cursor: pointer;
	transition: all 0.25s;
}

.box-detalle-pago.colapsable {
	cursor: pointer;
	transition: all 0.1s;
}

.colapsable.h3, h3.detalle-vista {
	font-weight: 600;
	font-size: 12px;
	margin: 2px 0px
}

.colapsable_contenido p {
	font-size: 11px;
}

.pull-right {float: right}
.pull-left {float: left}

.info-resultado {
	margin: 30px 0px;
}

.col-fecha {
	padding-right: 20px;
	float: left;
	margin-top: 3px
}

¡
/* ********************************* */
/* *******  INSTRUCTIVOS ACCORDION  ***** */

.accordion-custom ul.lista-doc {
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordion-custom ul.lista-doc li a {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;
	text-decoration: none;
	color: #414D53;
	display: inline-block
}

.accordion-custom ul.lista-doc li a:hover {
	color: #333
}

.accordion-custom .ui-state-default,
.accordion-custom .ui-widget-content .ui-state-default,
.accordion-custom .ui-widget-header .ui-state-default {
	font-weight: bold;
	color: #62cdf6;
	-o-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-webkit-transition: none !important;
	transition: none !important;
}

.accordion-custom {
	background: none;
}

.accordion-custom .ui-accordion-header {
	background: none;
	color: #0080C0 !important;
	border: 0;
	font-size: 11px
}

.accordion-custom .ui-accordion-header.ui-state-active {
	border-bottom: none
}

.accordion-custom .ui-widget-content {
	border: 0;
}

.accordion-custom .ui-accordion-content {
	padding: .5em 1.7em;
}

.accordion-custom .ui-icon-triangle-1-s {
	background-position: -160px -474px;
}

.accordion-custom .ui-icon-triangle-1-e {
	background-position: -190px -474px;
}

ul.lista-doc {
	font-size: 11px;
	font-weight: bold;
	padding-left: 25px;
}

ul.lista-doc li a,
ul.lista-doc li ul li a {
	line-height: 20px !important;
	position: relative
}

ul.lista-doc li ul li:last-child {
	margin-bottom: 8px
}

ul.lista-doc li ul {
	list-style: none;
	padding-left: 12px
}

/*ul.lista-doc li ul li a{font-weight:normal; margin-bottom:2px !important}*/
li a.doc-pdf,
li a.doc-image {}

li a.doc-pdf:after,
li a.doc-image:after {
	content: "";
	padding-right: 20px;
	background: url(images/icon_doc-pdf.png) no-repeat;
	margin-left: 5px;
	height: 16px;
	display: inline-block;
	position: relative;
	top: 3px
}

li a.doc-image:after {
	background: url(images/icon_doc-image.png) no-repeat;
}


/* ************* ACCIDENTES PERSONALES ENDOSATARIOS  ****** */
.box-list-item {
	border-top: 1px solid #95C7DF;
	border-bottom: 1px solid #95C7DF;
}

ul.list-item {
	padding: 8px 10px;
	border-radius: 5px;
}

.list-item li {
	padding-left: 0;
	list-style: none;
	color: #333;
	line-height: 18px;
}

/*.list-item li::before, .check::before {
	content: "";
	padding-right: 5px;
	background:url(images/ok-verde.png) no-repeat;
	height:12px;
	width:12px;
	display: inline-block;

}*/

.list-item li span.cuit::before {
	content: " - Cuit.:";
	padding: 0 5px;
	font-weight: bold;
}


ul.ui-autocomplete.ui-widget-content {
	background-color: #DEEBF5 !important;
	border-style: solid;
	border-left-style: none;
	border-top-style: none;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(120, 120, 120, 0.6);
	-moz-box-shadow: 0px 2px 5px 0px rgba(120, 120, 120, 0.6);
	box-shadow: 0px 2px 5px 0px rgba(120, 120, 120, 0.6);
}

ul.ui-autocomplete.ui-widget-content>li.ui-menu-item {
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
}

ul.ui-autocomplete.ui-widget-content>li.ui-menu-item.ui-state-focus {
	border: 0px;
	background-image: none;
	background-color: #d3dfe8 !important;
}

ul.lista-simple {
	padding-bottom: 0px;
	list-style: none;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	text-align: left
}

.btn-link {
	margin: 0 8px;
	cursor: pointer;
	color: rgb(0, 0, 238);
	font-size: 10px;
	text-decoration: none;
}

.btn-link:hover {
	color: #5176d1;
}


/*Estilos para sistema de cobranzas / forma de pago*/

.filete_contenedor {
	border: solid 0px #00498e;
	border-radius: 5px;
	padding: 10px;
	margin: 0 15px;
}

.filete_contenedor th {
	padding-bottom: 7px !important;
	padding-top: 7px !important;
}

.celdas_tabla {
	font-family: verdana;
	font-size: 11px;
	margin: 0 auto;
	color: #414D53;
	padding-left: 0 !important;
}

.celdas_tabla td:last-child {
	text-align: right;
}

.poliza-asociada,
.poliza-asociada td {
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
	margin: 3px 0;
	border-collapse: collapse;
}

.paginado {
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	margin: 15px;
	color: #0080C0;
}

.plata {
	font-family: verdana;
	font-weight: bold;
	color: #414D53;
}

.plata_rojo {
	color: red;
}

.txt-normal {
	font-family: verdana;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
	padding: 10px 5px 0px 5px !important
}

.txt-normal td {
	padding: 10px 5px 15px 5px !important;
}

.confirmado {
	background: url(/imagenes/iconos/yes.png) no-repeat 4px 9px;
}
.div-sub-cobranza {	
	background:#D0DCEA; 
	margin:10px;
}
h5.sub-cobranza{
	font-family: verdana;
	color: #00498e;
	font-weight: normal;
	font-size: 12px;
	margin: 8px 0px;
}

.celdas_tabla th {
	font-size: 11px;
	font-weight: normal;
	color: white;
}

.th_header th {
	font-size: 11px;
	color: #414D53;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	padding: 4px 0;
}

.td_editado {
	background: url(../imagenes/editar-azul.png) no-repeat 3px 0px;
	width: 19px;
	height: 19px;
	padding: 0;
}

.td_editado_lista {
	color: #aaa;
}

.insertar_medios {
	padding-top: 14px;
	padding-bottom: 5px;
}

/*Terminan estilos sistemas de cobranzas / forma de pago*/
.tabla_txt td {
	font-size: 11px !important
}

.tabla_txt td {
	text-align: left;
	border-bottom: 1px solid #aebfd3 !important;
	padding: 5px 5px 5px 50px !important;

}

.tabla_txt td:last-child {
	text-align: right;
	padding-right: 50px !important;
	font-size: 11px !important;
}

.table_riesgos {
	text-align: left !important;
	padding: 0px 50px;
}

.table_riesgos:first-child td {
	font-size: 11px;
	border-bottom: 1px solid #aebfd3 !important;
	padding: 2px 0px
}

.table_riesgos td:first-child {
	font-size: 11px !important;
}

/*REBAJAS*/

.pie_adicionales {
	color: #0080C0;
	border: 1px solid #0080C0;
	border-radius: 10px 40px 40px 10px;
	padding: 10px;
	margin-bottom: 30px;
	background-color: #DEEBF5;
}

.pie_adicionales td {
	text-align: left;
	font-weight: normal;
	font-size: 11px;

}

/*Nuevos formularios manuales*/
.container_new {
	width: 700px;
	font-family: 'Open Sans', sans-serif;
}

.container_new h1 {
	text-align: center;
	text-transform: uppercase;
}

.container_new .pie_adicionales {
	display: inline-block;
	margin: 10px 0 0 0px;
	/*lo cambie*/
	background-color: #0080C0;
	color: white;
	padding: 3px 10px 3px 8px;
	font-size: 13px;
	font-weight: 500;
}

.container_new h1 {
	font-size: 19px;
	color: #ababab;
	font-weight: 400;
	margin-top: 40px;
}

.container_new h2 {
	font-size: 14px;
	color: #2272d0;
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
}

.container_new h3 {
	color: #00498e;
	margin: 0 0 0 0px;
	border-bottom: 1px solid #c4d2d8;
	padding: 11px 0px;
	font-weight: 600;
}

.container_new h3 a {
	color: #00498e;
	font-size: 13px;
}

.container_new a:hover {
	color: #0080C0;
}

.container_new a {
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	color: #00498e;
	font-weight: 500;
}

.container_new a:visited {
	color: #00498e;
}

.msj_alert {
	color: #0080C0;
	border: 1px solid #0080C0;
	border-radius: 5px;
	padding: 10px;
	background-color: #eaf6ff;
	margin: 20px auto 0px;
}

.msj_alert tr:first-child {
	border-bottom: 1px solid #0080c0;
	padding-bottom: 7px;
	margin-bottom: 10px
}

.msj_alert td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
}

.msj_alert input {
	height: 27px
}

.modal_ {
	color: #0080C0;
	border: 1px solid #0080C0;
	border-radius: 5px;
	background-color: #eaf6ff;
	margin: 20px auto 0px;
	display: inline-block;
	vertical-align: sub;
	padding: 10px;
}

.modal_ input {
	margin: 10px !important;
	height: 19px;
	vertical-align: middle;
}

.modal_ select {
	height: 27px;
}

.input_ input {
	vertical-align: text-bottom;
	margin: 0 5px 0 15px !important;
}

/*avisos en menu_prod*/
.aviso_prod {
	padding: 5px 10px;
	background-color: #f7f7f7;
	border: 1px solid #aebfd3;
	width: 410px;
	margin-bottom: 25px;
}

.aviso_prod h2 {
	text-align: center;
	color: #00498e;
	font-size: 14px
}

.aviso_prod h3 {
	margin-top: 5px;
	margin-bottom: -10px;
}

.aviso_prod h3 span {
	padding: 2px 6px;
	border-radius: 10px;
	background-color: #d3e1f1;
	color: #00498e;
	font-size: 12px;
	font-weight: normal;
	display: table;
	text-align: left;
}

.aviso_prod h3 span i {
	color: #00498e
}

.aviso_prod i {
	font-size: 13px;
}

.red {
	color: red;
}

.aviso_prod p a {
	padding: 8px;
	border-radius: 60px;
	text-decoration: none;
	color: #00498e;
	line-height: 20px;
}

.btn_destacar {
	margin: 20px;
}

.aviso_prod .btn_destacar a {
	border: 1px solid #aebfd3;
	padding: 8px 15px;
	font-size: 12px;

}

.aviso_prod .btn_destacar a:hover,
.aviso_prod p a:hover {
	color: dodgerblue;
}

.aviso_prod p {
	font-size: 12px;
	line-height: 18px;
	text-align: left;

}

.aviso_prod p span {
	font-size: 11px;
}

.aviso_prod hr {
	border: 0.5px solid #e2e2e2;
}

.aviso_prod li {
	list-style: none;
	font-size: 11px;
	line-height: 18px;
}

.aviso_prod li a {
	text-decoration: none
}

.pesos_positivo:before {
	content: "$";
	padding-right: 5px;
}

.pesos_positivo:after {
	content: "";
	padding-right: 10px;
}

.pesos_negativo:before {
	content: "( $";
	padding-right: 5px;
}

.pesos_negativo:after {
	content: " )";
}

tfoot th.saldo span,
tfoot .pesos_positivo:before {
	color: #414D53 !important;
	font-weight: bold;
	font-size: 13px;
}

.calculadora input.input-pagos {
	width: 90px;
	text-align: right;
}

input.input-pagos::-ms-input-placeholder { /* Edge 12-18 */
	color: #aaaaaa;
}
  
input.input-pagos::placeholder {
	color: #aaaaaa;
}
 

.aviso_info,
.aviso_info_flex {
	border: 1px solid #e0cc8f;
	border-radius: 5px;
	margin: 10px 0;
	background-color: #fff7de;
	font-family: 'Open Sans';
}

.aviso_info p,
.aviso_info_flex p {
	color: #856404;
	font-weight: normal;
	font-size: 13px;
}

.aviso_info_flex {
	margin-top: -3px;
	padding: 0px 65px;
	margin-bottom: -10px;
	border-radius: 0px;
}

.aviso_info_flex p {
	text-align: left;
	font-size: 12px;
}

.aviso_info_flex i {
	font-size: 21px;
	padding-right: 10px
}

.fila_xl td,
.fila_xl th {
	height: 22px;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

td.fila_xs {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 2px !important;
}

.tabla_base {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #414D53;
}

.icono_ver_mas {
	color: #0095dd;
	font-size: 16px !important;
}

.info_txt {
	font-family: 'Open Sans';
	text-align: left;
	font-size: 13px;
	margin-left: 40px;
	border-bottom: 1px solid #c4d2d8;
	padding-bottom: 15px
}

.doc_li ul li a i {
	margin-left: 2px;
	font-size: 15px;

}

.doc_li p {
	display: flex;
	margin-bottom: 5px;
	margin-top: 0px;
}

a.hover_i:hover {
	color: #0080C0;
}

a.hover_i:hover>i {
	color: red;
}

.fieldset_sin_seleccionar {
	border: 1px solid #F5F5F5;
	margin-left: -10px;
}

.fieldset_seleccionado {
	margin-left: -13px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0px 10px 10px;
}

input.v_align[type="radio"] {
	vertical-align: bottom;
}

input.muestra_datos:disabled {
	cursor: default !important;
	opacity: 1;
	border: none;
	font-family: Verdana;
	font-size: 8pt;
	background: none;
}

ul.muestra-archivos {
	list-style: none;
}

.muestra-archivos li {
	float: left;
	margin: 10px 10px;
	text-align: center;
	width: 120px;
	height: auto;
}

ul.muestra-archivos a.cargar-archivo {
	display: inline-block;
	width: 110px;
	height: 96px;
	margin-bottom: 2px;
	border: 4px solid #FFF;
	background: #f9f9f9;
	-webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.cargar-archivo span {
	display: inline-block;
	margin: 10px auto;
	font-size: 13px;
	line-height: 16px;
}

a.cargar-archivo .glyphicon {
	font-size: 20px;
}

a.cargar-archivo span.croquis {
	display: inline-block;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: 0px -612px;
	margin: 13px auto;
	width: 50px;
	height: 60px;
}

.badge-danger {
	display: inline-block !important;
	background-color: #C33 !important;
	color: white !important;
	margin-top: 4px;
}

.badge-danger::after {
	content: "!";
}

.badge-warning {
	display: inline-block !important;
	background-color: #FF9900 !important;
	color: white !important;
	margin-top: 4px;
}

.badge-warning::after {
	content: "!";
}

.badge-success {
	display: inline-block !important;
	background-color: #339335 !important;
	color: white !important;
	margin-top: 4px;
}

.badge-success::after {
	content: '\02714';
}

.badge-info {
	display: inline-block !important;
	background-color: #62cdf6 !important;
	color: white !important;
	margin-top: 4px;
}

.badge-info::after {
	content: "i";
}

.badge-light {
	display: inline-block !important;
	background-color: #f8f9fa !important;
	color: #49595f !important;
}

.badge-light::after {
	content: "!";
}

.badge-primary {
	display: inline-block !important;
	background-color: #00498e !important;
	color: white !important;
}

.badge-primary::after {
	content: "!";
}

.chart_contenedor {
	width: 55px;
	height: 55px;
	float: left;
	position: relative;
	margin-left: 6px;
}

.chart_dato {
	position: absolute;
	width: 43px;
	height: 20px;
	top: 35%;
	left: 5px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	letter-spacing: -.03em;
	color: #3D3D3D;
	font-family: Arial, Helvetica, sans-serif;
}

.chart_dato::after {
	content: "%";
	font-size: x-small;
	vertical-align: super;
	font-weight: normal;
	letter-spacing: 0em;
}

.chart_label {
	text-align: left;
	color: #3D3D3D;
	margin: 25px 0px 20px 65px;
	height: 30px;
	font-size: 11px;
}

a.descarga {
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
}

a.descarga:hover {
	color: dodgerblue;
}

.box-aviso {
	background: #e0e8f1;
	border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
}

.box-aviso p {
	padding: 5px 5px 12px;
}

.box-aviso p.enviado::before,
.box-aviso p.recibido::before {
	position: relative;
	display: inline-block;
	top: 6px;
	left: -4px;
}

.box-aviso p.enviado::before {
	content: url('../imagenes/iconos/enviado.png');
}

.box-aviso p.recibido::before {
	content: url('../imagenes/iconos/recibido.png');
}

tr.table-datos td {
	vertical-align: top;
	text-align: left;
	padding: 8px 10px;
}

tr.table-datos td .texto-titulo {
	float: left;
	padding-right: 5px;
}

tr.table-datos:nth-child(even) {
	background: #E9EDF5
}

tr.table-datos:nth-child(odd) {
	background: #D5DFED
}

.paginationjs {
	display: flex;
	justify-content: center;
	margin: 15px 0px 0px 0px;
}

.paginationjs-go-input,
.paginationjs-go-button {
	display: inline-flex;
	align-self: center;
}

.paginationjs-go-input input {
	width: 35px;
}

.paginationjs-pages ul {
	list-style: none;
	display: inline-flex;
}

.paginationjs-pages li {
	padding: 7px 10px;
	border: 1px solid #ccc;
	margin-left: -1px;
	cursor: pointer;
}

.paginationjs-pages li:first-child {
	border-radius: 5px 0px 0px 5px;
}

.paginationjs-pages li:last-child {
	border-radius: 0px 5px 5px 0px;
}

.paginationjs-page.J-paginationjs-page a,
.paginationjs-prev a,
.paginationjs-next a {
	color: blue;
}

.paginationjs-go-input {
	margin: 10px 5px 10px 20px;
}

.paginationjs-page.J-paginationjs-page.active {
	background-color: #00498e;
}

.paginationjs-page.J-paginationjs-page.active a {
	color: white;
}

.paginationjs-ellipsis.disabled {
	cursor: auto;
}

.J-paginationjs-go-button {
	all: unset;
}

.paginationjs-go-button .btn-ir {
	border: 1px solid #04046e !important;
	border-radius: 4px;
	text-decoration: none;
	color: #04046e;
	padding: 2px 14px;
	cursor: pointer;
}

.paginationjs-go-button .btn-ir:hover {
	opacity: 0.75;
	color: #04046e
}

.paginationjs {
	display: flex;
	justify-content: center;
	margin: 15px 0px 0px 0px;
}

.paginationjs-go-input,
.paginationjs-go-button {
	display: inline-flex;
	align-self: center;
}

.paginationjs-go-input input {
	width: 35px;
}

.paginationjs-pages ul {
	list-style: none;
	display: inline-flex;
}

.paginationjs-pages li {
	padding: 7px 10px;
	border: 1px solid #ccc;
	margin-left: -1px;
	cursor: pointer;
}

.paginationjs-pages li:first-child {
	border-radius: 5px 0px 0px 5px;
}

.paginationjs-pages li:last-child {
	border-radius: 0px 5px 5px 0px;
}

.paginationjs-page.J-paginationjs-page a,
.paginationjs-prev a,
.paginationjs-next a {
	color: blue;
}

.paginationjs-go-input {
	margin: 10px 5px 10px 20px;
}

.paginationjs-page.J-paginationjs-page.active {
	background-color: #00498e;
}

.paginationjs-page.J-paginationjs-page.active a {
	color: white;
}

.paginationjs-ellipsis.disabled {
	cursor: auto;
}

.J-paginationjs-go-button {
	all: unset;
}

/***** Filtro web *****/
.fondo-filtro {
	text-align: left;
	background-color: rgb(144 192 223);
}

.contenedor-filtro {
	display: inline-flex;
	padding: 2px;
}

.multi-selector {
	width: 195px;
	cursor: pointer;
}

input.input-selector {
	border: none;
	outline: none;
	font-weight: 700;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	width: 12em;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
}

input.input-selector:hover {
	background-color: rgba(0, 0, 0, 0);
}

input::placeholder {
	color: white;
	opacity: 1;
}

.select-plan,
.select-obser {
	border: 1px solid #0049a0;
	border-radius: 0.2em;
	background-color: #0095DD;
	padding: 0.3em 0em 0em 1.7em;
}

.select-plan:hover,
.select-obser:hover {
	background-color: #0080c0;
}

.select-obser,
.select-plan,
.task,
.list2,
.list1 {
	width: 170px;
	background-color: #0095DD;
}

.list1,
.list2 {
	box-shadow: 0px 17px 24px -8px rgba(0, 0, 0, 0.26);
	-webkit-box-shadow: 0px 5px 24px -8px rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0px 17px 24px -8px rgba(0, 0, 0, 0.26);
	display: none;
	width: 188px;
	padding-bottom: 1em;
	background-color: white;
	padding: 0.3em 0em 0.5em 0em;
	vertical-align: middle;
}

.down-arrow,
.down-arrow2 {
	font-size: 1rem;
	display: inline-block;
	cursor: pointer;
	transition: 0.2s linear;
	vertical-align: middle;
	color: white;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
}

.task {
	display: block;
	padding-left: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: white;
	padding: 0.2em 0.8em 0.2em 1em;
}

.task:hover {
	background-color: #E4EBF3;
}

.show,
.show2 {
	display: block;
	position: absolute;
}

.rotar180,
.rotar180-2 {
	transform: rotate(-60deg);
}

.cont-btn-filt {
	margin-left: 0.8em;
}

.btn-filtro {
	background-color: #0095DD;
	border: 0px;
	border-radius: 0.2em;
	border: 1px solid #0049a0;
	;
	padding: 0em 4em;
	font-size: 11px;
	font-weight: 700;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: white;
	margin-right: 0.3em;
	cursor: pointer;
	height: 27px;
}

.btn-filtro:hover {
	background-color: #0080c0;
	text-decoration: none;
}

.btn-filtro:active {
	position: relative;
	top: 1px;
}

/* Infoprod y Notaprod */
.infoprod {
	background-color: white;
	border: 1px solid #aebfd3;
	margin-bottom: 20px;
}

.fondo_infoprod {
	background: url(/imagenes/fondo_infoprod_RS.svg) no-repeat;
	width: 100%;
}

.fondo_notaprod {
	background-color: #e7e7e9;
	width: auto;
}

.fondo_notaprod td {
	border-bottom: 4px solid #80cad9;
}

/* Estilos Generales */
.px-30 {padding-left: 30px !important;	padding-right: 30px !important;}
.py-5 {	padding-top: 5px !important;	padding-bottom: 5px !important;}
.pt-0 {	padding-top: 0px !important;}

.mt-5 {	margin-top: 5px !important;}

.border-radius-m {
	border-radius: 30px !important
}

.color-white {
	color: white !important
}

.f-size-12 {
	font-size: 12px !important;
}

.t-align-left {
	text-align: left !important
}

.t-decoration-none {
	text-decoration: none !important;
}

/* Aviso pagina o recurso no existente */
body {
	font-family: Tahoma, Geneva, sans-serif;
	color: #4d4d4d;
}

.container {
	max-width: 970px;
}

.header {
	background: #00498e none repeat scroll 0 0;
	border-top: 5px solid #0098d9;
	color: #fff;
	min-height: 80px;
	margin-bottom: 0;
}

.header_logo {
	float: left;
	padding-top: 10px;
}

.page-info {
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	margin: 35px auto 0;
	padding: 40px 30px;
	width: 600px;
}

a {
	cursor: pointer;
}

a:hover,
a:focus {
	transition: all 0.5s ease 0s;
}

.space-top {
	margin-top: 15px
}

.tooltipSR {
	position: relative;
	display: inline;
	
}

.tooltipSR .tooltipSRtext {
	visibility: hidden;
	width: max-content;
	max-width: 200px;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 8px;
	position: absolute;
	z-index: 1;
	top: 25px;
	left: -25px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 12px;
	font-weight: 400;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltipSR .tooltipSRtext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 35px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;
}

.tooltipSR:hover .tooltipSRtext {
	visibility: visible;
	opacity: .9;
}

.aviso_info_video {
	margin: 10px;
	border: 1px solid #cae0ff;
	background-color: #eff4fd;
	display: flex;
}

.aviso_info_video p {
	margin-bottom: 0;
	color: #055160;
	padding-left: 10px;
}

.input_alta_poliza::placeholder {
	color: #ccc;
}
.border_top_placa {
	border-top:4px solid #80cad9;
}
.txt_minuscula {
	text-transform: lowercase !important;
}
p.let:first-letter {
	text-transform: uppercase;
}
/* ACCIDENTES PERSONALES */ 
.tabla_acc_personales {
	font-weight: bold;
	font-size: 12.5px;
	line-height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E8EBEF;
	background-color: #0080C0;
	border-color: #0080C0;
}

.font_11 {font-size: 11px;}
.font_12 {font-size: 12px;}
.font_14 {font-size: 14px;}

.div_asegurado {
	line-height: 25px;
}

.width_10 {width: 10%;}
.width_25 {width: 25%;}
.width_100 {width: 100%;}

.relative{position: relative;}

.copied-toast {
    position: absolute;
    background: rgba(0, 0, 0, 0.8); 
    color: white; 
    padding: 4px 10px; 
    border-radius: 5px; 
    font-size: 12px; 
    white-space: nowrap; 
    z-index: 9999; 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

/* Identificadores ambientes */
.body-testing::before {
    content: "TESTING";
    font-size: 10px;
    font-weight: bold;
    background-color: #FEAFD5;
    color: white;
    position: fixed;
    top: 0;
    left:0px;
    padding: 5px 10px;
	border-radius: 0px 0px 5px;
}
.body-testing::after {
    content: "";
    border:2px solid #FEAFD5;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

/* Integración */
.body-integracion::before {
    content: "INTEGRACION";
    font-size: 10px;
    font-weight: bold;
    background-color: #86ecea;
    color: white;
    position: fixed;
    top: 0;
    left:0px;
    padding: 5px 10px;
	border-radius: 0px 0px 5px;
}
.body-integracion::after {
    content: "";
    border:2px solid #86ecea;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

/* Capacitación */
.body-capacitacion::before {
    content: "CAPACITACION";
    font-size: 10px;
    font-weight: bold;
    background-color: #76ef76;
    color: white;
    position: fixed;
    top: 0;
    left:0px;
    padding: 5px 10px;
	border-radius: 0px 0px 5px;
}
.body-capacitacion::after {
    content: "";
    border:2px solid #76ef76;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

/* Local */
.body-local::before {
    content: "LOCAL";
    font-size: 10px;
    font-weight: bold;
    background-color: #cecece;
    color: white;
    position: fixed;
    top: 0;
    left:0px;
    padding: 5px 10px;
	border-radius: 0px 0px 5px;
}
.body-local::after {
    content: "";
    border:2px solid #cecece;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

[id="menuKit Digital"] {
	background-image: url(/imagenes/bg_menu_button.png);
	font-weight: 600;
}

[id="menuKit Digital"]:hover {
    background-image: url(/imagenes/bg_menu_button_hover.png);
}


/* Estilos para emprolijar webpas viejo */
.encabezado-estilos-1 {
	padding: 15px 25px;
	text-align: left;
}
.encabezado-estilos-1 input, .encabezado-estilos-1 select {
	padding: 3px;
}
.encabezado-estilos-1 h3 {
	font-family: tahoma;
	margin-top: 20px;
	margin-bottom: 7px;	
}
.encabezado-estilos-1 h3:first-child {
	margin-top: 5px;
}
.fila p{
	text-align: left;
}
.encabezado-estilos-1 .fila {
	margin: 7px 0px;
}
.encabezado-estilos-1 hr {
  border: none;
  border-top: 1px solid #B3D6E8
}
.encabezado-estilos-1 label{
	margin-left: 20px;
}
.encabezado-estilos-1 label:first-child {
	margin-left: 0px;
}
.cuadro-resaltado {
	text-align: left;
	text-align: left;
	font-size: 11px;
	font-weight: 400;
	padding: 8px 12px;
	margin: 10px 0px;
	border-radius: 5px;
	border: 1px solid #B3D6E8;
	line-height: 18px;
}
.cuadro-resaltado h4{
	color: #00498e;
	margin-top: 3px;
}
.cuadro-resaltado i {
	font-size: 16px;
	margin-right: 8px;
}
.cuadro-resaltado span {
	vertical-align: bottom;
}
.inline-block {
	display: inline-block!important;
}
.justificado-between{
	display: flex;
	justify-content: space-between;
}
.x-min-width-300 {
	min-width: 300px !important;
}
/* fin */
.campo_obligatorio {
	color:#C30; 
}

.border-gris {
	border: 1px solid#ccc;
}
.border-bottom {
	border-bottom: 1px solid #ccc;
}
.px-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.mb-0 {
	margin-bottom: 0px;
}
.pb-15 {
	padding-bottom: 15px;
}
.fw-400 {
	font-weight: 400;
}