/* ************************************************************** ESAT SYSTEM Especialistas en Sistemas y Aplicaciones Tecnológicas http://www.esatsystem.net Facebook and Twitter >> @esatsystem YouTube >> esat system By: Rashta Vidal Miguel Angel ************************************************************** */ /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400i&display=swap');*/ body{ margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #eceff4; font-family:Arial, Helvetica, sans-serif; } @font-face { font-family: 'mfont-1'; src: url("../fonts/OpenSans-RegularItalic.ttf"); } @font-face { font-family: 'mfont-2'; src: url("../fonts/Roboto-Regular.ttf"); } a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none; color: #74C059;} a:active {text-decoration: none;} a{color: #126A9D;} #mask { display: none; background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 2; } #carga{ display: none; text-align:center; position: fixed; left: 50%; top: 50%; margin-left:-50px; margin-top:-25px; width: 100px; height: 50px; padding:10px; z-index: 2; } #msjreg{ display: none; width: 100%; color: #579C32; text-align: center; font-size: 13px; font-weight: bold; overflow: hidden; padding: 5px; } #mensajelogin{ font-size:12px; font-weight: bold; color:#CD7071; width:95%; overflow: hidden; margin:0px auto; text-align:center; } #ventgroup{ display: none; position: fixed; background-color: #fff; width: 400px; left: 50%; top: 50%; margin-left: -150px; border-radius: 20px; border: 1px solid #6F9CBE; font-size: 14px; font-weight: bold; overflow: hidden; padding: 15px; z-index: 3; box-shadow: 0px 0px 6px #547690; } #ventgroup .title{text-align: center; font-weight: bold;} #ventgroup .modifarch{color: red;} #ventgroup .regok{color: #3A973E;} #ventgroup .regnot{color: #d45d79;} .asterisk{color: red; font-size: 0.8em;} #msjalert{ display: none; position: fixed; background-color: #fff; width: 300px; left: 50%; top: 50%; margin-left: -150px; border-radius: 20px; border: 3px solid #d45d79; color: #d45d79; text-align: center; font-size: 14px; font-weight: bold; overflow: hidden; padding: 10px; z-index: 4; box-shadow: 0px 0px 4px #d45d79; } #cab_login{position:fixed; overflow:hidden; top:50%; left:50%; z-index:2; display:none; box-shadow: 0px 0px 10px #fff; border-radius: 30px;} #cab_login .login{width: 650px; overflow: hidden; border-radius:30px;} #cab_login .login .login_1{overflow: hidden; text-align:center; padding: 20px; background-image: url("../../Images/imglog.gif"); background-repeat: no-repeat; background-size: 100% 100%;} #cab_login .login .login_1 img{border-radius:10px; width: 180px; height: 100px; margin-bottom: 5px;} #cab_login .login .login_1 .title{font-size: 14pt; font-weight: bold; color: #000;} #cab_login .login .login_1 .subtitle{font-size: 13pt; color: #000;} #cab_login .login .login_2{font-size:10pt; color: #000; background-color: #ffffff; padding: 30px;} #cab_login .login .login_2 i{font-size: 60px;} #cab_login .login .login_2 .title{font-size: 14pt; font-weight: bold; color: #000; text-align: center; margin-bottom: 10px;} /*#cab_login .login .login_2 input[type="text"]{border:1px solid #959595; border-radius:5px; padding-left:5px; color:#294E10; width: 80%; height: 20px;} #cab_login .login .login_2 input[type="password"]{border:1px solid #959595; border-radius:5px; padding-left:5px; color:#294E10; width: 80%; height: 20px;} #cab_login .login .login_2 input[type="submit"]{border:0; background:#8CC083; color:#000; line-height:25px; font-size:10pt; font-weight: bold; cursor:pointer; border-radius:5px; width: 100px;} #cab_login .login .login_2 input[type="button"]{border:0; background:#8CC083; color:#000; line-height:25px; font-size:10pt; font-weight: bold; cursor:pointer; border-radius:5px; width: 100px;}*/ .spaceh-lg{width: 100%; height: 130px; clear: left;} .spaceh-md{width: 100%; height: 60px; clear: left;} .spaceh-ml{width: 100%; height: 45px; clear: left;} .spaceh-ms{width: 100%; height: 30px; clear: left;} .spaceh-nh{width: 100%; height: 20px; clear: left;} .spaceh-ns{width: 100%; height: 10px; clear: left;} .spaceh-mx{width: 100%; height: 5px; clear: left;} .ocult{display: none;} .visible{display: block;} .line{width: 100%; height: 1px; background-color: #BAE2EA; margin-bottom: 20px;} img#lughz{width: 280px; height: 90px;} img#lagp{width: 210px; height: 110px;} .container-fluid{padding: 0px;} #headpage{overflow: hidden; justify-content: center; align-items: center; font-size: 13px; box-shadow: 0px 3px 6px #454545;} #headpage .icons a div{padding: 5px; border-radius: 10px;} #headpage .icons a:hover div{background-color: #318AB4; color: #fff; border-left: 10px solid #9DF2AB;} #headpage .icons a:hover i{color: #fff;} /*#headpage .loginac{color: #000; padding: 5px; border-radius: 10px;} #headpage .loginac:hover {background-color: #318AB4; color: #fff; cursor: pointer; border-left: 20px solid #9DF2AB;} #headpage .loginac:hover i{color: #fff;}*/ #headpage i{font-size: 12px; color: #444444;} #headpage i.icon-facebook{font-size: 18px; color: #3b5998;} #headpage i.icon-twitter{font-size: 18px; color: #55acee;} #headpage i.icon-blogger1{font-size: 18px; color: #dd4b39;} #headpage i.icon-youtube{font-size: 18px; color: #bb0000;} #headpage #line-head{background-color: #318fb5; overflow: hidden; padding: 15px;} #headpage #line-head #head-nave{height: 100%;} #headpage #line-head #head-nave .nave{line-height: 20px; text-align: center; font-size: 13px; color: #fff;} #headpage #line-head #head-nave .nave.apt{position: relative; border-right: 1px solid #9BE3E5;} #headpage #line-head #head-nave .nave.apt .count-doc{position: absolute; border-radius: 100%; background-color: green; color: #fff; width: 25px; height: 25px; right: 32px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 1em; padding: 10px; font-weight: bold;} #headpage #line-head #head-nave .nave .iconhead{width: 35px; height: 35px; border: 1px solid #D8D8D8; line-height: 35px; text-align: center; border-radius: 100%; color: #ffffff;margin: 0 auto 5px auto;background-color: #C08D8D;} #headpage #line-head #head-nave .nave .iconhead.c1{background-color: #f0c24b;} #headpage #line-head #head-nave .nave .iconhead.c2{background-color: #b5d56a;} #headpage #line-head #head-nave .nave .iconhead.c3{background-color: #ea7066;} #headpage #line-head #head-nave .nave .iconhead.c4{background-color: #0084ff;} #headpage #line-head #head-nave .nave .iconhead.c5{background-color: #a597e7;} #headpage #line-head #head-nave .nave .iconhead.c6{background-color: #ea77ad;} #headpage #line-head #head-nave .nave .iconhead i{font-size: 15px; color: #fff;} #headpage #line-head #head-nave .nave a{color: #fff;} #headpage #line-head #head-nave .nave a:hover{color: #FFE03E;} #headpage #line-head #head-nave .nave a:hover i{color: #fff; cursor: pointer;} #headpage #line-head #head-nave .nave a:hover .iconhead{border: 2px solid #fff;} #headpage #line-head #head-nave .loginac:hover{color: #FFE03E; cursor: pointer;} #headpage #line-head #head-nave .loginac:hover i{color: #fff;} #headpage #line-head #head-nave .loginac:hover .iconhead{border: 2px solid #fff;} #headpage #line-head #head-date{color: #fff;} #headpage #line-head #head-date #titlehead{font-size: 15px; font-weight: bold;} #headpage #line-head #head-date #titledat{font-size: 15px; font-weight: bold;} #headpage #line-head #head-date #subtitledat{font-size: 14px;} #headpage #line-head #head-date i{color: #fff; font-size: 16px;} #headpage #line-head .social{width: 100%; text-align: right; clear: left; padding-top: 15px; padding-right: 3%;} #headpage #line-head .social i{font-size: 18px;} #headpage #line-head #web2GEN{display: none; position: absolute; top: 120px; right: -250px; z-index: 1;} #headpage #line-head #web2GEN #web2envivo{width: 250px; height: 70px; border-radius: 30px 0 0 30px;background-image: url("../../Images/flotaenvivo.jpg"); background-repeat: no-repeat; background-size: 100% 100%;} #headpage #line-head #web2GEN #web2convoc{width: 180px; height: 180px; background-image: url("../../Images/msjconvoc.png"); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; margin: 0 auto; margin-right: 10px;} #headpage #line-head #web2GEN #web2convoc .titlec{color: #fff; font-weight: bold; font-size: 18px; padding: 8px 0;} #headpage #line-head #web2GEN #web2convoc .numt{font-size: 85px; font-weight: bold; color: #3B9F65;} #headpage #menu-head{background-color: #04305A; line-height: 40px;} #headpage #menu-head a{color: #fff;} #headpage #menu-head a div{} #headpage #menu-head a div:hover{color: greenyellow;} #menupage{color: #fff;} #menupage a .esp{color: #fff;} #menupage .esp{line-height: 30px; background-color: #318fb5; font-size: 12px; font-weight: bold; border-left: 7px solid yellowgreen; margin-bottom: 8px; border-radius: 20px;} #menupage .esp i{font-size: 11px;} #menupage .esp:hover{background-color: yellowgreen; color: #000; cursor: pointer; transition-duration: 0.3s;} #menupage .esp:hover .submenu{display: block;} #menupage .esp .submenu{position: absolute; z-index: 1; left: 100%; top: 0; width: 260px; display: none;} #menupage .esp .submenu ul{padding: 0 10px; width: 260px; font-size: 11px; color: #000;} #menupage .esp .submenu ul li{background-color: #318fb5; width: 260px; padding-left: 10px; text-decoration: none; list-style: none; font-size: 12px; font-weight: bold; border-left: 7px solid yellowgreen; margin-bottom: 8px; border-radius: 20px; color: #fff;} #menupage .esp .submenu ul a{color: #2F668C;} #menupage .esp .submenu ul a:hover li{background-color: yellowgreen; color: #000; transition-duration: 0.3s;} #sliderp{box-shadow: 0px 10px 10px -6px black;} #sliderp #slides{width: 100%; height: 510px; background-color: #fff;} #sliderp #slides img{width: 100%; height: 510px;} #sliderp #slides a img{width: 100%; height: 510px;} #sliderp #slides-one{width: 100%; height: 510px; background-color: #fff;} #sliderp #slides-one img{width: 100%; height: 100%;} /*#slider{background-color: rgba(255,255,255,0.4);}*/ .container{} .container .acont{} .container .acont .acont-title{clear: left; background-color: #318fb5; color: #fff; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #B1B1B1;} .container .acont .acont-btn{background: #4f9da6; color: #fff; font-weight: bold; font-size: 14px; width: 150px; margin: 0 auto; margin-top: 10px; margin-bottom: 20px; border-radius: 20px; line-height: 30px; box-shadow: 0px 1px 2px #000;} .container .acont a .acont-btn:hover{background: #515151; color: #fff; cursor: pointer;} .container .acont .list-group{overflow: hidden; border-radius: 20px; background-color: #fff; box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);} .container .acont .list-group .mask-public{background-color: #fff; padding: 15px;} .container .acont .list-group .mask-public a .group-doc{color: #000;} .container .acont .list-group .mask-public .group-doc{padding: 10px; background-color: #F4F4F4; border: 1px solid #B5B5B5;} .container .acont .list-group .mask-public .group-doc .date-doc{font-size: 9px; padding: 5px; text-align: center; border-bottom: 1px solid #DB9E9E;} .container .acont .list-group .mask-public .group-doc .text-doc{font-size: 10px; text-align: left;} .container .acont .list-group .mask-public .group-doc .text-doc .title{font-weight: bold; color: #3C5C8C; font-size: 11px; text-align: center;} .container .acont .list-group .mask-public .group-doc .text-doc i{font-size: 50px;} .container .acont .list-group .mask-public .group-doc:hover{background-color: #E2FDE2; cursor: pointer;} .container .acont .list-group .digital-convoc{padding: 0px;} .container .acont .list-group .digital-convoc img{width: 100%; height: auto;} .container .acont .list-group .digital-public-course{padding: 15px;} .container .acont .list-group .digital-public-course #AeC{background-image: url("../../Images/FondoAeC.jpg"); background-repeat: no-repeat; background-size: 100% 100%;} .container .acont .list-group .digital-public-course img{width: 100%; height: 280px;} .container .acont .list-group .digital-public-course #titledig{font-size: 1.5em; font-weight: bold; color: #de7119; text-align: center;} .container .acont .list-group .digital-public-course #subtitledig{font-size: 1em; font-weight: bold; color: #116979;} .container .acont .list-group .digital-public-course #textdig{font-size: 13px; color: #212121; text-align: justify; margin-top: 5px; font-family: 'mfont-2';} .container .acont .list-group .digital-public-course .txtbtndig{font-size: 14px; font-weight: bold;} .container .acont .list-group .digital-public-course #yomqec{font-size: 13px; color: #B04141;} .container .acont .list-group .digital-public-course #course-one img{width: 100%; height: 220px; border-bottom: 2px solid #3994B6;} .container .acont .list-group .digital-public-course #course-one .titlecourse{width: 100%; overflow: hidden; font-family: 'mfont-2'; text-align: center; font-size: 16px; color: #3994B6; font-weight: bold; padding: 10px;} .container .acont .list-group .digital-public-course #courses img{width: 100%; height: 220px; border-bottom: 2px solid #3994B6;} .container .acont .list-group .digital-public-course #courses .titlecourse{width: 100%; overflow: hidden; font-family: 'mfont-2'; text-align: center; font-size: 16px; color: #3994B6; font-weight: bold; padding: 10px;} .container .acont .list-group .digital-public{background: #f3f6fb;} .container .acont .list-group .digital-public #AeC{background: #f3f6fb; background-image: url("../../Images/FondoAeC.jpg"); background-repeat: no-repeat; background-size: 100% 100%; margin-top: 10px;} .container .acont .list-group .digital-public #AeC img#loguerAeC{width: 100%; height: 280px;} .container .acont .list-group .digital-public #AeC #fondAeC{padding: 0 15px;} .container .acont .list-group .digital-public #AeC #fondAeC img{height: 50px; width: auto;} .container .acont .list-group .digital-public #AeC #fondAeC #titledig{font-size: 1.3em; font-weight: bold; color: #014FA4; text-align: center;} .container .acont .list-group .digital-public #AeC #fondAeC #subtitledig{font-size: 1em; font-weight: bold; color: #116979;} .container .acont .list-group .digital-public #AeC #fondAeC #textdig{font-size: 13px; color: #212121; text-align: justify; margin-top: 5px; font-family: 'mfont-2';} .container .acont .list-group .digital-public #AeC #fondAeC .txtbtndig{font-size: 0.77em; font-weight: bold; text-align: center;} .container .acont .list-group .digital-public #AeC #fondAeC .txtbtndig a:hover{color: #8F3D3D;} .container .acont .list-group .digital-public #CE{background-image: url("../../Images/FondoCE.jpg"); background-repeat: no-repeat; background-size: 100% 100%;} .container .acont .list-group .digital-public #CE img#loguerCE{width: 100%; height: 320px;} .container .acont .list-group .digital-public #CE #fondCE{padding: 15px;} .container .acont .list-group .digital-public #CE #fondCE img{height: 64px; width: auto;} .container .acont .list-group .digital-public #CE #fondCE #titledig{font-size: 1.3em; font-weight: bold; color: #014FA4; text-align: center; margin-bottom: 5px;} .container .acont .list-group .digital-public #CE #fondCE #subtitledig{font-size: 1em; font-weight: bold; color: #116979;} .container .acont .list-group .digital-public #CE #fondCE #textdig{font-size: 13px; color: #212121; text-align: justify; margin-top: 5px; font-family: 'mfont-2';} .container .acont .list-group .digital-public #CE #fondCE .txtbtndig a{font-size: 0.8em; font-weight: bold; color: #383838; text-align: center;} .container .acont .list-group .digital-public #CE #fondCE .txtbtndig a:hover div{color: #fff; background: #116979; border-radius: 10px; transition: 0.4s;} .container .acont .list-group .novedad-public{background-color: #fff; padding: 15px;} .container .acont .list-group .novedad-public img{width: 100%; height: 200px; margin-bottom: 10px; border: 1px solid #DEDEDE; border-radius: 15px;} .container .acont .list-group .novedad-public a .title{font-size: 1.1em; font-family: 'mfont-2'; color: #434343;} .container .acont .list-group .novedad-public a:hover .title{color: #294D5B;} .container .acont .line-base{height: 15px; width: 100%; border-top: 2px solid #0129ad; background-color: #ffc700;} .container .sist{} .container .sist-title{clear: left; background-color: #318fb5; color: #fff; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #B1B1B1;} .container .sist .list-group{overflow: hidden; border-radius: 20px; background-color: #fff; box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);} .container .sist .list-group img{width: 100%; height: 355px;} .container .sist .list-group .sist-group{background-color: #fff; padding: 15px;} .container .sist .list-group .sist-group iframe{height: 190px;} .container .sist .list-group .sist-group img{width: 100%; height: 200px; border-radius: 10px; cursor: pointer; box-shadow: 1px 1px 2px #000;} .container .sist .list-group .sist-group .title{width: 100%; margin: 0 auto; text-align: center; font-size: 14px; font-weight: bold; color: #4f9da6; margin-bottom: 10px;} .container .sist .list-group .sist-group .titleyoutube{text-align: center; font-size: 14px; color: #CF6C6C;} .container .sist .list-group .sist-group .titleyoutube a{color: #9F3E3E;} .container .sist .list-group .sist-group .titleyoutube a:hover{color: #631616;} .container .sist .list-group .off-group{width: 100%; overflow: hidden; background-color: #fff;} .container .sist .list-group .off-group img{width: 100%; height: 350px; cursor: pointer;} .container .sist .list-group .horz-group{position: relative; width: 100%; height: 140px; background-color: #fff;} .container .sist .list-group .horz-group img{width: 100%; height: 100%; cursor: pointer;} .container .sist .list-group .horz-group #numvocat{position: absolute; left: 10px; bottom: -10px; font-size: 70px; font-weight: bold; color: #fff;} .container .sist .list-group-vert{display: flex; flex-direction: row;} .container .sist .list-group-vert .spaceh-vert{width: 2%; width: 20px;} .container .sist .list-group-vert .vert-group{width: 49%; height: 250px; background-color: #fff; border-radius: 20px; box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);} .container .sist .list-group-vert .vert-group img{width: 100%; height: 100%; border-radius: 20px; cursor: pointer;} .container .title-enlac{background-color: #318fb5; color: #fff; text-align: center; line-height: 40px; font-size: 20px; border-bottom: 1px solid #B1B1B1;} .container #enlac{overflow: hidden; text-align: center; background-color: #fff;} .container #enlac img{width: 140px; height: 45px; border-radius: 20px; margin: 20px;} #Sec-MatEduc{} #Sec-MatEduc header{background-color: #B66868; overflow: hidden; text-align: center; color: #fff; font-size: 26px; font-weight: bold; padding: 10px; box-shadow: 0px 3px 5px #4F4F4F; border-bottom: 1px solid #FFBCBC;} #Sec-MatEduc header .fech{font-size: 16px;} #Sec-MatEduc #sidebar{overflow: hidden;} #Sec-MatEduc #sidebar #menu{background-color: #085f63; color: #fff; font-weight: bold; padding: 10px; box-shadow: 0px 1px 4px #000;} #Sec-MatEduc #sidebar #list{padding: 15px; background-color: #fff;} #Sec-MatEduc #sidebar #list a{cursor: pointer;} #Sec-MatEduc #sidebar #list .menu-btn{background-color: #E2E2E2; line-height: 30px; border-bottom: 1px solid #49beb7; padding: 3px 10px; color: #085f63; font-weight: bold; border-radius: 15px; font-size: 14px; margin-bottom: 5px;} #Sec-MatEduc #sidebar #list .submenu{width: 100%;} #Sec-MatEduc #sidebar #list .submenu ul{padding: 0px; width: 100%; font-size: 12px;} #Sec-MatEduc #sidebar #list .submenu ul li{padding-left: 5px; text-decoration: none; list-style: none; line-height: 35px; margin-bottom: 1px; border-bottom: 1px dotted #49beb7;} #Sec-MatEduc #sidebar #list .submenu ul a{color: #000; font-weight: bold;} #Sec-MatEduc #sidebar #list .submenu ul a:hover li{background-color: #49beb7; color: #fff;} #Sec-MatEduc #sidebar img{width: 100%; height: 250px;} #Sec-MatEduc #body-list{overflow: hidden; background-color: #fff;} #Sec-MatEduc #body-list .titlehead{text-align: center; padding-top: 15px; font-size: 22px; color: #4978A0; font-weight: bold;} #Sec-MatEduc #body-list .title{padding-left: 15px; padding-top: 15px; font-size: 16px; color: #D63C64; font-weight: bold;} #Sec-MatEduc #body-list .list-curses{padding: 15px; font-size: 13px; font-weight: bold;} #Sec-MatEduc #body-list .list-curses img{width: 100%; height: 205px; border: 1px solid #E3E3E3; box-shadow: 2px 2px 2px #8B8B8B; margin-bottom: 8px;} #Sec-MatEduc #body-list .list-curses a:hover{color: #C26240;} #Sec-MatEduc #body-list img{width: 100%; height: 300px;} #areasbody{text-align: center;} #areasbody .group-article{border-radius: 20px; background-color: transparent; overflow: hidden; padding: 20px; text-align: justify; font-family: 'mfont-2';} #areasbody .group-article .title{text-align: center; background-color: #fff; line-height: 100px; border-radius: 30px; font-size: 30px; font-weight: bold; color: #347299; border-bottom: 5px solid #0e9aa7;} #areasbody .group-article .subtitle{text-align: center; font-size: 20px; font-weight: bold; color: #347299;} #areasbody .group-article img[class="photo"]{width: 180px; height: 180px; border-radius: 100%; border-bottom: 7px solid #0e9aa7;} #areasbody .group-article .pers{background-color: #fff; border: 1px solid #C1C1C1; padding-top: 15px; border-radius: 15px; box-shadow: 1px 1px 3px #000;} #areasbody .group-article .Datpersonaljf{text-align: center; padding: 15px 10px;} #areasbody .group-article .Datpersonaljf .titlename{font-size: 22px; font-weight: bold;} #areasbody .group-article .Datpersonaljf .subtitlename{font-size: 18px; color: #1F557B;} #areasbody .group-article .Datpersonaljf .descripdat{font-size: 14px;} #areasbody .group-article .Datpersonal{text-align: center; background-color: #145374; padding: 15px; border-radius: 0 0 15px 15px;} #areasbody .group-article .Datpersonal .titlenames{font-size: 17px; font-weight: bold; color: #f4f4f4; text-shadow: 1px 1px 1px #000;} #areasbody .group-article .Datpersonal .subtitlenames{font-size: 12px; color: #fddb3a;} #areasbody .group-article .Datpersonal .descripdats{font-size: 12px; text-align: left; color: #fff; text-align: center;} #areasbody .group-article .Datpersonal .descripdats .telf{font-size: 15px;} #areasbody .group-article .descrip{font-size: 18px; padding: 20px;} #areasbody .group-article .descrip .titledes{text-align: left; font-size: 30px; font-weight: bold; color: #347299;} #headdocumento{background-color: #4D4C7D; color: #fff; box-shadow: none;} #headdocumento header{margin-bottom: 10px; padding: 20px; color: #fff; margin: 0px;} #headdocumento header img{width: 160px; height: 85px;} #headdocumento header #title{font-size: 1.5em; font-weight: bold;} #headdocumento header a{color: #fff;} #headdocumento header a:hover{color: yellow;} #headdocumento nav{background-color: #363062; padding: 10px 20px; border-bottom: 20px solid #4D4C7D; margin: 0px;} #documento{height: 100%;} #documento #archivelogin{width: 100%; height: 200px;} #documento .icon-user-circle{font-size: 150px; color: #515151;} #documento label{font-size: 1.1em;} #documento aside #menues{background-color: #363062; color: #fff; line-height: 40px; font-size: 20px; font-weight: bold; border-radius: 15px 15px 0 0; padding: 0 15px 15px 15px;} #documento aside #menues-platform{background-color: #363062; color: #fff; line-height: 40px; font-size: 20px; font-weight: bold; border-radius: 15px 15px 0 0; padding: 10px;} #documento aside{text-align: center;} #documento aside section{background-color: #f4f4f4; overflow: hidden; padding: 15px; border-radius: 0 0 15px 15px; border: 1px solid #b5b5b5;} #documento aside section #user-icon{width: 150px; height: 150px; border-radius: 100%;} #documento aside section ul{list-style: none; padding: 0px; text-align: left;} #documento aside section ul li{position: relative; min-height: 50px; border-bottom: 1px solid #C3C3C3; padding: 10px 50px 10px 10px; font-size: 14px; color: #363062; font-weight: bold;} #documento aside section ul a li{position: relative; min-height: 50px; border-bottom: 1px solid #C3C3C3; padding: 10px 50px 10px 10px; font-size: 14px; color: #363062; font-weight: bold;} #documento aside section ul a li .count-doc{position: absolute; border-radius: 100%; background-color: #4d4c7d; color: #fff; width: 25px; height: 25px; right: 10px; top: 10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 1em; padding: 15px;} #documento aside section ul a li .newdocg{position: absolute; right: 8px; top: 2px; background-color: #68DF87; font-weight: bold; padding: 6px; border-radius: 100%; z-index: 1;} #documento aside section ul a li:hover{background-color: #827397; color: #fff;} #documento section #etiquet{background-color: #363062; color: #fff; font-weight: bold; right: 15px; min-height: 35px; padding: 5px; text-align: center; border-radius: 15px 15px 0 0;} #documento section #group-docs{background-color: #fff; box-shadow: 1px 1px 2px #000; border-radius: 15px 0 15px 15px; padding: 20px; min-height: 600px;} #documento section #group-docs{} #documento section #group-docs .info-doc{position: absolute; border-radius: 5px; background-color: #35B8D9; color: #fff; width: 100px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid #35B8D9;} #documento section #group-docs .check-doc{position: absolute; border-radius: 5px; background-color: green; color: #fff; width: 100px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid green;} #documento section #group-docs .orange-doc{position: absolute; border-radius: 5px; background-color: orange; color: #000; width: 100px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid orange;} #documento section #group-docs .danger-doc{position: absolute; border-radius: 5px; background-color: #fff; color: red; width: 100px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid red;} #documento section #group-docs .num-resp{position: absolute; border-radius: 5px; background-color: green; color: #fff; width: 40px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid green;} #documento section #group-docs .title{font-weight: bold; font-size: 13px;} #documento section #group-docs .file{position: relative;} #documento section #group-docs .file .newdoc{background-color: green; color: #fff; font-weight: bold; padding: 4px; font-size: 0.6em;} #documento section #group-docs i{font-size: 30px;} #documento section #group-docs i.icon-file-pdf-o{color: #8F2828;} #documento section #group-docs i.icon-file-word-o{color: #2D5BA1;} #documento section #group-docs i.icon-file-excel-o{color: #34965B;} #documento section #group-docs i.icon-file-powerpoint-o{color: #B0542B;} #documento section #group-docs i.icon-file-archive-o{color: #573323;} #documento section #group-docs i.icon-play-circle-o{color: #B33333;} #documento section #group-docs i.icon-calendar{font-size: 14px;} #documento section #group-docs i.icon-folder2{font-size: 50px; color: #23863B;} #documento section #group-docs i.icon-archive2{font-size: 70px; color: #23863B;} #documento section #group-docs i.icon-plus3{font-size: 110px; color: #234886;} #documento section #group-docs a .group-doc{color: #000;} #documento section #group-docs .group-doc{padding: 10px; background-color: #F4F4F4; border: 1px solid #B5B5B5; border-radius: 15px;} #documento section #group-docs .group-doc .date-doc{font-size: 9px; padding: 10px 0 5px 0; text-align: center; border-bottom: 1px solid #DB9E9E;} #documento section #group-docs .group-doc .text-doc{font-size: 10px; text-align: center;} #documento section #group-docs .group-doc .text-doc .title{font-weight: bold; color: #3C5C8C; font-size: 11px; text-align: center;} #documento section #group-docs .group-doc .text-doc i{font-size: 50px;} #documento section #group-docs .group-doc:hover{background-color: #E2FDE2; cursor: pointer;} #documento section #group-docs .modifarch{color: red;} #documento section #info-docs{background-color: #fff; box-shadow: 1px 1px 2px #000; border-radius: 15px 0 15px 15px; padding: 15px; min-height: 600px; font-size: 0.9em;} #documento section #info-docs a{color: green;} #documento section #info-docs .infodescrip{padding: 15px;} #documento section #info-docs .infodescrip .title{font-weight: bold; font-size: 1em;} #documento section #info-docs .infodescrip .sub-title{font-weight: bold; font-size: 0.9em;} #documento section #info-docs .infodescrip i.icon-folder2{font-size: 70px; color: green;} #documento section #info-docs .infodescrip i.icon-file-excel-o{font-size: 20px; color: green;} #documento section #info-docs .infodescrip i.icon-file-pdf-o{font-size: 20px; color: red;} #documento section #info-docs .infodescrip .datos-report{color: green;} #documento section #info-docs .infodescrip ul{list-style: none; margin: 0; padding: 0;} #documento section #info-docs .infodescrip ul li{padding: 10px 0px; border-bottom: 1px solid #DDDDDD;} #documento section #info-docs .infolist{} #documento section #info-docs .infolist i.icon-file-pdf-o{font-size: 22px; color: red;} #documento section #info-docs .infolist i.icon-link1{font-size: 22px; color: orangered;} #documento section #group-docs #petit{} #documento section #group-docs #petit .title{text-align: center; font-weight: bold; font-size: 1.3em;} #documento section #group-docs #petit .sub-title{font-weight: bold; font-size: 0.9em;} footer{background-color: #111111; color: #545454; text-align: center; padding: 15px 0;} footer .footlat1{text-align: center; border-right: 1px solid #7E7E7E; line-height: 100px;} footer .footlat1 img{width: 280px; height: 80px;} footer .footlat2{color: #111111; color: #909190; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 9pt;} footer .footlat2 h4{margin: 0px; padding: 0px; font-size: 1.5em; color: #fff;} footer .footlat2 a{color: #b1d892;} footer .footlat2 img{width: 20px;} header#dochead{background: #fff; padding: 20px; font-size: 16px; border-bottom: 1px solid #CFCFCF;} header#dochead #title{font-size: 25px;} header#dochead .icon-database{font-size: 30px;} header#dochead a{color: #000; font-size: 14px;} header#dochead a:hover{color: #3AC0BB;} header#colehead{background: #334257; color: #fff; padding: 20px; font-size: 16px; border-bottom: 4px solid #548CA8;} header#colehead img{width: 230px; height: 70px;} header#colehead #title{font-size: 25px; color: #EEEEEE;} header#colehead .icon-home3{font-size: 30px;} header#colehead a{color: #fff; font-size: 14px;} header#colehead a:hover{color: #3AC0BB;} #coleinfo aside #menues{background-color: #476072; color: #fff; line-height: 40px; font-size: 20px; font-weight: bold; border-radius: 15px 15px 0 0; text-align: center;} #coleinfo aside{text-align: center;} #coleinfo aside section{background-color: #fff; overflow: hidden; padding: 15px; font-size: 13px; box-shadow: 0px 8px 8px -8px #000;} #coleinfo aside section #colelist{border: 1px solid #17a2b8; overflow-y: auto; max-height: 300px; padding: 10px;} #coleinfo aside #listinst{position: absolute; width: 100%; padding: 10px; margin-top: 10px; display: none; background-color: #fff; border: 1px solid #B7B7B7; max-height: 250px; overflow-y: auto; z-index: 1;} #coleinfo aside #listinst .fonts{font-size: 7pt; color: #7C7C7C;} #coleinfo aside #listinst table td{line-height: 25px; border-bottom: 1px solid #DADADA; padding: 0 1%; font-size: 8pt;} #coleinfo aside #listinst table tr.cabcel{background-color: #5D909D; color: #fff; font-weight: bold;} #coleinfo aside #listinst table tr.scel:hover{background-color: #CADADE; cursor: pointer;} #coleinfo #colelist .infie{border-bottom: 1px solid #000; padding: 5px; font-size: 0.87em;} #coleinfo #colelist .infie:hover{background-color: #548CA8; color: #fff; cursor: pointer;} #coleinfo section #textcole{background-color: #fff; box-shadow: 0px 8px 8px -8px #000; border-radius: 15px; padding: 25px; min-height: 700px;} #coleinfo section #textcole .icon-search{font-size: 50px;} #coleinfo section #textcole #nivels{overflow: hidden; min-height: 125px; border: 1px solid #17a2b8; padding: 10px; border-radius: 5px; font-size: 0.9em;} #coleinfo section #textcole h3{color: #476072;} #coleinfo section #textcole .border-info{font-size: 0.9em;} header#plathead{background: #23292e; color: #fff; padding: 20px; border-bottom: 5px solid #0f74a9; text-align: center;} header#plathead #title{font-size: 25px;} header#plathead .icon-desktop{font-size: 25px;} header#plathead a{color: #000; font-size: 18px; color: #fff;} header#plathead a:hover{color: #fff;} #platform{height: 100%;} #platform .menu-plat{background-color: #0f74a9; color: #F2F2F2; padding: 15px; text-align: center; border-radius: 20px; border-bottom: 5px solid #63D7F0; border-top: 5px solid #63D7F0;} #platform .menu-plat img#imgagp{width: 170px; height: 90px;} #platform .menu-plat .title{font-family: 'mfont-2'; font-size: 25px; color: #C0F8FF; text-shadow: 2px 2px 3px #000;} #platform .menu-plat .subtitle{font-size: 17px; color: #FFFFFF; text-shadow: 1px 1px 1px #000;} #platform .group-plat{background-color: #fff; padding: 20px; border-radius: 20px; box-shadow: 1px 1px 3px #000;} #platform .group-plat .title-plat{color: #0f74a9; text-align: left; line-height: 40px; font-size: 16px; font-weight: bold; border-radius: 20px 20px 0 0;} #platform .group-plat img{width: 100%; height: 210px; border-radius: 10px; cursor: pointer; box-shadow: 1px 1px 2px #000;} /*******************************************************************************/ @media(max-width: 576px){ .ocult{display: block;} .visible{display: none;} #headpage img{width: 230px; height: 125px;} #headpage #line-head #head-date img{width: 180px; height: 95px;} #headpage #line-head #head-date i{font-size: 30px;} #sliderp #slides{height: 230px;} #sliderp #slides img{height: 230px; width: 100%;} #sliderp #slides a img{height: 230px; width: 100%;} #sliderp #slides-one{height: 230px;} .container #enlac{width: 100%;} .container #enlac img{width: 90%; height: 70px;} .container .acont .list-group .digital-public img{height: 180px;} #platform .group-plat img{width: 100%; height: 180px;} .container .acont .list-group .digital-public #AeC{background: #f3f6fb;} footer{padding: 40px 0;} footer .footlat1{border: none;} footer .footlat1 img{width: 300px; height: 90px;} } @media(min-width: 1500px){ .container .acont .list-group .digital-public #textdig{font-size: 15px;} .container .acont .list-group .digital-public #AeC img#loguerAeC{width: 100%; height: 330px;} .container .acont .list-group .digital-public #AeC #fondAeC img{height: 65px; width: auto;} .container .acont .list-group .digital-public #AeC #fondAeC .txtbtndig{font-size: 0.9em;} .container .acont .list-group .digital-public #CE img#loguerCE{width: 100%; height: 370px;} .container .acont .list-group .digital-public #CE #fondCE img{height: 90px; width: auto;} .container .acont .list-group .digital-public #CE #fondCE .txtbtndig{font-size: 1em;} .container .acont .list-group .digital-public #course-one img{height: 260px;} .container .acont .list-group .digital-public #courses img{height: 260px;} .container .sist .list-group .off-group img{height: 400px;} .container .sist .list-group .sist-group iframe{height: 220px;} #headpage #line-head #head-nave .nave.apt .count-doc{right: 60px; top: -10px;} }