@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700&display=swap');
* {
 margin: 0px;
 padding: 0px;
}
html {
height:100%;
}
.divprincipal {
 font-family: Helvetica;
 overflow-x:auto;
 FONT-SIZE: 12px;
 margin: 0px;
 padding: 0px;
}
body {
	margin: 0;
	padding: 0;
	font-family: Helvetica;
	font-size:12px;
	text-align:left;
	line-height:23px;
}
.divsocial{
   height: 25px;
   width:100%;
   margin: auto;
   float: left;
   text-align: left;
   background-color: #0d1535;
}
.divsocial li {
    margin: 0px 0px 0px 0px;
    display: inline;
}
.divsocial a {
    padding: 0 0px;
	display: inline-block;
}
.menusup {
   background-color: #545557;
   margin: 0 0px;
   height: 125px;
}
.menusup ul{
   color: #ffffff;
}
.menusup li {
	display: inline;
	font-size: 14px;
	text-decoration: none;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    margin: 5px 5px 5px 5px;
}
.slides {
    width:100%;
    height:450px;
    padding: 0px;
    margin: 0px auto;
}
.slides img{
    width:100%;
    padding: 0px;
    margin: 0px;
    opacity: 0.6;
    height: auto;
}
.txtcenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #000000;
}
.txtcenter a{
  text-decoration: none;
  font-size: 18px;
  color: #000000;
}
.divpilares{
    background-color: #0d1535;
    font-size: 14px;
    color:#fff;
}
.divpilares ul{
    display:inline-block;
}
.divpilares li{
    padding:10px 20px;
    display:inline-block;
    width: 300px;
}
.divpilares li a{
    text-decoration:none;
    color:#fff;
}
.divderecha{
   width:450px;
   margin: auto;
   float: right;
   text-align: left;
   margin: 0px 0px 0px 0px;
   list-style:none;
   FONT-SIZE: 16px;
   height:1000px;
   border-color: #545557;
   border-style: solid;
   border-width: 0px 0px 0px 1px;
   padding:10px 10px 5px 10px;
}
.divderecha li{
   padding:15px;
   border-color: #fff;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
}
.divderecha li a{
   text-decoration:none;
   color:#fff;
}
/* Hamburger */
/*nav:not(.mm-menu) {display: none;}*/
.mm-navbar a{text-align: center;}
a#mmenu_hamburger {display: none; box-sizing: border-box; width: 50px;height: 50px;position: fixed; top:20px;	right:25px;	z-index: 999;}
#mmenu i{ color:#e89b24; margin-right:5px}
.mm-menu a{ font-weight: 700;}

/* Hamburger span */
a#mmenu_hamburger span{background:#e89b24;display: block; width: 30px;height: 5px;position: absolute; right:5px;}
a#mmenu_hamburger span:first-child{top: 10px;}
a#mmenu_hamburger span{top: 20px; }
a#mmenu_hamburger span:last-child{top: 30px;}

/* Hamburger animation */
a#mmenu_hamburger span:first-child,
a#mmenu_hamburger span:last-child,
a#mmenu_hamburger span{-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;-webkit-transition-property: transform, top, bottom, left, opacity;	transition-property: transform, top, bottom, left, opacity;}

html.mm-wrapper_opening a#mmenu_hamburger span:first-child,
html.mm-wrapper_opening a#mmenu_hamburger span:last-child{top: 20px;}

html.mm-wrapper_opening a#mmenu_hamburger span:nth-child(2){opacity: 0;}
html.mm-wrapper_opening a#mmenu_hamburger span:first-child{transform: rotate( 45deg );}
html.mm-wrapper_opening a#mmenu_hamburger span:last-child{transform: rotate( -45deg );}



table{
 width=100%;
 FONT-SIZE: 12px;
 border-collapse: collapse;
}
tr{
 color: #4B8078;
}
td{
 border: 1px solid #D1DAE3;
 border-spacing:  2px;
}
input[type="number"]:-webkit-outer-spin-button,
input[type="number"]:-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"]{
 width: 55px;
 text-align: right;
 -moz-appearance:textfield;
}
.cablist td{
 font-weight: bold;
 height: 30px;
 text-align: center;
 background-color: #F3F5F7;
}
.cablist a{
 text-decoration: none;
 color: #4B8078;
}
.detlist td{
 padding: 2px 5px 2px 5px;
}
.detlist:hover{
 background-color: #F7F8F9;
}
.trlista {
    height: 20px;
}
.trlista:hover{
 background-color: #F7F8F9;
}

