/* CSS Document */

/*----------------------------------------------------------------------*/
/* Reset
/*----------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0px;
	border:0;
	outline:0;
	font-weight:100;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	color: black; font-size: 14px; 
/* 	font-weight: bold; */
}
.ui-widget{
	    padding: 0 !important;
}

*{
   -webkit-text-size-adjust:none;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}

html, body {
	margin:0;
	padding:0;
	background-image: url(../img/body.gif);
}
body {
	font: 76% arial, sans-serif;
	background-image: url(../img/body.gif);
}



div#logo {
	padding:5px 0 5px 5px;
	height:100px;
	background:url(../img/logo.png) left center no-repeat;
}

div#titulo{
	position:relative;
	padding:5px 0 5px 5px;
	top:5px;
	text-align:left;	
}
div#container{
	width:100%;
	margin:0 auto;
}

div#header{
	height:100px;
	padding-bottom:5px;
}
div#content{
	
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}
div#footer{
	height:20px;
	padding-top:5px;
	text-align:right;
}

div#footer a {
	display:inline;
	height:20px;
	padding-top:5px;
	text-align:right;
}






@media (max-width: 	1920px) {
	
	div#menu{
	position:relative;
	top:-20px;
	
}

}

@media (min-width: 1921px) {
	
	div#menu{
	position:relative;
	left:180px;
	top:-50px;
	 
}
}


div#session{
	text-align:right;
}

div#botonesSup{
	text-align:right;
}
div#textoFijo{
	text-align: center;
	font-weight:bold;
	font-size:14px;
}


.session{
	display:inline;
}

.errorTxt{
 	font-size:14px;
 	font-weight:700;
}

h1 {
	font-size:28px;
	line-height:32px;
	margin-top:22px;
}

h2 {
	font-size:24px;
	line-height:26px;
}
h3 {
	font-size:20px;
	line-height:24px;
}
h4 {
	font-size:18px;
	line-height:22px;
}
h5 {
	font-size:16px;
	line-height:22px;
}
h6 {
	font-size:14px;
	line-height:20px;
}
h1 span{
	font-size:14px;
	line-height:14px;
}
h2 span{
	font-size:12px;
	line-height:12px;
}
h3 span{
	font-size:10px;
	line-height:10px;
}

p, ul, ol, pre{
	margin-bottom:18px;
	line-height:18px;
	font-size:12px;
}

p {
	margin:0 10px 10px
}
a {
	display:block;
	color: #006;
	padding:2px;	
}

.lista { 
  list-style-type: disc; 
  margin:0 15px 10px;
  font-size:11px;
  line-height: 8px;
  
}

@media (max-width: 1920px) {
	.ocupacionRespo {

		width: 100% !important; /* Makes the select box full-width on small screens */

		font-size: 18px; /* Increases font size */

	}
}


@media (max-width: 640px) {
	.ocultarIf {

		display: none !important;

	}
}

#divSumaAsegurada{
	display: flex;
	align-items: center;
}

@media (max-width: 640px) {
	#divSumaAsegurada{
		display: block;
  		align-items: center;
	}
}

#rfcC{
	width: 162px;
}

@media (max-width: 640px) {
	#rfcC{
		width: 310px;
	}
}

#divSexo{
	display: flex;
	align-items: center;
	font-size: 12px;
}

@media (max-width: 640px) {
	#divSexo{
		display: flex; 
		align-items: center;
		font-size: 14px;
	}
}

@media (max-width: 640px) {
	#divProyectar{
		display: flex;
  		justify-content: flex-end;
	}
}
.anuncio .modal-content {
	position: fixed !important;

}


