@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  background-color: #fff;
}

#knack-body, .kn-view {
    background-color: #F7F7F7 !important;
}


/*Cambiar diseño del header*/
#knack-body #kn-app-header{
  position: relative;
  height: 260px;
  background-color: #FBFBFB;
  /*background: #CCE3ED;  */
  background: -webkit-linear-gradient(to top, #A43931,#F9FAFA);  
  /*background: linear-gradient(to bottom,#ABDDFA, #FBFBFB);*/
}

/*Cambiar tamaño y posision del logo*/
.kn-content img{
  height: 155px;
  width: 610px;
  position: relative;
  bottom: 4px;
}

/*Diseño y pocision de la barra del login*/
div.kn-info-bar {
  color: #11264b;
  background-color: transparent;
  position: relative;
  bottom: 265px;
}

/*Diseño del menu*/
.kn-navigation-bar a{
  color: white;
  background-color:  #ba4743;
  font-weight: bold;
}

.kn-content .kn-navigation-bar a:hover{
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
}

.kn-content .kn-navigation-bar .buttons.is-nav #app-menu-list li a{
  border-radius: 30px;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  bottom:27px;
  border: 3.5px solid #0099CC;
  margin-left: 2px;
}

.kn-content .kn-navigation-bar .buttons.is-nav #app-menu-list li a:hover{
  color: #000000;
  background-color: #709091;
}

.container { 
	margin: 0 auto;
  width: 100%;
	border-bottom: #2B2B2B;
  padding: 0;
  /*background-color:#fff;*/
  height: 375px;
  background-color: #ACDDFA;
/*  background: #CCE3ED;  
  background: -webkit-linear-gradient(to top, #A43931,#F9FAFA);  
  background: linear-gradient(to bottom,#ABDDFA, #FBFBFB);*/

  }

.imga{ 
  max-width: 1000px; 
  max-height: auto; 
  text-align:left; 
  border-color: 0px #ddd; 
  margin: 0 auto; 
  padding: 0px 0px;
  padding-top: 17px;
}

.imgba{ 
  width:655px;
  margin-left: -113px;
}

#kn-app-mobile-container {
    display: flex;
    align-items: right;
    padding-top: 2px;
}


.kn-app-header {
    background: #ACDDFA;
    background-image: -webkit-linear-gradient(to top, #A43931,#F9FAFA);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background: linear-gradient(to bottom,#ABDDFA, #FBFBFB) !important;
}

.kn-section {
    position: relative;
    height: 100%;
    bottom: 35px;
    background-color: transparent !important;
    margin-top: -182px;
    background-color: #F7F7F7 !important;
}

.kn-crumbtrail {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 0 16px;
    margin-top: -380px;
    visibility: visible !important;
}

@media only screen and (min-width: 600px) {
  .kn-current_user{
    width: 1000px;
    text-align: right;
    margin-top: -380px;
    margin-right: -57px;
  }
}


@media only screen and (max-width: 600px) {
  .imgba {
    width:100%;
    margin-left: -10px;
  }
}