*{
	padding:0px;
	margin:0px;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;

}

*{
	font-family: 'Titillium Web', sans-serif;

}



header{ 
	width:90%;
	margin:auto;
	margin-top:30px;
	height:auto;
	display:flex;
	flex-direction:column;
	background:white;
	align-items:center ;
}

header .imagen{
	width:100%;
	display:flex;
	justify-content:space-around;

}

header .imagen .logo{
	width:30%;
	height:auto;
}

header .imagen .logo img{
	width:100%;
	height:auto;
}

header .imagen .texto{
	width:60%;
	height:auto;
}

header .imagen .texto h1{
	font-size:20px;
	color:#666666;
	padding:5px;
	text-align:left;
}



h1{
	padding:5px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}




/*login*/

#fondo{
	background:#dddddd; 
}

#myChart1_1{
	width:300px; 	
}

.principal_index{
	width:90%;
	margin:auto;
	max-width:100%; 
	height:auto;
	min-height:500px; 
	display:flex;
	justify-content:space-around;
	
}

.principal_index h1{
	font-family: 'Roboto', sans-serif;
}

.principal_index h2{
	font-family: 'Roboto', sans-serif;
}

.principal_index h3{
	font-family: 'Roboto', sans-serif;
}



.principal_index p{
	font-family: 'Raleway', sans-serif;
	font-size:15px; 
}

.principal_index li{
	font-family: 'Raleway', sans-serif;
	font-size:15px; 
}

.principal_index .contenedor{
	width:65%;
	height:auto;
	display:flex;
	

}

.principal_index .login{
	width:30%;
	display:flex;
	height:250px;;
	border: 4px double #8786c6;
	border-radius: 10px;
	margin-right:30px;
	font-weight:normal;
	
}

.principal_index .login form a{
	text-decoration:none;
	text-align:center;
	color:#8786c6;
	
	
}

.principal_index .login form a:hover{
	color:#c9464e;
}

.principal_index .login h2{
	color: #8786c6;
	font-size: 17px;
	padding:5px;

}

.principal_index .login form{
	width:90%;
	margin:auto;	
}

.principal_index .login form span{
	padding:8px;
	
}

.principal_index .login form input[type=text]{
	width:90%;
	margin:auto;
	line-height:25px; 
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	
}

.principal_index .login form input[type=password]{
	width:90%;
	margin:auto;
	line-height:25px;
	padding:5px;
	margin-top:10px;
	
	
}

.principal_index .login form input[type=submit]{
	width:100%;
	margin:auto;
	margin:3px;
	background:#8786c6;
	color:white;
	border:none;
	margin-top:15px;
	padding:5px;
	
}

.principal_index .contenedor .pagina1{
		width:100%;
		display:flex;
		flex-direction:column;
		height:auto;
		padding:5px;
		margin-bottom:30px;
}

.principal_index .contenedor .pagina1 iframe{
	width:90%;
	margin:Auto;
	display:flex;
	margin-top:50px;
	
}


.principal_index .contenedor .pagina1 .quines_fotos{
	width:250px;
	margin:20px;
}

.principal_index .contenedor .pagina1 .quines_fotos img{
	width:100%; 
}

.principal_index .contenedor .pagina1 h2{
	color: #8786c6;
	font-size: 20px;

}

.principal_index .contenedor .pagina1 h3{

	color: #3F3F3F;
    font-size: 17px;
    margin: 30px 0 10px 0;

}

.principal_index .contenedor .pagina1 p{
	font-size: 15px;
	margin-top:10px;


}

.principal_index .contenedor .pagina1 ul{
	margin-left:15px;
}

.principal_index .contenedor .pagina1 ul li{
	margin-left:20px;
}

.principal_index .contenedor .pagina1 a{
	text-decoration:none;
	color:#8786c6;
}

.principal_index .contenedor .recuprar{
	width:90%;
	 height:200px;
	 border:1px solid#dddddd;
	 display:flex;
	 flex-direction:column;
	 justify-content:space-around;
	 align-items:center; 
	 border-radius:5%; 

}

.principal_index .contenedor .recuprar h2{
	text-align:center;
	padding: 5px; ;
}

.principal_index .contenedor .recuprar div{
	display:flex;
	width:90%;
	margin:auto;
	min-height:60px; ;
	flex-direction:row;
	justify-content:space-around;
	align-items:center; ;
	border:1px solid #8786c6;
	padding:5px;
}

.principal_index .contenedor .recuprar div label{
	font-size:20px;
	color:#8786c6;
	font-weight:bold ;
}

.principal_index .contenedor .recuprar div span{
	font-size:30px;
	color:#8786c6;
}

.principal_index .contenedor .recuprar div input[type="email"]{
	font-size:20px;
	width:80%;
	padding:5px;
	text-align:center;
}

