@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');
/*--------------------------------TEXTO-------------------------------------*/

h1 {
	font-family: 'Raleway', sans-serif;
	font-size: 2.2em;
	font-weight: 400;
	color: white;
}
.cajaTitulo{
	padding: 10px;
	text-align: left;
	border-radius: .3rem;
	background-color: #00385F;
}
h2 {
	margin-top:3rem;
	font-family: 'Raleway', sans-serif;
	font-size: 2em;
	font-weight: 500;
	color: #1F96D4;
	text-transform: uppercase;
}
h3 {
	margin-top:2rem;
	font-family: 'Raleway', sans-serif;
	font-size: 2em;
	font-weight: 500;
	color: #F39200;
	
}
h4 {
	font-family: 'Raleway', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	color: #333333;	
}
h5 {
	font-family: 'Raleway', sans-serif;
	font-style: oblique;
	font-size: 1.4em;
	font-weight: 500;
	color:black;	
}
h6 {
	font-family: 'Raleway', sans-serif;
	font-size: 1.2em;
	font-weight: 500;
	color: #005C58;	
}

p{
	margin:1rem 1rem 0 1rem;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	text-align: justify;
	font-weight:300;
	line-height: 1.5;
	color: #222;
}
/*textos referencias en párrafos*/
.cuadrosFiguras {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	color: #1F96D4;
}
ol, ul{
	margin-left:0;
	margin-right:5px;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	text-align: left;
	font-weight: 300;
	line-height: 1.5;
	/*color: #333;*/
	
}

li{	
	margin-bottom: .5rem;
}
a {
	font-weight: 400;
	color:olivedrab;
}
a:visited {
  color: lightslategrey;
}

a:hover {
  color: darkolivegreen;
}
sup{
	font-size: 12px;
}
sub{
	font-size: 11px;
}


/*--------------------------------BODY-------------------------------------*/
body{
	margin:0 1rem 0 1rem;
	/*background-color: black;*/
}

.cajaCaso{
	width:60%;
	height: auto;
	margin: auto;
	padding: 50px;
	border: 1px dashed #FFC27F ;
	border-radius: 8px;
	background-image: linear-gradient(180deg, FloralWhite, BlanchedAlmond)  ;
	display:block;
	vertical-align: middle;
}
/*#FFF6EA*/
.imagenCaso{
	width: 15%;
	margin:-20  auto;
	/*background-color: aqua;*/	
	float: left;
}
.imagenCaso img{
	width: 90%;
}
.casoEntrada {
	width:80%;
	margin: auto;
/*	background-color: aliceblue;*/
	display:inline-block;
}
.casoEntrada p{
	padding-left: 20px;
	font-family: 'Raleway', serif;
	font-style: italic;
	font-size: 22px;
	font-weight: 400;
	text-align:justify;
	color: darkslategray;
}


.bull1 {
	list-style-image: url("../img/check.gif");
	list-style-type:square;
}
.bull1 ul{
	list-style-image: none;
	list-style-type:circle;
}

.bullguion {
	list-style-image: url("../img/guion.gif");
	list-style-type:square;
}
.bullguion ul{
	list-style-image: none;
	list-style-type:circle;
}
.nota{
	margin-bottom: 3rem;
	font-family: 'Roboto' , sans-serif;
	font-size: 18px;
	text-align: left;
	line-height: 1.4;
	color: #555;
}
/*--------------------------------TABLAS-------------------------------------*/

table{
	margin-top: 2rem;
	margin-bottom:2rem;
	/*width:90%;*/
}/*
.tablaScroll{
	overflow-x:auto;
}*/
.tablaTitulo {
	padding: 10px;
	font-family:'Raleway', sans-serif;
	font-size: 24px;
	font-style: normal;
	letter-spacing: 1px;
	font-weight: 400;
	color: white;
	background-color:#1F96D4;
}

.tablaSubtit {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: white;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	background-color:#EF7F06;
}

table ol, table ul{
	margin: 0;
	padding: 0;
}
.renglonUno {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	line-height: normal;
	background-color: #F2F3F8;
	vertical-align: top;
}
.renglonUno li{
	margin: 0 5px 0 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	line-height: normal;
}
.renglonDos {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	line-height: normal;
	background-color: #DBEAF7;
	vertical-align: top;
}
.renglonDos li{
	margin: 0 5px 0 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	line-height: normal;
}
.pieTabla {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #808080;
	line-height: normal;
	text-align: right;
}

.formula{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight:300;
	font-style: italic;
	color: #222;
}
/*------------------TABLAS Galería de imágenes-----------------*/
.tablaAnexos{
	margin-bottom:4rem;
}
.tablaAnexosTitulo {
	padding: 10px;
	font-family:'Raleway', sans-serif;
	font-size: 24px;
	font-style: normal;
	letter-spacing: 1px;
	text-align: center;
	font-weight: bolder;
	color: white;
	background-color:#1F96D4;
}

