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


body {background-color: rgba(235,246,252,1.00)
							}

h1 {-webkit-text-stroke: 0.8px rgba(0,27,124,.7);  
    -webkit-text-fill-color: rgba(210,228,243,1.00);
 	font-family: Constantia;
	font-size: 50px;
	margin: 20px 0px;
	padding: 6px 0px 6px 0px;
	background-color:rgba(112,166,214,1.00);
	border-radius: 19px;
	border: 1px solid rgb(0,0,128,0.2);
	text-indent:25px;
	text-align: left;
	box-shadow: 6px 2px 8px 1px rgba(70,87,142,0.4);
		}

h2 {font-family: cambria;  
	font-weight: normal;
	font-size: 26px;
	margin: 5px;
	padding: 10px 0px 10px 20px;
	letter-spacing: 0.5px;
	background-color: rgba(175,210,234,1.00);
	color: rgba(0,67,124,1.00);
	border-radius: 12px;
	border-bottom: 0.1px solid rgb(65,105,225,0.3);
	box-shadow: 3px 2px 6px 1px rgba(70,108,161,0.5)
		}



h3 {font-family: cambria;
	background-color: rgba(196,222,240,1.00);
	color: rgba(0,75,139,1.00);
	font-size: 22px;
	margin: 8px 8px 25px;
	padding: 10px 5px;
	text-align: center;
	font-weight: normal;
	border-radius: 8px;	
	border: 1px solid rgb(70,150,225,0.3);
	box-shadow: 2px 1px 6px 0px rgb(76,61,139,0.5);
		}

h4 {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 
	background-color: rgba(196,222,240,1.00); 
	color:  rgba(0,0,120,1.00); 
	font-size: 17px;
	font-weight: 100;
	margin: 0px 6px 10px 9px; 
	padding: 3px 8px 10px 6px; 
	border-radius: 8px 8px 0px 0px; 
	text-align: center; 
	border: 1px solid rgba(70,130,180,0.3)
		} 

h5 {font-family:"Liberation Serif"; 
	color: rgba(0,75,139,1.00); 
	font-size: 18px;
	font-weight: 600;
	padding-left: 16px;
		}

h6 {font-family: "Times New Roman", "serif"; 
	background-color: rgb(176, 196, 222, 0.8);
	color:  rgba(86,110,160,1.00);
	font-size: 20px;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	padding: 10px 20px 10px 20px;	
	border-radius: 8px 8px 0px 0px; 
	text-align: center;
		}





h7 {font-family: Times New Roman;
	font-size: 22px;
	text-align: left;
	color: rgba(86,113,154,1.00);
	margin-left: 10px
	}



h8{font-family:arial;
	font-size: 15px;
	margin-left: 6px;
	font-weight:normal;
	color: darkblue;
		}


hr { background-color: rgba(0,75,139,0.30);
		border-radius: 0px;
  		height: 0px;
		border-color:rgba(27,88,140,0.00);
		margin-top: 1%;
		margin-right: 4%;
		margin-left: 3%
  		}

.hr_colum{background-color: rgba(0,75,139,0.2);
			border-radius: 5px;
  			margin:-24px 15px 0px}	


p {text-align: justify;
	padding: 0px 20px 0px 18px;
	line-height: 26px;
	font-size: 16px;
		}

li{text-align: justify;
   margin-left: 0px;
	padding: 0px 20px 10px 0px;
	line-height: 26px;
	font-size: 16px	}

	


a{text-decoration: none;} 



.colum_h6 {background-color: rgba(196,222,240,0.60);
			border: 1px solid rgba(70,130,180,0.3);
			margin: -7px 7px 15px 9px;
			padding: 0px 8px 15px;
			border-radius: 0px 0px 12px 12px;
			}


.pregunta {background-color:rgba(221,243,254,0.50);
				border-radius: 1em;
				border: 1px solid rgb(176, 192, 222, 0.8);
				margin: 10px 0px 10px 0px;	
				padding: 0px 10px 20px 10px;
				font-family: arial;
				color: darkblue; 
				font-weight: 500; 
				font-size: 18px; 
				}

.apartado {margin:  5px 5px 15px 10px;
				padding: 5px 5px 40px 5px;
				border-radius: 12px;
				background-color:rgba(237,249,254,0.8);
				box-shadow: 3px 1px 6px 1px rgb(76,61,139,0.2);
				font-family: arial;
				color: darkblue; 
					}

.titulo_h3 {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
				background-color: rgba(255,255,255,0.00);
				color: rgba(0,0,118,1.00);
				font-size: 19px;
				font-weight: 600;
				margin: 12px 15px 0px 10px;
				padding: 5px 5px 5px 10px;
				text-align: left;
				border-radius: 0px;
	 			border: none;
				border-bottom: 1px solid rgb(0,0,159,1.0);
				box-shadow: 2px 1px 6px 0px rgb(76,61,139,00)
					}

.apartado_h3 {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
				background-color: rgba(255,255,255,0.00);
				color: rgba(0,0,118,1.00);
				font-size: 18px;
				font-weight: 600;
				font-style: italic;
				margin: 12px 15px 0px 10px;
				padding: 5px 5px 5px 10px;
				text-align: left;
				border-radius: 0px;
	 			border: none;
				border-bottom: 0px solid rgb(0,0,159,1.0);
				box-shadow: 2px 1px 6px 0px rgb(76,61,139,00)
					}