.principal_index .contenedor .recuprar button{
	margin-bottom:20px;
	background:white;
	font-size:20px;
	color:#8786c6;
	padding: 5px;
}

.principal_index .contenedor .recuprar button:hover {
	color:#c9464e;
	cursor:pointer;
}





header .nav{
	width:95%;
	margin:auto;
	display:flex;
	margin-top:15px; ;
	border-bottom:2px solid #8786c6; 
	margin-bottom: 30px;
}

header .nav .div-menu-acceso {
	width: 100%;

  }
  header .nav .div-menu-acceso .ul-menu-acceso .login_nav{
	  display:none;
  }
  header .nav .div-menu-acceso .ul-menu-acceso {
	list-style-type: none;
	margin: 0;
	padding: 0;
	top: 1px;
	margin-left: 5px;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
	flex-wrap: wrap;
	
  }
  header .nav .div-menu-acceso .ul-menu-acceso .li-menu-acceso {
	margin-left: 6px;
	display: block;
	height:50px; 
	display:flex;
	align-items:center; 

  }

  header .nav .div-menu-acceso .ul-menu-acceso .li-menu-acceso a{
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	background-color: #8786c6;
	border: 1px solid #8786c6;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	height:100%;
  }

  header .nav .div-menu-acceso .ul-menu-acceso .li-menu-acceso .selected{
	font-weight: normal;
	color: #8786c6;
	background-color: #ffffff;
	border-bottom-color: #ffffff;
  }


  header .nav .div-menu-acceso .ul-menu-acceso .li-menu-acceso a:hover {     
	font-weight: normal;
	color: #8786c6;
	background-color: #ffffff;
	border-bottom-color: #ffffff;
  }

   header .nav .div-menu-acceso .ul-menu-acceso .li-menu-acceso a.menu-desconectar {     
	font-weight: normal;
	color: #ffffff;
	border: 1px solid #cf4d51;
	background-color: #cf4d51;
	border-bottom-color: #cf4d51;
  }
   header .nav .div-menu-acceso .ul-menu-acceso .li-menu-acceso a.menu-desconectar:hover {     
	font-weight: normal;
	color: #cf4d51;
	background-color: #ffffff;
	border-bottom-color: #ffffff;
  }




.principal{
	width:100%;
	margin:auto;
	height:auto;
	margin-top:150px;
	display:flex;
	align-items:center; 
	background:white; 
	flex-wrap:wrap;
	margin-bottom:60px; 
  
}

.bienvenida{
	width:90%;
	margin:auto;
	display:flex;
	flex-direction:column;
	justify-content: space-around;
	margin-bottom:30px; ;
}


 .bienvenida .titulo{

	font-family: 'Roboto', sans-serif;
	color: #cf4d51;
	text-align:center;
	margin-bottom:20px; ;
	
}
.bienvenida p{
	padding:5px;
	text-align:justify  ;
}



.principal .contenedor_login{
	height:auto; 
	margin:auto;
	display:flex;
	flex-direction:column;
	justify-content:space-around; 
	align-items:center;
    flex-wrap:wrap;
	

}

.principal .contenedor_login div {
	width:auto; 
	margin-top:20px; 
	height:auto; 
	padding:5px; 
}


.principal .contenedor_login .izquierda{
	height:auto; 
	display:flex;
	flex-direction:column; 
	justify-content:space-around;
	border:1px solid #e06c43;
	padding:5px;
	margin-bottom:20px; 
	border-radius:5px;  
}
.principal .contenedor_login .izquierda h2{
	padding:5px;
	text-align:center;
	color:#c9464e;  
}
.principal .contenedor_login .izquierda  span{
	color:#8386b9;
	padding:5px; 
}

.principal .contenedor_login .izquierda input{
	padding:5px;
	margin-top:10px;  
}

.principal .contenedor_login .izquierda input[type=submit]{
	background:#c9464e; 
	color:white;
	font-size:15px;
	font-weight:bold;  
}

.principal .contenedor_login .derecha {
	height:auto; 
	display:flex;
	justify-content:space-around;
	align-items:center; 
	  
}

.principal .contenedor_login .derecha div{
	width:50%;
	margin:auto;
}

.principal .contenedor_login .derecha img{
	width:80%;
	margin:auto; 
	
}


#respuesta{
	font-size:18px;
	padding:5px;
	font-weight:bold; 
	color:red;  
}

#login{
	padding:5px; 
}

#login:hover{
	transition:2s;
	font-weight:bold; 
	background:#CC333F;
	color:white;
}

.imagen_header{
	width:80%;
	display:flex;
	justify-content:start;
	margin-left:10px;
	
}

.imagen_header img{
	width:100%; ;
}

.user{ 
	width:auto;
	height:50px;
	position:absolute;
	right:5%;
	top:50px;
	display:flex;
	flex-direction:column;     
}
.user div{
	width:100%;
	display:flex;
	flex-direction:row; 
	align-items:center;

}