.AnexosRenglonUno{
	font-family: 'Roboto', sans-serif;
	font-size: 23px;
	font-weight: 300;
	text-align: left;
	line-height: 1.6;
	background-color: #F2F3F8;
	vertical-align: middle;
}
.AnexosRenglonUno td{
	padding:10px 20px;
}
.AnexosRenglonDos {
	padding:5px;
	font-family: 'Roboto', sans-serif;
	font-size: 23px;
	font-weight: 300;
	text-align: left;
	line-height: 1.6;
	background-color: #DBEAF7;
	vertical-align: middle;
}
.AnexosRenglonDos td{
	padding:10px 20px;
}

table td figure{
	width: 90%;
	margin: auto;
}

table td figure img {
	width: 100%;
}

/*--------------------------------FIGURAS-------------------------------------*/

/**/img{
	display: block; 
	margin:auto;
}
.figuras{
	width: 80%;
	max-width: 1000px;
	height: auto;
	margin: auto;
	margin-top:30px;
	margin-bottom: 100px;
	padding:0;
	/*background-color: red;
	border-radius: 10px 10px 0 0;
	border:1px solid #666666;*/
	clear:both;
}
.figuras img{
	width: 100%;
	/*
	margin:0;
	padding:0;*/
}
.figuras p{
	padding: 10px;
	font-family:'Raleway', sans-serif;
	font-size: 24px;
	font-style: normal;
	letter-spacing: 1px;
	font-weight: 400;
	color: white;
	background-color:#1F96D4;
}
.figuras .pieImagen{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;	
	font-weight: 400;
	color: #808080;
	line-height: normal;
	text-align: right;
	background-color: white;
	border-top: dashed 1px #1F96D4;
}
/*.figuras .pieImagen a{
	color:lightblue;
}
.figuras .pieImagen a:hover{
	color:paleturquoise;
}

*/
/*--------------------------------PREGUNTAS GUARDIA-------------------------------------*/

.preguntasGuardia {
	margin-top: 50px;
	margin-bottom:2rem;
	padding: 10px;
	font-family: 'Raleway', sans-serif;
	font-size: 2em;
	font-weight: 500;
	letter-spacing: 1px;	
	color: white;
	background-color: #EF9229;
	border-radius: .3rem;
	
}


/*--------------------------------LECTURA RECOMENDADA-------------------------------------*/
.lecturaRecomendada{
	margin-bottom:50px;
}
.lecturaRecomendada p{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
}
.lectura {
	margin-top: 50px;
	margin-bottom:3rem;
	padding:10px ;
	font-family: 'Raleway', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 1px;	
	color: white;
	background-color: #AFCA0B;
	border-radius: .3rem;
}

/*----------------------------------------------************      RESPONSIVO      ************------------------------------*/

@media screen and (max-width: 1400px) {
/*	body{
		background-color: hotpink;
	}*/
	.figuras{
		width: 100%;
		max-width: 1000px;
		height: auto;
		margin: auto;
		margin-top:30px;
		margin-bottom: 100px;
		padding:0;
		clear:both;
	}
	.cajaCaso{
		width:90%;
		padding: 40px;
		margin-bottom: 3rem;
	}
	.imagenCaso{
	width: 15%;
		margin:auto;/*
		margin-top: 20px;*/
	}
	.casoEntrada {
		width:85%;
	}
	.AnexosRenglonUno{
		line-height: 1.4;
	}
	.AnexosRenglonDos {
		line-height: 1.4;
	}
	
}
@media screen and (max-width: 1100px) {
/*	body{
		background-color: yellow;
	}*/
	.imagenCaso{
	width: 20%;
	margin-top: 10px;
	}
	.casoEntrada {
	width:80%;
	}
	.tablaAnexos{
		margin-bottom:4rem;
		width: 100%;
	}
	.AnexosRenglonUno{
		font-size: 20px;
	}
	.AnexosRenglonDos {
		font-size: 20px;
	}
	.lecturaRecomendada p{
		margin-top:10px;
		line-height: 1.4;
	}
}


