@font-face{font-family:caviar;src:url(../fonts/CaviarDreams.ttf)}
@font-face{font-family:champ;src:url(../fonts/champ.ttf)}

body{height:100%;width:100%;background:#fff;margin:0;padding:0}
h1{font-family:caviar;text-align:left;font-size:45px;color:#2c3e50;margin:0;padding-left:9%}
.divContCtas{position:absolute;top:20%;width:100%}
.divContCtasIn{display:inline-block;padding:0 50px 0 10%;max-width:777px}
h2{font-weight:normal;color:#2c3e50;font-size:44px;font-family:champ;display:block;margin:13px 0}
h3{margin:0;font-weight:normal;color:#2c3e50;text-align:justify;font-size:30px;font-family:champ;line-height:27px;display:block}
.divCositas{display:block;background:#2c3e50e6;padding:20px;border-radius:10px;color:#fff;margin-top:20px}
#cedula{width:58%;height:47px;font-size:38px;color:#2c3e50;padding-left:15px;border:0;font-family:champ}
#cedula:focus{box-shadow:0px 0px 10px 0px #f5e7b1}

.hovicon{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;font-size:27px;font-style:normal;font-family:champ;text-transform:uppercase;border:1px solid #fff;padding:8px 10px 6px 10px;vertical-align:top;color:#fff;position:relative;overflow:hidden;width:33%;text-align:center;float:right}
.hovicon:after{}
.hovicon:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;z-index:-1}
.hovicon:hover{color:#f5e7b1}
.hovicon:hover:before{-webkit-transform:translateX(0); transform:translateX(0)}

footer{position:fixed;bottom:0;padding:20px;text-align:center;color:#fff;background:#2c3e50e6;font-size:24px;font-family:champ;line-height:17px;width:100%}

.divRespuesta{display:none;text-align:center;width:98%;margin:0 auto 60px auto}
.divContTabla{display:block;margin:20px auto 0 auto;background:#fff;padding:20px;border-radius:6px}
#tableFacturas{color:#2c3e50;font-family:champ;font-size:1.2em;border-collapse:collapse;width:100%}
#tableFacturas td,#tableFacturas th{border:1px solid #2c3e50;padding:3px}
.divVer{height:35px;width:35px;margin:3px auto;border:2px solid #fff;border-radius:100%;cursor:pointer;color:#fff;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;background:#005fb0}
.divVer.dataOk{background:#1ea60b}
.divVer:hover{background-color:#008aff}
.divVer.dataOk:hover{background:#24c60d}
.divVer svg{fill:currentColor;width:75%;height:75%;margin-top:4px;margin-left:1px}
iframe{position:relative;top:10%;width:70%;margin:0 auto;display:block;height:700px}
.divBtnvolver{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#2c3e50e6;position:absolute;top:1%;right:1%;color:#fff;border:1px solid #fff;font-family:champ;padding:9px 25px;font-size:23px;cursor:pointer;overflow:hidden}
.divBtnvolver:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;z-index:-1}
.divBtnvolver:hover{color:#f5e7b1}
.divBtnvolver:hover:before{-webkit-transform:translateX(0); transform:translateX(0)}
.divLoader{position:fixed;background:url('/epdocpre/css/images/loader2.gif') no-repeat scroll 50% 50% #0f0f0f;z-index:100;opacity:0.55;display:none;height:100%}
.divBtnRegoIni{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#2c3e50e6;position:absolute;top:1%;left:1%;color:#fff;border:1px solid #fff;font-family:champ;padding:9px 25px;font-size:23px;cursor:pointer;overflow:hidden}
.divBtnRegoIni:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;z-index:-1}
.divBtnRegoIni:hover{color:#f5e7b1}
.divBtnRegoIni:hover:before{-webkit-transform:translateX(0); transform:translateX(0)}

.divMsj{font-family:champ;background-color:#b1ccea;text-align:center;padding:10px 0 13px 0;font-size:28px}
.divMsj.divMsjError{color:#952020}
.divMsj.divMsjInfo{color:#2c3e50; padding:13px 167px;}

.divMute{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#2c3e50e6;position:absolute;bottom:1%;right:1%;color:#fff;border:1px solid #fff;font-family:champ;padding:9px 25px;font-size:23px;cursor:pointer;overflow:hidden;text-decoration:none}
.divMute:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;z-index:-1}
.divMute:hover{color:#f5e7b1}
.divMute:hover:before{-webkit-transform:translateX(0); transform:translateX(0)}


@media only screen and (max-width:1408px){
	.hovicon{width:35%}
	h2{font-size:39px}
	h3{font-size:28px}
}

@media only screen and (max-width:1280px){
	.hovicon{width:32%}
	h2{font-size:32px}
	h3{font-size:24px}
}

@media only screen and (max-width:1152px){
	h1{font-size:34px}
}

@media only screen and (max-width:768px){
	.hovicon{width:30%}
}

@media only screen and (max-width:680px){
	#cedula{width:56%;font-size:35px}
}

@media only screen and (max-width:580px){
	#cedula{width:53%;font-size:32px}
}

@media only screen and (max-width:580px){
	.hovicon{}
	h2{font-size:28px}
	h3{font-size:23px}
	#cedula{font-size:30px}
}