.user div span{
	color:white;
	padding:5px; 
}


.user div p{
	padding:5px;
	font-family: 'Charm', cursive; 
	color:white;

}

#color_uno{
		background:#c9464e; 
}

#color_dos{
	background:#ffe699; 
}

.contenedor_nav{
	width:100%;
	height:100px; 
	margin:auto;
 
	background:#c9464e;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:white; 
	margin-bottom:50px;    
}

.contenedor_nav .razon_social{
	padding:10px;
	font-size:25px; 
	font-family: 'Charm', cursive;

}


.contenedor_nav .nav{
	margin:10px;
	display:flex;
	flex-direction:row;
	align-items:center;   

}

.contenedor_nav .nav div{
 
  	display:flex;
  	flex-direction:column;
	align-items:center;
	padding:5px;
	margin-left:5px;
	width:150px;
	background:white; 
	color:#c9464e;     

}



.contenedor_nav .nav div:hover > a{
	color:#8386b9;
}

.contenedor_nav .nav div:hover > span{
	color:#8386b9;
}

#resaltar{
	background:#dddddd; 
}

.contenedor_nav .nav a{
	text-decoration:none;
	color:#c9464e;
	font-weight:bold ;
}

.contenedor_principal{
	width:100%;
	height:auto;
	display:flex;
	justify-content:space-around; 
	flex-wrap: wrap;
	background:white; 
	margin:auto;
	margin-bottom:30px; 
}

.contenedor_principal .botones{
	width:350px;
	height:200px;
	border:3px solid #dddddd;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
	background-position: center;   
	margin:5px;   
}

.contenedor_principal .botones:hover{
	border:3px solid #c9464e;
	transition:1s; 
}

.contenedor_principal .botones:hover > a{

	color: #c9464e;
	transition:1s;
	font-weight:bold;	 

}

.contenedor_principal .botones p{
	color:#8386b9;
	font-size:23px;
	padding:5px;
	text-align:center;   
}

.contenedor_principal .botones a{
	text-decoration: none;
	color:black;
	font-size:23px;
	padding:5px;
	text-align:center; 

}




.contenedor_principal .botones_finalizados{
	width:350px;
	height:200px;
	border:3px solid #04a031;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
	background-position: center;   
	margin:5px;   
}

.contenedor_principal .botones_finalizados:hover{
	border:3px solid #c9464e;
	transition:1s; 
}

.contenedor_principal .botones_finalizados:hover > a{

	color: #c9464e;
	transition:1s;
	font-weight:bold;	 

}

.contenedor_principal .botones_finalizados p{
	color:#8386b9;
	font-size:23px;
	padding:5px;
	text-align:center;   
}

.contenedor_principal .botones_finalizados a{
	text-decoration: none;
	color:black;
	font-size:23px;
	padding:5px;
	text-align:center; 

}










.contenedor_principal .preguntas {

	width:85%;
	height:auto;
	display:flex;
	flex-direction:column; 
	background:white; 
	margin-bottom:30px;
	margin:auto;

}

.contenedor_principal .preguntas h2{
	text-align:left;
	padding:5px;
	color:#8386b9; 

}

.contenedor_principal .preguntas h3{
	text-align:left;
	padding:5px; 
	margin-left:8px;
	color:#c9464e; 

}


.contenedor_principal .preguntas p{
	text-align:justify;
	padding:5px;
	font-size:15px;
	color:#333333;  

}

.contenedor_principal .valores{
	width:85%;
	height:auto;
	display:flex;
	margin-bottom:30px;
	margin:auto;

}

.contenedor_principal .valores table{
	width:100%;
	text-align:center; 
	margin-top:20px;


}

.contenedor_principal .valores table  th{
	background:#8386b9;
	font-size:15px;
	height:50px;
	border:none;
	color:white;    
}

.contenedor_principal .valores table .titu{
	width:52%;
}

.contenedor_principal .valores table .titu2{
	width:12%;
}

.contenedor_principal .valores table  td{
	height:50px; 
	background:#c9464e; 
	color:white;
}

.contenedor_principal .anexo_1{

	width:85%;
	height:auto;
	display:flex;
	margin-bottom:30px;
	margin:auto;

}

.contenedor_principal .anexo_1 table{
	width:100%;
	text-align:center; 
	margin-top:20px;

}

.contenedor_principal .anexo_1 table th{
	background:#8386b9;
	font-size:15px;
	border:none;
	color:white;
	width:100%;   
}

.contenedor_principal .anexo_1 table tr{
	width:100%; 
	display:flex;
	align-items:center;
	justify-content:space-around;
	
	
}

.contenedor_principal .anexo_1 table tr td{
	height:auto;  
}

