@media (max-width: 799px){
body{
    margin:0px;
}
.centrarHorizontal{
    text-align:center;
    margin:0 auto;
}
.centrarVertical{
    position:relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.imgHelper{
    width:80px;
    height:80px;
    position:relative;
    z-index: 1;
}
.iconoPrincipal{
    width:60px;
    height:60px;
}
#divPrincipal{
    width:480px;
    height:320px;
    background-image:url("../img/fondo.png");
	background-size:480px 320px;
}
#contCabecera{
    width:inherit;
    height:60px;
}
#contCabeceraB{
    width:460px;
    height:60px;
}
#contCabecera1{
    width:inherit;
    height:38px;
}
#contCabeceraB1{
    width:460px;
    height:38px;
}
#icono{
    width:60px;
    height:60px;
    background-size:69px 69px;
    position:relative;
    float:left;
}
#contTitulo{
    width:390px;
    height:60px;
    position:relative;
    float:left;
}
#titulo{
    font-family:Verdana;
    font-size:18px;
    color:#71228B;
}
#contNavegacion{
    width:1px;
    height:60px;
    position:relative;
    float:left;
}
#contPregunta{
    width:480px;
    height:40px;
}
#contPreguntaB{
    width:460px;
    height:40px;
    background-color:#209698;
    border-radius:10px;
    color:#FFFFFF;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
}
#contPregunta1{
    width:400px;
    height:60px;
	position:relative;
	left:10px;
}
#contPreguntaB1{
    width:400px;
    height:65px;
    background-color:#98208b;
    border-radius:10px;
    color:#FFFFFF;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
	text-align: left;
	line-height: 0;
}
#contPreguntaPort2{
    width:400px;
    height:20px;
	position:relative;
	left:10px;
}
#contPreguntaBPort2{
    width:400px;
    height:18px;
    background-color:#6D9F9F;
    border-radius:7px;
    color:#FFFFFF;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:8px;
	text-align: left;
}
#contOpciones{
    width:479px;
    height:140px;
}
#contFlechaRegresar{
    width:60px;
    height:140px;
    position:relative;
    float:left;
}
#opciones{
    width:359px;
    height:140px;
    position:relative;
    float:left;
}
#contFlechaAvanzar{
    width:60px;
    height:140px;
    position:absolute;
	top:111px;
	left:419px;
    float:left;
	z-index:40;
}
#flechaRegresar{
    width:60px;
    height:119px;
    background-image:url("../img/flechaRegresar.png");
    cursor:pointer;
}
#flechaRegresar:hover{
    background-image:url("../img/flechaRegresarHover.png");
}
#flechaAvanzar{
    width:60px;
    height:119px;
    background-image:url("../img/flechaAvanzar.png");
    cursor:pointer;
}
#flechaAvanzar:hover{
    background-image:url("../img/flechaAvanzarHover.png");
}
#contNotificacion{
    width:359px;
    height:145px;
    position:relative;
    float:left;
    display:none;
}
#notificacion{
    width:150px;
    height:120px;
    background-color:#FFFFFF;
    border:2px solid #71228B;
    border-radius:20px;
}
#notificacionImg{
    
}
#notificacionTxt{
    color:#222222;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:20px;
}
#btnReiniciar{
    background-color:#71228B;
    width:130px;
    height:24px;
    border-radius:40px;
    color:#FFFFFF;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:18px;
    cursor:pointer;
}
#btnReiniciar:hover{
    background-color:#C182BB;
    width:130px;
    height:24px;
    border-radius:40px;
    color:#FFFFFF;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:18px;
    cursor:pointer;
}
.iconoOpcion{
    width:69px;
    height:69px;
    background-size:69px 69px;
    position:absolute;
    left:0px;
}
.iconoOpcionPort{
    width:175px;
    height:69px;
    background-size:175px 69px;
    position:absolute;
    left:-10px;
	background-image:url("../img/1.png");
	z-index:40;
}
.iconoOpcionPort2{
    width:165px;
    height:69px;
    background-size:165px 69px;
    position:absolute;
    left:190px;
	background-image:url("../img/2.png");
}
.linea{
    width:67px;
    height:75px;
    position:absolute;
    left:140px;
	top:20px;
	background-image:url("../img/9m.png");
	z-index:50;
}
.textoOpcion{
    width:100px;
    height:50px;
    padding:5px;
    background-color:#209698;
    border-radius:10px;
    color:#FFFFFF;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:9px;
    position:absolute;
    right:0px;
}
.contDivOpcion{
    width:179px;
    height:60px;
    margin:0px;
    margin-top:8px;
    position:relative;
    float:left;
}
.divOpcion{
    width:172px;
    height:60px;
    position:relative;
}
.imagen{
    width:70px;
}
#contRespuesta{
    width:480px;
    height:68px;
    position:relative;
    z-index:0;
}
#respuesta{
    width:480px;
    height:68px;
    position:relative;
}
#contTxtRespuesta{
    width:440px;
    height:40px;
    text-align:left;
    background-color:#FFFFFF;
    border:4px solid #71228B;
    border-radius:20px;
    position:absolute;
    top:10px;
    left:0px;
}
#txtRespuesta{
    width:350px;
    height:30px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:10px;
}
#iconoRespuesta{
    width:70px;
    height:70px;
    background-size:70px 70px;
    position:absolute;
    right:0px;
    background-image:url("../img/contenedor.png")
}
#contRespuesta12{
    width:480px;
    height:0px;
    position:relative;
	top:-20px;
    z-index:0;
}
#respuesta12{
    width:480px;
    height:68px;
    position:relative;
}
#contTxtRespuesta1{
    width:440px;
    height:40px;
    text-align:left;
    background-color:#FFFFFF;
    border:4px solid #71228B;
    border-radius:20px;
    position:absolute;
    top:10px;
    left:0px;
}
#txtRespuesta1{
    width:350px;
    height:45px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:10px;
}
#iconoRespuesta1{
    width:70px;
    height:70px;
    background-size:70px 70px;
    position:absolute;
    right:0px;
    background-image:url("../img/contenedor.png")
}
}