html, body {
	height: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	padding: 5% 0 0;
	box-sizing: border-box;
	/*background-color: rgba(0,0,0,0.85);*/
	background-color: transparent;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
}
input, textarea, button {
	outline: 0 none;
}
a {
	text-decoration: none;
	color: #ffffff;
}
a img {
	border: 0 none;
}
input[type="text"], input[type="email"] {
	width: 100%;
	font-size: 16px;
	padding: 5px 10px;
	display: block;
	margin-bottom: 23px;
	border: 0 none;
	border-radius: 10px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	color: #666666;
}
input[type="text"].error, input[type="email"].error {
	border: 3px solid #CC2D32;
}
.diablo input[type="text"], .diablo input[type="email"] {
	padding: 0;
	margin-bottom: 0;
	border-radius: 0;
}
input[type="submit"] {
	padding: 2px 15px;
	background-color: #E4B118;
	color: #ffffff;
	border: 0 none;
	border-radius: 10px;
	font-weight: bold;
	font-size: 20px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	cursor: pointer;
	-webkit-appearance: none;
}
input[type="submit"]:hover {
	background-color: #EBBF12;
}
td {
	padding: 0;
}
/*
.wrapper {
	height: 100%
}
*/
.padTop {
	padding-top: 1em;
}
form {
	margin: 0;
	padding: 0;/*height: 100%;*/
}
div.identificate {
	/* margin: 1em auto;*/
	margin: 0 auto;
	width: 90%;
	border: 3px solid #6B676B;
	border-radius: 6px;
	border-spacing: 0;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.50);
}
div.identificate.angel {
	max-width: 564px;
}
div.cerrar {
	text-align: right;
	margin-bottom: 5px;
	padding: 6px 6px 0 0;
}
div.cerrar a {
	display: inline-block;
	width: 21px;
	height: 25px;
	background-color: #CC2D32;
	background-image: url(../images/cerrar.png);
}
div.cerrar a:hover {
	background-color: #FF485A;
}
.tituloLogin {
	padding: 0 8%;
	width: 1%;
	white-space: nowrap;
}
td.logoEmpresa img {
	max-height: 60px;
}
div.contForm, div.contRRSS {
	padding: 8px 0;
	margin: 0 auto;
	width: 350px;
	max-width: 80%;
	text-align: center;
}
table.ingresoFull div.contForm {
	border-right: 3px solid #6B676B;
	width: 100%;
	max-width: none;
	text-align: inherit;
}
table.ingresoFull div.contRRSS {
	width: 100%;
	max-width: none;
}
.txtTipoIdentificacion {
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-image: url(../images/angel.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 2em 4% 0;
	padding: 10px 125px 10px 0;
	border-top: 1px solid #6B676B;
	min-height: 65px;
}
table.ingresoFull .contInput {
	width: 75%;
	margin: 0 auto;
}
div.txtRedes {
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 15px;
}
div.txtSinRegistro {
	color: #ffffff;
	font-size: 16px;
	margin-top: 35px;
}
div.txtSinRegistro a {
	padding: 2px 15px 5px 15px;
	background-color: #aba9a4;
	color: #ffffff;
	border: 0 none;
	border-radius: 10px;
	font-size: 18px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
div.txtSinRegistro a:hover {
	background-color: #a09f9f;
}
/*div.txtSinRegistro a span {
	color: #E4B118;
}*/
div.contRedes {
}
div.facebook, div.twitter, div.linkedin, div.google {
	display: inline-block;
	width: 35px;
}
div.facebook, div.twitter, div.google, div.linkedin {
	margin-right: 8%;
	cursor: pointer;
}
div.linkedin {
	margin-right: 0;
}
/*svg:hover .facebookColor {
	fill: #254BAF;
}
svg:hover .twitterColor {
	fill: #5E80F4;
}
svg:hover .googleColor {
	fill: #F33429;
}
svg:hover .linkedinColor {
	fill: #025ABB;
}*/
div.txtSinRegistro a {
	background-color: #CC2D32;
}
div.txtSinRegistro a:hover {
	background-color: #FF485A;
}

/* fin etilos formulario */



/* inicio etilos envia dilema  */




.identificate.diablo {
 max-width: 792px;
}
.headerEnvia {
	margin-bottom: 34px;
}
hr.lineaTitulo {
	height: 1px;
	background: #6B676B;
	border: 0 none;
	margin: 1em 4%;
}
.diablo hr.lineaTitulo {
	margin: 1em 6%;
}
.contTxtSalida, .contEnviaDilemas {
	width: 88%;
	margin: 0 auto;
}
.tituloEnvia img {
	max-width: 290px;
	width: 100%;
}
.contEnviaDilemas .contInput {
	width: 32%;
	display: inline-block;
	margin-right: 2%;
}
.dilema {
	margin: 0 2% 0 0;
	display: inline-block;
	border-radius: 10px;
	width: 32%;
	padding: 10px;
	box-sizing: border-box;
	background-color: white;
}
.dilema.error {
	box-sizing: border-box;
	border: 3px solid #CC2D32;
}
.dilema:last-child {
	margin-right: 0;
}
textarea {
	padding: 0 5px 0 0;
	box-sizing: border-box;
	width: 100%;
	resize: none;
	height: 170px;
	border: 0 none;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	color: #666666;
}
div.btnEnviar {
	background-image: url(../images/diablo.png);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 88%;
	margin: 0 auto;
	text-align: right;
	background-position: 30% bottom;
}
/* fin etilos envia dilema  */


/*inicio estilo pagina de salida */
div.identificate.pagSalida {
	max-width: 564px;
	padding-bottom: 60px;
	background-image: url(../images/diablo.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
div.identificate.pagSalida .headerEnvia {
	margin-bottom: 20px;
}
.contTxtSalida {
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	line-height: 150%;
}
button {
	display: block;
	margin: 25px auto;
	padding: 2px 15px;
	background-color: #E4B118;
	color: #ffffff;
	border: 0 none;
	border-radius: 10px;
	font-weight: bold;
	font-size: 20px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	cursor: pointer;
	-webkit-appearance: none;
}
button:hover {
	background-color: #EBBF12;
}
/*inicio estilo pagina INFO */

.identificate.info {
	max-width: 564px;
	background-image: url(../images/angel_info.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	color: #ffffff;
	font-size: 15px;
	min-width: 250px;
}
.logoDilemas {
	text-align: center;
}
.textoInfo {
	margin: 30px 0 25px 0;
	text-align: center;
	font-size: 18px;
}
.textoPostLogin{
	margin: 30px;
	text-align: center;
	font-size: 18px;
}
.botonPostLogin{
	margin-top: 0;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 60px;
	text-align: right;
}
.botonPostLogin a{
	display:inline-block;
		padding: 2px 15px;
	background-color: #E4B118;
	color: #ffffff;
	border: 0 none;
	border-radius: 10px;
	font-weight: bold;
	font-size: 20px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	cursor: pointer;
	-webkit-appearance: none;

}
.botonPostLogin a:hover{
	background-color: #EBBF12;
}
.contIconosInfo {
	width: 55%;
	margin: 0 auto;
	min-width: 230px;
	text-align: center;
}
.contVideo, .contAyuda {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center
}
.contVideo {
	border-right: 3px solid #6B676B;
	box-sizing: border-box;
}
.textoVideo a, .textoAyuda a {
	background-image: url(../images/doble_arrow.png);
	background-repeat: no-repeat;
	padding-right: 23px;
	background-position: center right;
	color: #C8D7DB;
}
.textoVideo a:hover, .textoAyuda a:hover {
	color: #D9A300;
}
.infoVR {
	margin: 60px 5px 10px 10px;
	font-size: 12px;
}
.infoVR a {
	background-image: url(../images/icono_info.png);
	background-repeat: no-repeat;
	padding: 5px 0 5px 26px;
	color: #DDDDDD;
}
.infoVR a:hover {
	background-image: url(../images/icono_info_hover.png);
	color: #ffffff
}

@media (max-width: 562px) {
textarea {
	font-size: 18px;
}
td {
	display: block;
	width: 100%
}
td.logoEmpresa {
	display: none;
}
td.tituloLogin {
	text-align: center;
	padding: 0;
	width: 100%;
}
div.contForm {
	border: 0 none;
}
.padTop {
	padding-top: 40px;
}
input[type="email"], input[type="text"] {
	max-width: 220px;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
}
.diablo input[type="email"], .diablo input[type="text"] {
	max-width: 100%;
}
div.identificate.angel {
	background-position: bottom center;
}
div.facebook, div.twitter, div.google, div.linkedin {
	margin-right: 5%;
}
div.linkedin {
	margin-right: 0;
}
div.txtSinRegistro {
	margin-top: 25px;
}
.dilema {
	width: 100%;
	margin: 0.5em 0;
}
.headerEnvia {
	margin-bottom: 15px;
}
div.btnEnviar {
	background-image: none;
	padding-top: 15px;
}
div.identificate.pagSalida .logoEmpresa {
	display: block;
}
.identificate.info {
	background-image: none;
}
.infoVR {
	text-align: center;
}
.txtTipoIdentificacion {
	font-size: 13px;
	background-position: bottom center;
	padding: 10px 0 88px 0;
	text-align: center;
}
.tituloEnvia {
	text-align: center;
}
hr.lineaTitulo {
	display: none;
}
div.btnEnviar {
	text-align: center;
}
}
/* VIDEO DISPLAY  */
.videoContainer{
	padding:0 30px 36px;
	text-align:center;
}
.videoContainer video{
	margin: 0 auto;
	max-height:378px;
	max-width:355px;
}
.videoContainerPagPrincipal video{
	margin: 0 auto;
	max-height:200px;
	max-width:365px;
}
@media all and (max-width:820px){
.videoContainer video{
	margin: 0 auto;
	max-height:none;
	max-width:100%;
}
.videoContainerPagPrincipal video{
	margin: 0 auto;
	max-height:none;
	max-width:100%;
}
}