.contenedor_principal .anexo_1 table tr td input[type="radio"]{
	margin:5px;
}

.contenedor_principal .anexo_1 table .anexo4{
	height:90px;
	/*border-left:1px solid #8386b9;
	border-bottom:1px solid #8386b9; */
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
	width:35%;
       
	
}

.contenedor_principal .anexo_1 table .anexo4 p{
		padding:5px; 
}

.contenedor_principal .anexo_1 table  .pintar{
	background:#dddddd;  
	
}

.contenedor_principal .anexo_1 table td{
	font-size:15px;
	height:50px;
	justify-content:space-between;  
	border:none;
	color:#333333;
	display:flex;
	align-items:center;

}

.contenedor_principal .anexo_1 table td input[type=range]{
  width: 100%;
  height: 25px;
  background:#d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.contenedor_principal .anexo_1 table td input[type=range]:hover{

  opacity:1;

}


.contenedor_principal .anexo_1 table td input[type=range]::-moz-range-thumb{
-webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background:#8386b9;
  cursor: pointer;

}

.contenedor_principal .anexo_1 table td input[type=range]::-moz-range-thumb:hover{

  background:#c9464e;

}

.contenedor_principal .anexo_1 table td span{
	color:#c9464e;
	font-weight:bold;
	font-size:14px; 	 	
}


.contenedor_principal .anexo_1 table td input [type=radio]{
	font-size:18px; 
}

.contenedor_principal .anexo_1 table .pregunta{
	width:40%;
	text-align:left;
	border:none; 
	min-height:40px;
	
}

.contenedor_principal .guardar{
	width:50%;
	margin:auto;
	display:flex; 
	justify-content:space-around;
	margin-top:30px; 	    

}

.contenedor_principal .guardar a{
	font-size:20px;
	text-decoration:none;
	color:#8386b9; 
	font-weight:bold;  
}

.contenedor_principal .guardar a:hover{
	font-size:20px;
	text-decoration:none;
	color:#c9464e;
	font-weight:bold;   
}

.contenedor_principal .guardar a span{
	font-size:20px;
	margin-left:5px;  
}


.contenedor_principal .ocultar{
	display:none;
	visibility: hidden;
}



.paginador{
	width:50%;
	margin:auto;
	display:flex;
	justify-content:space-around;  
}

.paginador a{
	text-decoration:none;
	font-size:15px;
	margin:auto;
	padding:5px; 
	color:#CC333F;
	font-weight:bold;    
}


.principal_consentimiento{
	width:90%;
	margin:auto;
	height:auto; 
	margin-top: 20px;
	background: white; 
	margin-bottom:20px; ;  
}

.principal_consentimiento .header_pagina{
	width:100%;
	display:flex;
	justify-content:space-around;
	align-items:center; 


}

.principal_consentimiento .header_pagina div{
	width:80%;
	margin-top:10PX; 

}

.principal_consentimiento .header_pagina div img{
	width:100%;
	  
	
}

.principal_consentimiento .titulo_consentimiento{
	width:90%;
	margin:auto; 
	margin-top:50PX; 
}

.principal_consentimiento .titulo_consentimiento h2{
	padding:5px; 
	color:#c9464e;
	font-family: 'Roboto', sans-serif;
}

.principal_consentimiento .titulo_consentimiento hr{
	border:2px solid #c9464e;
	margin-bottom:20px; 
}

.principal_consentimiento .subtitulo_consentimiento{
	width:90%;
	margin:auto;
	border:2px solid #333333;
	margin-top:80px;
	margin-bottom:80px;  
}

.principal_consentimiento .subtitulo_consentimiento h2{
	padding:5px; 
	font-family: 'Roboto', sans-serif;
	color:#c9464e;
}

.principal_consentimiento .texto_consentieminto {
	width:90%;
	margin:auto; 

}

.principal_consentimiento .texto_consentieminto p{
	text-align:justify;
	padding: 5px;
	font-size:18px;  
	font-family: 'Merriweather', serif;
}

.principal_consentimiento .texto_consentieminto li{
	text-align:justify;
	padding: 5px;
	font-size:18px;  
	font-family: 'Merriweather', serif;
}

.principal_consentimiento .texto_consentieminto h3{
	font-family: 'Roboto', sans-serif;
	margin-top:20px;


} 

.principal_consentimiento .aceptar_consetimiento{
	width:50%;
	margin:auto;
	display:flex;
	justify-content: space-around; 
	margin-top:90px;
	margin-bottom:40px;   
}

.principal_consentimiento .aceptar_consetimiento a{
	display:block;
	line-height:30px;
	font-size:25px;
	background:#dddddd; 
	padding:5px; 
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	color:black;


}

.principal_consentimiento .aceptar_consetimiento a:hover{
	color:#0e3694;
}

