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


body{

	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	background-color: #ffffff !important;

} 


a {

	color: #335486;
}

header {
	max-width: 1350px;
	border-bottom: 3px solid #cc5c16;
	margin: auto;
	display: flex;
	margin-bottom: 5px;
	padding: 5px;
}


.info-volumen {
	max-width: 1350px;
	margin: auto;
	display: flex;
	margin-bottom: 5px;
	padding: 5px;
	font-size: 13px;
	color: #225969;
}

.info-volumen-texto {

	margin-left: auto;

}

.info-verde {
	color: #cc5c16;
	font-weight: 500;
}

h1 {

font-family: 'Roboto', sans-serif;
font-weight: 700;
color: #225969;
text-align: center;
font-size: 30px;

} 




.logo {

	
	width: 30%;

}

.logo img {

	max-width: 500px;
} 

.titulo-top {

	width: 70%;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #225969;
	font-size: 14px;
	text-align: right;

} 

main {
	max-width: 1350px;
	margin: auto;
	margin-bottom: 5px;
	padding: 5px;


}

.contenedor-resumen {
	display: flex;

}

.col-izq-resumen {

	background-color: #dfdfdf;
	padding: 10px;
	max-width: 30%;
}

.col-izq-resumen img{

	max-width: 150px;
	margin: 5px;
}



.citar-texto {

	color: #6c6c6c;
	
}

.citar-texto a{

	
	word-break: break-all;
}

.col-der-resumen {

	width: 70%;
	padding: 10px;
	margin-left: 20px;
} 

.info-autor {
	text-align: right;
	margin-left: auto;
}

.autor {

	font-size: 20px;
	font-weight: 600;
	color: #33839d;

} 

.correo {

	font-style: italic;
}

.resumen {

	font-size: 18px;
	font-weight: 600;
	color: #33839d;

} 

.pal-clave {
	font-size: 16px;
	font-weight: 500;
	color: #33839d;
	font-style: italic;

}

.italicas {

	font-style: italic;
} 

.pie-separador {

	margin-top: 30px;
    margin-bottom: 30px;


}

.pie-separador img{

	max-width: 200px;

}

.linea-separador {

	border: 1px solid #cc5c16;
    margin-top: 10px;
}


h2 {


font-weight: 500;
color: #225969;
font-size: 24px;
text-transform: uppercase;
} 

.figura-bold {  
	font-weight: 600;
} 

.figura-titulo {  
	font-style: italic;
} 

.figura-imagen{  

	text-align: center;
} 

.figura-imagen img{  

	max-width: 55%;
	border: 1px solid #cc5d15;
    padding: 10px;
    margin: 5px;
    box-shadow: 1px 5px 11px -5px;
} 

.figura-pie {  

	font-size: 16px;
	font-style: italic;
} 

h3{

	color: #33839d;
	font-size: 21px;
	font-weight: 500;
	text-transform: uppercase;
} 

.lista-general li {

	margin-bottom: 10px;
} 

.tablas {

	margin: 5px;
	 border-collapse: collapse;
	 width: 100%;

} 

.tablas thead {

	background: #dbe5fb;
	border: 1px solid #3c5994;
}

.tablas th {

	padding: 5px;
}

.tablas td {

	padding: 10px;
	border: 1px solid #3c5994;


} 

.tablas-texto-centrado {

	text-align: center;
} 

tbody tr:first-of-type {

	background-color: #dbe5fb;
	font-weight: bold;
}

.imagenes-minis {
	max-width: 18px;
}

.bibliografia {
	padding-left: 30px;
    text-indent: -30px;
} 

.bibliografia a{
	
	word-break: break-all;
} 


.referencias p {

		padding-left: 30px;
    text-indent: -30px;
}

.referencias p a{

		word-break: break-all;
}



footer {
	max-width: 1350px;
	margin: auto;
}

.superindice {

		vertical-align: super;
    font-size: 11px;
}

.nota-al-pie {

		font-size: 14px;
    border-top: 2px solid #677099;
    padding-top: 10px;
}



@media screen and (max-width: 768px) {
  
  .logo img {

	max-width: 100%;
	} 

	header {
	
	display: block;
	
	}

	.logo {
    width: 100%;
	}

	.titulo-top {
    width: 100%;
    
	}
}

@media screen and (max-width: 543px) {
  
  .contenedor-resumen {
    display: flow;
	}

	.col-izq-resumen {
   
    max-width: 100%;
	}

	.col-der-resumen {
   
    width: 100%;

    margin-left: 0px;

    padding: 0px;
	}

}

@media screen and (max-width: 543px) {

	.logo {
     width: unset; 
}

	.info-volumen {
   
    flex-flow: column;
	}
	
	.info-volumen-texto {
    margin-top: 20px;
	}

}