*{
	margin:0;
	padding:0;
	list-style:none;
	font-family:sans-serif;
}

@font-face {
font-family: "Cinzel";
src: url(../../../../fonts/Cinzel-Regular.ttf);
font-weight: 100;
}

@font-face {
font-family: "Cinzel Bold";
src: url(../../../../fonts/Cinzel-Bold.ttf);
font-weight: 800;
}

@font-face {
font-family: "Cinzel Decorative";
src: url(../../../../fonts/CinzelDecorative-Regular.ttf);
font-weight: 500;
}

@font-face {
font-family: "Cinzel Decorative";
src: url(../../../../fonts/CinzelDecorative-Bold.ttf);
font-weight: 800;
}

@font-face {
font-family: "Martel UltraLight";
src: url(../../../../fonts/Martel-UltraLight.ttf);
font-weight: 100;
}

@font-face{
font-family: "Martel";	
src: url(../../../../fonts/Martel-Regular.ttf);
}

@font-face {
font-family: "Martel Extra Bold";
src: url(../../../../fonts/Martel-ExtraBold.ttf);
font-weight: 800;
}

@font-face{
font-family: "Montserrat";	
src: url(../../../../fonts/Montserrat-Regular.ttf);
font-weight: 500;
}

@font-face {
font-family: "Montserrat Medium";
src: url(../../../../fonts/Montserrat-Medium.ttf);
font-weight: 400;
}

@font-face {
font-family: "Tabac Sans";
src: url(../../../../fonts/Tabac_Sans_Thin.otf);
font-weight: 100;
}

@font-face {
font-family: "Tabac Sans";
src: url(../../../../fonts/Tabac_Sans_Light.otf);
font-weight: 200;
}

@font-face {
font-family: "Tabac Sans";
src: url(../../../../fonts/Tabac_Sans_Regular.otf);
}

@font-face {
font-family: "Tabac Sans";
src: url(../../../../fonts/Tabac_Sans_SemiBold.otf);
font-weight: 700;
}

@font-face {
font-family: "Tabac Sans";
src: url(../../../../fonts/Tabac_Sans_Bold.otf);
font-weight: 900;
}

@font-face {
font-family: "TrajanPro Regular";
src: url(../../../../fonts/TrajanPro-Regular.otf);
font-weight: 900;
}

@font-face {
font-family: "Tabac Italic";
src: url(../../../../fonts/Tabac_Sans_SemiBold_Italic.otf);
}


.ocultar{
	display: none;
}

.general-biblio{
    width: 100%;
    height: 100vh;
    position: relative;
    background:#102727;;
}

#bibliotecaContenedor{
width: 100%;
height: 80vh;
background:rgb(233, 232, 237);
}

#bibliotecaMenu {
width: 40%; 
height: 100%;    
background: #102727;
display: block;
float: left;
text-align: center;
}

.TitulosBiblioteca{
color: #902426;
font-size: 41px;
font-family: "Cinzel"; 
font-weight: normal;
margin-left: 15%;
margin-top: 5%;
width: 80%;
max-width: 600px;
line-height: 46px;
}

#bibliotecaContenido{
width: 60%;
height: 100%;    
background: #E9E8ED;
display: block;
float: left;
overflow-y: scroll;
}

.ContenedorNombreDeLaSalida {
    width: 90%;
    display: block;
    padding-left: 0;
    margin: auto;
}

.ElGranContenedorDeArticulosBtns{
display: block;
padding-top: 5%;	
}

.ContenedorNombreDeLaSalida1{
width: 60%;
height: 30px;
display: block;	
	
}
.ContenedorNombreDeLaSalida2{
width: 60%;
height: 30px;
display: block;	
}
.ContenedorNombreDeLaSalida3{
width: 60%;
height: 30px;
display: block;	
}

.BtnNombreDeLaSalida{
background-color: transparent;
text-decoration: none;
font-family: "Tabac Sans";
font-weight: 300;
font-size: 24px;
color: #80B1AC;
line-height: 140%;
}

#BtnNombreSalidaB01{
 	
	
}
#BtnNombreSalidaB02{

}
#BtnNombreSalidaB03{
	
}

.ContenedorBtnNombreDeLaSalida001{
z-index: 3;	
	
}

.ContenedorBtnNombreDeLaSalida002{
z-index: 3;	
}

.ContenedorBtnNombreDeLaSalida003{
z-index: 3;	
}


.BtnNombreDeLaSalidaCerrar01{
background-color: none;
text-decoration: none;
font-family: "Tabac Sans";
font-weight: 100;
font-size: 24px;
color: #F4EAD8;
line-height: 140%;
display: none;	
}
.BtnNombreDeLaSalidaCerrar02{
background-color: none;
text-decoration: none;
font-family: "Tabac Sans";
font-weight: 100;
font-size: 24px;
color: #F4EAD8;
line-height: 140%;
margin-bottom: 20px;
display: none;
}
.BtnNombreDeLaSalidaCerrar03{
background-color: none;
text-decoration: none;
font-family: "Tabac Sans";
font-weight: 100;
font-size: 24px;
color: #F4EAD8;
line-height: 140%;
margin-bottom: 20px;
display: none;
}
.BtnNombreDeLaSalidaCerrar{
background-color: none;
text-decoration: none;
font-family: "Tabac Sans";
font-weight: 100;
font-size: 24px;
color: #80B1AC;
line-height: 140%;
margin-bottom: 10%;
display: none;
}

