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

.divContVideo{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-100;opacity:0.5;background-color:#000;max-height:41%}
.divContVideo .video{position:absolute;top:0;width:100%}

body{position:fixed;height:100%;width:100%;background:#2c3e50;margin:0;padding:0;transform:translate(0, 275px)}
.divSup{height:41%;width:100%;display:block;position:relative;z-index:10}
.divBot{height:50%;width:100%;display:block;position:relative;overflow:hidden;border-top:5px solid #fff}
.divBot > img{width:100%;position:absolute;top:200px}

h1{font-family:caviar;text-align:left;font-size:69px;color:#f5e7b1;margin:0;padding-left:13%;width:100%}
.divContCtas{position:absolute;top:33%;left:33%;transform:translateX(-50%) translatey(-50%)}
.divContCtasIn{display:inline-block;padding-left:14%}
h3{margin:0;font-weight:normal;color:#f0f0f0;text-align:justify;font-size:30px;font-family:champ;line-height:27px;width:625px;display:block}
.divCositas{display:block;background:#2c3e50e6;padding:20px;border-radius:10px;color:#fff;margin-top:10px}
#cedula, #cedula_keyboard input	{width:250px;height:59px;font-size:36px;padding-left:15px;border:0;font-family:champ}
#cedula_keyboard input{height:47px !important}

.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:33px;font-style:normal;font-family:champ;text-transform:uppercase;border:1px solid #fff;padding:9px 82px 6px 82px;margin-left:31px;vertical-align:top;color:#fff;position:relative;overflow:hidden}
.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:absolute;bottom:0;padding:20px 13% 24px 13%;text-align:center;color:#fff;background:#2c3e50cc;font-size:24px;font-family:champ;line-height:22px}*/
footer{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;bottom:0;padding:23px 50px 31px 50px;text-align:center;color:#fff;background:#2c3e50cc;font-size:26px;font-family:champ;line-height:24px;margin-bottom:-159px;border-bottom:5px solid #fff}
.divRespuesta{display:none;text-align:center}
.divContTabla{display:inline-block;margin:150px auto 0 auto;width:81%;background:#2c3e50e6;padding:20px;border-radius:6px;position:relative;max-height:1200px;overflow-y:auto;z-index:2}
#tableFacturas{color:#fff;font-family:champ;font-size:1.7em;border-collapse:collapse;width:100%}
#tableFacturas td,#tableFacturas th{border:2px solid #ffffff7d;padding:3px}
#tableFacturas th:nth-child(4),#tableFacturas th:nth-child(5),#tableFacturas th:nth-child(6) {width:160px}
.divBtnDetalle{height:55px;width:55px;margin:10px auto;border:2px solid #fff;border-radius:100%;cursor:pointer;color:#fff;-webkit-transition:0.5s ease-in-out;background:#005fb0}
.divVer{height:55px;width:55px;margin:0 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:70%;height:70%;margin-top:9px}
iframe,#iFrameFactura{position:relative;top:14%;width:80%;margin:0 auto;display:block;height:1400px}
/* ------------------------------------------------ */
/* -------------------- MENU ---------------------- */
.divBtnContMenu{position:absolute;top:2%;right:1%;z-index:20}
/* -------------------- volver ---------------------- */
.divBtnvolver{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#2c3e50e6;position:relative;color:#fff;border:1px solid #fff;font-family:champ;padding:12px 25px 10px 25px;font-size:43px;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)}
/* -------------------- correo ---------------------- */
.divBtnCorreo{float:left;display:inline-block;margin:0 10px 0 0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#2c3e50e6;position:relative;color:#fff;border:1px solid #fff;font-family:champ;padding:12px 25px 14px 25px;font-size:43px;cursor:pointer;overflow:hidden}
.divBtnCorreo: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}
.divBtnCorreo:hover{color:#f5e7b1}
.divBtnCorreo:hover:before{-webkit-transform:translateX(0); transform:translateX(0)}

.divOverlay{display:none;position:fixed;width:100%;height:100%;top:0 !important;z-index:200;background-color:#2c3e50e6;cursor:pointer}
.divContFormCorreo{display:none;position:absolute;z-index:201;background:#2c3e50e6;top:33%;left:50%;transform:translateX(-50%) translatey(-50%);padding:30px;border:2px solid #fff}
.divContFormCorreo > h3{font-size:50px;line-height:50px}
.divContFormCorreo > p{color:white;font-size:31px;text-align:center;font-family:champ;background:#1c2732;line-height:31px;padding:10px 8px 12px 8px}
.divContFormCorreo input{width:100%;margin:15px 0;height:58px;padding:3px 20px 5px 20px;font-size:29px;width:100%;box-sizing:border-box}
.divContFormCorreo .divInpEnviarCorreo{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;position:relative;float:right;background:#fff;padding:6px 55px;font-family:champ;font-size:40px;cursor:pointer;color:#2c3e50;margin-top:12px}
.divContFormCorreo .divInpEnviarCorreo:hover,.divContFormCorreo .divInpEnviarCorreo:active{background:#04a3e1;color:#fff}
/* 20180508 D1031126784 Aranda  */
.divContFormAuten{display:none;position:absolute;z-index:201;background:#2c3e50e6;top:-100px;left:50%;transform:translateX(-50%);padding:30px;border:2px solid #fff}
.divContFormAuten > h3{font-size:50px;line-height:50px}
.divContFormAuten > p{color:white;font-size:31px;text-align:center;font-family:champ;background:#1c2732;line-height:31px;padding:10px 8px 12px 8px}
.divContFormAuten input{margin:15px 0;height:58px;padding:3px 20px 5px 20px;font-size:29px;width:100%;box-sizing:border-box}
.divContFormAuten input.radio{margin:0 8px 0 0 !important;height:58px;padding:3px 20px 5px 20px;font-size:1.0em;box-sizing:border-box;display:inline-block;width:30px;position: relative;top: 20px;}
.divContFormAuten .divInpEnviarAuten{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;position:relative;float:right;background:#fff;padding:6px 55px;font-family:champ;font-size:40px;cursor:pointer;color:#2c3e50;margin-top:12px}
.divContFormAuten .divInpEnviarAuten:hover,.divContFormAuten .divInpEnviarAuten:active{background:#04a3e1;color:#fff}
.radioPreguntas {display:inline-block; margin:15px 0;height:58px;padding:3px 20px 5px 20px;font-size:29px;box-sizing:border-box}
.divPregunta{color:#fff;font-family:champ;font-size:1.7em;border-collapse:collapse;}
.labelPreguntas{color:#fff;font-family:champ;font-size:1.7em;border-collapse:collapse;}
.divContPreguntas li { list-style: none;}

#inpCorreo_keyboard input{padding:7px 10px 10px 10px;font-size:33px}
.divMsj.divMsjExitoCorreo{background:transparent;color:#88f381;display:block;box-sizing:border-box;width:100%;margin-top:20px}
.divImgVer {
	background: url(images/ver.png) scroll no-repeat center center;
	background-size: 70%;
	height: 60px;
	width: 60px;
	background-color: #1661ab;
}
/* .divImgDescarga{background:url(images/download.png) scroll no-repeat center center;width:100%;height:100%;background-size:80%} */
/* ------------------ FIN MENU -------------------- */
/* ------------------------------------------------ */
.divLoader{position:absolute;background:url('/epdocpre/css/images/loader2.gif') no-repeat scroll 50% 30% #0f0f0f;z-index:202;opacity:0.55;display:none;top:0 !important}
.divMsj{font-family:champ;background-color:#fff9;text-align:center;padding:13px 0 16px 0;font-size:56px;position:absolute;margin:0;width:100%;margin-top:-106px}
.divMens.divMsjError{color:#952020; font-weight: bold;}
.divMens{font-family: champ;background-color: #fff9;text-align: center;font-size: 2em;width: 100%;left: 50%;}
.divMsj.divMsjError{color:#952020}
.divMsj.divMsjInfo{color:#2c3e50}

.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 (min-width: 900px) and (orientation: landscape) {
	body{transform:translate(0,105px)}
	h1{font-size:55px}
	.divBot{display:none}
	.divSup{height:75%}
	.divContVideo{max-height:75%}
	#iFrameFactura,iframe{height:100%;top:1em;max-height:500px;overflow-y:scroll;background:#ccc;text-align:center;padding:1em}
	footer{padding:1em;line-height:19px;margin-bottom:0;bottom:0;font-size:18px;text-align:justify}
	#cedula,#cedula_keyboard input{font-size:30px;height:50px}
	.hovicon{font-size:27px;min-width:120px;text-align:center}
	.divMute{bottom:-48px}
	.divBtnContMenu{top:-80px}
	.divBtnvolver{padding:7px 25px 10px 25px;font-size:30px}
	.divContTabla{margin:1em auto 0 auto;width:90%}
	.divContTabla{margin:1em auto 0 auto;width:90%;max-height:445px}
	#tableFacturas{font-size:1.3em}
	.divContIndividual #tableFacturas th:nth-child(6),#tableFacturas th:nth-child(7),#tableFacturas th:nth-child(8) {width:105px}
	.divBtnCorreo{padding:12px 25px 10px 25px;font-size:30px}
}