.listpag {
    margin-bottom: 5px;
	margin-left:20px;
	margin-right:20px;
}

#totpre {
    font-size: 12px;
    background-color: #F3F5F7;
    margin-top:10px;
}
#totpre ul {
    list-style-type: none;
    float:right;
    margin-right:10px;
}
#totpre li {
    display: inline-block;
    text-align: right;
}
#insobs ul {
    list-style-type: none;
}
#insobs li {
    display: inline-block;
}
.filtros ul {
    border-radius: 1px 1px 1px 1px;
    display: inline-block;
}

.filtros li {
    margin-bottom: 5px;
	margin-left:10px;
	margin-right:10px;
	display: inline;
	font-size: 12px;
	color: #999999;
}

.filtros a {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	cursor:pointer;
	color: #005B50;
	background-color: #F9FAFD;
	border-radius: 6px;
	padding: 5px;
}

.msgresult {
   margin:auto;
   margin-bottom: 50px;
}

.msgresult ul {
   list-style-type: none;
   text-align: center;
}

.msgresult a {
    border-color: #00535E;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	cursor:pointer;
	color: #ffffff;
	background-color: #00535E;
	border-radius: 6px;
	padding: 5px;
	font-size: 12px;
	display: inline-block;
	width: 100px;
	text-align: center;
}

.central {
   margin: auto;
   width:700px;
}

.subtitulo ul {
   list-style-type: none;
}

.subtitulo li {
   font-size: 20px;
   color: #999999;
}

.titulolistado ul {
    margin-top:1px;
}
.titulolistado li {
	margin-left:20px;
	margin-right:20px;
	display: inline;
	color: #005B50;
	font-size: 18px;
}

.acciones {
    margin: 20px 20px;
    float:right;
}
.acciones a {
    border-color: #00535E;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 10 10px;
    text-decoration: none;
	cursor:pointer;
	color: #ffffff;
	background-color: #00535E;
	border-radius: 6px;
	padding: 5px;
	font-size: 12px;
	display: inline-block;
	width: 100px;
	text-align: center;
}

.acciones a:hover {
    background-color:#00616D;
	outline:0;
	text-decoration:none;
	font-weight: bold;
	color: #ffffff;
}

.acciones li {
    width: 200px;
    display: inline;
    padding: 10px;
}

.accionesoff {
    margin: 20px 20px;
    float:right;
}

.accionesoff li {
    width: 200px;
    display: inline;
    border-color: #00535E;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 0 10px;
    border-radius: 6px;
	padding: 5px;
	font-size: 12px;
	display: inline-block;
	width: 100px;
	text-align: center;
}

.btnlog {
    border-color: #00535E;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 10 10px;
	cursor:pointer;
	background-color: #009F8D;
	border-radius: 4px;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
	height: 20px;
}

.btnlog a {
    color: #ffffff;
    text-decoration: none;
}

.mainpage {
   margin:auto;
   margin-top: 100px;
   width:800px;
}

.mainpage ul {
   list-style-type: none;
   margin-bottom: 50px;
}

.mainpage li {
   display: inline;
   padding: 50px;
}

.login {
   width:300px;
   margin:auto;
   margin-top: 100px;
}

.login ul {
   list-style-type: none;
}

.login li {
   line-height: 15px;
   padding: 5 0px;
   font-size: 14px;
   text-align: center;
   color: #009F8D;
}

.login input {
   border: 1px;
   border-style: solid;
   border-color: #009F8D;
   background-color: #ffffff;
   padding: 10px;
}

.head{
   width:900px;
   margin:auto;
   margin-bottom: 20px;
}

.head2{
   width:300px;
   float:right;
}

