/*ESTILOS*/
@font-face{
	font-family: Roboto;
	src: url('../fonts/Roboto.ttf');
}
*{
	font-family: Roboto;
}
h1.titulos-modulos{
	color: #11572D;
	font-weight: bold;
}
/*--------------BARRA DE NAVEGACION-----------*/
nav.navbar.navbar-inverse.navbar-fixed-top{
	background-color: #11572D;
}
div#navbar.collapse.navbar-collapse{
	background-color: #11572D;
}
/*Colores y animaciones hover*/
div.navbar-header>a.navbar-brand{
	color: #FFF;
	-webkit-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}
div.navbar-header>a.navbar-brand:hover{
	text-shadow: 0px 0px 10px #FFF;
}
div.navbar-header>a.navbar-brand>i{
	-webkit-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}
div.navbar-header>a.navbar-brand:hover>i{
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
div#navbar>ul>li>a{
	color: #FFF;
	-webkit-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}
div#navbar>ul>li>a:hover{
	text-shadow: 0px 0px 8px #FFF;
}
div#navbar>ul>li>a>i{
	-webkit-transition: 0.3s all;
	-ms-transition: 0.3s all;
	-o-transition: 0.3s all;
	transition: 0.3s all;
}
div#navbar>ul>li>a:hover>i{
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
/*Submenus*/
ul.dropdown-menu>li>a>i{
	-webkit-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}
ul.dropdown-menu>li>a:hover>i{
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*---------------PERSONALIZACIÓN DE BOTONES----------------*/
/*PRIMARY*/
.btn-primary {
  color: #fff;
  background-color: #11572D;
  border:none;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #45A922;
  border:none;
}
.btn-primary:hover {
  color: #fff;
  background-color: #45A922;
  border:none;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #45A922;
  border:none;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #45A922;
  border:none;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #11572D;
  border:none;
}
.btn-primary .badge {
  color: #11572D;
  background-color: #fff;
}
/*WARNING*/
.btn-warning {
  color: #fff;
  background-color: #00AD7C;
  border:none;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #048460;
  border:none;
}
.btn-warning:hover {
  color: #fff;
  background-color: #048460;
  border:none;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #048460;
  border:none;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #048460;
  border:none;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #048460;
  border:none;
}
.btn-warning .badge {
  color: #00AD7C;
  background-color: #fff;
}
/*INFO*/
.btn-info {
  color: #fff;
  background-color: #0F81C7;
  border:none;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #0B5A8B;
  border:none;
}
.btn-info:hover {
  color: #fff;
  background-color: #0B5A8B;
  border:none;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #0B5A8B;
  border:none;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #0B5A8B;
  border:none;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #0B5A8B;
  border:none;
}
.btn-info .badge {
  color: #0F81C7;
  background-color: #fff;
}
/*DANGER*/
.btn-danger {
  color: #fff;
  background-color: #BE3144;
  border:none;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #9C2622;
  border:none;
}
.btn-danger:hover {
  color: #fff;
  background-color: #9C2622;
  border:none;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #9C2622;
  border:none;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #9C2622;
  border:none;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #9C2622;
  border:none;
}
.btn-danger .badge {
  color: #BE3144;
  background-color: #fff;
}
/*SUCCESS*/
.btn-success,.btn-success:hover,.btn-success:active{
	border:none;
}

/*-----------------------MENU PRINCIPAL----------------*/
#recuadro_bienvenida{
	background-color: rgba(0,0,0,0.5);
	padding: 15px 0px;
	cursor: default;
}
#titulo_bienvenida{
	border: none;
}
#titulo_bienvenida h1{
	font-size: 45px;
	font-weight: bold;
}
#nombre_bienvenida{
	font-size: 20px;
	border-top: 3px solid #FFF;
	margin: 0px 40px;
	padding-top: 15px;
}
.btn-sai{
	background-color: #11572D;
	outline: none;
	border: none;
	-webkit-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}
.btn-sai:hover{
	background-color: #45A922;
	box-shadow: 5px 5px 0px #11572D;
	border-radius: 15px;
	text-shadow: 3px 3px 0px #11572D;
}
/*TABLA DEL CRUD*/
.bg-primary{
	background-color: #11572D;
}
.table{
	background-color: #E6F3FA;
}

/*PANEL DEL LOGIN*/
.panel > .panel-heading{
    background-color: #11572D;
}

.panel{
    border-color: #11572D;
}

.panel > .panel-body > .nav > li > a{
    color: #45A922;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 40px;
    line-height: 40px; /* Vertically center the text there */
    background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding: 60px 15px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}