@charset "utf-8";
/* CSS Document */

/*
	Edite estos estilos para redisenar la interfaz de los contenidos
*/

/* ------------------------------------------------------------------------------------------- INICIO Estilos genéricos */

body{ margin: 0;
	background: #f9f9f4 none repeat scroll 0 0;
	font-family: 'Trebuchet MS', sans-serif;}

#cvjl-AcDs ul,
#cvjl-AcDs ul li{

}
.math>span {
    border-left-color: transparent !important;
}
.MathJax_Display {
    display: inline !important;
}
#cvjl-AcDs details,
#cvjl-AcDs header,
#cvjl-AcDs section{
}

/* ------------------------------------------------------------------------------------------- FIN Estilos genéricos */

/* ------------------------------------------------------------------------------------------- INICIO Evaluación*/
#cvjl-AcDs{
	width: 891px; /* La medida final de la evaluación */
	height: 466px; /* La medida final de la evaluación */
	margin: 0 auto;
	resize:both;
	font-size: 17px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	background: #fff;
}

	#cvjl-AcDs .fondoPrincipal{
	}
	
		#cvjl-AcDs .fondoPrincipal .fondoAdicionalPrincipal{
		}
		
			#cvjl-AcDs #contenido{
				display:none;
			}
			
			#cvjl-AcDs .fondoContenedor{
			}
			
				#cvjl-AcDs #presentacionAcDs{
					background-color:#CCC;
					
					display: block; /* quitar */
				}
				
				#cvjl-AcDs #presentacionAcDs .screen{
					width: 760px;
					height: 500px;
					margin: 10px;
					padding: 10px;
				}
		
				/* ------------------------------------------------------------------------------------------- INICIO Informacion Evaluación*/
				
					#cvjl-AcDs #infoAcDs{
					}
					
						#cvjl-AcDs #infoAcDs .fondo{
						}
						
							#cvjl-AcDs #infoAcDs .descripcion{
								display: block;
								padding: 10px; 
								background-color: #666;
								color: #FFF;
								font-size: 32px;
							}
							
							#cvjl-AcDs #infoAcDs .detalles{
								height: 300px;
							}
							
								#cvjl-AcDs #infoAcDs .detalles p{
								}
								
								#cvjl-AcDs #infoAcDs .detalles ul{
								}
								
								#cvjl-AcDs #infoAcDs .detalles ul li{
								}
				
				/* ------------------------------------------------------------------------------------------- FIN Información Evaluación*/
		
			/* ------------------------------------------------------------------------------------------- INICIO Contenidos */
			
				#cvjl-AcDs #preguntas{
					visibility: visible;
					width: 870px;
					height: 400px;
					opacity: 1;
					margin-left: 20px;
					background-color: #FFF;
				}
			
					/* ------------------------------------------------------------------------------------------- INICIO Preguntas Evaluación*/
						
						#cvjl-AcDs #preguntas .screen{
							margin: 0px;
							padding: 10px;
						}
						
						#cvjl-AcDs #preguntas #parteAcDs-1{
							display: block;
						}
						
							#cvjl-AcDs #preguntas .EncabezadoScreen{
								margin-bottom: 15px;
							}
							#cvjl-AcDs #preguntas .EncabezadoScreen .info{
								display:none;
							}
							
							
								#cvjl-AcDs #preguntas .EncabezadoScreen h3{
									font-family: 'PT_Sans-Web-Bold', sans-serif;
									color:#3f7f90;
									font-size: 21px;
									margin: 0px 0px;
								}
								
								#cvjl-AcDs #preguntas .EncabezadoScreen p{
									color:#333;
									font-size: 17px;
									margin-top:6px;
									
								}
						
							#cvjl-AcDs #preguntas dl{
							}
							
								#cvjl-AcDs #preguntas dt{
								}
								
								#cvjl-AcDs #preguntas dd{
								}
								
									#cvjl-AcDs #preguntas dd ol{
										padding: 0;
										margin: 0;
									}
								
								#cvjl-AcDs #preguntas .pregunta{
								}
								
								#cvjl-AcDs #preguntas .pregunta h1{
									margin: 0px;
									color: #1f5f70;
									font-size: 20px;
								}
						
							#cvjl-AcDs #preguntas .preguntaTipoUnicaR{
								margin: 0;
							}
							
								#cvjl-AcDs #preguntas .preguntaTipoUnicaR .pregunta{
								}
							
								#cvjl-AcDs #preguntas .preguntaTipoUnicaR .respuesta{
									float: left;
									width: 38%;
									padding: 3px;
									background: #f4f4f4 url("../images/selector.png") no-repeat scroll right bottom;
									
									margin: 10px 6% 10px 1.2%;
									padding: 8px 12px;
									border: 1px solid #E0E0E0;
									border-radius: 5px;
									position: relative;
									min-height: 30px;
									color: #1f5f70;
								}
								
								#cvjl-AcDs #preguntas .preguntaTipoUnicaR .respuestaActiva{/* Estilo agregado por programación la respuesta es correcta */
									background-color: #CCC;
									background-image:url(../images/selectorCheck.png);
								}
								
								#cvjl-AcDs #preguntas .preguntaTipoUnicaR .respuestaCorrecta{/* Estilo agregado por programación la respuesta es correcta */
									background-image:url(../images/selectorOK.png);
								}
								
								#cvjl-AcDs #preguntas .preguntaTipoUnicaR .respuestaIncorrecta{/* Estilo agregado por programación la respuesta es INcorrecta */
									background-image:url(../images/selectorWrong.png);
								}
								
									#cvjl-AcDs #preguntas .preguntaTipoUnicaR .contenidoRespuesta img{
										float: left;
										margin-right: 10px;
									}
									#cvjl-AcDs #preguntas .preguntaTipoUnicaR .contenidoRespuesta {
										float: left;
										color: #333;
										margin: 5px 0;
										}
									#cvjl-AcDs #preguntas .preguntaTipoUnicaR .opcionRespuesta{
										width: 33px;
										height:33px;
										cursor: pointer;
										opacity: 0;
										position: absolute;
										bottom: 5px;
										right: 5px;
									}
								
							#cvjl-AcDs #preguntas .preguntaTipoMultipleR{
							}
							
								#cvjl-AcDs #preguntas .preguntaTipoMultipleR .pregunta{
								}
							
								#cvjl-AcDs #preguntas .preguntaTipoMultipleR .respuesta {
									background: rgba(10, 186, 238, 0.2) url("../images/selector.png") no-repeat scroll right bottom;
									border: 1px solid #0abaee;
									border-radius: 5px;
									color: #0069b4;
									float: left;
									margin: 10px 6% 10px 1.2%;
									min-height: 30px;
									padding: 8px 12px;
									position: relative;
									width: 38%;
								}
								
								#cvjl-AcDs #preguntas .preguntaTipoMultipleR .respuestaActiva{
									background-color: #CCC;
									background-image:url(../images/selectorCheck.png);
								}
								
								#cvjl-AcDs #preguntas .preguntaTipoMultipleR .respuestaCorrecta{/* Estilo agregado por programación la respuesta es correcta */
									background-image:url(../images/selectorOK.png);
								}
								
								#cvjl-AcDs #preguntas .preguntaTipoMultipleR .respuestaIncorrecta{/* Estilo agregado por programación la respuesta es INcorrecta */
									background-image:url(../images/selectorWrong.png);
								}
						
									#cvjl-AcDs #preguntas .preguntaTipoMultipleR .opcionRespuesta{
										width: 20px;
										height:20px;
										cursor: pointer;
										opacity: 0;
										float: right;
										clear:right;
									}
					/* ------------------------------------------------------------------------------------------- FIN Preguntas Evaluación*/
					
					/* ------------------------------------------------------------------------------------------- INICIO Botones Navegar Evaluación*/
					
						#cvjl-AcDs #navegacion{
							position:relative;
                            z-index: 500;
						}
						
							#cvjl-AcDs #navegacion #BotonIniciar{
								float: right;
								display: none;
								width: 200px;
								text-align:center;
								background-color: #B95647;
								color:#FFF;
								font-size: 24px;
								white-space:nowrap;
								padding: 5px;
							}
							
							#cvjl-AcDs #navegacion #navegaNextPrev{
								display:block;
								width: 450px;
								float: right;
								margin-right: 20px;
							}
							
								#cvjl-AcDs #navegacion #navegaNextPrev #NextQuestion {
									background: #ec6607 none repeat scroll 0 0;
									border-radius: 5px;
									color: #ffffff;
									cursor: pointer;
									float: right;
									height: 25px;
									opacity: 1;
									padding: 3px 5px 0 10px;
									text-align: center;
									width: 100px;
								}
								
								#cvjl-AcDs #navegacion #navegaNextPrev #PrevQuestion {
									height: 25px;
									padding: 3px 5px 0 10px;
									text-align: center;
									float:right;
									cursor: default;
									opacity: 0;
									background: none repeat scroll 0 0 #ec6607;
									border-radius: 5px;
									color: #FFFFFF;
									cursor: pointer;
									width: 100px;
									margin-right: 10px;
								}
                                    #cvjl-AcDs #navegacion #navegaNextPrev #Enviar {
									height: 25px;
									padding: 3px 5px 0 10px;
									text-align: center;
									float:right;
                                    visibility:hidden;
									cursor: default;
									opacity: 0;
									background: none repeat scroll 0 0 #ec6607;
									border-radius: 5px;
									color: #FFFFFF;
									cursor: pointer;
									width: 100px;
									margin-Left: 10px;
								}
                                                               #cvjl-AcDs #navegacion  #alertParrafooculto {
													opacity: 0;
														} 
                                                                                                                #cvjl-AcDs #navegacion  #myform {
													opacity: 0;
                                                                                                        visibility:hidden;
                                                                                                        
														}
                                                                                                                 #cvjl-AcDs #navegacion  #myform .Form{
													font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                                                                                                            background: #D64B39;
                                                                                                           font-size:14px;
                                                                                                           border:0;
                                                                                                            text-align: center;
                                                                                                              border-radius: 5px;
                                                                                                           color: #FFFFFF;
                                                                                                           cursor: pointer;
                                                                                                             float: right;
                                                                                                            background:#D64B39;

                                                                                                            width: autopx;
                                                                                                            height:25px;
                                                                                                            padding-left: 5px;
                                                                                                            margin-left: 5px;

														}
					
					/* ------------------------------------------------------------------------------------------- FIN Botones Navegar Evaluación*/
					
					/* ------------------------------------------------------------------------------------------- INICIO Ventana de mensaje*/
					
						#opacidadMensaje{
							background: rgba(255, 255, 255, 0.8);
							position: fixed;
							top: 0px;
							left: 0px;
							width: 100%;
							height: 100%;
							display: none;
							font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
							font-size: 17px;
						}
						
							#opacidadMensaje #ventanaMensajes{
								width: 400px;
								margin: auto;
								margin-top: 100px;
								background-color: #FFF;
								padding: 10px;
								border: 1px solid #659BAB;
								border-radius: 5px;
							}
							
								#opacidadMensaje #ventanaMensajes .header{
									color:#94c249;
									border-bottom: 1px dotted #169FC4;
									font-size: 17px;
									padding: 5px;
									margin: 5px 0 15px;
								}
								
								#opacidadMensaje #ventanaMensajes #contenidoMensaje{
									display: none;
									margin-bottom: 10px;
									font-size: 17px;
									color:#333;
									padding: 15px;
								}
								
								#opacidadMensaje #ventanaMensajes .footerMensaje{
									height: 30px;
								}
								
									#opacidadMensaje #ventanaMensajes .footerMensaje button.botonAceptar{
										background-color: #ec6607;
										border-radius: 5px;
										color:#FFF;
										cursor: pointer;
										float: right;
										font-size: 17px;
										padding: 5px 10px;
									}
					#opacidadMensaje #ventanaMensajes #myform{
                                                                            opacity: 0;
                                                                            visibility: hidden;
                                                                            
                                                                        }
									#opacidadMensaje #ventanaMensajes #myform  .Form{
										background-color: #ec6607;
										border-radius: 5px;
                                        border: 0;
										color:#FFF;
										cursor: pointer;
                                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
										float: right;
										font-size: 17px;
										padding: 5px 10px;
									}
									
					/* ------------------------------------------------------------------------------------------- FIN Ventana de mensaje*/
			
			/* ------------------------------------------------------------------------------------------- FIN Contenidos */
		