@media screen and (max-width: 947px) {
/*	body{
		background-color: red;
	}
	*/
	h1 {
		font-size: 2em;
		font-weight: 400;
	}

	h2 {
		margin-top:2rem;
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.7em;
	}
	h4 {
		font-size: 1.4em;
	}
	h5 {
		font-size: 1.3em;
	}
	h6 {
		font-size: 1.2em;
	}
	
	p{
		margin:.3rem .2rem 0 .4rem;
		font-size: 20px;
		line-height: 1.4;
	}
	.cuadrosFiguras {
		font-size: 20px;
	}
	ol, ul{
		margin-left:-15px;
		font-size: 20px;
		line-height: 1.4;
	}
	.cajaCaso{
		width:80%;
	}
	.imagenCaso{
	margin-top: 15px;
	}
	
	
/*--------------------------------TABLAS-------------------------------------*/

	.tablaTitulo {
		font-size: 20px;
		text-align: center;
	}
	.tablaSubtit {
		font-size: 18px;
		font-weight: 400;
	}

	table ol, table ul{
		margin: 1px;
		padding: 1px;
	}
	.renglonUno {
		font-size: 18px;
	}
	.renglonUno li{
		font-size: 18px;
	}
	.renglonDos {
		font-size: 18px;
	}
	.renglonDos li{
		font-size: 18px;
	}
	.pieTabla {
		font-size: 16px;
	
	}
	
/*------------------TABLAS Galería de imágenes-----------------*/

	.tablaAnexosTitulo {
		padding: 10px;
		font-size: 20px;
	}

	.AnexosRenglonUno{
		font-size: 18px;
	}
	.AnexosRenglonDos {
		font-size: 18px;
	}

	table td figure{
		width: 100%;
	}
/*--------------------------------FIGURAS------------------------*/

	.figuras{
		width: 90%;
		max-width: 700px;
	}
	.figuras p{
		font-size: 20px;
		text-align: center;
	}
	.figuras .pieImagen{
		font-size: 16px;
	}

	/*---------------------PREGUNTAS GUARDIA--------------------*/

	.preguntasGuardia {
		font-size: 1.6em;
	}


	/*-------------------------LECTURA RECOMENDADA--------------*/

	.lecturaRecomendada p{
		font-size: 18px;
	}
	.lectura {
		font-size: 1.6rem;
	}
}


@media screen and (max-width: 736px) {
	/*body{
		background-color: aqua;
	}*/
		
	
	.cajaTitulo{
		padding: 10px;
		text-align: center;
	}
	h1 {
		font-size: 1.8em;
	}

	h2 {
		margin-top:1.8rem;
		font-size: 1.6em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.2em;
	}
	h5 {
		font-size: 1.1em;
	}
	h6 {
		font-size: 1em;
	}
	
	p{
		margin:.4rem .5rem 0 .3rem;
		font-size: 18px;
		line-height: 1.3;
	}
	.cuadrosFiguras {
		font-size: 18px;
	}
	ol, ul{
		margin-left:-20px;
		font-size: 18px;
		line-height: 1.6;
	}
	.nota{
		font-size: 16px;
		text-align: left;
		line-height: 1.3;
		color: #444;

	}
	.cajaCaso{
			width: 80%;
		}
		.imagenCaso{
			width:40%;
			margin:0 30% 20px;			
		/*	display: none;*/
		}
	.casoEntrada {
			width:100%;
		}
		.casoEntrada p{
			font-size: 20px;	
			text-align: center;
			line-height: 1.3;
			padding-left: 0;
		}

/*--------------------------------TABLAS-------------------------------------*/

	.tablaTitulo {
		line-height: 1.2;
	}
	.tablaSubtit {
		font-size: 16px;
		letter-spacing: 0;
		line-height:normal;
	}
	.renglonUno {
		font-size: 16px;
	}
	.renglonUno li{
		font-size: 16px;
	}
	.renglonDos {
		font-size: 16px;
	}
	.renglonDos li{
		font-size: 16px;
	}
	.pieTabla {
		font-size: 14px;
		font-weight: 300;
		text-align: left;
		line-height: 1.3;
	}
/*------------------TABLAS Galería de imágenes-----------------*/

	.tablaAnexosTitulo {
		font-size: 18px;
	}

	.AnexosRenglonUno{
		font-size: 16px;
		line-height:auto;
	}
	.AnexosRenglonDos {
		font-size: 16px;
		line-height: auto;
	}

/*--------------------------------FIGURAS------------------------*/

	.figuras{
		width: 100%;
		max-width: 600px;
	}
	.figuras p {
		line-height: 1.2;
	}
	.figuras .pieImagen{
		font-size: 14px;		
		font-weight: 300;
		text-align: left;
		line-height: 1.3;
	}

	/*---------------------PREGUNTAS GUARDIA--------------------*/

	.preguntasGuardia {
		font-size: 1.4em;
	}


	/*-------------------------LECTURA RECOMENDADA--------------*/

	.lecturaRecomendada p{
		margin-top:10px;
		font-size: 16px;
		line-height: 1.4;
	}
	.lectura {
		font-size: 1.4rem;
	}

}

