* {box-sizing: border-box;}
.certsDiv{padding:20px}
.divContTitulo{font-size:40px;padding-bottom:15px;padding-top:25px}
.divTitulo{background-color:#f1f1f1;color:#00b8f1;font-family:"roboto condensed";font-size:31px;padding:16px;text-align:center}
.divTextoCerts{font-size:15px;margin:0 auto;max-width:760px;padding:13px 10px;text-align:justify;width:100%}

/* lis */
.ulCertifs{border:1px solid #00b8f1;margin:0 auto;max-width:760px;padding:10px 5px}
.ulCertifs li{background-color:#f7f7f7;border-radius:8px;border-top:1px solid #cfcfcf;color:#333;cursor:pointer;display:inline-block;margin:3px 5px;min-height:85px;padding-left:3px;padding-right:10px;padding-top:5px;position:relative;transition:all .5s ease-in-out 0;width:48.1%}
.ulCertifs li:hover{box-shadow:3px 3px 3px #ccc}
.ulCertifs li > div:not(.circ){padding:0 15px 0 42px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}

.ulCertPosee li{margin:3px 190px;}

.spanNomCert{font-family:"roboto condensed";font-size:15px;text-align:justify;line-height:15px}
.circ{background-color:#00b8f1;background-image:url("../images/paper.png");background-position:center center;background-repeat:no-repeat;background-size:70% auto;border-radius:50%;color:#fff;display:block;font-size:11px;font-weight:bold;height:30px;line-height:21px;margin:0 5px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:30px}
.divDatosUserCerts{color: #222;font-size: 12px;margin: 0 auto;max-width: 760px;text-align: center}
.divDatosUserCerts input {width:100%;height:34px;margin:3px 0 }

.divLoader{position:fixed;top:0;left:0;background:url('../images/loader2.gif') scroll no-repeat 50% 50% #000;opacity:.6;z-index:100000;width:100%;height:100%}
.divMsjError{color:red}
.infoDiv.divMensajes {text-align: center;padding: 1em;font-size: 1.4em;color: #8a0808;}

.divContCaptcha{padding-top:7px;background-color:#f0f0f0;padding-bottom:1px}

.alert-dialog{display: none; margin: auto; padding: 1em;}
.d-block {display: block; min-width: 300px; min-height: 130px; padding-top: 0;}
.dialog-body{padding: 0.5rem 0rem;}
.dialog-footer{position: absolute; bottom: 1rem; right: 1rem;}
.alert-dialog::backdrop {background: linear-gradient(#000d, #000a);}

/* ########### Vista movil ########### */
@media only screen and (max-width:1024px){
	.ulCertifs li{width:48.1%}
}
/* ################################### */
@media only screen and (max-width:925px){
	.ulCertifs li{width:48.1%}
}
/* ################################### */
@media only screen and (max-width:870px){
	.ulCertifs li{width:48.1%}
}
/* ################################### */
@media only screen and (max-width:752px){	
	.ulCertifs li{width:98.1%}
	.ulCertPosee li{margin:3px 5px;}
}
/* ################################### */
@media only screen and (max-width:655px){	
}
/* ################################### */
@media only screen and (max-width:602px){	
}
/* ################################### */
@media only screen and (max-width:565px){	
}
/* ################################### */
@media only screen and (max-width:526px){
}
/* ################################### */
@media only screen and (max-width:506px){
}
/* ################################### */
@media only screen and (max-width:450px){
}
/* ################################### */
@media only screen and (max-width:400px){
}
/* ################################### */
@media only screen and (max-width:380px){
}