.principal_consentimiento .demograficos{
	width:55%;
	margin:auto;
	display:flex;
	flex-direction:column;
	border:2px solid #dddddd;
	padding:5px;
	margin-top:20px;
}

#conquien{
	display:none;
}

#conquien2{
	display:none;
}

.principal_consentimiento .demograficos div{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}


.principal_consentimiento .demograficos div input[type="text"]{
	padding:5px;
	margin:5px;
	width:60%;
	text-align:center;
	font-weight:bold;
	border-radius:2px;
}

.principal_consentimiento .demograficos div input[type="number"]{
	padding:5px;
	margin:5px;
	width:60%;
	text-align:center;
	font-weight:bold;
	border-radius:2px;
}


.principal_consentimiento .demograficos div input[type="email"]{
	padding:5px;
	margin:5px;
	width:60%;
	text-align:center;
	font-weight:bold;
	border-radius:2px;
}
.principal_consentimiento .demograficos div select{
	padding:5px;
	margin:5px;
	width:60%;
	text-align:center;
	font-weight:bold;
	border-radius:2px;
}
.principal_consentimiento .demograficos div input[type="radio"]{
	padding:5px;
	margin:5px;
}

.principal_consentimiento .demograficos div input[type="date"]{
	padding:5px;
	margin:5px;
	width:60%;
	text-align:center;
	font-weight:bold;
	border-radius:2px;
}

.principal_consentimiento .demograficos div input[type="submit"]{
	padding:5px;
	margin:5px;
	width:80%;
	margin:auto;
	margin-top:20px;
	text-align:center;
	font-weight:bold;
	margin-bottom:40px; 
	
}

.principal_consentimiento .demograficos div input[type="submit"]:hover{
	border-radius:2px; ;
	
}

.principal_consentimiento .demograficos div label{
	/*color:#8386b9;*/
	color:#616060;
	font-weight:bold ;

}

#activo{
	color:#00A0B0;
}


.principal_manual{
	width:90%;
	margin:auto;
	height:auto; 
	margin-top: 20px;
	background: white;   
}

.principal_manual .criterios{
	width:90px;
	position:fixed;
	border-bottom-left-radius:10px; 
	border-top-left-radius:10px;  
	right:5px;
	height:50px; 
	background:#00A0B0;
	display:flex;
	flex-direction:column;
	justify-content: center;    	  
}

.principal_manual .criterios a{
	text-align:center;
	padding:5px; 
	text-decoration:none;
	color:white;  
}

.principal_manual .criterios a:hover{
	font-weight:bold; 
}

.principal_manual .titulo_manual{
	width: 50%;
	margin:auto;
	margin-top:40px;
	margin-bottom:50px;  
	background:#0e3694;
	height:250px;
	display:flex;
	flex-direction:column; 
	justify-content:center;


}

.principal_manual .titulo_manual h2{
	color:white;
	padding:5px;
	text-align:center;  
}

.principal_manual .titulo_texto{

	width:90%;
	margin:auto;
	margin-top:40px; 
	height:auto;  

}

.principal_manual .titulo_texto h4{
	font-weight:bold; 
	padding:5px; 
}

.principal_manual .titulo_texto  p{
	padding:5px;  
}

.principal_manual .titulo_texto .cuadro{
	width: 50%;
	height:auto;
	background:#0e3694;
	border-radius:5px;
	margin:auto; 
	margin-bottom:30px; 
	margin-top:30px; 
	display:flex;
	flex-direction:column; 
	justify-content:center; 	 

}

.principal_manual .titulo_texto .cuadro p{
	text-align:center;
	color:white;
	font-weight:bold; 
}

.principal_manual  .tabla_manual{
	width:90%;
	margin:auto;
	margin-top:50px;  
}

.principal_manual  .tabla_manual table{ 
	width:100%;
	padding:5px;
	border:1px solid #dddddd; 

}

.principal_manual  .tabla_manual table th{
	background:#0e3694;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;    
}

.principal_manual  .tabla_manual table  td{
	padding:5px; 
}

#color{
	background:#dddddd; 
}


 .aceptar_consetimiento{
	width:50%;
	margin:auto;
	display:flex;
	justify-content: space-around; 
	margin-top:90px;
	margin-bottom:40px;   
}

 .aceptar_consetimiento a{
	display:block;
	line-height:30px;
	font-size:25px;
	background:#dddddd; 
	padding:5px; 
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	color:black;
}


.aceptar_consetimiento a:hover{
	color:#0e3694;
}

.contenedor_principal .anexo_4{
	width:85%;
	height:auto;
	margin:auto;
	margin-top:30px; 
	display:flex;
	flex-direction:column;


}

.contenedor_principal .anexo_4 .titulo{
	width:100%;
	height:auto;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	display:flex;
	padding:5px;
	color:white;
	background:#c9464e; 
		
	  
}