table{
	
	border-collapse:collapse;
	margin-bottom:18px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
table.form {
    margin-left:auto; 
    margin-right:auto;
	border:0 px;
	
}
table.striped tr:nth-child(even) {
  background-color: #f2f2f2;
}

table.creditos {
    margin-left:auto; 
    margin-right:auto;
	border:0 px;
	width:90%;	
}
.creditos td, .creditos th{
	border:0px;
	padding:1px 3px;
	vertical-align:middle;
	font-weight:700;
}

table.cuestionario {
    margin-left:auto; 
    margin-right:auto;
	alignment-adjust:central;
	border:0 px;
	width:100%;
	
}


.form td, .form th, .cuestionario td, .cuestionario th{
	border:0px;
	padding:1px 3px;
	vertical-align:middle;
	font-weight:700;
}

table.grid {
    margin-left:auto; 
    margin-right:auto;
	border:0 px;
	alignment-adjust:central;
	width:100%;
}

.grid td, .grid th{
	padding:5px 5px;
	vertical-align:bottom;
	font-weight:700;
}

table.titulos {
    margin-left:auto; 
    margin-right:auto;
	border:0 px;
	alignment-adjust:central;
	width:100%;
}

.titulos td, .titulos th{
	padding:2px 2px;
	vertical-align:middle;
	font-weight:700;
	border:0px;
}


table.paginacion {
    margin-left:auto; 
	border:0 px;
}
.paginacion td, .paginacion th{
	border:0px;
}


table.login {
    margin-left:auto; 
    margin-right:auto;
	border:0 px;
}
.login td, .login th{
	border:0px;
}

table.consulta {
    margin-left:auto; 
    margin-right:auto;
	alignment-adjust:central;
	width: 80%;
}

table.consultaDer {
   width: auto;
    margin-right: 10%;
    margin-left: auto;  
}
.consultaDer th{
	 text-align: right;
}
.consultaDer td{
	 text-align: right;
}

table.cotizador {
    margin-left:auto; 
    margin-right:auto;
	alignment-adjust:central;
	width: 80%;
}

.cotizador th{
	 text-align: center;
}
.cotizador td{
	 text-align: right;
}



table.consultaPoliza {
    margin-left:auto; 
    margin-right:auto;
	alignment-adjust:central;
	border:0 px;
	width: 80%;
	
}

.consultaPoliza th{
	text-align: right;
	border:0px;
}
.consultaPoliza td{
	border:0px;
}


table td, table th{
	border:1px solid;
	padding:6px 3px;
}

table th{
	font-weight:700;
}
.margen10 {
	margin-left: 10%;
}

/*----------------------------------------------------------------------*/
/* Font Declaration
/*----------------------------------------------------------------------*/

html, textarea, input, input[type=submit], button, a.btn, span, div.alert p, header{ 
	
	font-family:'PT Sans', sans-serif;
}
code, pre{
	font-family:"Courier New", Courier, monospace;
}
blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
}



/*----------------------------------------------------------------------*/
/* Alert Boxes
/*----------------------------------------------------------------------*/

