html,body{
		margin:0;padding:0;height:100%;width:100%;
		/*background:url(../views/fondo/bg.jpg) no-repeat center center fixed;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;font-family:*/ 
		background:url(../../images/brillantes.png);
		/*background: linear-gradient(#D8EBFF,#EFF7FF);*/
		
		Arial, Helvetica, sans-serif; text-align:justify; z-index:1;
		font-size:14px !important;
				
  
	}
	
	  
		
	@media all and (max-width:1024px) and (min-width:150px) {
   			
	 #panel_heading_p{ 
	    background:url(../images/brillante.png) !important;
		border-bottom:1px solid #c6d5e1 !important;
		font-size:17px !important;
		font-weight:900;
		font-style:italic!important; 
		font-family:Verdana, Arial, Helvetica, sans-serif !important;
		color:#001F72 !important; 
		height: auto;
		}
		
	.texto {
	   background: -webkit-linear-gradient( #152459,#C2E5C8) !important;
	  -webkit-background-clip: text !important;
	  -webkit-text-fill-color: transparent !important;
	   color: tomato !important;
	   text-align:center!important;
	   font-size:18px !important; 
	   line-height:32px !important; 
	  
	}
	.text {
	   font-size:12px !important; 
	  }
	label{ font-size:12px}	
	.form-control{font-size:13px}
	.custom-select{font-size:10px}
	.btnx{width:100%;color:#000000;border:#1D327A 1px solid;cursor:pointer;background:url(../images/brillante.png); font-size:10px; }
.btnx:hover{width:100%;color:#999;border:#8DCD99 1px solid;cursor:pointer;background:url(../images/brillant.png);font-size:10px;;}
.btnxf{width:100%;color:#1C3179;border:#1D327A 1px solid;cursor:pointer;background:url(../images/brillante.png);font-size:10px;; }
.btnxf:hover{width:100%;color:red;border:red 1px solid;cursor:pointer;background:url(../images/brillant.png);font-size:10px;;}
   .pagination li a{display:inline-block;font-size:0.7rem;padding:0 7px;line-height:30px}
  .table-responsive{overflow: auto;white-space: nowrap;}		
  .material-icons{font-size:14px;}

  .input-field label {color:#0d47a1; font-size:14px}
  
  .msgerror{
    width:50%; height:48px; border-radius:5px; font-size:9px; background-color:#FFECE9
	
   }
  h1 {
  color: #000; font-size: 12px; font-weight:bold;
    }
	.msgok{
	 width:90%; height:48px;background-color:#D4EDDA; border-radius:5px; border:#C3E6CB solid 1px; font-size:9px;
	}
	.msgerror{
	 width:90%; height:48px; border-radius:5px; background-color:#FFE8E8;font-size:9px;
	}
	.msginfo{
	 width:90%; height:48px;background-color:blue; border-radius:5px; border:#349BF2 solid 1px;font-size:12px;
	}
	
	.btn{ font-size:14; color:#fff; font-weight:900;}

	.input-field [type=text] { font-size:14px !important; color:#000 }
.input-field [type=date] { font-size:14px !important; }
.materialize-textarea { font-size:14px !important;color:#000 }
input {font-size:14px !important; color:#000 }
select{font-size:10px !important; color:#000;}
/*ul.dropdown-content.select-dropdown li span {
    color: #000; font-size:14px/* no need for !important :) 
	 white-space: normal !important;*/
}
	
  }
  
 
	
	#login{
	 
	background:url(../images/brillante.png);
	
	
    
	}
	.texto {
	 background: -webkit-linear-gradient( #152459,#C2E5C8);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  text-align:center;font-size:35px; line-height:55px; 
	  
	}

    #menuspos{position:fixed; top:0px; right:0; z-index:2}
	
	#cuerpo{	/* Este es el delimitador para que la página no sea excesibamente grande */
		 margin:0 auto;display:block; width:90%
	}
	
	.agenda{
		width:34%;float:right;height:auto!important;
	  
	}
	#container{
		
		width:100%; margin:0 auto;opacity:.8;filter:alpha(opacity=80);}

	
	
	.logos{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#044289+0,a7cfdf+100 */
background: #044289; /* Old browsers */
background: -moz-linear-gradient(top, #044289 0%, #a7cfdf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #044289 0%,#a7cfdf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #044289 0%,#a7cfdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044289', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */}
	.contenido_inicio{
		
		width: 80%;margin:0 auto;position:relative;
		min-height:200px;height:auto
	}	
		
	#panel-heading{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#276eac+22,0e2d54+100 */
		background: #276eac; /* Old browsers */
		background: -moz-linear-gradient(top, #276eac 22%, #0e2d54 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #276eac 22%,#0e2d54 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #276eac 22%,#0e2d54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#276eac', endColorstr='#0e2d54',GradientType=0 ); /* IE6-9 */}
	#panel_heading_p{ 
	    background:url(../images/brillante.png);border-bottom:1px solid #c6d5e1;
		font-size:17px!important;font-weight:900;; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif;color:#001F72; height: auto;; line-height:50px 
		}

	.redondo{border-radius:3px;border-radius:3px; border:#CCCCCC 1px solid;behavior:url(border-radius.htc)}
	a.pie{color:#FFFFFF;text-decoration:none;font-size:14px}
    a.pie:hover{color:#CCCCCC;text-decoration:none;font-size:14px}
	.seccion_notas{ padding:20px; line-height:20px}
	a.gen{color:#000000;text-decoration:none;font-size:14px}
    a.gen:hover{color:#006600;text-decoration:none}
   

button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

button:hover {
    opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

.carder{border-top-left-radius:20px;
	   border-top-right-radius:100px;
	   border-bottom-right-radius:20px;
	   border-bottom-left-radius:100px; border:#D4EEFF solid 3px}
.containera {
   width:70%; margin:0 auto; margin-top:1% ; border:#CCE4FF solid 1px;
     border-top-left-radius:55px;
	   border-top-right-radius:5px;
	   border-bottom-right-radius:55px;
	   border-bottom-left-radius:5px;
     background: linear-gradient(#dbe4ed,#EAF4FF);
     
	   /*background-image:
      linear-gradient(  to right,   #fff,#F2F2F2);*/ 
	  
   
}

.hijo{ width:90%; margin:0 auto; margin-top:1% ; border:#DAE9FF solid 1px;
   border-top-left-radius:35px;
	   border-top-right-radius:5px;
	   border-bottom-right-radius:35px;
	   border-bottom-left-radius:5px;background-image:
      linear-gradient(  to right,   #fff, #DDECFF ); }




/* The Modal (background) */
.fonmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2013; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color:rgba(79,67,76); /* Fallback color */
    background-color: rgba(79,67,76,0.4); /* Black w/ opacity */
   
}

/* Modal Content/Box */

/* The Close Button (x) */
.close {
   
    /*right: 0px;
    top: 20px;
    color: #000;
    font-size: 35px;
    font-weight: bold;*/
}

.close:hover,
.close:focus {
   /* color: red;
    cursor: pointer;*/
}


/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}
   
 
.btnx{width:100%;color:#000;border:#1D327A 1px solid;cursor:pointer;background:url(../images/brillante.png);; }
.btnx:hover{width:100%;color:#999;border:#8DCD99 1px solid;cursor:pointer;background:url(../images/brillant.png);
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.btnxf{width:100%;color:#1C3179;border:#1D327A 1px solid;cursor:pointer;background:url(../images/brillante.png);; }
.btnxf:hover{width:100%;color:red;border:red 1px solid;cursor:pointer;background:url(../images/brillant.png);
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}


  
  .nav-wrapper {
       margin-bottom: 0; 
	  background: #4169e1; /* Old browsers */
background: -moz-linear-gradient(top, blue 0%, blue 10%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,blue 0%,blue 10%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, blue 0%, blue 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='blue', endColorstr='blue',GradientType=0 )
		font-style: normal;
		font-family:Arial, Helvetica, sans-serif!important;
		font-size: 14px !important;
		
		/*line-height: 1.92857143 !important;
		line-height: 1.3 !important;
		letter-spacing: 2px;
		border-radius: 0;*/
		/*opacity: 0.7;
        filter: alpha(opacity=70);
		/*border-radius:3px;border-radius:3px; border:#CCCCCC 1px solid;behavior:url(border-radius.htc);
		-webkit-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
 }

.nav-wrapper li a, .nav-wrapper .nav-wrapper {
      color:#B0CEE3; font-weight:600  !important;  
	  padding-left:15px !important; padding-right:15px !important;
	  font-family:Arial, Helvetica, sans-serif!important;font-style: normal;
	  font-size:14px; /*color:#fff!important;*/
  }
  #nav-linker{ color:#9ED09B}
  .nav-wrapper li.active a {
    padding-left:15px !important; padding-right:15px !important;
	  color:#fff; font-weight:600 !important; 
	  /*border-bottom:2px solid #0040AE ; 
	  background-color:#E5F1FF; 
	  background:url(../images/brillant.png);color:#001F72;*/
	   background-color: #FFF; color: blue;
	  font-size:14px; font-weight:800;
	  border-radius: 30px 0px 30px 0px;!important;
	  
	  
       
  }
  
  .nav-wrapper li a:hover {
      padding-left:15px !important; padding-right:15px !important;
	  color:#fff; font-weight:600!important; 
	  /*border-radius: 2px;!important; 
	  border: 1px solid #8CC085;  */
	  /*border-bottom:2px solid #0040AE ; 
	  background-color:#E5F1FF;
	  background:url(../images/brillant.png); color:#001F72;*/
	  background-color: #FFF; color: blue;
	  font-size:14px;font-weight:800;
	 border-radius: 0px 30px 0px 30px;!important;
	 
       
  }

 /*tabs*/
 .tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap;
}

.tabs.tabs-transparent {
  background-color: transparent;
}

.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
  /*color: rgba(255, 255, 255, 0.7);
  color:#1a237e;*/
}

.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #fff;
}

.tabs.tabs-transparent .indicator {
  background-color: #fff;
}

.tabs.tabs-fixed-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tabs.tabs-fixed-width .tab {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

.tabs .tab a {
  /*color: rgba(238, 110, 115, 0.7);*/
  color:#1a237e;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: color .28s ease, background-color .28s ease;
  transition: color .28s ease, background-color .28s ease;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
  /*background-color: rgba(246, 178, 181, 0.2);*/
  background-color:#e3f2fd; 
  outline: none;
}

.tabs .tab a:hover, .tabs .tab a.active {
  /*background-color: transparent;*/
  background-color:#e3f2fd;
  color: #82b1ff ;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  /*color: rgba(238, 110, 115, 0.4);*/
  color:#82b1ff ;
  cursor: default;
}

.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #fff;
  will-change: left, right;
}

@media only screen and (max-width: 992px) {
  .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tabs .tab {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .tabs .tab a {
    padding: 0 12px;
  }
}

  
  #activo{
      padding-left:15px !important; padding-right:15px !important;
	  color: #3b4672 !important; 
	  border-radius: 2px;!important; 
	  border: 1px solid #8CC085;  
	  background-color: #C8E1C4;}
   
 .h-divider{
 margin-top:5px;
 margin-bottom:5px;
 height:1px;
 width:100%;
 border-top:1px solid  #E7E7E7;
} 

	a.class_a_hrefv{
	/*pointer-events:: auto;*/
	cursor:pointer;
	text-decoration:none;
	color:#000000;
    font-size:18px;
	}
	a.class_a_hrefv:hover{
	/*pointer-events: none;*/
	cursor:pointer;
	cursor: default;
	/*color:#999999;*/
	color:#999999;
	font-size:18px
	}
.showcla {
    position: absolute;
    right: 5px;
    top: 10px;
    cursor: pointer;
    padding: 2px 10px; 
  color:#001F72 ;
   }
   .showcla:hover{
    color:#0040AE; ;
   }


.msgok{
 width:90%; height:48px;background-color:#D4EDDA; border-radius:5px; border:#C3E6CB solid 1px
}
.msgerror{
 width:90%; height:48px; border-radius:5px; background-color:#FFE8E8
}
.msginfo{
 width:90%; height:48px;background-color:blue; border-radius:5px; border:#003DA7 solid 1px
}

/* label color */
   .input-field label {
     color:#0d47a1;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #0d47a1;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   /* invalid color */
   .input-field input[type=text].invalid {
     border-bottom: 1px solid red;
     box-shadow: 0 1px 0 0 red;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #0d47a1;
   }

#darken1{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1999;background:black;opacity:.5;}
#flotante1 {overflow:auto;position:fixed;min-width:40%; min-height:100px; height:auto;padding: 0px; border-radius:10px;background:#FFFFFF;background: -moz-linear-gradient(#fff,#E8E8E8);background: -webkit-linear-gradient(#fff,#E8E8E8);background: -o-linear-gradient(#fff,#E8E8E8);-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;top: 8%;left: 8%;right: 8%;border:#D6D6D6 2px solid;display:none;z-index:2000;}
#darken2{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1999;background:black;opacity:.5;}
#flotante2 {overflow:auto;position:fixed;min-width:40%; min-height:100px; height:auto;padding: 0px;border-radius:10px;background:#FFFFFF;background: -moz-linear-gradient(#fff,#E8E8E8);background: -webkit-linear-gradient(#fff,#E8E8E8);background: -o-linear-gradient(#fff,#E8E8E8);-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;top: 8%;left: 8%;right: 8%;border:#D6D6D6 2px solid;display:none;z-index:2000;border.radius:6px;}
#darken3{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1999;background:black;opacity:.5;}
#flotante3 {overflow:auto;position:fixed;min-width:40%; min-height:100px; height:auto;padding: 0px;border-radius:10px;background:#FFFFFF;background: -moz-linear-gradient(#fff,#E8E8E8);background: -webkit-linear-gradient(#fff,#E8E8E8);background: -o-linear-gradient(#fff,#E8E8E8);-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;top: 8%;left: 8%;right: 8%;border:#D6D6D6 2px solid;display:none;z-index:2000;border.radius:6px;}
.materialize-black-text {
    color: black !important;
	font-size:13px !important;
	
}
label.active {
  color:#999999!important;
}
.input-field [type=text] { font-size:14px !important; color:#000 }
.input-field [type=date] { font-size:14px !important; }
.materialize-textarea { font-size:14px !important;color:#000 }
input {font-size:14px !important; color:#000 }
select{font-size:14px !important; color:#000;z-index: 16;}
/*ul.dropdown-content.select-dropdown li span {
    color: #000; font-size:14px/* no need for !important :) 
	 white-space: normal !important; z-index: 11; !important;*/
   ul.dropdown-content li span {
    color: #000; font-size:14px/* no need for !important :)*/ 
   white-space: normal !important;
}

.dropdown-content {
  background-color:white;
  margin: 0;
  display: none;
  min-width: 100px;
  max-width:auto;
  overflow-y: auto;
  opacity: 0;
  position:absolute;
  left: 0;
  top: -4.6rem;
  z-index: 15;
  border-radius: 10px
 
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }
i.material-icons {
      vertical-align: middle;
 }	
@media all and (max-width:1024px) and (min-width:150px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }

  #index-banner .section {
    top: 0;
  }
 .text { font-size:8px !important;   }
  .table-responsive{overflow: auto;white-space: nowrap;} 		
 
}

/*@import "@material/select/mdc-select";*/