#ContenedorNombreDeLaSalida1{
padding-top: 40px;	
}
#ContenedorNombreDeLaSalida2{
padding-top: 20px;	
}
#ContenedorNombreDeLaSalida3{
padding-top: 20px;	
}


a.BtnNombreDeLaSalida:hover{
 color:#F4EAD8;
}
a span.numeroMenuB:hover{
 color:#F4EAD8;
}

a img{
 	border: none;
	position: absolute;
	margin-left: 8px;
	margin-top: 3px;
	}

a.BotonesBiblioteca{
 background-color: none;
 text-decoration: none;
 font-family: "Tabac Sans";
 font-weight: 100;
 font-size: 18px;
 color: #F4EAD8;
 line-height: 120%;
 width: 448px;
 margin-left: 0;
 display: block;
 margin: auto;
 text-align: left;   
}

a.BotonesBiblioteca:hover{
 color:#80B1AC;
}

.btn-biblioteca-activo{
 color:#80B1AC !important;
}

.contenedorBotones{
width: 100%;
margin-left: 25%;
line-height: 15%;
padding-bottom: 3%;	
padding-left: 3%;	
}

.ContenedorDeLosBotonesBiblioteca{
width: 100%;
display: none;
	
}
#ContenedorDeLosBotonesBiblioteca01{	
width: 100%;
display: none;	
         background: #102727;
    position: relative;
	
}
.LaIntroduccionAlaB{
	margin-top: 20%;
	font-family: "Tabac Sans";
	color: #F4EAD8;
	margin: auto;
	display: block;
	width: 400px;
	margin: auto;
	display: block;
	line-height: 20px;
}
#ContenedorDeLosBotonesBiblioteca02{
    width: 100%;
    display: none;
    background: #102727;
   
	
}
#ContenedorDeLosBotonesBiblioteca03{
    width: 100%;
	display: none;	
    background: #102727;
	position: relative;
	z-index: 40;

}
.ContenedorLineaMenu01, .ContenedorLineaMenu02, .ContenedorLineaMenu03{
border-bottom: 2px solid #3F5253;
    z-index: 3;
    width: 60%;
    display: block;
    margin: auto;
    margin-top: 5px;
        margin-bottom: 10px;
}

#ContenidoUno{
z-index: 2;
width: 60%;
}

.numeroMenuB{
color: #80B1AC;
font-family: "Cinzel";
font-size: 16px;	
}


/*Vertical*/
.ImagenDelArticuloPrincipal{
    margin-left: 15%;
    max-width: 600px;
    width: 80%;
}
/*Horizontal*/
.ImagenDelArticuloPrincipal2{  
    max-width: 350px;
	margin-left: 15%;
	width: 45%;
}
/*Cuadrada*/
.ImagenDelArticuloPrincipal3{  
    max-width: 450px;
	margin-left: 15%;
	width: 80%;
	
	
}


.PieDeFotoArticulo {
font-family: "Martel";
width: 80%;
max-width: 600px;
font-size: 12px;
line-height: 17px;
margin-left: 15%;
color: #0F2728;
margin-top: 1%;
}

.PieDeFotoArticulo2 {
font-family: "Martel";
margin-left: 15%;	
width: 71%;
max-width: 600px;
font-size: 12px;
line-height: 17px;
color: #0F2728;
margin-top: 1%;
}

.SumarioArticulo{
width: 80%;
max-width: 600px;
margin-top: 20px;
margin-left: 15%;
font-size: 20px;
line-height: 138%;
color: #6F7D7E;
font-family: "Martel";
font-weight: 500;
margin-bottom: 30px;
}

.TextoItalicoB{
font-family: "Tabac Italic";
font-weight: 500;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 150%;
text-align: left;
}

.TextoArticulo{
    max-width: 600px;
    width: 80%;
    margin-left: 15%;
    margin-top: 20px;
    font-family: "Tabac Sans";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 150%;
    text-align: left;
}

.NegritaArticulo{
font-family: "Tabac Sans";
font-weight: 900;	
}


.TituloIntermedio{
color: #952325;
font-size: 18px;
font-family: "Martel Extra Bold";
font-weight: 800;	
margin-left: 15%;
margin-top: 20px;	
}


.letraCapital{
font-family: "Cinzel Decorative";
font-size: 80px;
font font-weight: 900;
color: #ADADAD;
padding: 4px;
line-height: 70px;
float: left;
}

.FraseDestacada{
    font-family: "Martel UltraLight";
    font-weight: 100;
    color: #656641;
    font-size: 23px;
    margin-left: 15%;
    border-top: 1px solid #656641;
    border-bottom: 1px solid #656641;
    max-width: 600px;
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 29px;
    letter-spacing: 0.3px;
    text-align: center;
}

.articulosbiblio{	
}

.TamanoImgVertical{
 width: 0;
}

#ContenidoDos{
z-index: 3;    
}

#ContenidoTres{
z-index: 4;    
}

#ContenidoCuatro{
z-index: 5;    
}

#ContenidoCinco{
z-index: 6;    
}

#ContenidoUno{
z-index: 7;    
}

.ContenedorLineaDeLosBotones{
border-bottom: 1px solid     
    
}

.bicente-nombre{
	color: #80B1AC;
	margin: auto;
	display: block;
	bottom: -50%;
	position: absolute;
	width: 63px;
	height: 26px;
	right: 6px;	
}