@charset "utf-8";
@import url("https://use.typekit.net/mol8wgb.css");
body {
	margin: 0;
	padding: 0;
	background: #f4f4f4;
	color: #636569;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 18px;
	line-height: 26px;
	/*overflow-x: hidden;*/
}
footer {
    font-size: 14px;
    line-height: 16px;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #f4f4f4;
    padding: 10px;
}
.relative {
    position: relative !important;
    width:100% !important;
}
.img80 {
    width: 80%;
    margin: 0 10% 20px 10%;
}
p {
	margin: 0 0 20px 0;
}
.container {
	width: 1180px;
	margin: 0 auto;
}
header {
    top: 0;
	width: 100%;
	position: fixed;
	z-index: 2;
	background: #fff;
	box-shadow: 0 0 40px rgba(0,0,0,0.4);
	height: 115px;
}

header .panel{height: 25px; border-bottom: 1px solid #D8D8D8; background-color: #ffffff; display: block; position: relative; z-index: 2;}
header .panel p{font-size: 11px; text-align: right;}
header .panel p span{font-weight: 500;}
.img-login {
	background:url(../img/login.jpg) left top / cover no-repeat;
	height: 100vh;
}
.container-index {
    width: 96%;
    margin: 30px 2% 0 2%;
}
header.login {
	background: transparent;
	height: auto;
	box-shadow: none;
}
header.login .logo {
	width: 530px;
    float: left;
}
@media (max-width: 1420px) {
    header.login .logo {
        width: 400px;
    }
}
@media (max-width: 960px) {
    header.login .logo {
        width: 300px;
    }
}
@media (max-width: 860px) {
    header.login .logo {
        width: 200px;
    }
}
header.login .logo img {
	width: 100%;
}
.btns {
	float: right;
}
input {
    border-radius: none !important;
}
.input1 {
	background: #fff;
	color: #636569;
	border: none;
	padding: 5px;
	/*margin-right: 10px;*/
	font-family: "museo-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	width: 160px;
}
.input1.input2 {
    margin-right: 10px;
}
.input1.error {
    border: 1px solid #900002;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(153,14,14,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(153,14,14,1);
    box-shadow: 0px 0px 5px 0px rgba(153,14,14,1);
}

.iniciar {
	background-color: #F9B233 !important;
	color: #fff;
	border: none;
	padding: 5px;
	font-family: "museo-sans",sans-serif;
	font-size: 16px;
	/*border-radius: 10px;
	display: block;*/
	text-align: center;
	transition: 400ms ease;
	font-weight: 500;
	width: 170px;
	float: right;
	cursor: pointer;
    border-radius: none !important;
    box-sizing: border-box;
    -webkit-appearance: none;
}
#snd-btn {
    -webkit-appearance: none;
    border-radius: 0;
}
.iniciar:hover {
	text-decoration: none;
	color: #fff;
	background: #E59316;
}
@media (max-width: 745px) {
    header.login .logo {
        float: none;
        margin-bottom: 20px;
    }
    header.login .btns {
        float: none;
    }
    .iniciar {
        float: none;
        margin-top: 10px;
    }
}
@media (max-width: 414px) {
    .container-index {
        width: 90%;
        margin: 0 5%;
    }
    header.login .logo {
        margin: 20px 25%;
        width: 50%;
    }
    .input1, .input1.input2 {
        border-radius: 0;
        width: 50%;
        margin: 0 25%;
        padding: 4px 0;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
    }
    .input1.input2 {
        margin-top: 10px;
    }
    .iniciar {
        border-radius: 0;
        padding: 4px 0;
        width: 50%;
        margin: 10px 25%;
    }
    .img-login {
        background:url(../img/login.jpg) 20% 50% / cover no-repeat;
        height: 100vh;
    }
}

.container .logo {
    float: left;
    width: 120px;
    margin-top: 10px;
}
.container .logo img {
    width: 100%;
}
.container .menu {
	float: right;
    width: 1060px;
}
.menu-empresas {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
    flex-direction: row-reverse;
}
.menu-empresas li a {
	padding: 23px 20px 20px 20px;
	display: block;
	transition: 300ms ease;
}
.menu-empresas li a img {
	max-height: 50px;
}
.menu-empresas li .selected, .menu-empresas li a:hover {
	box-shadow: 0 0 12px rgba(0,0,0,0.2);
}

