@media (max-width: 400px){
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%);
}
.iconoPrincipal{
    width:60px;
    height:60px;
}
.imgHelper{
    position:relative;
    z-index: 1;
}
#divPrincipal{
    width:320px;
    height:400px;
    background-image:url("../img/fondoch.jpg")
}
#contCabecera{
    width:inherit;
    height:60px;
}
#contCabeceraB{
    width:300px;
    height:60px;
}
#icono{
    width:60px;
    height:60px;
    background-size:69px 69px;
    position:relative;
    float:left;
}
#contTitulo{
    width:182px;
    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:320px;
    height:40px;
}
#contPreguntaB{
    width:300px;
    height:40px;
    background-color:#209698;
    border-radius:10px;
    color:#FFFFFF;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
}
#contPregunta1{
    width:320px;
    height:55px;
}
#contPreguntaB1{
    width:290px;
    height:60px;
    background-color:#98208b;
    border-radius:10px;
    color:#FFFFFF;
    font-family:Calibri,Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
	line-height: 0;
}
#contPreguntaPort2{
    width:320px;
    height:20px;
}
#contPreguntaBPort2{
    width:280px;
    height:20px;
    background-color:#209698;
    border-radius:10px;
    color:#FFFFFF;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:9px;
}
#contOpciones{
    width:319px;
    height:220px;
}
#contFlechaRegresar{
    width:60px;
    height:220px;
    position:relative;
    float:left;
}
#opciones{
    width:198px;
    height:220px;
    position:relative;
    float:left;
}
#contFlechaAvanzar{
     width:60px;
    height:220px;
    position:absolute;
	top:111px;
	left:257px;
    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:199px;
    height:220px;
    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:140px;
    height:69px;
    background-size:140px 69px;
    position:absolute;
    left:0px;
	background-image:url("../img/1.png");
	z-index:40;
}
.iconoOpcionPort2{
    width:130px;
    height:69px;
    background-size:130px 69px;
    position:absolute;
    left:0px;
	top:70px;
	background-image:url("../img/2.png");
}
.linea{
    width:70px;
    height:78px;
    position:absolute;
    left:140px;
	top:20px;
	background-image:url("../img/9m.png");
	z-index:50;
}
.textoOpcion{
    width:130px;
    height:50px;
    padding:5px;
    background-color:#209698;
    border-radius:10px;
    color:#FFFFFF;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:10px;
    position:absolute;
    right:0px;
}
.contDivOpcion{
    width:200px;
    height:60px;
    margin:0px;
    margin-top:8px;
    position:relative;
    float:left;
}
.divOpcion{
    width:200px;
    height:60px;
    position:relative;
}
.imagen{
    width:70px;
}
#contRespuesta{
    width:320px;
    height:68px;
    position:relative;
    z-index:0;
}
#respuesta{
    width:320px;
    height:68px;
    position:relative;
}
#contTxtRespuesta{
    width:275px;
    height:40px;
    text-align:left;
    background-color:#FFFFFF;
    border:4px solid #71228B;
    border-radius:20px;
    position:absolute;
    top:10px;
    left:0px;
}
#txtRespuesta{
    width:200px;
    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:320px;
    height:11px;
    position:relative;
    z-index:0;
}
#respuesta12{
    width:320px;
    height:68px;
    position:relative;
}
#contTxtRespuesta1{
    width:275px;
    height:40px;
    text-align:left;
    background-color:#FFFFFF;
    border:4px solid #71228B;
    border-radius:20px;
    position:absolute;
    top:10px;
    left:0px;
}
#txtRespuesta1{
    width:200px;
    height:45px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:9px;
}
#iconoRespuesta1{
    width:70px;
    height:70px;
    background-size:70px 70px;
    position:absolute;
    right:0px;
    background-image:url("../img/contenedor.png")
}
}