/* ************************************************************** 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: #ECECEC; font-family:Arial, Helvetica, sans-serif; } @font-face { font-family: 'mfont-1'; src: url("../fonts/OpenSans-RegularItalic.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: #85D45E;} #mask { display: none; background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 2; } #carga{ display: none; background-color: #fff; border-radius: 20px; border: 1px solid #000; text-align:center; position: fixed; left: 50%; top: 50%; margin-left:-75px; margin-top:-40px; width: 150px; height: 80px; padding:10px; z-index: 7; } #msjimg{display: none; color: #C33F3F; font-weight: bold; font-size: 14px;} #msjpdf{display: none; color: #C33F3F; font-weight: bold; font-size: 14px;} #msjlineal{display: none; color: #C33F3F; font-weight: bold; font-size: 14px;} #msjlineal .ok{color: #45C33F;} #msjreg{ display: none; position: fixed; background-color: #fff; width: 300px; left: 50%; top: 50%; margin-left: -150px; border-radius: 20px; border: 1px solid #6F9CBE; text-align: center; font-size: 14px; font-weight: bold; overflow: hidden; padding: 10px; z-index: 3; box-shadow: 0px 0px 6px #547690; } #msjreg .regok{color: #3A973E;} #msjreg .regnot{color: #d45d79;} #WinCalendary{ display: none; background-color: #fff; border-radius: 20px; border: 2px solid #1b262c; width: 450px; overflow: 100%; position: fixed; left: 50%; top: 50%; margin-left:-225px; padding: 20px; z-index: 2; box-shadow: 0px 0px 4px #fff; font-size: 0.8em; } #WinCalendary .btnday{margin: 0 3px; padding: 5px;} #WinCalendary #leyenda{font-size: 0.8em; font-weight: bold;} /*#WinCalendary .btnday:hover{background-color: #28a745; color: #fff; cursor: pointer;}*/ #WinCalendary select{font-size: 0.9em;} #WinHourAct{ display: none; background-color: #fff; border-radius: 20px; border: 2px solid #1b262c; width: 400px; overflow: 100%; position: fixed; left: 50%; top: 50%; margin-left:-200px; padding: 20px; z-index: 3; box-shadow: 0px 0px 4px #fff; font-size: 0.8em; } #WinHourAct .btnday{margin: 0 3px; padding: 5px;} #WinHourAct #leyenda{font-size: 0.8em; font-weight: bold;} /*#WinHourAct .btnday:hover{background-color: #28a745; color: #fff; cursor: pointer;}*/ #WinHourAct select{font-size: 0.9em;} .spaceh-lg{width: 100%; height: 130px; clear: left;} .spaceh-mld{width: 100%; height: 100px; clear: left;} .spaceh-msd{width: 100%; height: 80px; clear: left;} .spaceh-md{width: 100%; height: 60px; 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;} #check-val{font-size: 20px; color: #468C4B; text-shadow: 0px 0px 1px #38E665; font-weight: bold;} .container-fluid{position: relative;} .container-fluid #loguers{position: absolute; bottom: 10px; right: 15px; color: #f5b0cb; font-weight: bold; font-size: 14px;} #WinFloat{ display: none; background-color: #fff; border-radius: 20px; width: 700px; overflow: 100%; position: absolute; left: 50%; top: 50px; margin-left:-350px; padding: 20px; z-index: 2; box-shadow: 0px 0px 4px #fff; } #WinFloat .msg{position: absolute; width: 40px; line-height: 40px; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; color: #629F52; font-weight: bold; font-size: 50px; display: none; z-index: 3;} #WinFloat .msgerror{position: absolute; text-align: center; width: 300px; overflow: hidden; left: 50%; margin-left: -150px; top: 50%; color: #C33F3F; font-weight: bold; font-size: 16px; display: none; z-index: 3; background-color: #fff; padding: 10px; border-radius: 10px; border: 1px solid #834E4E;} #WinFloat .msgerror i{font-size: 30px;} #WinFloat .msgerroracon{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerroracon-comu{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerroracon-acon{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerrordoc{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerroradap{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerrorevig{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerrorevir{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerrorcoledoc{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerrorcoledire{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerrorcomu{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerrorlidermoni{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerrorlidersopor{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerroreviden{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat .msgerrorinter{color: #C33F3F; font-weight: bold; font-size: 14px;} #WinFloat #msg{color: #AB6134; font-weight: bold; font-size: 20px; text-align: center;} #WinFloat #msg img{ width: 250px; height: 130px;} #WinFloat #msgreg{color: #45AB34; font-weight: bold; font-size: 20px; text-align: center;} #WinFloat #msgreg img{ width: 250px; height: 130px;} #WinFloat .title{width: 100%; background-color: #1b262c; color: #fff; font-size: 11pt; font-weight: bold; padding: 5px; border-radius: 20px; text-align: center;} #WinFloat .cods{font-size: 12px; color: #6e5773; text-align: left} #WinFloat .subtitle{font-size: 14px; color: #6e5773; text-align: center; margin-bottom: 10px; line-height: 20px; color: #000;} #WinFloat .title-text{margin-bottom: 5px; padding: 0 15px; font-size: 13px;} #WinFloat .title-head{font-size: 20px; font-weight: bold; text-align: center;} #WinFloat .grade{font-size: 12px; color: #6e5773; text-align: left; line-height: 20px; background-color: #1DA0A2; color: #fff; margin-bottom: 2px;} #WinFloat .bal{font-size: 13px; color: #6e5773; text-align: center; line-height: 20px; background-color: #1DA0A2; color: #fff; margin-bottom: 10px; padding: 5px 15px;} #WinFloat .subal{font-size: 13px; text-align: center; line-height: 20px; background-color: #A5E4E5; color: #000; margin-bottom: 10px; padding: 5px 15px;} #WinFloat .situ{padding: 0 22px;} #WinFloat .report{font-size: 16px; color: #D55FC0; text-align: center;} #WinFloat .textsub{color: #745c97; font-weight: bold;} #WinFloat .alert{color: #629F52; font-weight: bold; font-size: 14px;} #WinFloat .alert i{font-size: 30px;} #WinFloat .asterisk{font-size: 12px; color: red;} #WinFloat #headform{font-size: 12px; color: #1b262c;} #WinFloat #formvirtual{font-size: 12px; font-weight: bold; text-align: justify; color: #6e5773; padding: 0 5px;} #WinFloat input[type="text"]{height: 30px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px; text-align: center;} #WinFloat input[type="text"][class="btn-check validar num-adap"]{width: 45%; margin-bottom: 12px;} #WinFloat input[type="text"][class="btn-check validar num-evig"]{width: 45%; margin-bottom: 12px;} #WinFloat input[type="text"][class="btn-check validar num-evir"]{width: 45%; margin-bottom: 12px;} #WinFloat input[type="text"][class="btn-check validar num-coledoc"]{width: 45%; margin-bottom: 12px;} #WinFloat input[type="text"][class="btn-check validar num-coledire"]{width: 45%; margin-bottom: 12px;} #WinFloat input[type="text"][class="btn-check validar num-comu"]{width: 45%; margin-bottom: 12px;} #WinFloat input[type="text"][class="btn-check validar num-lidermoni"]{width: 45%; margin-bottom: 12px;} #WinFloat input[type="text"][class="btn-check validar num-lidersopor"]{width: 45%; margin-bottom: 12px;} #WinFloat select{height: 30px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px; text-align: center;} #WinFloat textarea{border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px;} #WinFloat input[type="file"]{line-height: 25px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px;} #WinFloat input[id="t-fecha"]{height: 25px; border: 1px solid #D55FC0; border-bottom: 2px solid #D55FC0; font-size: 14px; width: 100px; cursor: pointer;} #WinFloat input[name="typetrabajo"],.form-check-label{cursor: pointer;} #WinFloat .datares{border: 1px solid #C8C8C8; line-height: 30px; font-size: 12px; background-color: #FAFAFA;} #WinFloat .datarea{border: 1px solid #C8C8C8; min-height: 78px; font-size: 12px; text-align: left; background-color: #FAFAFA; padding: 5px;} #WinFloat .headcal{padding: 0; text-align: center; line-height: 20px; font-size: 12px; margin-bottom: 2px;} #WinFloat .numcal{border: 1px solid #A9BBED; padding: 0; text-align: center; line-height: 20px; font-size: 12px; margin-bottom: 2px; cursor: pointer;} #WinFloat .numcal:hover{background-color: #C0F4FD;} #WinFloat .firmvalid{color: #3A973E;} #WinFloat #closed{position: absolute; border-radius: 50%; background-color: #000; color: #fff; right: -8px; top: -8px; line-height: 22px; width: 26px; font-size: 15px; text-align: center; border: 2px solid #fff; cursor: pointer;} #headpage{background-color: #39375b; overflow: hidden; padding: 10px 0px; border-bottom: 2px solid #d597ce; display: flex; justify-content: center; align-items: center;} #headpage img{width: 175px; height: 90px;} #headpage #titlehead{font-size: 20pt; font-weight: bold; text-align: center; color: #d597ce;} #headpage #subtitlehead{font-size: 18pt; color: #f5b0cb; font-weight: bold;} #headpage #fech{font-size: 18pt; color: #f76a8c;} #bodypage{min-height: 700px;} #bodypage .mensjtitle{font-size: 15px; font-weight: bold; color: #A02323;} #bodypage #mensj{font-size: 10pt; text-align: justify; color: #2D515C;} #bodypage #mensjalert{font-size: 10pt; text-align: justify; color: #2E7B35;} #bodypage img#loguer{width: 100%; height: 250px;} #bodypage img#loguerconfig{width: 150px; height:150px; border-radius: 50%; border-bottom: 5px solid #f76a8c;} #bodypage .menubody{background-color: #745c97; overflow: hidden; padding: 20px 20px 30px 20px; border-radius: 20px;} #bodypage .menubody .item{width: 100%; line-height: 40px; border-bottom: 1px solid #d597ce; padding-left: 10px; color: #F2F2F2;} #bodypage .menubody .item:hover{background-color: #d597ce; color: #000; cursor: pointer;} #bodypage .menubody #title{font-size: 1em; font-weight: bold; color: #fff; text-align: center;} #bodypage .menubody i.icon-user-circle{font-size: 80px; color: #fff;} #bodypage .infoindex{min-height: 650px; overflow: hidden; padding: 0 30px; text-align: center;} #bodypage .infoindex img{width: 100%; height: 500px;} #bodypage .infobody{min-height: 600px; overflow: hidden;} #bodypage .infobody #nivels{background-color: #fff; overflow: hidden; padding: 15px;} #bodypage .infobody #nivels .aprobado{color: #41A051; font-size: 15px;} #bodypage .infobody #nivels .incompleto{color: #BD631B; font-size: 15px;} #bodypage .infobody #nivels .noaprobado{color: #A04141; font-size: 15px;} #bodypage .infobody #nivels #title{text-align: center; font-size: 20px; font-weight: bold; color: #745c97;} #bodypage .infobody #nivels .ie-niv{text-align: center; border: 1px solid #d597ce; padding: 5px; margin-top: 10px; font-size: 12px;} #bodypage .infobody #nivels .ie-niv i.icon-check-circle{position: absolute; top: 15px; right: 20px; color: #41A051; font-size: 25px;} #bodypage .infobody #nivels .ie-niv i.icon-times-circle{position: absolute; top: 15px; right: 20px; color: #A04141; font-size: 25px;} #bodypage .infobody #nivels .ie-niv i.icon-question-circle{position: absolute; top: 15px; right: 20px; color: #BD631B; font-size: 25px;} #bodypage .infobody #nivels .ie-niv i{font-size: 45px;} #bodypage .infobody #nivels .ie-niv .det-niv{font-size: 14px; font-weight: bold;} #bodypage .infobody #nivels .ie-niv:hover{background-color: #f5b0cb; cursor: pointer;} #bodypage .infobody .group{height: 200px; background-color: #39375b; padding: 20px; text-align: center; font-size: 19px; color: #fff; border-radius: 30px; border: 3px solid #f76a8c;} #bodypage .infobody .groupespac{overflow: hidden; background-color: #39375b; padding: 20px; text-align: center; font-size: 16px; color: #fff; border-radius: 30px; border-bottom: 3px solid #f76a8c;} #bodypage .infobody .group i{font-size: 70px; color: #fff;} #bodypage .infobody .groupespac i{font-size: 60px; color: #fff;} #bodypage .infobody .group a{color: #fff;} #bodypage .infobody a:hover div{background-color: #72386D;} #bodypage .infobody #titledescrip{background-color: #fff; overflow: hidden; padding: 15px; font-size: 18px; text-align: center; border-bottom: 2px solid #f5b0cb;} #bodypage .infobody #titledescrip i{font-size: 60px;} #bodypage .infobody #descriptions{background-color: #fff; overflow: hidden; padding: 15px; font-size: 12px;} #bodypage .infobody #descriptions #headgroup{font-size: 16px; line-height: 40px; text-align: center; font-weight: bold; background-color: #f5b0cb;} #bodypage .infobody #descriptions #title{font-size: 16px; color: #39375b; text-align: center; font-weight: bold;} #bodypage .infobody #descriptions .subtitle{font-size: 14px; color: #745c97; font-weight: bold;} #bodypage .infobody input[type="text"]#busq{width: 100%; line-height: 30px; border: none; border-bottom: 1px solid #4990B9; padding: 5px; font-size: 10pt;} #bodypage .infobody input[type="text"]#busqa{width: 100%; line-height: 30px; border: none; border-bottom: 1px solid #4990B9; padding: 5px; font-size: 10pt;} #bodypage .infobody #bodydescrip{text-align: center; font-size: 14pt; color: #263f44; padding: 20px;} #bodypage .infobody #bodydescrip i{font-size: 80px;} #bodypage .infobody #datereport{background-color: #fff; overflow: hidden; padding: 15px;} #bodypage .infobody #datereport .cabec{padding: 5px; background-color: #39375b; font-size: 13px; font-weight: bold; color: #fff;} #bodypage .infobody #datereport .title{text-align: center; font-size: 13px; font-weight: bold; color: #745c97; font-family: 'mfont-1';} #bodypage .infobody #datereport .dates{text-align: center; border: 1px solid #d597ce; padding: 5px; margin-top: 10px; font-size: 12px;} #bodypage .infobody #datereport .dates i{color: #39375b; font-size: 35px;} #bodypage .infobody #cabecprinc{padding-bottom: 10px; text-align: center; font-size: 16px; font-weight: bold;} #bodypage .infobody #datereport .dates:hover{background-color: #f5b0cb; cursor: pointer;} #bodypage .infobody #datereport .dates:hover .title{color: #000;} #bodypage #det-taller{min-height: 600px; overflow: hidden;} #bodypage #det-taller .msj-seg{color: #272727; font-size: 20pt; text-align: center;} #bodypage #det-taller .msj-seg i.icon-cloud-download{font-size: 120px; margin-bottom: 10px;} #bodypage #det-taller .msj-seg input[type="password"]#t-clav{width: 40%; line-height: 30px; border: none; border-bottom: 1px solid #4990B9; padding: 5px; font-size: 11pt;} #bodypage #det-taller .msj-seg #alert{font-size: 11pt; color: #A33838; display: none;} #bodypage .infobody .Stadistic{} #bodypage .infobody .Stadistic .title{overflow: hidden; background-color: transparent; color: #000; font-weight: bold; font-size: 14pt; text-align: center;} #bodypage .infobody .Stadistic #tabletot td{font-size: 15pt;} #bodypage .infobody .Stadistic #tabletot .titletr{background-color: #74CE58; font-size: 9pt; font-weight: bold;} #bodypage .infobody .Stadistic .sreport1{} #bodypage .infobody .Stadistic .sreport1 table td{font-size: 11px; border-bottom: 1px solid #6C6C6C;} #bodypage .infobody .Stadistic .sreport1 table .titletr{background-color: #58BCCE; font-size: 11px; font-weight: bold;} #bodypage .infobody .Stadistic .sreport2{padding: 0 2%;} #bodypage .infobody .Stadistic .excel{width: 100%; text-align: left; font-size: 15px;} #bodypage .infobody .Stadistic .excel a{color: #316B31;} #bodypage .infobody .Stadistic .excelnow{width: 100%; text-align: left; font-size: 15px;} #bodypage .infobody .Stadistic .excelnow a{color: #961616;} #bodypage .infodata .Stadistic{background-color: rgb(255,255,255,0.6); padding: 50px; border-radius: 20px;} #bodypage .infodata .Stadistic .title{overflow: hidden; background-color: transparent; color: #000; font-weight: bold; font-size: 14pt; text-align: center;} #bodypage .infodata .Stadistic .subtitle{overflow: hidden; background-color: transparent; color: #000; font-weight: bold; font-size: 14pt; text-align: center;} #bodypage .infodata .Stadistic .subdist{color: #000; font-weight: bold; font-size: 12pt; text-align: left; margin-bottom: 5px;} #bodypage .infodata .Stadistic #tabletot td{font-size: 11pt; font-weight: bold;} #bodypage .infodata .Stadistic #tabletot .titletr{background-color: #74CE58; font-size: 9pt; font-weight: bold;} #bodypage .infodata .Stadistic .sreport1{} #bodypage .infodata .Stadistic .sreport1 table td{font-size: 11px; border-bottom: 1px solid #6C6C6C;} #bodypage .infodata .Stadistic .sreport1 table .titletr{background-color: #58BCCE; font-size: 11px; font-weight: bold;} #bodypage .infodata .Stadistic .sreport1 table i.icon-check-circle{color: #398829; font-size: 18px;} #bodypage .infodata .Stadistic .sreport1 table i.icon-times-circle{color: #882929; font-size: 18px;} #bodypage .infodata .Stadistic .sreport1 table i.icon-question-circle{color: #BD631B; font-size: 18px;} #bodypage .infodata .Stadistic .sreport1 table i.icon-file-pdf{color: #982B2B; font-size: 18px;} #bodypage .infodata .Stadistic .sreport2{} #bodypage .infodata .Stadistic .sreport2 .report{font-size: 13px; font-weight: bold; color: #53A460; cursor: pointer;} #bodypage .infodata .Stadistic .sreport2 .report img{width: 30px; height: 30px;} #bodypage .infodata .Stadistic .sreport2 .report-none{font-size: 13px; font-weight: bold; color: #A45353; cursor: pointer;} #bodypage .infodata .Stadistic .sreport2 .report-none img{width: 30px; height: 30px;} #bodypage .infodata .Stadistic .sreport2 .unidoc{border-bottom: 1px solid #C1C1C1; font-size: 0.8em; padding: 5px 0;} #bodypage .infodata .Stadistic .sreport2 .unidoc .icon-file-pdf{color: #A63E3E; font-size: 1.2em;} #bodypage .infodata .Stadistic .sreport2 .unidoc .icon-check{color: green; font-size: 1.2em;} #bodypage .infodata .Stadistic .sreport2 .unidoc .icon-times{color: red; font-size: 1.2em;} #bodypage .infodata .Stadistic .sreport2 .unidoc .icon-question{color: orange; font-size: 1.2em;} #bodypage .infodata .Stadistic .sreport2 a .icon-file-pdf{color: #982B2B; font-size: 18px;} #bodypage .inforegister{text-align: center; font-size: 14pt; color: #263f44; padding: 20px;} #bodypage .inforegister a .group-regist{background-color: #ffc93c; color: #1b262c; border-radius: 15px; min-height: 80px; font-size: 16px; font-weight: bold; padding: 10px; border: 2px solid #0f4c75;} #bodypage .inforegister a .group-regist i{font-size: 40px;} #bodypage .inforegister a .group-regist:hover{background-color: #07689f; color: #fff;} #bodypage .confplazo{font-size: 0.9em; color: #263f44; padding: 0 20px; text-align: center;} #bodypage .confplazo i.icon-calendar{font-size: 50px;} #bodypage .confplazo i.icon-edit{font-size: 16px; cursor: pointer; color: #2B4FA0;} #bodypage .confplazo .title{font-size: 1.2em; font-weight: bold;} #bodypage .infobody #listinst{position: absolute; width: 96%; padding: 1%; margin: 1% 0; display: none; background-color: #fff; border-radius: 10px; border: 1px solid #B7B7B7; max-height: 330px; overflow-y: auto; z-index: 1;} #bodypage .infobody #listinst .fonts{font-size: 7pt; color: #7C7C7C;} #bodypage .infobody #listinst table td{line-height: 25px; border-bottom: 1px solid #DADADA; padding: 0 1%; font-size: 8pt;} #bodypage .infobody #listinst table tr.cabcel{background-color: #5D909D; color: #fff; font-weight: bold;} #bodypage .infobody #listinst table tr.scel:hover{background-color: #CADADE; cursor: pointer;} #documento{margin:0 auto; width:700px;} #documento .spaceh{width: 100%; height: 10px;} #documento .portada{position:relative; width:100%; text-align: center;} #documento .descrip{position:relative; width:100%;} #documento .descrip .titulo{position:relative; text-align:center; padding-top:10px;} #documento .descrip .titulo .font_titu{font-size: 11pt; font-weight: bold;} #documento .descrip .titulo .font_subtitu{font-size:10pt;} #documento .descrip .datep{width: 100%; text-align: right; font-size: 9pt; padding: 5px 0;} #documento .descrip .datec{width: 90%; font-size: 10pt; background-color: #DFDFDF; padding: 5%; border-radius: 10px; margin-bottom: 20px;} #documento .descrip .datec .title{font-size:14pt; font-weight: bold; text-align: center;} #documento .descrip .datec .titu_con{font-size:12pt; font-weight: bold;} #documento .descrip .datec #table-inst{font-size: 9pt;} #documento .descrip .datec #table-inst .titletd{font-weight: bold;} #documento .descrip .datec #table-mod{font-size: 8pt;} #documento .descrip .datec #table-mod .headtitle{background-color: #BEBEBE; color: #000; height: 30px; font-size: 10pt; font-weight: bold; border-top: 1px solid #000;} #documento .descrip .datec #table-mod .headtitle td{text-align: center; border-top: 1px solid #000; font-weight: bold;} #documento .descrip .datec #table-mod tr{height: 25px;} #documento .descrip .datec #table-mod tr td{border-bottom: 1px solid #000;} #documento .descrip .titleif{font-size: 12px;} #documento .descrip #entidad{font-size: 12px;} #documento .descrip #entidad #title{width: 100%; font-size: 11pt; font-weight: bold; text-align: center;} #documento .descrip #entidad .subtitle{font-size: 14px; color: #6e5773; text-align: center; margin-bottom: 10px; background-color: #39375b; color: #fff; padding: 5px 20px;} #documento .descrip #entidad .titu_con{font-size:12pt; font-weight: bold;} #documento .descrip #entidad #grade{font-size: 14px; font-weight: bold; text-align: right; margin-bottom: 7px;} #documento .descrip #entidad .preg{font-size: 11px; font-weight: bold;} #documento .descrip #entidad .resp{font-size: 11px; font-weight: normal;} #documento .descrip .aviso{font-size: 8pt; text-align: left;} #documento .descrip .rubrica{text-align: center; font-size: 8pt;} #documento .descrip .rubrica1{text-align: left; font-size: 8pt; margin-top: 5px;} footer{background-color: #F8F8F8; color: #fff; text-align: center; padding: 15px 0; box-shadow: 0px -1px 6px #454545;} footer .footlat1{text-align: center; border-right: 1px solid #7E7E7E; line-height: 100px;} footer .footlat1 img{width: 320px; height: 100px;} footer .footlat2{color: #343434; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 9pt;} footer .footlat2 a{color: #377A23;} footer .footlat2 img{width: 150px; height: 30px;} @media(max-width: 576px){ .ocult{display: block;} .visible{display: none;} #bodypage .infoindex img{height: 250px;} #WinFloat{ width: 320px; left: 50%; top: 50px; margin-left:-160px; } #headpage img{width: 175px; height: 90px;} #headpage #titlehead{font-size: 15px;} #headpage #subtitlehead{font-size: 18px;} #bodypage .present-mat .title{font-size: 15pt;} #bodypage .present-mat .subtitle{font-size: 14pt;} #bodypage .present-mat img{width: 60%; height: 100px;} footer{padding: 40px 0;} footer .footlat1 img{width: 320px; height: 100px;} } @media all { div.saltopagina{ display: none; } } @media print{ div.saltopagina{ display: block; page-break-before: always; } }