body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}
a{text-decoration:none}
table{border-spacing:0}
fieldset,img{border:0}
img{max-width:100%}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}
ol,ul{list-style:none;margin:0;padding:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
.form-control::-webkit-input-placeholder{color:#545454;opacity: 1;}
.form-control:-moz-placeholder{color:#545454;opacity: 1;}
.form-control::-moz-placeholder{color:#545454;opacity: 1;}
.form-control:-ms-input-placeholder{color:#545454;opacity: 1;}
.form-control::-ms-input-placeholder{color:#545454;opacity: 1;}
.form-control:focus{box-shadow: none;}
.has-error .form-control:focus{box-shadow: none;}
.has-success .form-control:focus{box-shadow: none;}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:red;font-size:14px}
*{padding:0;margin:0;border:0;font-family:"Lato"!important}
body{background-color:#fff;margin:0;overflow-x:hidden;color:#545454;font-size:14px;font-style:normal;font-weight:300; line-height: normal;}
.alert{position: absolute; width: 100%;text-align: center;font-weight: 400;}
.pc{display: block;}
.movil{display: none;}
table{border:0 none}
nav{float:right;font-weight:300;margin-top:10px;position:absolute;width: 100%;text-align: center;}
nav > ul,ol{list-style:outside none none;padding:0;margin: 0 auto;text-align: center;width: 50%;}
nav .menu li a{color:#545454;display:block;text-decoration:none;background-color: #D6DDED;margin: 0 2%;font-size: 14px;resize: none;letter-spacing: 3px;padding: 12px 0;border-radius: 15px;font-weight: 400;}
nav .menu li a:hover{color:#FFF; background-color: #A3B8E8;}
nav .menu > li{float:left;width: 25%;text-align: center;}
nav .menu li ul{display: none;position:absolute;z-index: 1;}
nav .menu li:hover > ul{display:block;width:100%; position: relative}
nav .menu li ul li{position:relative;margin-top: 2%;}
nav .menu li ul li ul{left:220px;top:0}
nav .menu li ul li ul li a{width:200px}
#nav-button .fa-navicon{background-image:url(/img/menu.png)}
#nav-button .fa-close{background-image:url(/img/menu_cerrar.png)}
#nav-button{height:3em;width:3em;top:0;margin-top:1em;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#444;overflow:hidden;float:right;display:none;}
#nav-button .fa{position:absolute;bottom:0;margin:auto;display:block;width:33px;height:25px;left:-3px}
#nav-button:hover{cursor:pointer}
#nav-button.width{height:3em;box-shadow:none}
#nav-button.width:before{content:'';display:block;width:.4em;height:.4em;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-animation:color .3s linear;animation:color .3s linear}
#nav-list{padding:50px 7% 0 10%;position: fixed;width: 35%;background-color: #7F7F7F;right: 0;float: none; overflow: hidden; height: 100%; display: none; opacity: 1; z-index: 3;}
#nav-list td.imagen{width:60px;height:55px}
#nav-list table{width:100%}
#nav-list .icono{display:block;margin:0 auto}
#nav-list a{color:#FFF;text-decoration:none;font-size:18px;display:block;padding:0;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;float:left;text-align:left}
#nav-list ul,li{margin:0;padding:0}
#nav-list li{list-style:none;float:left;width:100%}
#nav-list.nav-show{opacity:1;display:block;z-index:3;}
#nav-list.menu_manager{padding-left: 45px;}
#logo{width: 30%; float: left; padding: 2.3% 0 1.2% 3.6%}
#logo img{max-width: 28%;}
#logout{width: 70%; float: left; text-align: right; padding: 0; letter-spacing: 0.32vw; padding: 1% 3.4% 0 0;}
#logout a{color: #99AFE1;text-decoration: none;font-weight: 600;}
.fill_top{float: left; width: 100%; background-color: #D6DDED; height: 32px;}
#home{width: 40%; margin: 0 auto; margin-top: 8vw; font-size: 16px; letter-spacing: 2px}
#noa{width: 100%; float: left; margin-top: 8vw; padding-bottom: 100px;}
#noa #row{width: 20%; float: left; border-top: 14px solid #A3B8E8;}
#noa #header{width: 60%; float: left; letter-spacing: 2px;}
#noa .title{font-weight: 400; padding: 0 20px; font-size: 16px; margin-top: -3px; padding-bottom: 0;}
#noa #header .middle{width: 50%;}
#noa #table {width: 60%; margin: 30px auto 0 auto;}
#noa #table .pl_20{padding-left: 20px;}

footer{margin-bottom: 30px; display: none;}
#pswd_info{position:absolute;left:0;width:240px;padding:20px 25px 15px;background:#fefefe;font-size:14px;line-height:14px;border-radius:5px;box-shadow:0 1px 3px #ccc;border:1px solid #ddd;color:#545454;display:none; text-align: left;}
#pswd_info ul, #pswd_info li{line-height:1.2;list-style-type:none;margin:0 0 10px;padding:0}
#pswd_info h4{margin:0 0 15px;padding:0;font-weight:400;font-size:14px}
#pswd_info .invalid{background:url(/img/invalid.png) no-repeat 0 50%;color:#ec3f41;padding-left:25px}
#pswd_info .valid{background:url(/img/valid.png) no-repeat 0 50%;color:#3a7d34;padding-left:25px}
.clear{display:block;clear:both;width:100%;height:0}
.fields{width:100%;height: 40px; color: #545454; margin:0; border: none;font-family:"Lato"!important;box-shadow: none; box-sizing:border-box; background-color: #e8f0fe; font-size: 14px; letter-spacing: 1.5px; padding: 5px 30px; border-radius: 20px; resize: none;}
.submit{background-color: #99AFE1; font-weight: 400; color: #FFF;}
.save{font-size: 14px; letter-spacing: 1.5px; padding: 5px 30px; font-weight: 400; border-radius: 20px; resize: none; height: 40px;background-color: #99AFE1;color: #FFF;text-align: center;width: 100%;}
.border_box{border-bottom: 1px solid #CCC; opacity: 85%; padding-top: 7px; padding-bottom: 7px;}

@media screen and (max-width: 992px) {
	nav{display: none;}
	footer{display: block;}
	.pc{display: none;}
	.movil{display: block;}
	#logo{width: 100%; padding: 25px; text-align: center;}
	#logo img{max-width: 28%;}
	#logout{display: none;}
	.fill_top{height: 15px;}
	#home{width: 100%; padding: 0 25px;}
	#noa #row{width: 7%;}
	#noa #header{width: 93%;}
	#noa #table {width: 100%; float: left; padding: 0 7%;}
	#noa #table .pl_20{padding: 0;}
	.text-right{text-align: left; padding: 0 20px; margin-top: 15px;}
}
@media screen and (max-width: 780px) {
	#nav-button{display: block;}
	#nav-list.menu_manager{padding-left: 40px; padding-right: 40px; width:70%}
}