.principal {
 font-family: Arial;
 overflow-x:auto;
 FONT-SIZE: 12px;
}
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;
}

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

#mycontainer {
    max-width: 1280px !important;
}


.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;
}

.titulo{
   /*width:900px;*/
   margin:auto;
   margin-bottom: 20px;
   margin-left:20px;
}

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

.utiles {
    float:right;
    width: 500px;
}

.utiles li {
    margin: 10px 10px;
    display: inline;
    font-size: 10px;
    color: #C2334C;
}

.utiles a {
    padding: 5 0px;
	display: inline-block;
}

.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;
}

.superior{
   background-color: #B1E7D1;
   padding: 1 1px;
}
.superior td {
   font-size: 16px;
   color: #999999;
}
.superior ul {
   list-style-type: none;
}

.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: 16px;
	text-align: center;
	margin-top: 20px;
	height: 30px;
}

.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;
}

.menu1 {
   background-color: #00AD99;
   margin: 0 0px;
}

.menu1 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;
}

.menu1 li {
    /*margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;    */
	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;
    /*border-radius: 6px;
	padding: 5px;*/
}

.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;
}

.label {
  color: white;
  padding: 8px;
  font-family: Arial;
}
.success {background-color: #04AA6D;} /* Green */
.danger {background-color: #f44336;} /* Red */