/* ==========================================================================
   Media Queries
   ========================================================================== */
   @media handheld, only screen and (max-width: 1440px){
      .text-descubridor{
         margin-top: 1rem;
         float: none;
         display: block;
      }
   }
   @media handheld, only screen and (max-width: 1408px) {
   	.cuadroimgDesc {   		
   		margin-right: 5px;
   	}
   	.cuadroimgDesc img{
   		max-width: 210px;

   	}
   	.titleAndBotones {
   		bottom: 15px;
   	}

   }

   @media handheld, only screen and (max-width: 1340px) {
   	.navbar-nav > li > a {

   		font-size: 14px;
   	}
   	.nav > li > a {
   		position: relative;
   		display: block;   		
   		padding-left: 10px;
   		padding-right: 10px;
   	}
   	.contenidoRepositorio {   		
   		font-size: 17px;
   	}
   	.contentFlechas ul li {
   		font-size: 19px;   
   	}
   	.contentTextData {
   		font-size: 15px;
   	}
   	.contentTextData2 {
   		font-size: 15px;
   	}
   	.subtitleDeCont {
   		font-size: 16px;
   	}
   	.subtitleDeCont2 {
   		font-size: 16px;
   	}
   	.subContent {
   		font-size: 15px;
   	}
   	.subContent2 {   
   		font-size: 15px;
   	}
   	.subTitleImg {   
   		font-size: 19px;
   	}
   	.titleServicio {
   		font-size: 30px;
   	}
   	.titleNumero {
   		font-size: 32px;

   	}
   	.titleBiblioteca {

   		font-size: 32px;
   	}
   	.contentBiblioteca {
   		font-size: 15px;

   	}
   	.buscadorHome {
   		
   		width: 62%;
   		
   	}

   }

   @media handheld, only screen and (max-width: 1280px) {
   	.izquierdaServicios {
   		width: 20%;
   		display: inline-block;
   		vertical-align: top;
   	}
   	.derechaServicios {
   		width: 78%;
   		display: inline-block;
   	}
   }

   @media handheld, only screen and (max-width: 1202px) {
   	.cuadroimgDesc img {
   		max-width: 180px;
   	}
   	.titleCuadroBoletin {
   		font-size: 14px;

   	}

   }
   @media handheld, only screen and (max-width: 1115px) {
   	#logoPrincipal {

   		margin-top: 7px;
   	}
   }
   @media handheld, only screen and (max-width: 1080px) {
   	.RutaNavega {
   		background: #fff !important;
   		padding-left: 20px !important;
   		padding-right: 20px !important;
   	}
   	.catalogoEnLinea{
   		font-size: 16px;
   	}
   	body {

   		padding-left: 15px;
   		padding-right: 15px;
   	}
   	.menuFijo {

   		margin-left: 15px;
   		margin-right: 15px;
   	}
   	.contenBilioteca {
   		padding-left: 20px;
   		padding-right: 20px;
   	}
   	.navbar-nav > li > a {
   		font-size: 13px;
   	}
   	.nav > li > a {

   		padding-left: 8px;
   		padding-right: 8px;
   	}

   	.subTitleImg {
   		font-size: 17px;
   	}
   	.contentTextData {
   		margin-top: 25px;
   		font-size: 14px;

   	}
   	.contentTextData2{
   		font-size: 14px;
   	}
   	.titleServicio,.titleNumero {
   		font-size: 20px;
   	}

   	.cuadroimgDesc img {
   		max-width: 170px;
   	}
   	.titleAndBotones {
   		bottom: 8px;
   	}
   	.titleCuadroBoletin {
   		font-size: 12px;
   	}
   	.titleAndBotones {
   		left: 13px;
   	}
   	.titleBiblioteca {
   		font-size: 25px;
   	}
   	.contentBiblioteca {
   		font-size: 14px;
   	}
   	.BibliotecaBenjamin {
   		background: #fff;
   		padding-top: 30px;
   		padding-bottom: 30px;
   	}
   	.titleRepositorio {
   		font-size: 25px;

   	}
   	.contenidoRepositorio {
   		font-size: 14px;
   	}
   	.contentFlechas ul li {
   		font-size: 16px;
   	}
   	.subtitleDeCont,.subtitleDeCont2 {
   		font-size: 14px;
   	}
   	.subContent,.subContent2 {
   		font-size: 13px;
   	}
   	.t3-megamenu .mega-caption {

   		font-size: 10px;

   	}

   }
   @media handheld, only screen and (max-width: 1024px) {
   	.footerInfo{
   		display: none;
   	}
   }
   @media handheld, only screen and (max-width: 994px) {
   	.titleBiblioteca {
   		font-size: 20px;
   	}
   	.contentBiblioteca {
   		font-size: 13px;
   	}
   	.titleAndBotones {
   		bottom: 8px;
   	}
   	.btndes {
   		padding: 0px 3px;
   	}
   	.btnMes {
   		margin-top: 4px;
   		padding: 4px 12px;
   		font-size: 10px;
   	}
   	.titleCuadroBoletin {
   		font-size: 10px;
   	}

   	.cuadroimgDesc img {
   		max-width: 132px;
   	}
   	.descriptionboletin {      
   		font-size: 13px;
   	}
   	.titleboletinDeRecursos {
   		font-size: 18px;
   	}
   	.boletinDeRecursos {
   		padding-top: 30px;
   		padding-bottom: 30px;
   	}
   	.contentTextData {
   		margin-top: 25px;
   		font-size: 11px;
   	}
   	.contentTextData2 {
   		font-size: 12px;
   	}
   	.imgTitle{
   		width: 35px;
   	}
   	.subTitleImg {
   		font-size: 14px;
   	}
   	.titleNumero {
   		font-size: 15px;
   	}
   	.titleServicio {
   		font-size: 16px;
   	}
   	.contentTextData {
   		margin-top: 10px;

   	}
   	.subtitleDeCont, .subtitleDeCont2 {
   		font-size: 12px;
   	}
   	.subContent, .subContent2 {
   		font-size: 11px;
   	}
   	.ajusPaSec2 {
   		background: #fff;
   		padding-top: 30px;
   		padding-bottom: 25px;
   	}
   	.RepositorioDigita {

   		padding-top: 30px;
   		padding-bottom: 30px;
   	}
   	.titleRepositorio {
   		font-size: 20px;
   	}
   	.contenidoRepositorio {
   		font-size: 12px;
   	}
   	.contentFlechas ul li {
   		font-size: 14px;
   		line-height: 1.1;
   	}
   	.SignoPregunta{
   		width: 45px;
   	}
   	.preguntaleAlBibliotecarioMensaje {
   		left: -222px;
   		top: 6px;
   		width: 215px;
   	}
   }

   @media handheld, only screen and (max-width: 985px) {
   	#logoPrincipal {
   		margin-top: -4px;
   	}

   	.navbar-nav > li > a {
   		padding-top: 30px;
   		padding-bottom: 26px;
   	}
   	.contenBilioteca {
   		padding-left: 12px;
   		padding-right: 12px;
   	}
   	.navbar-nav > li > a {
   		font-size: 12px;
   	}
   	.nav > li > a {
   		padding-left: 5px;
   		padding-right: 5px;
   	}
   	.t3-megamenu .mega-caption {
   		font-size: 8px;
   	}
   }
   @media handheld, only screen and (max-width: 850px) {
   	.contentFlechas ul li {
   		font-size: 12px;
   		line-height: 1;
   	}
   }

   @media handheld, only screen and (max-width: 825px) {
   	.navbar-nav > li > a {
   		font-size: 11px;
   	}

   }
   @media handheld, only screen and (max-width: 806px) {

   	#logoPrincipal{
   		width: 175px;
   	}

   }

   @media handheld, only screen and (max-width: 767px) {
   	.izquierdaServicios {
   		width: 15% !important;
   	}
   	.derechaServicios {
   		width: 83%;
   	}
   	.marginBottom{
   		margin-bottom: 20px;
   	}




   	#logoPrincipal2{
   		margin-top: -8px;
   		
   	}
   	body {
   		padding-left: 10px;
   		padding-right: 10px;
   	}
   	.menuFijo {
   		margin-left: 10px;
   		margin-right: 10px;
   	}
   	.contenBilioteca {
   		padding-left: 15px;
   		padding-right: 15px;
   	}
   	.sombra_menu{
   		padding-left: 0px !important;
   		padding-right: 0px !important;
   	}

   	.SeparadorPc{
   		margin-top: 32px;
   	}

   	.titleRepositorio {
   		font-size: 35px;
   	}
   	.contenidoRepositorio {
   		font-size: 18px;
   	}
   	.contentFlechas ul li {
   		font-size: 16px;
   		line-height: 1;
   	}
   	.RepositorioDigita {
   		padding-bottom: 40px;
   	}

   	.titleboletinDeRecursos {
   		font-size: 30px;
   		line-height: 1.1;
   	}
   	.descriptionboletin {
   		font-size: 16px;
   	}

   	.cuadroimgDesc img {
   		max-width: 150px;
   	}
   	.ContentimgDescarga {

   		margin-top: 18px;
   	}
   	.cuadroimgDesc {
   		margin-right: 7px;
   		margin-top: 10px;
   	}
   	.titleCuadroBoletin {
   		font-size: 12px;
   	}
   	.btnMes {
   		margin-top: 4px;
   		padding: 5px 13px;
   		font-size: 12px;
   	}
   	.btndes {
   		padding: 2px 14px;
   	}
   	.titleCuadroBoletin {
   		font-size: 13px;
   	}
   	.titleAndBotones {
   		left: 8px !important;
   	}
   	.titleBiblioteca {
   		font-size: 32px;
   	}
   	.contentBiblioteca {
   		font-size: 17px;
   	}
   	.imgTitle {
   		width: auto;
   	}
   	.titleNumero,.titleServicio {
   		font-size: 30px;
   	}
   	.subTitleImg {
   		font-size: 20px;
   		line-height: 1.5;
   	}
   	.contentTextData{
   		margin-top: 20px;   
   		font-size: 16px;

   	}
   	.contentTextData2{
   		font-size: 16px;
   	}
   	.Mtop30{
   		margin-top: 25px;
   	}
   	.subtitleDeCont,.subtitleDeCont2{ 
   		font-size: 17px;
   	}
   	.subContent,.subContent2{

   		font-size: 16px;
   	}
   	.preguntaleAlBibliotecario{
   		display: none;
   	}
   	.imgLogoResponcive{
   		display: inline-block;
   	}
   	.navbar-nav > li > a {
   		padding-top: 12px;
   		padding-bottom: 12px;
   	}
   	.navbar-toggle {
   		height: 50px;
   		width: 50px;

   	}
   	.navbar-nav > li > a {
   		font-size: 13px;
   	}

   	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
   		color: #777777 !important;
   	}
   	.buscadorHome {
   		width: 62%;
   		top: 26%;
   	}

   }


   @media handheld, only screen and (max-width: 620px) {
   	.catalogoEnLinea {
   		font-size: 12px;
   	}
   	.scrollup {   		
   		bottom: 44px;
   		right: 20px;
   	}



   }


   @media handheld, only screen and (max-width: 580px) {

   	.imgDescargable{
   		display: none;
   	}
   	.btnMes {
   		margin-top: 6px !important ;
   		padding: 9px 60px !important;
   		font-size: 16px !important;
   		float: none;
   	}
   	.titleCuadroBoletin{
   		display: none;
   	}
   	.titleAndBotones{
   		position: static;
   	}
   	.cuadroimgDesc{  
   		padding: 5px 0px;
   		border-radius: 5px;
   		width: 100%;  
   	}
   	.titleCuadroBoletin{
   		font-size: 18px !important;
   	}
   	.btndes {
   		padding: 11px 28px !important;
   		float: none;
   	}


   	#filtrarBasesDeDatos {
   		right: 0px;
   	}
   	.ContentCuadrosABC {
   		right: -15px;
   	}
   	.img-responcive{
   		display: none;
   	}
   	.menuFijo {
   		margin-left: 0px;
   		margin-right: 0px;
   	}

   	.buscadorHome {
   		position: static;
   		width: 100%;
   		height: auto;
   		top: 0;
   		right: 0;
   		left: 0;
   		bottom: 0;   		
   	}

   	body {
   		padding-left: 0px;
   		padding-right: 0px;
   	}
   	.home-image{
   		padding-top: 60px;
   		padding-bottom: 30px;

   	}

   	.editMargin{
   		width: 100%;
   		padding-right: 0px !important;
   	}
   	.editMargin0 {
   		width: 100%;   		
   		padding-top: 12px;
   	}
   	.catalogoEnLinea{
   		position: static;
   		text-align: center;
   	}
   	.btnBuscar {
   		top: 30px;
   	}
   	.ajusPaSec2 {
   		background: #fff;
   		padding-top: 15px;
   		padding-bottom: 20px;
   	}


   	.titleNumero, .titleServicio {
   		font-size: 20px;
   	}
   	.subTitleImg {
   		font-size: 14px;
   		line-height: 1.5;
   	}
   	.imgTitle {
   		width: 35px !important;
   	}
   	.subtitleDeCont, .subtitleDeCont2 {
   		font-size: 14px;
   	}
   	.contentTextData {
   		margin-top: 10px;
   		font-size: 14px;
   	}
   	.subContent, .subContent2 {
   		font-size: 14px;
   	}
   	.contentTextData2 {
   		font-size: 14px;
   	}
   	.Mtop30 {
   		margin-top: 12px;
   	}
   	.titleRepositorio {
   		font-size: 25px;
   	}
   	.contenidoRepositorio {
   		font-size: 15px;
   	}
   	.contentFlechas ul li {
   		font-size: 14px;
   		line-height: 1;
   	}
   	.imgRepositorio {
   		max-width: 457px;
   		width: 92%;
   	}
   	.RepositorioDigita {
   		padding-bottom: 22px;
   		padding-top: 20px;
   	}
   	.titleboletinDeRecursos {
   		font-size: 20px;
   		line-height: 1.1;
   	}
   	.descriptionboletin {
   		font-size: 13px;
   	}

   	.cuadroimgDesc img {
   		max-width: 123px;
   	}
   	.btndes {
   		padding: 2px 4px;
   	}
   	.btnMes {
   		margin-top: 6px;
   		padding: 4px 19px;
   		font-size: 10px;
   	}
   	.titleCuadroBoletin {
   		font-size: 10px;
   		line-height: 0.8;
   	}
   	.titleAndBotones {
   		left: 7px !important;
   		bottom: 6px;
   	}
   	.titleBiblioteca {
   		font-size: 25px;
   	}
   	.BibliotecaBenjamin {
   		background: #fff;
   		padding-top: 15px;
   		padding-bottom: 20px;
   	}
   	.contentBiblioteca {
   		font-size: 15px;
   	}
   	.contentBiblioteca{
   		margin-top: 0;
   	}

   }

   @media handheld, only screen and (max-width: 556px) {
   	.filtroBd {
   		margin-bottom: 0px; 
   	}

   	.letterVisual {
   		font-size: 20px !important;
   		width: 22px !important;
   		margin-right: 5px !important;
   	}
   	.contentRectanguloLetter {
   		padding-left: 34px !important;
   	}
   	.lineLetter {
   		background: #DDDDDD;
   		height: 5px;
   	}


   	.carta .atras,.carta .frente{
   		height: 80px !important;
   	}
   	.carta .atras{   		
   		padding: 16px 20px 20px 20px;
   	}
   	.carta-container{
   		/*height: 80px;*/
   	}
   	.carta {
   		height: auto;
   	}
   	

   	.carta-container {   		
   		margin-right: 0;   	
   		margin-bottom: 15px;
   	}
   	.carta{
   		-webkit-transform: rotateY(180deg);
   		-moz-transform: rotateY(180deg);
   		transform: rotateY(180deg);
   	}
   	.DescriptionBaseDeDatos{
   		display: none;
   	}
   	.NameBdArray{
   		display: block;
   		text-align: center;
   		font-weight: bold;
   		text-transform: uppercase;
   		font-size: 16px;
   	}

   	.ContentCuadrosABC{
   		display: none;
   	}
   	#filtrarBasesDeDatos {
   		top: 90px;   		
   	}
   	.carta {
   		max-width: 100%;
   		min-width: 100%;
   	}
   	.carta-container {
   		width: 100%;
   	}
   	#filtrarBasesDeDatos {
   		display: none !important;
   	}
   }

   @media handheld, only screen and (max-width: 410px) {
   	.phoneResponcive{
   		width: 100%;
   	}
   	.titleNumero, .titleServicio {
   		font-size: 30px;
   	} 

   	.imgTitle {
   		width: auto !important;
   	}
   	.subTitleImg {
   		font-size: 26px;
   		line-height: 1.2;
   	}
   	.subtitleDeCont, .subtitleDeCont2 {
   		font-size: 18px;
   	}
   	.subContent, .subContent2 {
   		font-size: 16px;
   	}
   	.contentTextData {
   		margin-top: 10px;
   		font-size: 16px;
   	}
   	.contentTextData2 {
   		font-size: 16px;

   	}
   	.contentTextData2 ul li{
   		list-style-position:inside;
   	}
   	.titleRepositorio {
   		font-size: 32px;
   	}
   	.contenidoRepositorio {
   		font-size: 16px;
   	}
   	.SeparadorPc{
   		width: 100%;
   	}
   	.imgRepositorio{
   		width: 100%;
   	}
   	.contentFlechas ul li {
   		font-size: 18px;
   		line-height: 1;
   	}
   	.paddinADDRes{
   		padding-left: 56px;
   	}
   	.titleboletinDeRecursos {
   		font-size: 24px;
   	}
   	.descriptionboletin {
   		font-size: 15px;
   	}

   	.cuadroimgDesc img {
   		max-width: 135px;
   	}
   	.contentBiblioteca {
   		font-size: 16px;
   	}
   }


   @media handheld, only screen and (max-width: 625px) {
   	.contentRectanguloLetter {

   		padding-left: 50px;

   	}
   	.letterVisual {
   		font-size: 30px;
   		width: 35px;  
   		margin-right: 8px;  		

   	}

   }



   @media handheld, only screen and (max-width: 980px) {
   	.izquierdaServicios {
   		width: 25%;
   	}
   	.derechaServicios {
   		width: 73%;   		
   	}
   }

   @media handheld, only screen and (max-width: 650px) {
   	.izquierdaServicios {
   		width: 20% !important;
   	}

   	.derechaServicios {
   		width: 78%;
   	}
   }

   @media handheld, only screen and (max-width: 464px) {
   	.izquierdaServicios {
   		width: 25% !important;
   	}

   	.derechaServicios {
   		width: 73%;
   	}
   	.imagenServivios{
   		width: 95%;
   	}
   }