.contenedor_principal .anexo_4 .titulo p{
	font-size:18px; 
}

.contenedor_principal .anexo_4 .subtitulo{
	width:100%;
	height:auto;

	display:flex;
	padding:5px;
	background:#8386b9;   
}

.contenedor_principal .anexo_4 .subtitulo p{
	color:white;
	font-size:15px; 
}

.contenedor_principal .anexo_4 .pregunta{
	width:90%;
	height:auto;
	display:flex;
	margin-left:10px;
	padding:5px; 
	background:#dddddd; 
	border-bottom:2px solid #8386b9;  
}

.contenedor_principal .anexo_4 .respuesta{
	width:25%;
	height:auto;
	display:flex;
	margin-left:25px;
	justify-content:space-around;
	align-items:center; 
	padding:5px;
	border:1px solid #8386b9;
	border-radius:5px; 
	margin-top:10px;
	/*border-left:1px solid #8386b9;
	border-right:1px solid #8386b9;*/
   
	
}

.contenedor_principal .anexo_4 .respuesta input[type="text"]{
	width:50px;
	border:none;
	border-bottom:2px solid #c9464e;
	text-align:center;
	padding:5px;
	margin-right:10px;    
	  
}

.contenedor_principal .anexo_4 .saltar{
	width:80%;
	height:auto;
	display:flex;
	margin-left:25px;;
	padding:5px; 
	justify-content:space-around;
	margin-top:10px; 
	border:1px solid #8386b9;
	border-radius:5px; 
	margin-bottom:10px 
}


.contenedor_principal .anexo_6{
	width:100%;
	display:flex;

}

.contenedor_principal .anexo_6 table{
	width:85%;
	margin:auto; 
}

.contenedor_principal .anexo_6 table th{
	background:#8386b9;
	color:white; 

}

.contenedor_principal .anexo_6 table tr{
	color:#333333;
	display:flex;
	justify-content:space-between;	
	 
}


.contenedor_principal .anexo_6 table td{
	font-size:15px;
	height:50px;
	border:none;
	color:#333333;
	border:1px solid black;
	width:25%;
	display:flex;
	align-items:center; 
	justify-content: center;  

} 

.contenedor_principal .anexo_6 table td input{
	margin:5px;
}



.contenedor_principal .anexo_1 table .anexo7{ 
	height:130px;
	/*border-left:1px solid #8386b9;
	border-bottom:1px solid #8386b9; */
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
	width:35%;
       
	
}

.contenedor_principal .anexo_1 table .anexo7 p{
		padding:5px; 
}



.contenedor_principal .anexo_1 table .anexo8{
	height:140px;
	border-left:1px solid #8386b9;
	border-bottom:1px solid #8386b9; 
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
	width:35%;
       
	
}

.contenedor_principal .anexo_1 table .anexo7 p{
		padding:5px; 
}


.contenedor_principal .anexo_9{
	width:85%;
	height:auto;
	display:flex;
	margin-bottom:30px;
	margin:auto;
	flex-direction: column;


}

.contenedor_principal .anexo_9 .titulo9{
	background:#8386b9;
	color:white;
	font-weight:bold;
	width:100%;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;     
	
}

.contenedor_principal  .titulo9{
	background:#8386b9;
	color:white;
	font-weight:bold;
	width:100%;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;     
	
}

.contenedor_principal .anexo_9 table{
	width:100%;
}

.contenedor_principal .anexo_9 table tr{
	display:flex;
	justify-content:space-around;
}


.contenedor_principal .anexo_9 table td{
	font-weight:bold;
	padding:5px;
	
	
}


.contenedor_principal .anexo_9 table .titulo9{
	background:#8386b9;
	color:white;
	font-weight:bold;
	width:100%;
	padding:5px;
       
	
}


.contenedor_principal .anexo_9 table .anexo9{
	height:160px;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:flex-start;
	width:100%;
     color:black;	
}

#pintar_d{
	background:#dddddd;
}

.contenedor_principal .anexo_9 table .anexo9 p{
	padding:5px;
}


.contenedor_principal .anexo_9 .guardar{
	width:50%;
	margin:auto;
	display:flex; 
	justify-content:space-around;
	margin-top:30px; 
	    

}

.contenedor_principal .anexo_9  .guardar a{
	font-size:20px;
	text-decoration:none;
	color:#8386b9; 
	font-weight:bold;  
}

.contenedor_principal .anexo_9  .guardar a:hover{
	font-size:20px;
	text-decoration:none;
	color:#c9464e;
	font-weight:bold;   
}

.contenedor_principal .anexo_9  .guardar a span{
	font-size:20px;
	margin-left:5px;  
}

.contenedor_principal .contenido_9{
	width:85%;
	height:auto;
	display:flex;
	height:400px;
	justify-content:space-around;
	
}