.negrita {color:rgba(0,0,118,1.00);
			font-weight:600;
			font-size: 15px;
			font-family: arial;}

.negrita_times {color:rgba(0,74,138,1.00);
				font-weight:600;
				font-size: 15px;
				font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}


.apartado h7 {font-size: 12px;
				font-weight:600;
				color: darkblue;
				}

.apartado ul {list-style-type:disc;
				}


.ventana_h4 {background-color: rgba(196,222,240,0.60);
				border: 1px solid rgba(70,130,180,0.3);
				margin: -7px 6px 10px 9px;
				padding: 0px 8px 0px;
				border-radius: 0px 0px 12px 12px;
				}
.ventana_h4 li {margin-left: 5px;
				font-size: 14px;
				padding-bottom: 10px;
				line-height: 19px}

.ventana_times {background-color: rgba(196,222,240,0.60);
				border: 1px solid rgba(70,130,180,0.3);
				margin: -7px 6px 10px 9px;
				padding: 0px 4px 0px;
				border-radius: 0px 0px 12px 12px;
				font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
				}

.ventana_times p {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
					font-size: 15px;
					line-height: 20px}


.ventana_times li {margin-left: 5px;
				font-size: 15px;
				padding-bottom: 10px;
				line-height: 19px}

.ventana_h6 {font-family: Liberation;
			font-size: 19px;
			margin: -7px 10px 10px 10px;
			padding: 3px 20px 10px 10px;
			background-color: rgb(176, 196, 222, 0.5);
			color: darkblue;	
			border-radius: 0px 0px 12px 12px;
			border: px solid darkblue;
			}

.ventana_h6 li {margin-left: -30px;
				margin-right: -10%;
				list-style-type: none}

.libre {background-color: rgba(196,222,240,0.60);
				border: 1px solid rgba(70,130,180,0.3);
				margin: -7px 6px 10px 9px;
				padding: 0px 8px 0px;
				border-radius: 0px 0px 12px 12px;}

.cuadro_1 {text-align: justify; 
			border-radius: 8px;
			background: rgba(193,189,221,0.65);
			padding: 19px 5px; 
			margin: 10px 20px 5px 15px;
					}

.cuadro_1 p {font-size: 13px;
				line-height: 21px;
				padding-left: 12px}

.cuadro_1 li {font-family: arial;
			  	font-size: 13px;
				line-height: 21px;
				margin-top: 15px ;
				padding-bottom: 0px;
				padding-left: 25px
					}

.cuadro_1 h7 {font-family:arial;
				font-size: 14px;
				font-weight: bold
					}

.maqueta_2c{display: grid;
			grid-template-columns: 50% 50% ;
			margin: 20px 0px 0px;
			}

.maqueta_3c{display: grid;
			grid-template-columns:33.3% 33.3% 33.3%;
			margin: 20px 0px 0px;}

.columna{margin: 5px 5px 5px}




.apendice{display:inline-block;
			width: max-content;	}


.h2_apendice{font-size: 18px;
			margin: 10px 35px;
			padding: 5px 20px 5px 15px;
			}

.h2_apendice:hover{background-color: cadetblue;
				color:aliceblue;
				}



.h3_hover{margin: 7px 50px 1px 60px;font-family: cambria; 
				width: 350px;
				padding: 2px 16px;
				box-shadow: 3px 1px 6px 1px rgb(76,61,139,0.2);
				border-radius: 12px;
				border: 1px solid rgba(70,130,180,0.2);
				background-color: rgba(196,222,240,1.00);				
				color:rgba(0,75,153,1.00)
					}

.h3_hover:hover{background-color: cadetblue;
						color:aliceblue; 
								}






.clip ul li{margin-left: 20px;
			}

		
.sub_ul ul li{	margin-left: 40px;
					list-style-type:lower-roman}

.sub_p {margin-left: 20px}

.sub_ol {list-style-type: lower-alpha}


.tooltip_1{position:relative;
			background-color:rgba(204,214,240,0.70);
			padding: 1px 8px;
			border-radius: 6px;
			font-style: italic;
			font-weight: inherit;
			}

.tooltip_1 .tooltiptext_1 {
  	visibility: hidden;
  	width: 400px;
  	background-color: rgba(66,69,110,1.00);
  	color: aliceblue;
  	text-align: left;
  	padding: 10px 10px;
   	border-radius: 8px;
	transition: 0.8s;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	line-height: 21px;
 	border: 1px solid rgba(68,62,90,0);
	box-shadow: 3px 3px 10px 2px rgba(68,62,90,0.80);
  /* Position the tooltip text - see examples below! */
  	left: 0px;
	bottom: 130%;
	position:absolute;
  	z-index: 1;
	}


.tooltip_1:hover .tooltiptext_1 {
  visibility: visible;
	}

.tooltip_1 .tooltiptext_2 {
  	visibility: hidden;
  	width: 400px;
  	background-color: rgba(66,69,110,1.00);
  	color: white;
  	text-align: left;
  	padding: 10px 10px;
   	border-radius: 8px;
	transition: 0.3s;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	line-height: 21px;
 	border: 1px solid rgba(68,62,90,0);
	box-shadow: 3px 3px 10px 2px rgba(68,62,90,0.80);
  /* Position the tooltip text - see examples below! */
  	right: 10px;
	bottom: 130%;
	position: absolute;
  	z-index: 1;
	}


.tooltip_1:hover .tooltiptext_2 {
  visibility: visible;
	}