.head1{
   width:500px;
}
.menu2{
   background-color: #009F8D;
   margin: 0 0px;
}
.menu2 ul{
   padding: 1 1px;
   color: #ffffff;
   border-radius: 1px 1px 1px 1px;
   /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   display: inline-block;*/
   margin-bottom: 1px;
   margin-left:200px;
}
.menu2 li {
    /*margin-bottom: 5px;
	margin-left:20px;
	margin-right:20px;*/
	display: inline;
	font-size: 12px;
	border-color: #ffffff;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    text-decoration: none;
    color: #ffffff;
   /*line-height: 15px;*/
    padding: 2 15px;
}
.menu2 a {
   text-decoration: none;
   color:#ffffff;
}
.tabs {
    float:right;
}
.tabs ul{
   padding: 5 5px;
   display: inline-block;
   margin-bottom: 15px;
   margin-left:20px;
}
.tabs li {
    margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;
	display: inline-block;
    width: 120px;
	border-color: #00AD99;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	color: #ffffff;
	background-color: #00AD99;
	border-radius: 2px;
	padding: 5px;
	font-size: 12px;
	text-align: center;
}
.tabs a {
    margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;
    width: 150px;
	border-color: #00AD99;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	color: #00AD99;
	background-color: #ffffff;
	border-radius: 2px;
	padding: 5px;
	font-size: 12px;
	text-align: center;
}

.clspreview {
    float: right;
    font-size: 12px;
}

.clspreview ul {
   list-style-type: none;
   margin-right: 50px;
   display: inline-block;
}

.clspreview li {
    margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	color: #00535E;
	padding: 5px;
	font-size: 12px;
	display: inline-block;
}

.clspreview a {
    margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;
	border-color: #babac1;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	color: #00535E;
	background-color: #fbfbfd;
	border-radius: 4px;
	padding: 5px;
	font-size: 12px;
	text-align: center;
}

.elementofrm {
    /*float: right;*/
    font-size: 12px;
}

.elementofrm ul {
   list-style-type: none;
   margin-right: 20px;
   /*display: inline-block;*/
}

.elementofrm li {
    padding: 0 3px;
	display: inline-block;
}

.elementofrm a {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	cursor:pointer;
	color: #005B50;
	background-color: #F9FAFD;
	border-radius: 6px;
	padding: 5px;
}

#carpeta li {
   display: inline-block;
}

.labelcab {
    border-color: #babac1;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	cursor:pointer;
	color: #babac1;
	background-color: #ffffff;
	border-radius: 3px;
	padding: 5px;
	font-size: 12px;
	display: inline-block;
	width: 80px;
	text-align: center;
	margin-bottom: 5px;
	/*margin-left:5px;*/
	margin-right:5px;
}

.btneliminar {
    border-color: #C2334C;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	cursor:pointer;
	color: #C2334C;
	background-color: #ffffff;
	border-radius: 3px;
	padding: 5px;
	font-size: 12px;
	display: inline-block;
	/*width: 120px;*/
	text-align: center;
	margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;
}

.btnagregar {
    border-color: #00AD99;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	cursor:pointer;
	color: #00AD99;
	background-color: #ffffff;
	border-radius: 3px;
	padding: 5px;
	font-size: 12px;
	display: inline-block;
	/*width: 120px;*/
	text-align: center;
	margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;
}

.loading {
 width:100%;
 text-align:center;
 margin-top:40px;
 height:100px;
}

.paginate{
 FONT-SIZE: 12px;
 color: #00535E;
 font-weight: bold;
}

.pagination {
    height: 10px;
    margin: 5px 0;

}
.pagination ul {
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 5px;
	margin-left:10px;
	box-shadow: 0 2px 5px #666666;
}
.pagination li {
    display: inline;
}
.pagination a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 15px;
    padding: 0 10px;
    text-decoration: none;
	cursor:pointer;
}
.pagination a:hover, .pagination .active a {
    color:#2d2d28;
	outline:0;
	text-decoration:none;
	font-weight: bold;
}
.pagination .active a {
    color: #999999;
    cursor: default;
}
.pagination .disabled a, .pagination .disabled a:hover {
    background-color: transparent;
    color: #999999;
    cursor: default;
}
.pagination li:first-child a {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
    border-radius: 0 3px 3px 0;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}

.frmobligados{
   background-color: #CBECE8;
}
.labelresult{
   border-color: #000000;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
   line-height: 15px;
   padding: 2px;
}
.headerdetail{
   margin-left:20px;
   margin-right:20px;
}
.headerdetail ul {
   list-style-type: none;
   /*margin-right: 20px;*/
   display: inline-block;
}
.headerdetail li {
    /*padding: 0 3px;*/
	display: inline-block;
	margin-right:20px;
}
#mdialTamanio{
  width: 80% !important;
}