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

@font-face {
	font-family: "Happy Monkey";
    src: url("fonts/HappyMonkey-Regular.ttf");
	font-weight: normal;
	font-style: normal;
	}
/*
	Edite estos estilos para redisenar la interfaz de los contenidos
*/

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

body{ margin: 0;}

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

}

#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{
							width: 800px;
							height: 440px;
							margin: 0px;
							padding: 10px;
						}
						
						#cvjl-AcDs #preguntas #parteAcDs-1{
							display: block;
						}
						
							#cvjl-AcDs #preguntas .EncabezadoScreen{
								margin-bottom: 15px;
							}
							
								#cvjl-AcDs #preguntas .EncabezadoScreen h3{
									color:#FC0;
									font-size: 24px;
									margin: 0px 0px;
									display: none;
								}
								
								#cvjl-AcDs #preguntas .EncabezadoScreen p{
									color:#333;
									font-size: 17px;
									margin:0;
									display: none;
								}
						
							#cvjl-AcDs #preguntas dl{
								margin: 15px 0;
							}
							
								#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: #ec6607;
									font-size: 20px;
								}
						
							#cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero{
							}
							
								#cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero .pregunta{
								}
							
								#cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero .enunciadoFV{
									font-size: 17px;
									margin: 10px 0;
									display:block;
								}
								
								#cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero .estiloVerdadero, #cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero .estiloFalso{
									color: #666;
									background: url(../images/radio.png) no-repeat 7px 4px;
								}
								
									#cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero .estiloVerdadero .opcionRadioRespuesta{
										opacity: 0;
										width: 25px;
										height: 25px;
										cursor:pointer;
										vertical-align: middle;
										margin: 3px 5px 3px 7px;
									}
								
									#cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero .estiloFalso .opcionRadioRespuesta{
										opacity: 0;
										width: 25px;
										height: 25px;
										cursor:pointer;
										vertical-align: middle;
										margin: 3px 5px 3px 7px;
									}
									
								
								#cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero .respuestaCorrecta{
									background: url(../images/radioChecked.png) no-repeat 7px 4px #CFCFCF;
									/*color: #27AB75 !important;*/
									border-radius: 15px 5px 5px 15px;
								}
								
								#cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero .respuestaIncorrecta{
									background: url(../images/radioChecked.png) no-repeat 7px 4px #CFCFCF;
									/*color: #B95647 !important;*/
									border-radius: 15px 5px 5px 15px;
								}
								
					/* ------------------------------------------------------------------------------------------- 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: 360px;
								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:left;
									cursor: default;
									opacity: 0;
									background: none repeat scroll 0 0 #ec6607;
									border-radius: 5px;
									color: #FFFFFF;
									cursor: pointer;
									width: 100px;
								}
					   #cvjl-AcDs #navegacion #navegaNextPrev #Enviar {
									height: 25px;
									padding: 3px 5px 0 10px;
									text-align: center;
									float:right;
                                                                        visibility:hidden;
									cursor: default;
									opacity: 1;
									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{
									margin-bottom: 10px;
									font-size: 17px;
									color:#333;
									padding: 15px;
								}
								
								#opacidadMensaje #ventanaMensajes .footerMensaje{
									height: 30px;
								}
								
									#opacidadMensaje #ventanaMensajes .footerMensaje button.botonAceptar{
										background-color: #B95647;
										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 #navegacion {
    margin-top: -22px;
}	
	
#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: 330px;
	margin-left:0px;
}

#cvjl-AcDs #preguntas .screen{
	width: 610px;
	height: 360px;
	margin: 0px;
	padding: 5px 10px 0;
}

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

#cvjl-AcDs #preguntas .pregunta h1{
	font-size: 18px;
}
#opacidadMensaje #ventanaMensajes .header, #opacidadMensaje #ventanaMensajes #contenidoMensaje, #opacidadMensaje #ventanaMensajes .footerMensaje button.botonAceptar{
	font-size: 16px;
}
#cvjl-AcDs #preguntas .preguntaTipoFalsoVerdadero .enunciadoFV{
	margin: 5px 0;
}
}