.bg {
    height: 340px;
	padding-top: 115px;
}
/*Por orden de aparición*/
.img-2 {background: url(../img/img2.jpg) 50% 50% / cover no-repeat;}
.img-3 {background:url(../img/img3.jpg) 50% 50% / cover no-repeat;}
.img-3b {background:url(../img/img3b.jpg) 50% top / cover no-repeat;}
.img-15 {background:url(../img/img15.jpg) 50% 50% / cover no-repeat;}
.img-16 {background:url(../img/img16.jpg) 50% 50% / cover no-repeat;}
.img-5 {background:url(../img/img5.jpg) 50% 50% / cover no-repeat;}
.img-6 {background:url(../img/img6.jpg) 50% 50% / cover no-repeat;}
.img-20 {background:url(../img/img20.jpg) 50% top / cover no-repeat;}
.img-21 {background:url(../img/img21.jpg) 50% top / cover no-repeat;}
.img-10 {background:url(../img/img10.jpg) 50% 10% / cover no-repeat;}
.img-9 {background:url(../img/img9.jpg) 50% 50% / cover no-repeat;}
.img-8 {background:url(../img/img8.jpg) 50% 50% / cover no-repeat;}
.img-7 {background:url(../img/img7.jpg) 50% 50% / cover no-repeat;}
.img-1 {background:url(../img/img1.jpg) 50% 50% / cover no-repeat;}
.img-11 {background:url(../img/img11.jpg) 50% 10% / cover no-repeat;}
.img-12 {background:url(../img/img12.jpg) 50% 10% / cover no-repeat;}
.img-13 {background:url(../img/img13.jpg) 50% 10% / cover no-repeat;}
.img-14 {background:url(../img/img14.jpg) 50% 50% / cover no-repeat;}

.menu-white {
	list-style: none;
	margin: 0;
	padding: 20px 0 0 0;
	display: flex;
}
.menu-white a {
	color: #fff;
	text-decoration: none;
	margin-right: 22px;
	padding-bottom: 5px;
	font-size: 16px;
    line-height: 20px;
	font-weight: 300;
	transition: 400ms ease;
	text-shadow: 4px 4px 8px rgba(0,0,0,0.9);
    border-bottom: transparent solid 2px;
}
.menu-white a:hover, .menu-white .selected {
	border-bottom: #fff solid 2px;
}
.padd-txt {
	padding:30px 0 0 0;
}
.col1 {
	float: left;
	width: 15%;
    padding-right: 5%;
}
.col1 img {
	width: 100%;
}
.col2 {
	float: left;
	width: 80%;
}
.col3 {
	float: left;
	width: 25.8%;
}
.col3 img {
	width: 800px;
}
.col4 {
	float: left;
	width: 80%;
}
.clear {
	clear: both;
	width: 100%;
}
.clear-20 {
	clear: both;
	width: 100%;
	height: 20px;
}
.clear-60 {
	clear: both;
	width: 100%;
	height: 60px;
}
.uk-offcanvas-content {
    display: none;
}