@media screen and (max-width: 480px) {
/*	body{
		background-color: crimson;
	}*/
	
	h1 {
		font-size: 1.6em;
		font-weight: 500;
	}
	.cajaTitulo{
		padding: 20px;
	}
	h2 {
		font-size: 1.5em;
		margin-top:1.5rem;
	}
	h3 {
		font-size: 1.3em;
	}
	h4 {
		font-size: 1.1em;
	}
	h5 {
		font-size: 1em;
	}
	h6 {
		font-size: .9em;
	}
	p{
		font-size: 16px;
		line-height: auto;
		text-align: left
	}
	
	.cuadrosFiguras {
		font-size: 16px;
	}
	ol, ul{
		font-size: 16px;
		line-height: auto;
	}
	.nota{
		font-size: 15px;
		line-height: 1.3;
	}
	.cajaCaso{
		width:100%;
		margin: 0 0 3rem 0;
		padding:40px 0;
		clear: both;
	}
	.imagenCaso{
		width: 40%;
		height: auto;
		margin:0 30%;
		padding: auto;
		align-self: center;
		/*padding: auto;
		position:relative;display:block ;
		*/
	}
	.casoEntrada{
		width:95%;
		margin-top: 20px;
		padding: 0;
		
	}	
	.casoEntrada p{
		font-size: 18px;
		line-height: 1.5;
		padding:10px 10px 0 30px;
	}

	.galeriaImagenes{
		padding: 8px;		
		clear: both;
	}
	.galeriaImagen{
		width: 100%;
		margin: auto;
		position:relative;
		display:block ;	
	}
	.galeriaImagen img{
		width: 100%;
	}
	.galeriaTexto {
		width:100%;
		margin: auto;
	}
	.galeriaTexto p{
		padding: 10px 20px;
		font-size: 16px;
		line-height: 1.4;
		color: #1a1a1a;
	}
/*--------------------------------TABLAS-------------------------------------*/

	table{
		margin-top: 1rem;
		margin-bottom:1rem;
	}	
	.pieTabla{
		font-size: 12px;
	}
	.tablaAnexosTitulo {
		font-size: 16px;
	}

	.AnexosRenglonUno{
		font-size: 14px;
	}
	.AnexosRenglonDos {
		font-size: 14px;
	}

/*--------------------------------FIGURAS-------------------------------------*/

	.figuras{
		margin-bottom: 50px;
	}
	.figuras .pieImagen{
		font-size: 12px;
	}
/*--------------------------------PREGUNTAS GUARDIA-------------------------------------*/

	.preguntasGuardia {
		margin-top: 30px;	
	}


	/*--------------------------------LECTURA RECOMENDADA-------------------------------------*/
	.lecturaRecomendada{
		margin-bottom:50px;
	}
	.lecturaRecomendada p{
			font-size: 14px;
			line-height: 1.5;
		}
	.lectura {
		margin-top: 30px;
		margin-bottom:2rem;
	}
	.galeriaImagenesGris{
		width:100%;
		height: 500px;
		margin: auto;
		margin-bottom: 1rem;
		background-color: #F2F3F8;
		clear: both;
	}
	.galeriaImagenesAzul{
		width:100%;
		height:400px;;
		margin: auto;
		margin-bottom: 1rem;
		background-color: #DBEAF7;
		clear: both;
	}
	.col1{
		width: 100%;
		display:block;
	}
	.cuadroAzulIzq{	
		height: 50px;
		margin: 0;
		padding: 20px;
		background-color:#1F96D4;
		border-right: 2px white solid;
	}
	.cuadroAzulIzq p{
		font-family:'Raleway', sans-serif;
		font-size: 26px;
		font-style: normal;
		text-align: center;
		letter-spacing: 1px;
		line-height: 1;
		font-weight: 600;
		color: white;
	}
	.galeriaTexto {
		margin: auto;	
		display: inline-block;
	}
	.galeriaTexto p{
		padding: 10px 10px;
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		line-height: 1.2;
		color: #1a1a1a;
	}
	.col2{
		width: 100%;	
		display:block;
	}
	.cuadroAzulDer {	
		height: 50px;
		margin: 0;
		padding: 20px;
		background-color:#1F96D4;	
	}
	.cuadroAzulDer p{
		margin-top: 0; 
		font-family:'Raleway', sans-serif;
		font-size: 26px;
		font-style: normal;
		text-align: center;
		letter-spacing: 1px;
		line-height: 1;
		font-weight: 600;
		color: white;
	}

	.galeriaImagen{
		margin: auto;
		display: inline-block;
	}
	.galeriaImagen img{
		width: 100%;
	}
	
	.table-responsive {
		width: 100%;
		margin: auto;
		overflow: auto;
	}


}