/* ------------------------------------------------------------------------------------------- FIN Evaluación*/

@media screen and (max-width: 890px){
	
#cvjl-AcDs{
	width: 700px; /* La medida final de la evaluación */
	height: 366px; /* La medida final de la evaluación */
	margin: 0 auto;
	resize:both;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}

#cvjl-AcDs #preguntas{
	width: 680px;
	height: 300px;
	margin-left: 0;
}

#cvjl-AcDs #preguntas .screen{
	width: 660px;
	height: 340px;
	margin: 0px;
	padding: 10px;
}

#cvjl-AcDs #preguntas .preguntaTipoUnicaR .contenidoRespuesta img {
    margin-right: 5px;
}

#cvjl-AcDs #preguntas .pregunta h1 {
    font-size: 16px;
}

#opacidadMensaje #ventanaMensajes .header, #opacidadMensaje #ventanaMensajes #contenidoMensaje, #opacidadMensaje #ventanaMensajes .footerMensaje button.botonAceptar{
	font-size: 16px;
}

#cvjl-AcDs #preguntas .EncabezadoScreen h3 {
    font-size: 19px;
}

#cvjl-AcDs #preguntas .EncabezadoScreen {
    margin-bottom: 4px;
}

#cvjl-AcDs #preguntas .EncabezadoScreen p {
    font-size: 16px;
}

#cvjl-AcDs #preguntas .preguntaTipoUnicaR .respuesta {
    margin: 8px 14px 5px;
}

}