@charset "utf-8";
/* CSS Document */ 
body	{
	background:#fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;	
	min-width: 250px;
	overflow-x: hidden;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 0.85em;
  position: relative;	
	}	
.header {
	width: 100%;
	background-color: rgba(255,232,168,0.90);
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	position: fixed;
	padding: 0;
	margin: 0;
	z-index: 100;
	}
.logo {
	height: 50px;
	padding: 3px;
	margin: auto;
	text-align: center;
	left: 0;
	right: 0;
	margin-left:-15px;
	}
.imagen {
	width: 100%;
	height: 370px;
	background: url("../images/cliente.jpg") no-repeat right bottom fixed;
	background-size:cover;
	position: ;
	left:0;
	top:0;
	margin-top:75px; 
	}
.div-head {
	background-color: rgba(255,189,0,0.70);
	z-index: 2;
	}	
.texto-head {
	font-family: 'Poppins', sans-serif;	
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	color: #000;
	padding: 12px 25px;
	}
.card1 {
	border-radius: 7px;
	max-width: 290px;
	margin: 20px;
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.40);
	box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.40);	
	}	
.card2 {
	border-radius: 7px;
	max-width: 290px;
	margin: 20px;
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.40);
	box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.40);	
	}
.card3 {
	border-radius: 7px;
	max-width: 290px;
	margin: 20px;
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.40);
	box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.40);		
	}	
.card4 {
	border-radius: 13px;
	max-width: 340px;
	min-width: 335px;
	margin: 10px;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.60);
	-moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.60);
	box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.60);	
	background: rgba(255,244,244,0.90);
	}	
.card5 {
	border-radius: 7px;
	margin: 10px;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.60);
	-moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.60);
	box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.60);	
	background: rgba(255,221,221,0.1);
	}	
.body_app {	
	background: rgba(240,248,255,1.00);
	}
.t1 {
	font-family: 'Poppins', sans-serif;	
	font-size:38px;
	font-weight: 600;
	text-align: center;
	color: #840002;
	padding: 10px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.35);	
	}	
.t2 {
	font-family: 'Poppins', sans-serif;	
	font-size:30px;
	font-weight: 600;
	text-align: center;
	color: #FC2326;
	padding: 10px;
	}	
.t3 {
	font-family: 'Poppins', sans-serif;	
	font-size:25px;
	font-weight: 500;
	text-align: center;
	color: #FC2326;
	padding: 10px;
	}	
.t4 {
	font-family: 'Poppins', sans-serif;	
	font-size:17px;
	font-weight: 400;
	text-align: center;
	color: #21348C;
	padding: 10px;
	}
.t5 {
	font-family: Montserrat;	
	font-size:15px;
	font-weight: 500;
	text-align: left;
	color:#003C74;
	padding:13px;
	line-height: 20px;	
	word-wrap: normal;
	vertical-align: text-top;
	}
.t5 li {
	list-style-image: url("../images/symb.png");
	list-style-position:outside;
	vertical-align: middle;
	}	
.t6 {
	font-family: Montserrat;	
	font-size:35px;
	font-weight: 600;
	text-align: center;
	color:#003C74;
	padding:18px;
	line-height: 18px;	
	text-shadow: 2px 2px 3px rgba(0,0,0,0.40);
	}	
.t7 {
	font-family: Poppins;	
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	color: #C70001;
	padding:18px;
	line-height: 40px;	
	}
.t8 {
	font-family: Poppins;	
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	color: #0040A3;
	padding:18px;
	line-height: 40px;	
	}
.t9 {
	font-family: Poppins;	
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: #0040A3;
	line-height: 20px;
	}
.benef {
	vertical-align: middle;
	margin: auto;
	}
.img-staff {
	width: 70%;
	text-align: center;
	vertical-align: bottom;
	align-self: baseline;
	margin: auto;
	display: flex;
	}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-size: 20px;  /* Preferred icon size */
	color: #FF0101;
	padding: 8px;
	white-space: nowrap;
	display: inline-block;
	direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}				