.contenedor_principal .contenido_9 .izquierda{
	width:65%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
}

.contenedor_principal .contenido_9 .izquierda div{
	width:100%;
	padding:5px;
}

.contenedor_principal .contenido_9 .izquierda div p{
	font-size:20px;
	color:#8386b9;
	font-weight:bold;  
}

#salud{
	color:#c9464e;
}

.contenedor_principal .contenido_9 .derecha{
	width:30%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;

}


.contenedor_principal .contenido_9 .derecha div{
	height:auto;
	display:flex;
	align-items:center;

}

.contenedor_principal .contenido_9 .derecha div p{
	font-size:16px;
	font-style: italic;

}

.contenedor_principal .contenido_9 .derecha div input[type=range]{
 width:300px;
  height:20px;
  background:#c9464e;;
  outline: none;
  opacity: 0.9;
  transform: rotate(-90deg);
}

.contenedor_principal .contenido_9 .derecha div input[type=range]:hover{
  opacity:1;
}


.contenedor_principal .contenido_9 .derecha div input[type=range]::-moz-range-thumb{
-webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  background:black;;
  cursor: pointer;

}

.contenedor_principal .contenido_9 .derecha input[type=range]::-moz-range-thumb:hover{
  background:#8386b9;
}

#finalizado {
	color:#04a031;
}

#sin_finalizar {
	color:#c9464e;;
}

.contenedor_principal .basal_preguntas {
	width:85%;
	margin:auto;
	display:flex;
	flex-direction:column;
	margin-top:50px;

}

.contenedor_principal .basal_preguntas p{
	color:#333333;
	padding:5px;
}

.contenedor_principal .basal_preguntas .titulo{
	display:flex;
	width:100%;
	height:auto;
	background:#8386b9;
	color:white;
	margin-top:15px;

}

.contenedor_principal .basal_preguntas .titulo p{
	color:white;
	padding:5px;
	font-weight:bold;
	font-size:18px;

}

.contenedor_principal .basal_preguntas .descripcion{
	display:flex;
	width:98%;
	height:auto;
	flex-direction:column;
	margin-left:10px;
	background:#F9F7F7;
}

.contenedor_principal .basal_preguntas .descripcion p{
	color:#333333;
	
}

.contenedor_principal .basal_preguntas .descripcion p label{
	color:#c9464e;
	font-weight:bold;
}

.contenedor_principal .basal_preguntas .descripcion .sub_nivel{
	margin-left:20px; 
}


.contenedor_principal .basal_preguntas .descripcion input{
	margin-left:8px;
	margin-right:8px; 
}

.contenedor_principal .basal_preguntas .tabla{
	width:100%; 
}

.contenedor_principal .basal_preguntas .tabla table{
	width:98%;
	margin:auto; 
}

.contenedor_principal .basal_preguntas .tabla table th{
	background:#dddddd;
	color:#333333;
	padding:5px;
}

.contenedor_principal .basal_preguntas .tabla table td{
	width:50%;
} 

.contenedor_principal .basal_preguntas .tabla table td input[type="checkbox"]{
	margin:5px;

}

.contenedor_principal .basal_preguntas .tabla table td label{
	color:#c9464e;
	font-weight:bold;
	width: 100%;;

}

.contenedor_principal .basal_preguntas .tabla table td input[type="number"]{
	width:100%;
	margin:auto;
	border-top:none;
	border-left:none;
	border-right:none;
	border:2px solid #dddddd;;
	text-align:center;
	padding:5px;
	font-size:15px;
	color:#c9464e;
	font-weight:bold; 
}


.contenedor_principal .basal_preguntas .descripcion_p12{
	display:flex;
	width:98%;
	height:auto;
	flex-direction:column;
	background:#dddddd;
}

.contenedor_principal .basal_preguntas .descripcion_p12 p{
	color:#333333;
	
}

.contenedor_principal .basal_preguntas .descripcion_p12 p label{
	color:#c9464e;
	font-weight:bold;
}

.contenedor_principal .basal_preguntas .descripcion_p12 .sub_nivel{
	margin-left:20px; 
}


.contenedor_principal .basal_preguntas .descripcion_p12 input{
	margin-left:8px;
	margin-right:8px; 
}


footer{
	width:90%;
	margin:auto ;
	height:auto;
	display:flex;
	position:relative;
	bottom:0px;
	justify-content:space-between;
	align-items:center;
	background:#8786c6;
	margin-bottom:0px; 

}

footer .texto_footer{
	width:70%;
	height:auto;
	
}

footer .texto_footer p{
	font-weight:bold;
	color:#ffffff;
    padding: 5px 10px;
}

footer .logo{
	width:13%;
	height:auto;
}


footer .logo img{
	width:100%;
}

#fases_del_proyecto{
	margin-top:25px; ;
}

