.blofecha{
    padding: 0px 20px !important;
}
.foofecha{
    margin: 0px !important;
}
.color1{
	background-color: #EEEBEB; 
}
.pie{
	background: #3C3B3B;
	color: #FFF;
	height: 140px;
	padding-top: 20px;
}
.encabezadoFranja{
	padding-top: 15px;
    padding-bottom: 15px;
    
}
.libroFranja{
    padding-top: 60px; 
    padding-bottom: 60px;
}
.carouselFranja{
    padding-top: 60px;
    padding-bottom: 60px;
}
.unidadTransparenciaFranja{
    padding-top: 60px;
    padding-bottom: 60px;
    background: rgb(243,243,243);
    border-top-style: solid;
    border-top-color: rgb(214,214,214);
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(214,214,214);
    border-bottom-width: 1px;
}
.imagesFranja{
    padding-top: 40px;
    padding-bottom: 40px;
    background: rgb(243,243,243);
    border-top-style: solid;
    border-top-color: rgb(214,214,214);
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(214,214,214);
    border-bottom-width: 1px;
}
.imagen{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.fila{
	background-color: #841449;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 13px;
    /*  font-family:'MyWebFont'; */
    font-family: 'arial';
    text-shadow: 2px 2px 4px #000000;

}
.favicon{
	padding-right: 5px;
}
.circle-text {
    width:11%;
}
.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #841449; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.circle-text div {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
    font-size: 6rem;
}
.letraCarousel{
	color: #841449;
	font-weight: bold;
}
iframe {
 max-width: 100%;
 height: auto;
}
.circle-article {
    width:45%;
}
.circle-article:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #D7D1F8; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.circle-article div {
    float:left;
    width:100%;
    padding-top:30%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:black;
    font-size: 20px;
}
.colorDeLibros{
	font-size: 70px;
	color: #6D4156;
}
.rotate :hover{
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.imgTransp{
    padding-left: 40px;
}
.carousel-indicators li {
    position: relative;
    top: 70px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 4px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #841449;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);    
}
.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 4px;
    background-color: rgb(214,214,214);
}
@font-face {
    font-family: myFirstFont;
    src: url(fonts/Museo900-Regular.woff);

}