.separador {
	border-bottom: 6px solid #ff1e00;
	width: 80px;
	margin: auto;
	padding: 12px;
	}
.footer {
	position: relative;
	margin: auto;
	font-family: Montserrat;	
	font-size:13px;
	font-weight: 500;
	text-align: center;
	color:#003C74;
	padding: 15px;
	line-height: 30px;
	background-color: rgba(255,189,0,0.60);
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	}	
.footer a {
	color:#003C74;
	text-decoration: none;
	}	
.link a {
	color: #F00004;
	font-size: 1.18em;
	}
.link a:hover {
	color: #570001;
	}	
.tabla1 {
	width: 100%;
/*	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9; */
	}	
.tabla2 {
	width: 100%;
	border:0;
	word-wrap:break-word;
	}
.tabla2 tr {
	border-bottom: 1px dotted #FFCECE;
	}
.tabla2 td { 
	padding-bottom: 7px;
	padding-top: 7px;
	}	
.tabla2 input, .tabla2 div, .tabla2 textarea, .tabla2 select { 
	font-size: 12px;
	vertical-align: middle;
	}	
.tabla3 {
	width: 100%;
	}
.tabla3 tr {
	border-bottom: 1px dotted #888888;
	}	
.tabla3 td { 
	padding-bottom: 4px;
	padding-top: 4px;
	}	
.adver { 
	font-family: montserrat;
	font-size: 12px;
	color: #CC0003;
	padding: 14px;
	}.currency {
 padding-left:15px;
}
.currency-symbol {
  position:absolute;
	display: flow-root;
  padding: 5px 5px;
  margin-left:0;
	z-index: 2;
	font-size: 13px;
	font-weight: 500;
	color: #3B0000;
}
.form-row {
	padding: 8px 0px;
	}
.form-controlq {
	font-size: 12px;
	color: #EB0003;
	}
.form-row select, .form-row input, .custom-file-label, .custom-file-input {
	font-size: 13px;
	font-weight: 500;
	color: #3B0000;
	border-color: #FFDDDE;
	}
.custom-file-inputs_ {
	background: #EAEFFB;
	border: 1px solid #FFDDDE;
	width: 100%;
	padding: 12px;
	}
input[type="file"]#archivo {
background: #EAEFFB;
border: 1px solid #FFDDDE;
width: 100%;
padding: 10px;	
overflow: hidden;
font-size: 13px;	
}	
.prev_menu { 
	background: rgba(235,225,213,0.85);
	border-radius: 12px;
	border: 1px solid #FFAAAC;
	}
.flotante {
	width: 95%;
	margin: auto;
	margin-top: 20%;
	left: 0;
	right: 0;
	color:#DB0003;
	font-size: 18px;
	position:absolute;
	float:right;
	line-height: 25px;
	text-align: center;
	z-index: 1010;
	background-color: rgba(255,226,124,0.85);
	
	}	
.btn_c {
	width:20px;
	height: 20px;
	background: #E54245;
	color: #FFFFFF;
	padding: 1px;
	}	
.num_cat {
	width: 40px;
	border: 1px solid #d3d3d3;
	text-align: center;
}
.num_cat :hover {
	width: 40px;
	border: 1px solid #red;
}
.btn-cat {
	content: 'done';
	padding: 12px 12px;
	border: 0px dotted rgba(49,255,0,0.30);
  	font-family: 'Material Icons';
	font-size: 30px;
	color: #1A9F00;
	line-height: 1px;
	background-color: transparent;
}	
.btn-actualiza {
	content: 'cached';
	padding: 0;
	border: 0px dotted rgba(49,255,0,0.30);
  	font-family: 'Material Icons';
	font-size: 30px;
	color: #004DEB;
	line-height: 1px;
	background-color: transparent;
}
.ok { font-size: 36px; color: #009214; }
.err { font-size: 36px; color: #FF4343; }	
.dr, .dr a { font-size: 10px; color: #3B3B3B; text-decoration: none; }	