#fase1{
	margin-left:15px;
	margin-bottom: 20px;;
}


#sin_espacios{
	font-size:10px;;
}



.contenedor_principal .anexo_18{
	width:85%;
	height:auto;
	display:flex;
	margin-bottom:30px;
	margin:auto;

}

.contenedor_principal .anexo_18 table{
	width:70%;
	margin:auto;
	text-align:center; 
	margin-top:20px;
	border:1px solid #8386b9;

}

.contenedor_principal .anexo_18 table th{
	background:#8386b9;
	font-size:15px;
	border:none;
	color:white;
	width:100%;   
}

.contenedor_principal .anexo_18 table tr{
	width:100%; 
	display:flex;
	align-items:center;
	justify-content:space-around;
	
	
}

.contenedor_principal .anexo_18 table tr td{
	height:auto; 
	width:50%;
	margin:5px;
}

.contenedor_principal .anexo_18 table .pregunta{

	text-align:left;
	border:none; 
	min-height:40px;
	
}

.contenedor_principal .anexo_18 table .anexo7{ 
	height:auto;
	/*border-left:1px solid #8386b9;
	border-bottom:1px solid #8386b9; */
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
	width:35%;
       
	
}

.contenedor_principal .anexo_18 table .anexo7 p{
		padding:5px; 
}

.contenedor_principal .anexo_18 table  .pintar{
	background:#dddddd;  
	
}

.contenedor_flex_colum{
	display:flex;
	width:80%;
	margin:auto;
	justify-content:space-around;
	flex-direction:column;

}

.contenedor_flex_colum div{
	margin-left:30px;
	margin-bottom:15px;
}

.contenedor_flex_colum div p{
	margin-left:15px;

}

.contenedor_flex_colum div span{ 
	margin-left:20px;

}

.contenedor_flex_colum table{
	border:1px solid black;
	margin:auto;

}

.contenedor_flex_colum table th{
	background:#dddddd;
	font-weight:bold;
	padding: 5px;
	text-align:center;

}

.contenedor_flex_colum table td{
	padding:5px;
	text-align:left;
	font-weight:lighter;

}

.contenedor_principal .anexo_p_13{
	width:100%;
	height:auto;
	display:flex;
	padding:5px;

	display: flex;
	flex-direction: column;

}

.contenedor_principal .anexo_p_13 .titulos{

	background:#8386b9;
	display: flex;
	justify-content: space-between;
	width: 100%;

}

.contenedor_principal .anexo_p_13 .titulos div{
	color:white;
	font-weight: bold;
	padding: 5px;
	text-align:center;

}


	

.contenedor_principal .anexo_p_13 .titulos .motivo{
width: 40%;;
text-align: left;

}


.contenedor_principal .anexo_p_13 .titulos .dias{
	width: 20%;
	}

	
.contenedor_principal .anexo_p_13 .titulos .pregunta{
	width: 20%;
	
	}
	
	


.contenedor_principal .anexo_p_13 .contenedores{
	display: flex;
	justify-content: space-between;
	width: 100%;
	background:#dddddd;
	
}

.contenedor_principal .anexo_p_13 .contenedores div{
	padding: 5px;
	
}

.contenedor_principal .anexo_p_13 .contenedores .pregunta{
	width:20%
	
}

.contenedor_principal .anexo_p_13 .contenedores div label{
	color:#c9464e;
	font-weight:bold;
	width: 100%;;

}


.contenedor_principal .anexo_p_13 .contenedores .texto{
	
	width: 40%;;

}

.contenedor_principal .anexo_p_13 .contenedores .texto input[type="text"]{

	width: 100%;;
	padding: 5px;
		
	margin:auto;
	border-top:none;
	border-left:none;
	border-right:none;
	border:2px solid #dddddd;;
	text-align:center;
	padding:5px;
	font-size:15px;
	color:#c9464e;
	font-weight:bold; 

}

.contenedor_principal .anexo_p_13 .contenedores .number{
	
	width: 20%;;

}

.contenedor_principal .anexo_p_13 .contenedores .number  input[type="number"]{

	width: 100%;;
	padding: 5px;
	
	margin:auto;
	border-top:none;
	border-left:none;
	border-right:none;
	border:2px solid #dddddd;;
	text-align:center;
	padding:5px;
	font-size:15px;
	color:#c9464e;
	font-weight:bold; 

}



.contenedor_principal .anexo_p_13 .titulodos{
	width:100%;
	height:auto;
	display:flex;
	padding:5px;
	background:#8386b9;  
}

.contenedor_principal .anexo_p_13 .preguntas{
	width:25%;
	height:auto;
	display:flex;
	margin-left:25px;
	justify-content:space-around;
	align-items:center; 
	padding:5px;
	border:1px solid #8386b9;
	border-radius:5px; 
	margin-top:10px; 
}