@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'museo_slab500';
    src: url('../fonts/museo_slab_500-webfont.eot');
    src: url('../fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo_slab_500-webfont.woff2') format('woff2'),
         url('../fonts/museo_slab_500-webfont.woff') format('woff'),
         url('../fonts/museo_slab_500-webfont.ttf') format('truetype'),
         url('../fonts/museo_slab_500-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html{margin:0; font-family: 'museo_slab500'; height:100%;}

/****Generales****/
.container{max-width:1024px; margin:0 auto; overflow:hidden;}

.clear{clear:both;}

.blue{color:#0f2740;}

.bg_white{background-color:#FFFFFF;}

.p80{width:80%; float:left;}
.p80_line{width:79%; float:left; border-left:1px solid #DBDBDB;}
.p20{width:20%; float:left;}

.p85{width:85%; float:left;}
.p85_line{width:84%; float:left; border-left:1px solid #DBDBDB;}
.p15{width:15%; float:left;}

#side_menu{max-width: 80%; margin:0 auto;}
#side_menu ul{list-style:none; margin:0; padding:0;}
#side_menu ul li{padding:15px 0;}
#side_menu ul li a{font-size:14px; text-decoration:none; color:#959595; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#side_menu ul li a:hover{color:#0f2740;}
.mensaje_list{font-size:12px; color:#1B6A9C; width:90%; margin:0 auto; padding:10px 0;}

fieldset{border:1px solid #C9C9C9; margin:0 auto; width:90%;}
fieldset legend{color:#0A1E4D; font-size:16px; font-weight:600; opacity:0.6; padding:10px;}
/****Fin generales****/

/****Tablas****/
 
.form_list tr th{font-size:13px; font-weight:600; color:#0A1E4D; border-bottom:1px solid #0A1E4D ;}
.form_list tr td{font-size:11px; font-weight:500; color:#8F8F8F; border-bottom:1px solid #B0B0B0 ; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.form_list tr:hover td{color:#002E6C;}

.form_add th{font-size:13px; font-weight:600; color:#0A1E4D; }
.form_add td{font-size:14px; font-weight:500; color:#7E7E7E; }
.form_add input[type="text"], .form_add input[type="password"]{ font-family: 'museo_slab500';  padding: 10px; border:1px solid #D1D1D1; color:#555555; background-color:#EDEDED; outline:none;}
.form_add input[type="submit"]{margin:10px 0 30px 0; padding:8px 25px; color:#FFFFFF; border:1px solid #D1D1D1; background:#838383; font-family: 'museo_slab500'; font-size:14px; cursor:pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.form_add input[type="submit"]:hover, .form_add input[type="button"]:hover{background-color:#0f2740;}
.form_add input[type="button"]{margin:10px 0 30px 0; padding:8px 25px; color:#FFFFFF; border:1px solid #D1D1D1; background:#838383; font-family: 'museo_slab500'; font-size:14px; cursor:pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.form_add{margin-left:20px;}
.form_add select{ font-family: 'museo_slab500';  padding: 5px; border:1px solid #D1D1D1; color:#555555; background-color:#EDEDED; outline:none;}
.form_add select option{ padding: 5px;}
.form_add .mensaje{font-size:12px; color:#730001; text-align:left;}

.form_search th{font-size:13px; font-weight:600; color:#0A1E4D; }
.form_search td{font-size:14px; font-weight:500; color:#7E7E7E; }
.form_search input[type="text"], .form_add input[type="password"]{ font-family: 'museo_slab500';  padding: 8px; border:1px solid #D1D1D1; color:#555555; background-color:#EDEDED; outline:none;}
.form_search input[type="submit"]{margin:10px 0 5px 0; padding:8px 25px; color:#FFFFFF; border:1px solid #D1D1D1; background:#838383; font-family: 'museo_slab500'; font-size:14px; cursor:pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.form_search input[type="submit"]:hover, .form_add input[type="button"]:hover{background-color:#0f2740;}
.form_search input[type="button"]{margin:10px 0 30px 0; padding:8px 25px; color:#FFFFFF; border:1px solid #D1D1D1; background:#838383; font-family: 'museo_slab500'; font-size:14px; cursor:pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.form_search{margin-left:20px;}
.form_search select{ font-family: 'museo_slab500';  padding: 3px; border:1px solid #D1D1D1; color:#555555; background-color:#EDEDED; outline:none;}
.form_search select option{ padding: 5px;}
.form_search .mensaje{font-size:12px; color:#730001; text-align:left;}
/***Fin tablas***/

/***Top menu***/
.top_menu{text-align:right; padding:8px 10px; font-size:14px;}
.top_menu a{text-decoration:none; color:#959595; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.top_menu a:hover{color:#0f2740;}
/*****Fin top menu*****/

/***Menu***/
.menu{width:100%; background:#0A1E4D; overflow:hidden; min-height:40px;}
.menu ul{margin:0; list-style:none;}
.menu ul li{padding:10px 20px; float:left;}
.menu ul li a{color:#FFFFFF; font-weight:500; text-decoration:none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.menu ul li a:hover{color:#959595;}
.menu ul li .active{color:#959595;}
/****Fin menu****/


/***Login***/
#login{background:url(../images/login.jpg) top center no-repeat; background-size:cover; height:80%; overflow:hidden; background-attachment:fixed;}
#login h1{color:#E8E8E8; font-weight:400; text-align:center; width:50%; margin:0 auto; margin-top:70px; font-size:30px; margin-bottom:50px; line-height:1.6; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.66);}
#login h1 span{font-weight:700; font-size:45px; }
#login h2{color:#E8E8E8; font-weight:400; text-align:center; width:70%; margin:0 auto; margin-top:50px; font-size:18px; margin-bottom:50px;}

#formulario{max-width:35%; background:#FFFFFF; margin:0 auto; color:#838383; -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.47);
-moz-box-shadow:    0px 4px 8px 0px rgba(0, 0, 0, 0.47);
box-shadow:         0px 4px 8px 0px rgba(0, 0, 0, 0.47);}
#formulario h3{font-size:18px; text-align:center; padding:20px 25px; font-weight:400; margin:0;}
#formulario .line{border-bottom:1px solid #B1B1B1; width:100%; opacity:0.6;}

#formulario .form_container{width:80%; margin:0 auto; text-align:center;}
#formulario .form_container h4{font-weight:400; padding:20px 0 5px 0; margin:0; font-size:14px; text-align:left;}
#formulario .form_container input[type="text"], #formulario input[type="password"]{ font-family: 'museo_slab500';  padding: 10px; border:1px solid #D1D1D1; color:#555555; background-color:#EDEDED; outline:none; width:90%;}
#formulario .form_container input[type="submit"]{margin:10px 0 30px 0; padding:8px 25px; color:#FFFFFF; border:1px solid #D1D1D1; background:#838383; font-family: 'museo_slab500'; font-size:14px; cursor:pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#formulario .form_container input[type="submit"]:hover{background-color:#0f2740;}
#formulario .form_container .msg_error{color:#7B0002; font-size:12px; text-align:left; margin-top:8px;}
#formulario .mensaje{font-size:12px; color:#730001; text-align:left;}

#formulario .form_container table th{font-size:13px; font-weight:600; color:#0A1E4D; border-bottom:1px solid #B0B0B0 ;}
#formulario .form_container table td{font-size:12px; font-weight:500; color:#A3A3A3; border-bottom:1px solid #0A1E4D ;}
/***Fin Login***/

/***Users***/
#users{background:url(../images/login.jpg) no-repeat; background-size:cover; min-height:80%; overflow:hidden; background-attachment:fixed;}
#users .container{-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);}
#users h2{color:#A3A3A3; font-weight:400; text-align:center; width:70%; margin:0 auto; margin-top:50px; font-size:18px; margin-bottom:50px;}
#users a{text-decoration:none; color:#959595; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#users a:hover{color:#0f2740; text-decoration:underline;}
#users .line{border-bottom:1px solid #B1B1B1; width:100%; opacity:0.6;}
/***Fin users***/

.comentarios{font-size:12px; color:#767676;}

.documentos{font-size:12px; color:#767676;}
.documentos h4{margin: 0;}
.err{font-size: 11px; color: #840002; font-weight: 500; line-height: 2.6;}
.success{font-size: 11px; color: #328400; font-weight: 500; line-height: 2.6;}

.flex-doctos{display:flex; align-items: flex-start;}
.flex-doctos > div{width: 20%; text-align: center; position: relative;}
.flex-doctos > div .doc{display: block; margin: 0 auto 5px;}
.flex-doctos > div .close-doc{position: absolute; top: -5px; right: 30%; display: block; margin: 0 auto;}