.padd1 {
	padding-top: 115px;
}
.padd1 .menu-white li a {
	color: #666;
}
.padd1 .menu-white li a:hover, .padd1 .menu-white li .selected {
	border-bottom: #F9B233 solid 3px;
}
h1 {
	color: #F9B233;
	font-weight: 700;
	font-style: normal;
	font-size: 26px;
}
h2 {
	color: #F9B233;
	font-weight: 700;
	font-style: normal;
	font-size: 22px;
	margin: 0;
}
h3 {
	color: #F9B233;
	font-size: 18px;
	font-style: italic;
	margin: 0;
}
.btn1 {
	color: #F9B233;
	font-size: 18px;
	font-weight: 700;
}
.margin0 {
	margin: 0;
}
.ver {
	color: #636569;
	font-size: 22px;
	font-weight: 500;
	transition: 400ms ease;
	border-bottom: transparent solid 1px;
	padding: 3px 0;
}
.ver:hover {
	text-decoration: none;
	border-bottom: #636569 solid 1px;
}
.ul-normal {
	margin: 0;
	padding-left: 18px;
}
.ul-normal ul {
    margin-top: 20px;
	list-style: square;
    padding-left: 20px;
    color: #F9B233;
}
.ul-normal ul span {
    color: #636569;
}
.ul-normal li {
    margin-bottom: 20px;
    font-size: 26px;
	line-height: 32px;
}
.img100 {
	width: 100%;
}
.bg-white {
	background: #fff;
	padding: 40px 0;
}
.intro {
	font-size: 26px;
	line-height: 32px;
}
.flex, .flex2 {
	display: flex;
	justify-content: space-between;
}
.flex .uk-inline-clip {
	width: 350px;
	height: 350px;
}
.flex2 div {
	width: 210px;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
}
.flex2 div img {
	max-height: 60px;
	margin-bottom: 10px;
}
.flex3 {
	display: flex;
}
.flex3 div {
	border-left: rgba(227,29,147,0.2) solid 1px;
	padding-left: 30px;
}
.linea ul {
	border-left: rgba(227,29,147,0.2) solid 1px;
	padding-left: 50px;
}
.flex3 div:first-child {
	border: none;
	padding-left: 8.1%;
	width: 256px;
}
@media (max-width: 1193px) {
    .img-21 {background:url(../img/img21.jpg) 0 0 / cover no-repeat;}
    .flex .uk-inline-clip.uk-transition-toggle {
        width: 300px;
        height: 300px;
    }
    .flex3 div:first-child {
        padding-left: 0;
        width: auto;
    }
}
.txt-flex {
	text-align: center;
	font-weight: 300;
}
.txt-flex span {
	font-weight: 700;
	font-size: 40px;
}
.c-merpana {
	color: #E31D93;
}
.color1 {color:#f9b233;font-weight:900;}
.color2 {color:#2ED9C3;font-weight:900;}
.color3 {color:#9EADE5;font-weight:900;}
.color4 {color:#425CC7;font-weight:900;}
.color5 {color:#8F4899;font-weight:900;}
.color6 {color:#C29FD8;font-weight:900;}
.color7 {color:#E31D93;font-weight:900;}
.color8 {color:#F095CD;font-weight:900;}
.color9 {color:#D15E14;font-weight:900;}
.color10 {color:#FF7200;font-weight:900;}
.color11 {color:#FFC200;font-weight:900;}
.letras {
	list-style: lower-alpha;
	padding-left: 22px;
}
.dots {
	list-style:disc;
	padding-left: 40px;
	margin-bottom: 0;
}
.dots li {
	margin: 0;
}
.clear-ul {
	height: 10px;
}
.t-manual {
	text-align: center;
	font-size: 36px;
	margin-bottom: 60px;
}
.t-manual span {
	font-weight: 700;
}
.manual h2 {
	text-align: center;
	margin-bottom: 10px;
}
.menu-izq {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
}
.menu-izq a {
	color: #636569;
	border-bottom: #636569 solid 1px;
	display: block;
	font-weight: 300;
	padding: 6px;
	font-size: 14px;
	line-height: 16px;
	transition: 400ms ease;
}
.menu-izq a:hover {
	color: #fff;
	background: #636569;
}
.overflow {
	overflow-y: scroll;
	max-height: 100px;
}
.btn2 {
	display: block;
	color: #F9B233;
	font-style: italic;
	-webkit-transition:400ms ease;
  transition: 400ms ease;
}
.btn2 i {
  height: 6px;
  width: 6px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: transparent #F9B233 #F9B233 transparent;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
	float: left;
	margin: 8px 5px 0 0;
}
.btn2:hover {
	padding-left: 5px;
}
.uk-accordion-content a {
	display: block;
	color: #636569;
	font-size: 16px;
}
.uk-accordion-content a:hover {
	text-decoration: underline;
}


.login #res, .cambia-frm #res{
	padding-top:5px; 
	color:#3E3E3E;
	font-size: 14px;
}

.login #res.fail, .cambia-frm #res.fail{
	color:#900002;
	font-size: 14px;
	font-weight: 500;
}

.cambia-frm #res.success{
	color:#6CA300;
	font-size: 14px;
	font-weight: 500;
}


/*Cambiar password*/

.cambiar-pass {
	padding-top: 115px;
}
.cambia-frm{
	width: 300px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
}
.cambia-frm h2{
	background-color: #fbba00;
	text-align: center;
	padding-top: 25px;
	border: 5px solid #DCDCDC;
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	width: 100px;
	height: 75px;
	margin: 0 auto;
}
.cambia-frm p{
	padding: 7px 0;
}
.cambia-frm p span{
	color:#000000;
	font-weight: 700;
	text-align: center;
	padding: 7px 0;
}
.cambia-frm input[type='password']{width: 96%; padding: 10px 1%; margin: 0 auto; font-family: "museo-sans",sans-serif; border: 1px solid #C1C1C1; border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;}

.cambia-frm input[type='submit']{
    background: #F9B233;
	color: #fff;
	border: none;
	padding: 5px;
	font-family: "museo-sans",sans-serif;
	font-size: 16px;
	/*border-radius: 5px;*/
	text-align: center;
	transition: 400ms ease;
	font-weight: 500;
	cursor: pointer;
	margin-top: 15px;
}
.cambia-frm input[type='submit']:hover {
	text-decoration: none;
	color: #fff;
	background: #E59316;
}

.cambia-frm input[type='password'].error {
	border: 1px solid #900002;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(153,14,14,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(153,14,14,1);
    box-shadow: 0px 0px 5px 0px rgba(153,14,14,1);
}
.on414 {
    display: none;
}
.flex-historia {
    display: flex;
    /*height: 324.7px;*/
    margin-bottom: 40px;
}
.flex-historia img {
    width: 100%;
}
.flex-historia div:nth-of-type(1),
.flex-historia div:nth-of-type(3),
.flex-historia div:nth-of-type(5),
.flex-historia div:nth-of-type(7),
.flex-historia div:nth-of-type(9),
.flex-historia div:nth-of-type(11) {
    /*margin-top: 150px;
    align-self: flex-end;*/
}
.historia414 .uk-modal-dialog div {
    display: none;
}

@media (max-width: 1200px) {
    header {
        height: auto;
    }
    .bg {
        height: 260px;
        padding-top: 90px;
    }
    .container {
        width: 90%;
        margin: 0 5%;
    }
    .container .logo {
        width: 8.6%;
    }
    .container .menu {
        width: 91.4%;
    }
    .menu-empresas li a {
        padding: 10px 15px;
    }
    .intro, .ul-normal li {
        font-size: 22px;
        line-height: 30px;
    }
}
@media (max-width: 1023px) {
    .container.container-menu {
        width: 100%;
        margin: 0;
    }
    .container .logo {
        width: 20%;
        margin: 20px 40%;
        float: none;
    }
    .container .menu {
        width: 100%;
        float: none;
    }
    .menu-empresas {
        justify-content: space-between;
    }
    .menu-empresas li {
        width: 10%;
        text-align: center;
    }
    .menu-empresas li a {
        padding: 10px 0;
    }
    .col1, .col2, .col4 {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .menu-izq {
        display: none;
    }
    .t-manual {
        margin: 30px 0;
    }
    .bg .container {
        width: 95%;
        margin: 0 2.5%;
    }
    .menu-white {
        justify-content: space-between;
        padding-top: 30px;
    }
    .menu-white a {
        margin-right: 0;
        font-size: 15px;
        line-height: 19px;
    }
    .bg {
        height: 260px;
        padding-top: 0;
        margin-top: 200px;
    }
    .col1.col-logo {
        float: left;
        width: 20%;
        margin-right: 5%;
    }
    .col2.col-txt {
        float: left;
        width:75%;
    }
    .flex .uk-inline-clip.uk-transition-toggle {
        width: 240px;
        height: 240px;
    }
    .txt-flex span {
        font-size: 32px;
    }
    .linea ul {
        border-left: none;
        padding-left: 20px;
    }
    .flex3 {
        flex-wrap: wrap;
    }
    .flex3 div {
        border-left: none;
        padding-left: 0;
    }
    .flex2 {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .flex2 div {
        width: 32%;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
    }
}
@media (max-width: 809px) {
    .flex .uk-inline-clip.uk-transition-toggle {
        width: 220px;
        height: 220px;
    }
}
#modal-1920 .uk-modal-dialog div,
#modal-1930 .uk-modal-dialog div,
#modal-1940 .uk-modal-dialog div,
#modal-1950 .uk-modal-dialog div,
#modal-1960 .uk-modal-dialog div,
#modal-1970 .uk-modal-dialog div,
#modal-1980 .uk-modal-dialog div,
#modal-1990 .uk-modal-dialog div,
#modal-2000 .uk-modal-dialog div,
#modal-2010 .uk-modal-dialog div,
#modal-2020 .uk-modal-dialog div {
    display: none;
}
@media (max-width: 767px) {
    #modal-1920 .uk-modal-dialog div,
    #modal-1930 .uk-modal-dialog div,
    #modal-1940 .uk-modal-dialog div,
    #modal-1950 .uk-modal-dialog div,
    #modal-1960 .uk-modal-dialog div,
    #modal-1970 .uk-modal-dialog div,
    #modal-1980 .uk-modal-dialog div,
    #modal-1990 .uk-modal-dialog div,
    #modal-2000 .uk-modal-dialog div,
    #modal-2010 .uk-modal-dialog div,
    #modal-2020 .uk-modal-dialog div {
        display: block;
    }
    .off414, .flex-historia {
        display: none;
    }
    .historia414 .uk-modal-dialog div {
        display: block;
        text-align: center;
        padding: 10px;
        background: #f9b233;
        color: #fff;
        font-weight: 900;
        font-size: 24px;
        margin-top: 40px;
    }
    .historia414 #modal-1920 .uk-modal-dialog div {
        margin-top: 0;
    }
    .historia414 #modal-1930 .uk-modal-dialog div {background: #2ed9c3;}
    .historia414 #modal-1940 .uk-modal-dialog div {background: #9eade5;}
    .historia414 #modal-1950 .uk-modal-dialog div {background: #425cc7;}
    .historia414 #modal-1960 .uk-modal-dialog div {background: #8f4899;}
    .historia414 #modal-1970 .uk-modal-dialog div {background: #c29fd8;}
    .historia414 #modal-1980 .uk-modal-dialog div {background: #e31d93;}
    .historia414 #modal-1990 .uk-modal-dialog div {background: #f095cd;}
    .historia414 #modal-2000 .uk-modal-dialog div {background: #d15e14;}
    .historia414 #modal-2010 .uk-modal-dialog div {background: #ff7200;}
    .historia414 #modal-2020 .uk-modal-dialog div {background: #ffc200;}

    .historia414 .uk-modal:first-child .img80 {
        margin-top: 0;
    }
    .historia414 .uk-modal:last-child {
        margin-bottom: 40px;
    }
    
    .historia414 .uk-modal {
        display: block;
        position: relative;
        padding: 0;
        background: none;
        opacity: 1;
        transition: none;
    }
    .historia414 .uk-modal-dialog {
      width: 100%;
      font-size: 16px;
      line-height: 20px;
      max-width: auto;
      opacity: 1;
      transform: none;
      transition: none;
      background: none;
    }
    .historia414 .uk-modal-body {
      padding: 0;
    }
    .historia414 button {
      display: none;
    }
    .historia414 .img80 {
        width: 100%;
        margin: 20px 0;
    }
    .menu-empresas {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .menu-empresas li:nth-of-type(1) {order: 10;}
    .menu-empresas li:nth-of-type(2) {order: 9;}
    .menu-empresas li:nth-of-type(3) {order: 8;}
    .menu-empresas li:nth-of-type(4) {order: 7;}
    .menu-empresas li:nth-of-type(5) {order: 6;}
    .menu-empresas li:nth-of-type(6) {order: 5;}
    .menu-empresas li:nth-of-type(7) {order: 4;}
    .menu-empresas li:nth-of-type(8) {order: 3;}
    .menu-empresas li:nth-of-type(9) {order: 2;}
    .menu-empresas li:nth-of-type(10) {order: 1;}
    .menu-empresas li {
        width: 20%;
    }
    .menu-empresas li a img {
        max-height: 40px;
    }
    .container .logo {
        width: 30%;
        margin: 10px 35% 20px 35%;
    }
    .menu-white {
        display: none;
    }
    h1 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .intro, .ul-normal li {
        font-size: 18px;
        line-height: 26px;
    }
    .ul-normal li {
        margin-bottom: 10px;
    }
    .padd-txt {
        padding:15px 0 0 0;
    }
    .bg {
        height: 200px;
        margin-top: 0;
    }
    .img-2 {background: url(../img/img2.jpg) 50% 50% / cover no-repeat;}
    .img-3 {background:url(../img/img3.jpg) 50% 50% / cover no-repeat;}
    .img-3b {background:url(../img/img3b.jpg) 50% 50% / cover no-repeat;}
    .img-15 {background:url(../img/img15.jpg) 50% 50% / cover no-repeat;}
    .img-16 {background:url(../img/img16.jpg) 50% 50% / cover no-repeat;}
    .img-5 {background:url(../img/img5.jpg) 50% 50% / cover no-repeat;}
    .img-6 {background:url(../img/img6.jpg) 50% 50% / cover no-repeat;}
    .img-20 {background:url(../img/img20.jpg) 50% 50% / cover no-repeat;}
    .img-21 {background:url(../img/img21.jpg) 50% 50% / cover no-repeat;}
    .img-10 {background:url(../img/img10.jpg) 50% 50% / cover no-repeat;}
    .img-9 {background:url(../img/img9.jpg) 50% 50% / cover no-repeat;}
    .img-8 {background:url(../img/img8.jpg) 50% 50% / cover no-repeat;}
    .img-7 {background:url(../img/img7.jpg) 50% 50% / cover no-repeat;}
    .img-1 {background:url(../img/img1.jpg) 50% 50% / cover no-repeat;}
    .img-11 {background:url(../img/img11.jpg) 50% 50% / cover no-repeat;}
    .img-12 {background:url(../img/img12.jpg) 50% 50% / cover no-repeat;}
    .img-13 {background:url(../img/img13.jpg) 50% 50% / cover no-repeat;}
    .img-14 {background:url(../img/img14.jpg) 50% 50% / cover no-repeat;}
    header {
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        position: relative;
    }
    .flex {
        flex-direction: column;
        justify-content: center;
    }
    .flex .uk-inline-clip.uk-transition-toggle {
        margin-bottom: 10px;
        width: 100%;
        /*width: 220px;
        height: 220px;*/
    }
    .flex3 div:nth-of-type(2) {
        margin-bottom: 40px;
    }
    .flex2 div {
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
    }
    .ver {
        font-size: 18px;
        padding: 0;
    }
    #modal-center.uk-flex-top iframe {
        width: 100% !important;
    }
    .uk-offcanvas-content {
        display: flex;
        justify-content: flex-start;
    }
    .uk-offcanvas-content img {
        width: 40px;
    }
    .menu-canvas {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .menu-canvas li {
        margin-top: 20px;
    }
    .menu-canvas li a {
        text-decoration: none;
        border-bottom: transparent solid 3px;
        padding-bottom: 2px;
        display: block;
        font-weight: 300;
    }
    .menu-canvas li a:hover, .menu-canvas li .selected {
        border-bottom: #f9b233 solid 3px;
    }
    .off414 {
        display: none;
    }
    .on414 {
        display: block;
    }
    .col2 {
        padding-bottom: 30px;
    }
    .cambiar-pass {
        padding-top: 0;
    }
    .cambia-frm{
        margin-top: 20px;
    }
    .cambia-frm p {
        padding-bottom: 0;
    }
    footer {
        text-align: center;
        width: 100%;
        background: #fff;
    }
}