div.alert{
	border:1px solid;
	margin-bottom:15px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:7px 8px;
	padding:10px 10px 10px 35px;
	font-size:14px;
	font-weight:700;
	margin:0;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
div.alert code{
	background:none;
	border:0;
}
form div.alert{
	margin:15px 4px;
}
div.alert:hover{
	border:1px solid;
}
div.alert a{
	font-size:14px;
	font-weight:700;
}


/*----------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------*/


button, a.btn, .button,
.dataTables_paginate span.paginate_button,
.dataTables_paginate span.paginate_active{
	border:1px solid;
	position:relative;
	padding:9px 12px;
	display:inline-block;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:4px 5px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	outline:0 none;
	text-align:center;
	text-transform:uppercase;
	margin:2px;
	min-height:22px;
	min-width:8px;
	white-space:pre-line;
	vertical-align:baseline;
}
button.small, a.btn.small, .button.small{
	min-height:14px;
	line-height:14px;
	font-size:10px;
	padding:4px 7px;
}
button.big, a.btn.big, .button.big{
	font-size:14px;
	padding:12px 16px;
}
button.icon, a.btn.icon, .button.icon, span.icon{
	padding-left:27px;
}

button.small.icon, a.btn.small.icon, .button.small.icon{
	padding-left:23px;
	background-position:0 -2px;
}
button.big.icon, a.btn.big.icon, .button.big.icon{
	padding-left:27px;
	background-position:-0 8px;
}
a.btn.nt, button.nt, .button.nt{
	background-position:50% 50%;
	text-indent:-9999px;
}
a.btn.small.nt, button.small.nt, .button.small.nt{
	padding-left:12px;
	padding-right:12px;
}
button{
}
a.btn{
	line-height:18px;
	min-height:18px;
}
button:hover, a.btn:hover, .button:hover{
}
button:active, a.btn:active, .button:active,
.dataTables_paginate span.paginate_active{
	top:1px;
}





/*----------------------------------------------------------------------*/
/* Form Elements
/*----------------------------------------------------------------------*/

fieldset{
	padding:15px;
}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word; 
	padding:12px 15px;
	line-height:18px;
}
pre, code{
	font-size:11px;
	padding:1px 2px;
	border:1px solid;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
pre code{
	display:block;
	border:0;
}

input,textarea, select{
/*	width:99%; */
	border:1px solid;
	padding:4px 2px;
	margin:0 1px;
	-webkit-border-radius:2px; -moz-border-radius:4px; border-radius:4px;
}
input.g1,input.g2,input.g3,input.g4,input.g5,input.g6,input.g7,input.g8,input.g9,input.g10,input.g11,input.g12,
textarea.g1,textarea.g2,textarea.g3,textarea.g4,textarea.g5,textarea.g6,textarea.g7,textarea.g8,textarea.g9,textarea.g10,textarea.g11,textarea.g12 {
	margin-left:0;
	padding:6px 2px;
	min-height:auto;
}
input.placeholder,textarea.placeholder{
	font-style:italic;
}
input:focus,textarea:focus{
	outline:none;
}
input.upper, texarea.upper{
	text-transform:uppercase;
}

select optgroup, select option{
	font-style:normal;
	border:0;
}
select option{
	border:1px solid;
	padding:3px;
}
input[type=submit], input[type=checkbox], input[type=button], button{
	width:auto !important;
}

input[type=submit]{
	min-height:33px;
}

form{
	
}
form:last-child{
	margin-bottom:0;
}
.widget form{
	border:0;
}
form .wl_formstatus{
	padding-left:18px;
}
form fieldset{
	
	/*padding:0;
	margin:4px; */
	border:1px solid;
	border-bottom:1px solid;
	/*
	margin-top:18px;*/
	
	
}
form fieldset:first-child{
	margin-top:4px;
}
form label{
	
	border-top:1px solid;
	display:block;
	font-size:16px;
	color: black;
	margin:0;
	padding:10px 10px;
	font-weight:700;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
form label span{
	font-size:16px;
}
form span.required{
	padding:0 4px;
	font-size:10px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
form input, form textarea{
	padding:6px 2px;
	font-size:14px;
	color: Black;
	font-weight: bold;
}
input[type=radio]{
	color: black; 
	font-size: 14px;
}

form fieldset > section{
	/*width:100%;*/
	border-top:1px solid;
	border-bottom:1px solid;
	/*
	float:left;
	padding:0;
	margin:0;
	*/
}
form fieldset > section:first-child{
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
form fieldset > section:last-child{
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}

form fieldset > section > div{
	padding:15px 1%;
/*	width:78%; */
	float:right;
	border-left:1px solid;
	/*height:100%;
	min-height:100%; */
}

form fieldset > section > div > div{
	float:none;
	clear:both;
	/*width:auto;*/
}
form fieldset > section > div div.date{
	max-width:230px;
}
form fieldset > section.error > label{
	text-shadow:none;
	font-weight:700;
}
form fieldset > section > div span{
	font-size:11px;
}
form fieldset > section.error{
	border-bottom:1px solid;
}
form fieldset > section.error > label{
	text-shadow:none;
	font-weight:700;
}
form fieldset > section label{
	border:0;
	cursor:pointer;
	font-size:13px;
	font-weight:100;
	float:left;
	background:none;
	filter:none;
	margin:0;
	width:16%;
	padding-left:2px;
	margin-left:8px;
	text-align:right;
}
form fieldset > section > div > div.selector{
}
form fieldset > section > div > div.selector span{
	height:32px;
}
form fieldset > section > div > div.selector select{
	height:32px;
	cursor:pointer;
}
form fieldset > section > div > div.checker, form fieldset > section > div > div.radio{
	display:inline-block;
	margin:0;
	line-height:1;
	float:none;
}
form fieldset > section > div > div.checker span, form fieldset > section > div > div.radio span{
	display:inline-block;
	height:22px;
	width:22px;
	float:none;
}
form fieldset > section > div > div.checker span input, form fieldset > section > div > div.radio span input{
	display:inline;
	width:22px;
	height:22px;
	min-width:22px;
	min-height:22px;
	margin:0;
	padding:0;
	cursor:pointer;
}
form fieldset > section > div label{
	position:relative;
	width:auto;
	margin:0;
	padding:0;
	display:inline-block;
	float:none;
	top:-5px;
	font-size:11px;
	line-height:1.5;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
form fieldset > section label span{
	font-size:10px;
}
form div input{
}
textarea{
	min-height:70px;
	resize:none;
	overflow:auto;
}
input.date{
	width:80px;
}
input[type=password], input.password{
	width:150px;
}
div.passwordstrength{
	font-size:12px;
	padding:5px 3px;
	text-align:center;
	width:150px;
	margin:3px 1px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
div.passwordstrength.s_1{}
div.passwordstrength.s_2{}
div.passwordstrength.s_3{}
div.passwordstrength.s_4{}
div.passwordstrength.s_5{}

input.time{
	width:35px;
	text-align:center;
}
span.timeformat{
	font-size:11px;
	padding-left:1px;
}
input.integer, input.decimal{
	width:60px;
	text-align:right;
}
input.color{
	width:60px;
}

#scroll {
     width:100%;
     height:300px;
     overflow:auto;
}
#scroll2 {
     width:100%;
     height:200px;
     overflow:auto;
}
/*-------------------*/
/* Css de formularios
/* ------------------*/
.oblig{
	color:#F00;
	font-size:16px;
}

.mini{
	font-weight:300;
	font-size:10px;
}

.negrita{
	font-weight:400;
	font-size:14px;
}

.mensajeDiv{
	font-weight:400;
	font-size:14px;
	color:#930;
	font-weight: bold;
}




/*-------------------*/
/* Css de error
/* ------------------*/
.error{
	color:#F00;
}
label span.oblig{
	float:right;
	
}

/*-------------------*/
/*Registro de p�liza
/* ------------------*/
.rojo{
	color:#930;
	font-weight: bold;
}


/*----------------------------------------------------------------------*/
/* jQuery Checkbox
/*----------------------------------------------------------------------*/

.jquery-checkbox, .jquery-checkbox span  { display: inline; font-size: 16px; line-height: 16px; cursor: pointer;}

.jquery-checkbox span.checkboxplaceholder { 
	vertical-align:baseline;
	padding:2px 12px 0px;
	line-height:8px;
	background-repeat:no-repeat;
}
.jquery-checkbox span.checkboxplaceholder { 
	background-image:url(dark/images/checkbox.png);
}
.jquery-checkbox.checkbox span.checkboxplaceholder{
	background-position: 0px 0px;
}
.jquery-checkbox.checkbox .hover span.checkboxplaceholder{
	background-position: 0px -26px;
}
.jquery-checkbox.checkbox .hover.pressed span.checkboxplaceholder{
	background-position: 0px -51px;
}
.jquery-checkbox.checkbox.checked span.checkboxplaceholder{
	background-position: 0px -77px;
}
.jquery-checkbox.checkbox.checked .hover span.checkboxplaceholder {
	background-position: 0px -102px;
}
.jquery-checkbox.checkbox.checked .hover.pressed span.checkboxplaceholder {
	background-position: 0px -128px;
}

.jquery-checkbox.checkbox .disabled span.checkboxplaceholder{
	background-position: 0px -153px !important;
	cursor:auto;
}
.jquery-checkbox.checkbox.checked .disabled span.checkboxplaceholder{
	background-position: 0px -179px !important;
	cursor:auto;
}


.jquery-checkbox.radio span.checkboxplaceholder{
	background-position: -26px 0px;
}
.jquery-checkbox.radio .hover span.checkboxplaceholder{
	background-position: -26px -26px;
}
.jquery-checkbox.radio .hover.pressed span.checkboxplaceholder{
	background-position: -26px -51px;
}
.jquery-checkbox.radio.checked span.checkboxplaceholder{
	background-position: -26px -77px;
}
.jquery-checkbox.radio.checked .hover span.checkboxplaceholder {
	background-position: -26px -102px;
}
.jquery-checkbox.radio.checked .hover.pressed span.checkboxplaceholder {
	background-position: -26px -128px;
}

.jquery-checkbox.radio .disabled span.checkboxplaceholder{
	background-position: -26px -153px !important;
	cursor:auto;
}
.jquery-checkbox.radio.checked .disabled span.checkboxplaceholder{
	background-position: -26px -179px !important;
	cursor:auto;
}

/*----------------------------------------------------------------------*/
/* tooltip
/*----------------------------------------------------------------------*/

.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: justify;
  text-justify: inter-word;
}

.tooltip-text {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  bottom: 125%; /* Posiciona arriba del texto */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap;
  text-align: justify;
  text-justify: inter-word;
  width: 155%;
}

.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.tooltip-container-principal {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: justify;
  text-justify: inter-word;
}

.tooltip-text-principal {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  bottom: 125%; /* Posiciona arriba del texto */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap;
  text-align: justify;
  text-justify: inter-word;
  width: 25%;
}

.tooltip-container-principal:hover .tooltip-text-principal {
  visibility: visible;
  opacity: 1;
}