body{line-height:17px;
          letter-spacing:0.025em;
		  font-family:"garamond-premier-pro-display",serif;
		  
		  
		  background-color:rgba(0,0,0,1.00);
		  margin:0;
		  min-height:100%;
		  -webkit-font-smoothing:antialiased;
		  -moz-osx-font-smoothing:grayscale;
		  }
   
    ::-webkit-scrollbar {width: 0.5em;}
	  
	  
	@media (max-width: 1222px){ ::-webkit-scrollbar{}}
	 @media (max-width: 767px){ ::-webkit-scrollbar{}}
	
	
	
    ::-webkit-scrollbar-thumb {background-color:#1A1A1A;}
    ::-webkit-scrollbar-track{background:rgba(210,210,210,1.00)}

	.close{position:absolute;
	       top:20px;
		   right:20px;
		   height:24px;
		   width:24px;
		   z-index:2}
		   
     .close em{position:absolute;
	           top:8px;
			   left:-4px;
			   width:20px;
			   height:2px;
			   background:#fff}
			   
	.mega-opened{overflow: hidden;}
	
	.mapas{margin-left:10px;
	      line-height:22px;}


	 .mapas a {
		text-decoration: underline;
	  }		   
			   
     .pie{ vertical-align:super;
	       font-size:12px;
	       line-height:0;}
		   
	.pie_pie{vertical-align:super;
	     font-size:10px;
	     line-height:0;}
		 
			   

      .close em.close-1{-webkit-transform:rotate(45deg);
	                   transform:rotate(45deg)}
	  .close em.close-2{-webkit-transform:rotate(-45deg);
	                   transform:rotate(-45deg)}
	  .close:hover{-webkit-transform:scale();
	               transform:scale(1);
				   color:rgba(255,70,54,1.00);
				   }
		
     .container{margin:0 auto;
	            max-width:1160px}	
				
		   
		
     .splash[data-slide-layout="image"]{background-image:url(../fotografia/loader.gif);
		                               background-position:center;
									   background-repeat:no-repeat}		
				   
	.vectors {
	                  margin-left:auto;
					  margin-right:auto;
					  padding-left:30px;
					  margin-top: 100px;
					  margin-bottom:50px;
					  padding-right:30px;
					  padding-top:24px;
					  background-color:#f2f2f2;
					  }


					  .vectors_home {
						margin-left: auto;
						margin-right: auto;
						padding-left: 30px;
						padding-right: 30px;
						padding-top: 85px;
						background-color: #f2f2f2;
						display: flex;
						flex-direction: column;
						justify-content: center;
					}
	
					  
	  .content{box-sizing:border-box;
	              width:100%;
				  padding-left:20px;
				  padding-right:20px;
				  float:left}
				  
				  * {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 700px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #1a1a1a;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #1a1a1a;
  font-size: 15px;
  padding: 12px 12px;
  position: absolute;
  font-weight:600;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 8px;
  width: 8px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
				  
				  
      
	  @media (min-width:1200px){
     .content{position:relative;
	                z-index:2;
					box-sizing:border-box;
					width:64%;
					padding-left:20px;
					padding-right:20px;
					float:left;
					margin-left:24.5%}}
					  
					   .continuar_leyendo{ margin:0 auto;
	                                     font-style:italic;
						                 font-weight:600;
										 margin-left:34%;
										 padding-bottom:15px;
										 font-size:16px;
										 }
						 
	#intro {padding-top:12%;}
	
	
	.description{font-size: 1.33em;
				 line-height:1.5;
				 margin-bottom: 30px;}
				 
				 
	.article-block.columns-vectors.columns-vectors-4.column-width-vectors {
    background-color: white;
    margin: 10px;
    height:540px;
    
}
   
	@media (min-width:1200px){
		.description:before{border-top-width:22px;margin-top:6px}}
	
	@media (min-width:1200px){
		.description{font-size:1.33em;
		             line-height:1.5em}}
					  
	.treevectors { padding-top:4px;
	               margin-left:-15px;
	               margin-right:-15px;}
				   
		   
    .column-vectors{ width:100%;}
	.column-vectors{ float:
	}
	.column-vectors{ position:relative;
	            min-height:1px;
				padding-left:15px;
				padding-right:15px;}
				
	.article-block{ margin-bottom:45px;
	                min-height:400px;}
	.columns-vectors{width:30%;}
	.columns-vectors{ float:left}
	.column-width-vectors .columns-vectors-4 .
	{ position:relative;
	                               padding-left:15px;
								   padding-right:15px;}
    .article-block > a:first-child {background-color:#f2f2f2;
	                                display:inline-block;
									padding:0;
									-webkit-background-clip:padding-box;}
	
	.get-more-posts{ margin-bottom:5%;}
	
	 @media(max-width:767px){								
	.column-width-vectors{ width:100%;
	           float:left}}
			   
   
   	  
	  a:hover{ color:rgba(255,70,54,1.00);}
	  a:focus,button:focus{outline:0}

     li{list-style-type:none;
		padding-left:9px;
		text-align:left;
		}
		
		.text-preview {
    font-size: 18px;
    line-height: 140%;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 0.045em;
    width: 100%;
    margin-top: 3%;
}

					
	 .sub-name{ 	font-family:'Neuzeit Grotesk',sans-serif;
	            display:inline;
				color:rgba(0,0,0,1.00);}						
									
									
    .article-block a:first-child { margin-bottom:10px;}
	.img-responsive{max-width:100%;
	                display:block;
				    height:auto;}
				
    .meta{ 
	       margin-botton:3px;
		   display:inline-block;
		   text-transform:uppercase;
		   font-size:14px;
		   vertical-align:top;
		   font-style:normal;
		   font-family:sans-serif;}
		   
	.meta ul{ padding-left:0;
	          margin-bottom:8px;}
			  
			  .meta ul li{ list-style:none;
			               display:inline-block;
						   border:none;}
						   
    .article-block a:first-child{ margin-bottom:10px;}
	
	.cat-parent{text-align:left;
	            padding-left:15px;}
				
     .text-news{text-align:left;
			     }
				
				
		
				
	 .subtitle_menu {
    padding-left: 14px;
    line-height: 110%;
    font-family: 'Bree Serif', serif;
    font-size: 32px;
    color: #333;
}


	.section-header{ margin:1.5em 0;
					 letter-spacing:0.035em;
					 font-size:23px;
					 font-family:'Bree Serif', serif;
					 text-align:center;
					  font-weight:600;
					  margin-bottom:2em;}
           
					 
	.section-header:after{ 
	
	                       display:block;
						   border-top:1px solid #e5e5e5;
						   position:relative;
						   top:-15px;}
	       
	
	  
    #mega{display:none !important;
          opacity:0 !important}
		  
		  
  .show#mega{-webkit-transition:all 0.6s ease;
 	           transition:all 0.6s ease;
			   background-color:#f5f5f5; 
			   display:block !important;
			   }
			   
  
  @media(max-width:1222px){
	   .close em{position:absolute;
	           top:6px;
			   left:-5px;
			   width:16px;
			   height:2px;
			   background:#fff}}
	  
  
    @media (max-width: 479px){
    #mega {width: 100vw;}}
		 
	.show#mega{-webkit-transition:all 0.6s ease;
 	           transition:all 0.6s ease;
			   background-color:#eee;
			   
			   display:block !important;}

    .visible#mega{opacity:1 !important}
	
	#mega .menu .widget h3{font-size:20px;
	                       line-height:26px;
						   letter-spacing:0.04em;}

    #mega .menu{content:'';display:block;
	            width:100%;
				clear:both}
	
	.menu-togle-text{ font-size:12px;
	                  margin-right: 0.2em;}
	
		
     body,html{width:100%;
               min-height:100%;
		       overflow-x:hidden}

    body{background:#f2f2f2;
         color:#000;
         top:0}


    a{color:rgba(255,70,54,1.00);
	  letter-spacing:0.055em;
	  font-weight:300;}
	  
	  
	  .mail{color:rgba(255,70,54,1.00);
	  letter-spacing:0.055em;
	  font-weight:300;}

    .titular-bibliotecaenpiedra{font-family: 'Bree Serif', serif;
		                        color:rgba(255,70,54,1.00);
		                        letter-spacing:0.12em;
		                        text-decoration:none;
		                        font-size:13px;}
		
     .introduction-stonelibrary{font-weight:300;
	                            letter-spacing:0.2px;
								 width:98%;
								 line-height:20.5px;
								 color:black;}
								 
	  .introduction-maps{font-weight:300;
	                     letter-spacing:0.2px;
					      width:78%;
						  line-height:20.5px;
						  color:black;
						  margin:0 auto;
						  display:none;}
						  
						  
	
	  @media(max-width:1024px)and (orientation:portrait){
        
		    .introduction-maps{font-weight:600;
	                           letter-spacing:0.3px;
					           width:38%;
						       line-height:20.5px;
						       color:black;
						       margin:0 auto;
							   display:inline-block;
							   margin-top:40%;
							   text-align:left;
							   margin-left:2%;
							   padding-left:3%;
						      }}
							  
	 @media(max-width:767px)and (orientation:portrait){
		 .introduction-maps{display:none;}}
	
	 

   .content-inner{position:relative;
				  margin-left:auto;
				  margin-right:auto;
				  box-sizing:border-box;
				  width:1200px;}
				  
    .maps{font-weight:300;
	      font-size:12.9px;
	      letter-spacing:0.2px;
		  width:103%;
		  line-height:20.5px;
		  text-decoration:none;
		  color:black;
		  } 
		  
		  
						  
				  
	
		
    .content-megamenu {position:relative;
	                 margin-top:8px;
					 border-bottom:5%;
					 margin-left:auto;
					 margin-right:auto;
					 box-sizing:border-box;
				     width:1200px;}
		
	  #map-header{text-align:center;
		             font-family:"serif72_beta_rgbold","Times New Roman",serif;
				     font-size:40px;
				     color:#666;
					 margin-bottom:35px;
					 margin-top:30px}
						   
		 @media all and (max-width: 1024px){
	     #map-header{margin-bottom:25px;
		                   margin-top:30px;
						   font-size:24px;
						   width:calc(100% - 20px);
						   margin-left:10px;
						   margin-right:10px}}
						   
          #map-subheader{font-family:"NeueHaasGroteskTextPro-55Roman","Helvetica Neue","Helvetica,Arial,sans-serif";
		                 font-size:16px;
						 line-height:1.5em;
						 color:#999;
						 font-style:italic;
					     margin:0 auto}
							  
		  #map-subheader-dots{height:;
		                      margin-bottom:5px;
						      vertical-align:middle;
							  margin-top:15px}
		  @media all and (max-width: 1024px){#flint-map-subheader-dots{display:none}}

            #flint-map{-webkit-touch-callout:none;
			           -webkit-user-select:none;
					   -moz-user-select:none;
					   -ms-user-select:none;
					   user-select:none;
					   -ms-touch-action:pan-y;
					   touch-action:pan-y;
					   -webkit-tap-highlight-color:transparent !important;-webkit-tap-highlight-color:transparent;outline:none;
					   vertical-align:top;
					   background-image:url("./../../../photos/ne/responsive/flint_bg.jpg");
					   width:815px;
					   height:685px;
					   margin:0 auto;
					   display:inline-block;
					   background-size:contain;
					   position:relative;
					   background-repeat:no-repeat}
					   
			
	  
	  
	 
						   
    				 
					 
					 
	#flint-map{ display:inline-block;
	            position:relative;}
	
	 @media(max-width:1222px)and (orientation:portrait){ 
	  #flint-map{ display:none;
	            position:relative;}	}	
	
	
    
	
					 
	.map-heat{ width:100%;
	                 height:auto;
					 top:0;
					 left:0;}
					 
					 
					 
   @media(max-width:1222px)and (orientation:portrait){  
   .map-heat{ display:none;}
   .map-heat_1{ display:none;}}

    @media (max-width: 1280px){
	.content-megamenu{width:95.5%}}
	
	#map_1{-webkit-touch-callout:none;
			           -webkit-user-select:none;
					   -moz-user-select:none;
					   -ms-user-select:none;
					   user-select:none;
					   -ms-touch-action:pan-y;
					   touch-action:pan-y;
					   -webkit-tap-highlight-color:transparent !important;-webkit-tap-highlight-color:transparent;outline:none;
					   vertical-align:top;
					   background-image:url("./../../../photos/ne/responsive/flint_bg.jpg");
					   width:815px;
					   height:685px;
					   margin:0 auto;
					   display:inline-block;
					   background-size:contain;
					   position:relative;
					   background-repeat:no-repeat}
					   
		 
					   
		@media all and (max-width: 1024px){
	    #flint-map{width:100%;
	               max-width:600px;
				   margin:0 auto;
				   margin-bottom:25px;
				   font-size:24px;
				   width:calc(100% - 20px)}
				   
		#map_1{width:100%;
	               max-width:600px;
				   margin:0 auto;
				   margin-bottom:25px;
				   font-size:24px;
				   width:calc(100% - 20px)}}
	  @media all and (max-width: 599px){#flint-map{margin-bottom:0px;width:calc(100% - 50px)};
	                                    #map_1{margin-bottom:0px;width:calc(100% - 50px)};
	                                    }
	  
	   #map_1{-webkit-touch-callout:none;
			           -webkit-user-select:none;
					   -moz-user-select:none;
					   -ms-user-select:none;
					   user-select:none;
					   -ms-touch-action:pan-y;
					   touch-action:pan-y;
					   -webkit-tap-highlight-color:transparent !important;-webkit-tap-highlight-color:transparent;outline:none;
					   vertical-align:top;
					   background-image:url("./../../../photos/ne/responsive/flint_bg.jpg");
					   width:522px;
					   height:685px;
					   margin:0 auto;
					   display:inline-block;
					   background-size:contain;
					   position:relative;
					   background-repeat:no-repeat;
					   padding-bottom: 35px;}
					   
					   @media all and (max-width: 1024px){
	
	    #map_1{width:100%;
		             height:auto;
					 max-width:500px;ç
					 margin:0 auto;
					 margin-bottom:25px;
					 font-size:24px;
					 width:calc(100% - 20px);
					 display:none;}}
					 
	@media all and (max-width: 599px){#map_1{margin-bottom:0px;width:calc(100% - 50px)}}
	
	 #map-stepper{vertical-align:top;
	                     width:300px;
						 margin:0 auto;
						 text-align:left;
						 display:inline-block;
						 -webkit-touch-callout:none;
						 -webkit-user-select:none;
						 -moz-user-select:none;
						 -ms-user-select:none;
						 user-select:none;
						 -ms-touch-action:pan-y;
						 touch-action:pan-y;
						 -webkit-tap-highlight-color:transparent !important;
						 -webkit-tap-highlight-color:transparent;outline:none}
						 
	   #map-stepper_1{vertical-align:top;
	                     width:300px;
						 margin:0 auto;
						 text-align:left;
						 display:inline-block;
						 -webkit-touch-callout:none;
						 -webkit-user-select:none;
						 -moz-user-select:none;
						 -ms-user-select:none;
						 user-select:none;
						 -ms-touch-action:pan-y;
						 touch-action:pan-y;
						 -webkit-tap-highlight-color:transparent !important;
						 -webkit-tap-highlight-color:transparent;outline:none;
						 margin-left:5%;
						 }
						 
	    @media all and (max-width: 1024px){
		#flint-map-stepper{display:inline-block;
		                   height:auto;
						   margin:0 auto;
						   width:100%;
						   max-width:302px}
						   
		 #flint-map-stepper_1{display:inline-block;
		                      height:auto;
						      margin:0 auto;
						      width:100%;
						      max-width:302px}}
						   
	     .circle{cursor:pointer}
	 .circle-unselected{background-color:#fff;border:1.5px solid #333;height:8px;-moz-border-radius:4px;-webkit-border-radius:4px;width:8px;display:inline-block;margin-left:4px;vertical-align:middle}
	 .circle-selected{background-color:#666 !important;height:11px !important;border:0 !important;-moz-border-radius:5.5px;-webkit-border-radius:5.5px !important;width:11px  !important;display:inline-block;vertical-align:middle}
	 
	  @media all and (min-width: 1025px){
     .select-flint:hover{background-color:#d8d8d8 !important}}


    .map-heat{width:850px;
                height:auto;
				opacity:0;
				margin-left:12px;
				position:absolute;
				top:0;left:0}
				@media all and (max-width: 1024px){
		.map-heat{width:100%;max-width:500px}}
				
		.map-heat_1{width:850px;
                height:auto;
				opacity:0;
				margin-left:12px;
				position:absolute;
				top:0;left:0}
				@media all and (max-width: 1024px){
				
	    .map-heat{width:100%;
				  max-width:660px;
				  margin-top:16%;}}
				
				
				.map-heat:nth-of-type(1){opacity:1}
				
				
					#map-caption-desktop{height:auto;
				                           font-family:"NeueHaasGroteskTextPro-55Roman","Helvetica Neue","Helvetica,Arial,sans-serif";
										   letter-spacing:0.02em;
										   color:#999;
										   font-size:12.5px;
										   text-align:left;
										   margin:0 auto;
										   margin-top:0;
										   line-height:16px;
										   width:89%;
										   margin-left:13px;}
			
			@media all and (max-width: 1024px){#map-caption-desktop{display:none}}
			
			#map-caption{height:auto;font-family:"NeueHaasGroteskTextPro-55Roman","Helvetica Neue","Helvetica,Arial,sans-serif";letter-spacing:0.02em;
			color:#999;font-size:12px;text-align:left;margin:0 auto;margin-top:30px;line-height:16px;width:800px;display:none}
			@media all and (max-width: 1024px){
				#map-caption{display:block;width:calc(100% - 10px);max-width:500px}}
				#flint-map-previous,#flint-map-next{text-align:center;height:30px;line-height:30px;background-color:#fff;width:130px;z-index:1000;color:
				#000;display:inline-block;border:1px solid black;font-family:"NeueHaasGroteskTextPro-55Roman","Helvetica Neue",
				"Helvetica,Arial,sans-serif";text-transform:uppercase;letter-spacing:0.05em;font-size:13px;cursor:pointer;opacity:1}@media all and (max-width: 1024px){#flint-map-previous,#flint-map-next{display:inline-block;width:120px}}
				
				.select-flint-no{color:#d8d8d8 !important}
				#flint-map-previous{margin-right:15px}
				@media all and (max-width: 1024px){
					#flint-map-previous{margin-top:0;margin-right:15px}}
			
			#flint-map-left,#map-right{padding:0;
			                                 margin:0;
											 display:inline-block;
											 vertical-align:top}
											 
			#flint-map-left,#flint-map-right_1{padding:0;
			                                 margin:0;
											 display:inline-block;
											 vertical-align:top}
											 
		@media all and (max-width: 1024px){#flint-map-left,#flint-map-right{display:block}
		                                   #flint-map-left,#flint-map-right_1{display:block}}
										   
										   #flint-map-left{width:100%}@media all and (max-width: 1024px){#flint-map-left{width:100%;text-align:center;max-width:500px}}
				
				#flint-map-right{width:100%;
				                font-family:"NeueHaasGroteskTextPro-75Bold","Helvetica Neue","Helvetica,Arial,sans-serif";
								color:#777777;
								font-size:16px;
								line-height:24px}
								 
				#flint-map-right_1{width:100%;
								   font-family:"NeueHaasGroteskTextPro-75Bold","Helvetica Neue","Helvetica,Arial,sans-serif";
							 	   color:#777777;
								   font-size:16px;
								   line-height:24px;
								   }
								 
	@media all and (max-width: 1024px){
		flint-map-right{height:150px;
		                margin-bottom:10px;
						width:calc(100% - 20px);
						max-width:500px;
						margin-left:10px;
						margin-right:10px}
						
	   flint-map-right_1{height:150px;
		                margin-bottom:10px;
						width:calc(100% - 20px);
						max-width:500px;
						margin-left:10px;
						margin-right:10px}}
						
		  main.frame_index{width:100%;		            
		             z-index:1000;
					 background-color:#fff;
					 /*min-height:calc(100vh - 175px);*/
					 margin:0 auto;
					 margin-top:4%;
					 text-align:center;

					 }
		  
		  
		  main.frame{width:100%;		            
		             z-index:1000;
					 background-color:#fff;
					 /*min-height:calc(100vh - 175px);*/
					 margin:0 auto;

					 }
					 
	    @media screen and (max-width: 767px) {
			
			  main.frame_index{width:100%;		            
		             z-index:1000;
					 background-color:#fff;
					 min-height:calc(100vh - 175px);
					 margin:0 auto;
					 margin-top:24%;

					 }
		  
		  
		  main.frame{width:100%;		            
		             z-index:1000;
					 background-color:#fff;
					 min-height:calc(100vh - 175px);
					 margin:0 auto;
					 margin-top:3%;

					 }}
			
		  
		  @media all and (max-width: 599px){main.frame{overflow:hidden}
		  main.frame_index{overflow:hidden}}
		
		
		  main .opener{padding-top:2% !important;
		               margin-top:0px !important;
					   padding-bottom:0px !important;
					   margin-bottom:0px !important}
		  
		  @media all and (max-width: 1024px){
			  
			  main .opener{margin-top:1% !important;
			  padding-top:25px}}
		  
		   main .instruction{position:absolute;
		                     left:calc(50% + 380px);
							 top:56%;
							 width:150px;
							 margin-bottom:40px}
							 
		  @media all and (max-width: 1024px){main .instruction{display:none}}
		  @media all and (min-width: 1025px){main .instruction{display:block}}
		  
		  main .instruction.mobile{position:relative;left:0;top:30px;width:60%;max-width:500px;margin:0 auto;margin-bottom:40px}
	@media all and (max-width: 1024px){main .instruction.mobile{display:block}}
	@media all and (min-width: 1025px){main .instruction.mobile{display:none}}
	main .text-block{padding:10px;padding-top:10px;padding-bottom:10px;display:inline-block;z-index:100;max-width:600px;width:90%;margin:0 auto}
	@media all and (min-width: 1842px){main .text-block{width:calc(100% - 20px)}}
	
	 
	  main .instruction_uno{position:absolute;
	                        right:3.2%;
							top:8.5%;
							width:140px;
							margin-bottom:40px;
							background-color:white;
							z-index:100;
							font-size:13px;
							text-align:left;
							padding:1%;}

.text {
background-color: white;
text-align: left;

}
     

							
		  @media all and (max-width: 1024px){main .instruction_uno{display:none}}
		  @media all and (min-width: 1025px){main .instruction_uno{display:block}}
		  
		  main .instruction.mobile{position:relative;left:0;top:30px;width:60%;max-width:500px;margin:0 auto;margin-bottom:40px}
	@media all and (max-width: 1024px){main .instruction.mobile{display:block}}
	@media all and (min-width: 1025px){main .instruction.mobile{display:none}}
	
	
	main .text-block{padding:10px;
	                 padding-top:30px;
	                 padding-bottom:40px;
					 display:inline-block;
					 z-index:100;
					 max-width:710px;
					 width:90%;
					 margin:0 auto}
					 
	@media all and (min-width: 1842px){main .text-block_uno{width:calc(100% - 20px)}}
	
					
					 
					 
					 main .text-block .anchomenu{color:rgb(174, 171, 171);
					                    text-decoration:none;
										 text-decoration:none;
										/*background-image:linear-gradient(to bottom, transparent 0, #333 1px, transparent 0);*/
										background-size: 1px 3px;
										background-repeat: repeat-x;
										background-position:bottom;
										width:225px;
										text-align:left;}
										
										
									a:hover:{color:rgba(255,70,54,1.00);}
									
							
							
	
	 
										
	.
	main .text-block.text-break{padding-top:20px;padding-bottom:20px}
	
	.chapter-header{letter-spacing:0.05em;color:#fff;font-size:60px;line-height:1.2em;margin-bottom:30px}
	
	.chapter-byline{font-family:"NeueHaasGroteskTextPro-75Bold","Helvetica Neue","Helvetica,Arial,sans-serif";
	                color:rgba(255,70,54,1.00);
					letter-spacing:0.01em;
					font-size:13px;
					letter-spacing:0.1em;
					text-transform:uppercase;
					position:absolute;
					bottom:10px;
					}
	
	
	

    .content-innner{position:relative;
					margin-left:12px;
				   margin-right:auto;
				   box-sizing:border-box}
	@media (max-width: 1280px){
	.content-inner{width:93.75%}
	
	
	}
	
	
   
#header{position:fixed;
	    top:0;
	    z-index:9999;
	    font-family:"fira-sans",sans-serif;
	    overflow:hidden;
	    width:100%;
		background-color:#1e1e1e;
		box-shadow:0 0 0.5rem rgba(45,45,45,.3);
		-webkit-box-shadow:0 0 0.5rem rgba(45,45,45,.3);
		}
			
	#main-header{height:100px;
	             position:relative;
			     z-index:2;}
			 
  

   
		  
		  
   #icon-logo{position:fixed;
	         background-image:url(../branding/sello.svg);
	         top:5.2%;
             left:2.1%;
             width:37px;
             height:37px;
             z-index:9999999999;}
			 
  .network-button-info{ display:inline;
                        margin-right:30%;
					 }
					 
	
		.footer-content-info{ padding-bottom:0;
						       display:block;
						       text-align:center}	
						  
	.share-follow{ padding-bottom:4%;}
	
	.menu-iconlinks-share{background-color:#fff;
	                            fill: #FF4636; }		
	
	.share-icons{border:0.08em solid #999;
			     border-radius:50%;
	    		 display:inline-block;
			     fill:#fff;
			     height:2.1em;
			     margin:0.9em;
				 padding:0.4em;
				 transition:250ms;
				 webkit-transition:250ms;
			     width:2.1em;}
						
	.wrap-iconslink{ display:block;
	                 height:100%;
					 position:relative;
					 width:100%;
				      margin-top:10%;
					  margin-left:5}
							  
	.icon-links__icon{ bottom:0;
	                  height:100%;
					  left:0;
					  position:absolute;
					  top:0;
					  right:0;
					  width:100%;
					  fill:inherit;}
					  
	.creativecommons{ display:none}
								
	.creativecommons1{display:block;
					 font-family: 'Bree Serif', serif;
					 font-size:0.95em;
	                 font-weight:400;
					 font-variant:small-caps;
					 color:#c7c7c7;
					 position:absolute;
					 bottom:4%;
					 z-index:9;
					 left:2.5%;
					 letter-spacing:0.1em;}
					 
    .container-creativecommons{display:block;
	                           background-color:rgba(89,24,14,1.00);}
							   
					 
	 .creativecommons-menu{ position:fixed;
					 font-family: 'Bree Serif', serif;
					 font-size:0.75em;
	                 font-weight:400;
					 color:rgb(123,123,123);
					 bottom:3.2%;
					 z-index:9;
					 left:3%;
					 letter-spacing:0.09em;}
					 
	.creativecommons-box{display:none;}
					 
  .menucolumn{width:100%;
              background-color:#eee;
			  
			  margin-left:;}
			  
    #mapa{background-color:rgba(0,0,0,1.00);
	      height:400px;
		  width:60%;}
			  
    @media(max-width:1222px)and (orientation:landscape){  
   .show#mega{-webkit-transition:all 0.6s ease;
 	           transition:all 0.6s ease;
			   background-color:#eee;
			   display:block !important;}
			   
    #logo{position:fixed;
          background-image:url(../branding/sello.svg); 
          top:1.5%;
          left:3.4%;
          width:35px;
          height:35px;
          z-index:9999999;}
		  
    #icon-logo{position:fixed;
	         background-image:url(../sello1.svg);
	         top:5.5%;
             left:3.4%;
             width:35px;
             height:35px;
             z-index:9999999999;}
		  
		  
		 .menu-widget ul{ margin-top:-3%;
					 padding-left:30%;
	                   }}
	  
	  
	  
	
    @media (max-width: 1222px)and (orientation:portrait){
	
	
	
	.show#mega{border:0; }
	
	.show#mega{-webkit-transition:all 0.6s ease;
 	           transition:all 0.6s ease;
			   background-color:rgba(255,255,255,1.00);
			   display:block !important;}
	
	#header{position:fixed;
	          top:0;
	          z-index:9999;
	          font-family:"fira-sans",sans-serif;
	          overflow:hidden;
	          width:100%;
			  background-color:#1e1e1e;
			  border-bottom:solid 1px rgba(255,70,54,1.00);
			  height:7.5%;}
	
	#logo{position:fixed;
          background-image:url(../branding/sello.svg); 
          top:1.5%;
          left:3.4%;
          width:35px;
          height:35px;
          z-index:9999999;}
		  
	 #icon-logo{position:fixed;
	         background-image:url(../../stonelibrary/branding/sello2.svg);
	         top:1.5%;
             left:3.4%;
             width:35px;
             height:35px;
             z-index:9999999999;}
			 
	#contenedor { width:300px;
	             margin: 0 auto;
				 display:inline-block;
				 vertical-align:top;}
				 

			 
			
	
			 
	.content-inner{margin-right:5%;}
	
			 
			}
		  @media(max-width:1222px)and (orientation:landscape){  
		  #header{position:fixed;
	          top:0;
	          z-index:99999;
	          font-family:"fira-sans",sans-serif;
	          overflow:hidden;
	          width:100%;
			  background-color:#1e1e1e;
			  border-bottom:solid 1px rgba(255,70,54,1.00);
			  height:14%;}
			  
			  
			  #mega .menu .content-megamenu{padding:34px 0 80px;}
			  
			  }
			  
			    @media(max-width:767px)and (orientation:landscape){
		   #header{position:fixed;
	          top:0;
	          z-index:9999;
			  right:0;
	          font-family:"fira-sans",sans-serif;
	          overflow:hidden;
	          width:100%;
			  background-color:#1e1e1e;
			  border-bottom:solid 1px rgba(255,70,54,1.00);
	          height:15.5%;}
			  
			  #mega{position:absolute;
          z-index:999999999;
	      height:100%;
	      background:#eee;
	      font-family:'Neuzeit Grotesk',sans-serif;
	      width:100%}
			  }
	 
@media(max-width:1222px)and (orientation:portrait){
	
	
	.creativecommons-menu{ position:fixed;
					 font-family: 'Bree Serif', serif;
					 font-size:1em;
	                 font-weight:400;
					 color:#c7c7c7;
					 bottom:3%;
					 z-index:9; 
					 left:0;
					 letter-spacing:0.09em;
					 width:100%;
					 text-align:center;}
					 
    .creativecommons1{display:none; }

 .card_bibliotecaenpiedra-controls-container{right:6.5%;
                                             bottom:5%;
	                                         font-weight:400;}
	
	.card_bibliotecaenpiedra-slides .card_bibliotecaenpiedra-btn{display:block;
	                             position:absolute;
								 top:50%;
								 margin-top:-13px}
    .card_bibliotecaenpiedra-slides .card_bibliotecaenpiedra-btn.prev{left:3.5%}
    .card_bibliotecaenpiedra-slides .card_bibliotecaenpiedra-btn.next{right:3.5%}
	
	.creativecommons{display:block;
	                 font-family: 'Bree Serif', serif;
					 left:0;
					 font-size:9.9px;
	                 font-weight:400;
					 color:#c7c7c7;
					 position:absolute;
					 bottom:1%;
					 z-index:9;
					 letter-spacing:0.17em;
					 width:100%;
					 text-align:center;}}
	
		  
	 @media (max-width: 767px){
      
	.close{position:absolute;
	       top:20px;
		   right:20px;
		   height:24px;
		   width:24px;
		   z-index:2}
	
	.close em{position:absolute;
	           top:10px;
			   left:4px;
			   width:15px;
			   height:2px;
			   background:#fff}
	
	.show#mega{border:0; }
	
	.show#mega{-webkit-transition:all 0.6s ease;
 	           transition:all 0.6s ease;
			   background-color:rgba(255,255,255,0.99);
			   display:block !important;}
	
	 #logo{position:fixed;
           background-image:url(../stonelibrary/branding/sello.svg);
           top:5.5px;
           left:14px;
           width:32px;
           height:32px;
           z-index:9999999;}
		  
	 #icon-logo{position:fixed;
                background-image:url(../stonelibrary/branding/sello2.svg); 
                top:5.5px;
                left:14px;
                width:32px;
                height:32px;
                z-index:9999999;}}
		  
	.mega-toggle{color:rgba(255,70,54,1.00);}
	  
    .main-menu{clear:both;
               font-size:14px;
		       line-height:22px;
		       letter-spacing:0.1em}
		       
			   
   .submenu {
    position: relative;
    width: 100%;
    background-color: #eeeeee;
    padding: 30px 50px;
}
			   
	
	.sidebar{ position:absolute;
	 left:0;
	 width:8%;
	 opacity:0;
	 -webkit-transition:opacity ease-out .6s;
	 -moz-transition:opacity ease-out .6s;
	 -ms-transition:opacity ease-out .6s;
	 -o-transition:opacity ease-out .6s;
	 transition:opacity ease-out .6s;
	 background:#fff;
	}
	
	.sidebar{ position:absolute;
	 left:0;
	 width:8%;
	 opacity:0;
	 -webkit-transition:opacity ease-out .6s;
	 -moz-transition:opacity ease-out .6s;
	 -ms-transition:opacity ease-out .6s;
	 -o-transition:opacity ease-out .6s;
	 transition:opacity ease-out .6s;
	 background:#fff;
	}
	
	
	@media screen and (max-width: 767px){
		 
	.submenu{ position:relative;
	          background-color:#f2f2f2;
			  padding-top:8%;
			  padding-bottom:8%;
			  
			  
			  left:0;
			  }
	
	.sidebar{ position:absolute;
	          left:0;
        	  width:8%;
	         opacity:0;
			 -webkit-transition:opacity ease-out .6s;
			 -moz-transition:opacity ease-out .6s;
			 -ms-transition:opacity ease-out .6s;
			 -o-transition:opacity ease-out .6s;
			 transition:opacity ease-out .6s;
			 background:#fff;}
	
	.sidebar_intro { position:relative;
					 left:0;
					 width:8%;
					 opacity:0;
					 -webkit-transition:opacity ease-out .6s;
					 -moz-transition:opacity ease-out .6s;
					 -ms-transition:opacity ease-out .6s;
					 -o-transition:opacity ease-out .6s;
					 transition:opacity ease-out .6s;
					 
					 
	}
	
		}
	 		   
	.visible{ opacity:1;}
	
	#main-article .sidebar-social-wrapper	{position:relative;}
	#main-article .sidebar-social-wrapper .sidebar-social.visible{opacity:1;}
	#main-article .sidebar-social-wrapper .sidebar-social{	    position:absolute;
	 top:20px;
	 left:0;
	 width:8%;
	 opacity:0;
	 -webkit-transition:opacity ease-out .6s;
	 -moz-transition:opacity ease-out .6s;
	 -ms-transition:opacity ease-out .6s;
	 -o-transition:opacity ease-out .6s;
	 transition:opacity ease-out .6s;
	 background:#fff;}
	 
	 s
			   
			   
		   
    .main-menu svg{display:inline-block;
                  vertical-align:middle}
	 .sub-menu svg{display:inline-block;
                  vertical-align:middle}
			   
     .main-menu ul{list-style:none outside none}
     .main-menu li{float:left;
	              border:none;}
     .main-menu li:before{content:'|';
	                      float:left;
						  margin:0 3px 0 4px;
						  color:#c7c7c7
						  ;}
						  
	 .main-menu {color:#FF0004} 
	 .main-menu {border-color:#FF0004}
	
     .main-menu .menu-item{ padding-left:11px;
	                                  padding-right:11px;
									  padding-bottom:1px;
									  border-bottom:none;
									  }
	 .main-menu .menu-item:before{display:none}
	 
	 .main-menu .selected {color:rgba(255,70,54,1.00);
	                       border-bottom:2px #FF4636 solid; }
				
	 .main-menu a:hover:after,
     .main-menu li.active a:after{margin-top:0;opacity:1}	
	 .main-menu a{font-family: 'Bree Serif', serif;
		          position:relative;
	              color:#ffffff;
	              text-decoration:none;
				  font-size:1em;
				  padding-bottom:14px;}
     
	 @media (max-width: 1222px){
	 #main-header{height:80px}
	 #main-header .content-inner{padding-left:60px;
	                              right:3%;
	                              height:100%}
	.main-menu a{ font-variant: inherit;}
	
	.mega-toggle{color:rgba(0,0,0,1.00);}
    
	 .main-menu li{display:none}
	 .main-menu .mega-toggle svg{}}
    
	@media(max-width:767px)and (orientation:portrait){
		#header{position:fixed;
	          top:0;
	          z-index:9999;
			  right:0;
	          font-family:"fira-sans",sans-serif;
	          overflow:hidden;
	          width:100%;
			  background-color:#1e1e1e;
			  border-bottom:solid 1px rgba(255,70,54,1.00);
	          height:10.5%;}}
	 @media (max-width: 767px){
	 #main-header{height:0}
	 #main-header .content-inner{ margin-top:-8px;}
	 
	 {top:5.5px}
	 #icon-logo{top:5.5px}
	 .main-menu{margin-top:0}
	 .main-menu a{ font-variant: inherit;
	               font-size:0.9em;
				   letter-spacing:0.06em;
				   color:#ffffff;}
     .meta-nav{display:none}
	 
	  
			  
			  
       .menu-line{position:fixed;
        border-bottom:solid 1px rgba(255,70,54,1.00);
		height:8.8%;
		}}
		
	 
	<!-- dropdown-->
		
    ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;}
 
    .dropbtn {
    display: inline-block;
    color: rgb(0 0 0);
    font-family: "fira-sans", sans-serif;
    padding-bottom: 14px;
    font-weight: 500;
}

    li a:hover, .dropdown:hover .dropbtn {
	color:#ff0004;}

   .dropdown-content {
    display: none;
    position: relative;
	text-align:center;
    background-color:none;
    min-width: 100%;}
	
	.dropdown-contentuno {
    position: relative;
    text-align: center;
    background-color: antiquewhite;
    min-width: 100%;
}

   .dropdown-content a {
    text-decoration: none;
    display: block;}
	
	.dropdown-contentuno a {
    text-decoration: none;
    display: table-cell;
}

   .dropdown-content a:hover {background-color: none;}
   .dropdown-contentuno a:hover {background-color: none;}

   .dropdown:hover .dropdown-content {
    display: block;}
	
	 .dropdown:hover .dropdown-contentuno {
    display: block;}
	
	.dropdown:hover .dropdown-content {
		display: block;}
	.meta-nav{margin-bottom:23px}

	.menu-archivo{ width:335px;
		font-family:"fira-sans",sans-serif;
		font-size:12px;
		text-align:left;
		border-top:solid 1px #e1e1e1;
		padding:5px;
		color:#1a1a1a;
		}
			 
   

    #mega{position:fixed;
          z-index:999999999;
	      height:100%;
	      background:#eee;
	      font-family:'Neuzeit Grotesk',sans-serif;
	      width:100%}
		
    @media(max-width:767px){
    #mega{
	      z-index:9999999999;
	      top:0;
	      left:0;
	      width:100%;
	      height:100%;}}

    
	  
    #mega .inner{position:relative;
	             min-height:100%;
				 box-sizing:border-box;}
				   
    #mega .menu .widget h3{color:#FF0004;
	                       font-weight:600;
						   font-variant:all-small-caps;
						   font-size:1em;
						   padding-left:5%;
						   padding-top:4%;}
						   
	.widgettitle{color:rgba(0,0,0,1.00);
	             font-weight:600;
			     font-variant:all-small-caps;
				 font-size:0.9em;
				 padding-left:6%;
			     padding-top:7%;
				 padding-bottom:4%;
				 letter-spacing:0.045em;}
						   
	.widgettitle1{color:rgba(255,255,255,1.00);
	             font-weight:600;
			     font-variant:all-small-caps;
				 font-size:0.9em;
				 padding-left:6%;
			     padding-top:7%;
				 padding-bottom:4%;
				 letter-spacing:0.045em;}
				 
	 .widgettitle_bp{color:rgba(0,0,0,1.00);
	             font-weight:600;
			     font-variant:all-small-caps;
				 font-size:0.9em;
				 padding-left:6%;
			     padding-top:3%;
				 padding-bottom:1%;
				 letter-spacing:0.045em;
				 font-family: sans-serif;
				 text-align:left;}
	 
	 #mega .menu .widget h3{color:rgba(255,70,54,1.00);
	                       font-weight:600;
						   font-variant:all-small-caps;
						   font-size:1em;}
						   
	#mega .menu .content-inner{padding:60px 0 80px;}
	#mega .menu .content-megamenu{padding:38px 0 80px;}
	
    #mega .menu .columns{position:relative}
    #mega .menu .close{position:absolute;
	                   top:9px;
					   right:-12px}
    #mega .menu .close em{background:#1A1A1A;}
    #mega .menu .close:hover em{background:rgba(255,70,54,1.00);}
     
	#mega .menu .col{float:left;
	                 width:29.3%;
					 box-sizing:border-box;
					 padding:0 16px;
					 min-height:100%;
					 background-color:#ffffff;
					 border:solid 1px rgb(234, 234, 234);}
						
	#mega .menu .column1{float:left;
	                  width:39%;
					  margin-bottom:18%;
					  box-sizing:border-box;
					  padding-right:20px;
					  min-height:100%}
						
	#mega .menu .col-line{position:absolute;
	                      top:0;
						  bottom:20%;
						  margin-left:-1px;
						  background:#fff;
						  width:2px}
      
	#mega .menu .col-close-2{left:39%}
	
	.device-stone-library{display:none;}
     
   			 					
	   @media(max-width:767px){
	
	
	.creativecommons-menu{  position:fixed;
					 font-family: 'Bree Serif', serif;
					 font-size:9.9px;
	                 font-weight:400;
					 color:#c7c7c7;
					 bottom:3%;
					 z-index:9; 
					 left:0;
					  letter-spacing:0.17em;
					 width:100%;
					 text-align:center;}
					 
	
	.container-creativecommons{ background-color:rgba(89,24,14,1.00);
	                            width:100%;}
	                            
	
	
	.creativecommons{display:block;
	                 font-family: 'Bree Serif', serif;
					 left:-2%;
					 font-size:9.9px;
	                 font-weight:400;
					 color:#c7c7c7;
					 position:absolute;
					 bottom:1%;
					 z-index:9;
					 letter-spacing:0.17em;
					 width:100%;
					 text-align:center;}
					 
	.creativecommons1{ display:none;}
					 
	.creativecommons-box{ width:100%}
	
	
	
	}  
	
	@media (max-width: 1023px){
	
	.dropbtn {
    font-weight:400;
	margin-right:2%;
	display: inline-block;
    color:#1A1A1A;
    text-align: center;
	float:none;
    text-decoration: none;}

	
	.device-stone-library{display:inline;}
	#mega .menu .content-inner{padding-left:30%;}
    #mega .menu .col{min-height:0}
	#mega .menu .column1{float:left;
	                  width:100%;
					  margin-bottom:50%;
					  margin-bottom:18%;
					  box-sizing:border-box;
					  padding:0 20px;
					  min-height:100%}
	#mega .menu .close{position:absolute;
	                   top:10px;
					   right:22px}
    .column-2{display:none;}}
	
	
	
	
    .sub-mega-toggle{display:none;
	                 max-width:35%;}
					 
					 
	.svg-symbol{ fill: currentColor;}
	
	@media screen and (max-width: 1222px){
    .sub-mega-toggle{display:inline;
	                 float:right;
					 margin-right:-18px;
					 margin-top:-1%;}}
    @media screen and (max-width: 767px){ 
	
	#mega .menu .column1{float:left;
	                  width:100%;
					  box-sizing:border-box;
					  padding-left:1px;}
	
	.sub-mega-toggle{display:inline;
	                 float:right;
					 margin-right:0;
					 margin-top:-1px;}}
					 
     
	 .menu-widget ul a:hover{color:rgba(255,70,54,1.00);}
	  .menu-widget ul{ margin-top:-3%;
					 padding-left:17%;
	                   }
	  .menu-widget ul li{ border:none;
	                     padding-left:0; 
	                     padding-top:1%;}


	.menu-info{width:89.5%;
			   margin-top:8%;
			   margin-left:2%;
			   margin-bottom:3%;
			   font-size:12.9px;			   
			   color:#1a1a1a;
			   border-bottom:solid 0.2px rgb(234, 234, 234);
			   padding-bottom:18px;}
			   
    .share-socialnetworking{display:none;}
	.share-buttons{display: none;
	               vertical-align:middle;
			       text-align:left;}
				   
				   
	 
	.footer-content-info-menu-principal{ display:block;
						               text-align:center;
									   position:fixed;
									   bottom:0;
									   right:5.5%;
									  }	
						    
	.share-follow-principal{  margin-top:-2.5%;
							  margin-left:8%;}
	
	.menu-iconlinks-share{background-color:#fff;
	                            fill: #FF4636; }		
	
	
						
	.share-icons-menu{ 
	                   border:0.1em solid #FF4636;
					   border-radius:50%;
					   display:inline-block;
					   fill:#fff;
					   height:1em;
					   margin:0.9em;
					   padding:0.4em;
					   transition:250ms;
					   webkit-transition:250ms;
					   width:1em;
					    }
						
	.share-icons-menuprincipal{ 
	                   border:0.1em solid rgb(123,123,123);
					   border-radius:50%;
					   display:inline-block;
					   fill:#fff;
					   margin-right:0.9em;
					   margin-top:0.9em;
					   margin-bottom:0.9em;
					   padding:0.8em;
					   transition:250ms;
					   webkit-transition:250ms;
					    }
				
							  
	.wrap-iconslink-menu{ display:block;
	                          height:100%;
							  position:relative;
							  width:100%;
							  margin-top:-3px
							  ;}
							  
	.wrap-iconslink-menuprincipal{ display:block;
	                          height:100%;
							  position:relative;
							  width:100%;
							  margin-top:-5px
							  ;}
							  
	.icon-links__icon{ bottom:0;
	                  height:100%;
					  left:0;
					  position:absolute;
					  top:0;
					  right:0;
					  width:100%;
					  fill:inherit;}
				   
	
				   
				
	
			   
			   
	@media (max-width: 1024px){ 
	.menu-info{margin-top:6%;
	           margin-left:4%;}   
			   
	
	.introduction-stonelibrary{font-weight:300;
	                            font-size:11.8px;
	                            letter-spacing:0.3px;
								 width:97%;
								 line-height:18.5px;}
								 
    .maps{color:rgba(0,0,0,1.00);
	      text-decoration:none;
		  font-size:12px;}
		  
	#mega .menu .col{ margin-top:0;} }	
			   

  @media (max-width: 1024px){
	  .menu-widget ul{ 
					   padding-left:30%;
					   margin-top:0%;}}
			   
    
      
	  .menu-widget ul a{font-family: 'Bree Serif', serif;
		                color:#1A1A1A;
                        text-decoration:none;
						font-size:12.4px;
						font-weight:400;
						line-height:}
	  .menu-widget ul a:hover{color:rgba(255,70,54,1.00);}
	
	
		
						 
						 
	 .dropdown{ }
	 .dropdown1{ display:none}
						 
	 #device-submenu{ left:1px;}
	  
	
	 @media (max-width: 1023px){
    
	.footer-content-info-menu-principal{ display:none;}	
	
	
	.share-buttons{display:inline;}
	.social-button{ padding-top:3%;
	                text-align:center;
	                }
	
	
	.network-button{ border:none;
					 display:inline;
					 margin-right:3%;}
					 
	.network-button-info{ display:inline;
					 }
									 
	.menu-info{ display:none;
			   }
	.info-menu{display:none;}
	
	}	   
   
   
	 
	  @media (max-width: 1023px){
	  
	     .share-socialnetworking{display:inline;}
	  
	    #mega .menu .widget li { text-align:left;
							 padding-top:0.75em;
							 padding-bottom:0.75em;
							 border-bottom:solid #eee 1px;}
						 
	  
	  #device-submenu{ padding-top:7%;
		               padding-left:10%;
					   padding-right:10%}
					   
	  .dropdown1{ display:inline;
	              font-variant:small-caps}
				  
	  .dropdown-content {
        display:inherit;
        position: relative;
	    text-align:center;
        background-color:none;
        min-width: 100%;}
		
		.dropdown-contentuno {
        display:inherit;
        position: relative;
	    text-align:center;
        background-color:none;
        min-width: 100%;}
		
		.dropdown-content a {
         text-decoration:none;
         display: inherit;
		 color:rgba(137,137,137,1.00);}	
		 
		 .dropdown-contentuno a {
         text-decoration:none;
         display: inherit;
		 color:rgba(137,137,137,1.00);}	
	  
	  .menu-widget ul{ background-color:rgba(234,234,234,0);
	                   text-align:center;
					   padding-left:0;
					   margin-top:8%;}
						
		.menu-widget ul a{color:#1A1A1A;
                        text-decoration:none;
						font-size:20px;}
						
		 .share-socialnetworking{display:inline;}
		 .footer-content-info{ padding:1em;
						       display:block;
						       text-align:center}	
						  
    .footer-content-info-menu{ border-top: 1px solid #FFFFFF;
	                           display:block;
						       text-align:center}	
						    
	.share-follow{ 
	                margin-top:-1em;}
	
	.menu-iconlinks-share{background-color:#fff;
	                            fill: #FF4636; }		
								
		 
.ir{background-color:transparent;
	      border:0;
		  overflow:hidden;
		  *text-indent:-9999px}
	   .ir:before{content:"";display:block;
	              width:0;
				  height:150%}
				  


    .clearfix:before,.clearfix:after{content:" ";display:table}
    clearfix:after{clear:both}
    .clearfix{*zoom:1}
	
	
	/*.share-icons{ 
	                   border:0.1em solid #FF4636;
					   border-radius:50%;
					   display:inline-block;
					   fill:#fff;
					   height:2em;
					   margin:0.9em;
					   padding:0.4em;
					   transition:250ms;
					   webkit-transition:250ms;
					   width:2em;
					    }*/
						
	.share-icons-menu{ 
	                   border:0.1em solid #FF4636;
					   border-radius:50%;
					   display:inline-block;
					   fill:#fff;
					   height:1em;
					   margin:0.9em;
					   padding:0.4em;
					   transition:250ms;
					   webkit-transition:250ms;
					   width:1em;
					    }
					
							  
	.wrap-iconslink-menu{ display:block;
	                          height:100%;
							  position:relative;
							  width:100%;
							  margin-top:-3px;}
							  
	.icon-links__icon{ bottom:0;
	                   height:100%;
					   left:0;
					   position:absolute;
					   top:0;
					   right:0;
					   width:100%;
					   fill:inherit;} }


		@media (max-width: 767px){
		
	    
		#device-submenu{ padding-top:0;
		                 padding-left:11%;}

							
			 .menu-archivo_intro{ width:233px;
							font-family:"fira-sans",sans-serif;
							font-size:12px;
							text-align:left;
							border-top:solid 1px #e1e1e1;
							padding:5px;
							color:#FFFFFF;
							}			
							
			 
				 
			 .menu-archivo_intro{ width:233px;
								  font-family:"fira-sans",sans-serif;
								  font-size:12px;
								  text-align:left;
							border-top:solid 1px #e1e1e1;
							padding:5px;
							color:#FFFFFF;
							}	
						 
	   .menu-widget ul{ 
					   margin-top:4%;}
	  
	   .dropdown1{ display:inline;
	               font-variant:small-caps}
				   
		.share-buttons{display:inline;}
	    .social-button{ padding-top:0.5%;
	                text-align:center;
	                }
	
	
	.network-button{ border:none;
					 display:inline;
					 margin-right:3%;}
	  
	   .dropdown-content {
        display:inherit;
        position: relative;
	    text-align:center;
        background-color:none;
        min-width: 100%;}
		
		.dropdown-contentuno {
        display:inherit;
        position: relative;
	    text-align:center;
        background-color:none;
        min-width: 100%;}
		
		 .dropbtn {
      display: inline-block;
      color:rgba(0,0,0,1.00);
	  font-weight:300;
      text-align: center;
	  float:none;
      text-decoration:none;
	  margin-right:2%;
	  font-size:14px;}
		
		 .dropdown-content a {
         text-decoration:none;
         display: inherit;
		 color:rgba(137,137,137,1.00);
		 font-weight:300;
		 font-size:14px;}
		 
		 .dropdown-contentuno a {
         text-decoration:none;
         display: inherit;
		 color:rgba(137,137,137,1.00);
		 font-weight:300;
		 font-size:14px;}

 
	   .share-socialnetworking{display:inline;}
	   .share-buttons{display:inline;
	                         vertical-align:middle;
		                  	 text-align:center
							 ;}
							 
		.network-button{ border:none;
					                 display:inline;
									 margin-right:2%;
									 margin-left:7%}
									 
		
						 
   	.menu-widget ul{ background-color:rgba(234,234,234,0);
	                   text-align:center;
					   padding-left:0;
					   margin-left:0%;}
					   
	 .menu-widget ul a{color:#1A1A1A;
                        text-decoration:none;
						font-size:16px;
						margin-left:1px;
						letter-spacing:0.05em;}}
						
						 @media(max-width:767px){	
						 
	
	.footer-content-info{ 
	                      padding:1em;
						  padding-top:0;
						  display:block;
						  text-align:center}	
						  
    .footer-content-info-menu{ border-top: 1px solid #FFFFFF;
	                           display:block;
						       text-align:center}	
						    
	.share-follow{ margin:0;
					margin-right:1em;}
	
	.menu-iconlinks-share{background-color:#fff;
	                            fill: #FF4636; }		
	
	.share-icons{border:1px solid #FF4636;
				 border-radius:50%;
				 display:inline-block;
			     fill:#fff;
				 height:1.2em;
			     margin:0.9em;
			     padding:0.4em;
	    	     transition:250ms;
		 	     webkit-transition:250ms;
				 width:1.2em;}
						
	.share-icons-menu{ 
	                   border:0.1em solid #FF4636;
					   border-radius:50%;
					   display:inline-block;
					   fill:#fff;
					   height:1em;
					   margin:0.9em;
					   padding:0.4em;
					   transition:250ms;
					   webkit-transition:250ms;
					   width:1em;
					    }
						
	
							  
	.wrap-iconslink-menu{ display:block;
	                          height:100%;
							  position:relative;
							  width:100%;
							  margin-top:-5%;}
							  
	.icon-links__icon{ bottom:0;
	                  height:100%;
					  left:0;
					  position:absolute;
					  top:0;
					  right:0;
					  width:100%;
					  fill:inherit;}
							  
							  
	
	
	
	#mega .menu .close{position:absolute;
	                   top:0;
					   right:9px}
	
	#mega .menu .widget li { text-align:left;
							 padding-top:0.5em;
							 padding-bottom:0.5em;
							 border-bottom:solid 1px rgba(230,230,230,1.00);}
							 
    #mega .menu .col{float:none;
	                 width:100%;}	
	#mega .menu .column1{margin-bottom:0;}}	
					   
	   
	   @media (min-width: 1023px){
	  #device-submenu{ width:55%}}
	
    
	 .sanagustin-sites{}
	  #sanagustinareasites_bp{ color:rgba(206,219,244,1.00);}
	 
	 .sanagustin-sites .all{font-size:13.3px;
	                        font-variant:all-small-caps;
	                        font-weight:400;
							line-height: 18px;
							padding-left:18px;
							color:rgb(123,123,123);
							letter-spacing:0.045em;
						    width:88%;
							text-align:left;
							padding-left:6%;
							font-family: sans-serif;
						}
							
     .sanagustin-area{font-size:13.3px;
	                        font-weight:400;
							line-height:25px;
							letter-spacing:0.055em;
						    width:88%;
							padding-left:18px;
							color:#1A1A1A;
							text-align: left;
							padding-left: 6%;
							font-family: sans-serif;
							
							}
							
	.otherareas-puebloescultor {font-size:13.4px;
	                        font-weight:400;
							line-height:25px;
							letter-spacing:0.055em;
	                        border-bottom:0.2px solid #fff;
						    width:88%;
							padding-left:18px;}
							
	.puebloescultor-othersites{ font-size:12px;
	                            font-weight:600;
								letter-spacing:0.065em;
								padding-bottom:3%;
								padding-left:8px;
								color:#1a1a1a;}
						
	 .puebloescultor-othersites-1{ font-size:12px;
	                              font-weight:600;
								  letter-spacing:0.065em;
								  padding-bottom:3%;
								  padding-left:8px;
								  padding-top:18px;
								  color:#1a1a1a;}
								
	 .sanagustin-sites ul{max-height:440px;
	                      overflow:auto;
						  font-size:13px;
						  line-height:28px;
						  padding-left:6%;
						  padding-top:4%;
						  padding-right:6%;
						  padding-bottom:6%;
						  background-color:ivory}
	.sanagustin-sites ul a{color:#1A1A1A;
	                       text-decoration:none;
						   font-weight:400;
						   font-family: sans-serif;}
	.sanagustin-sites ul::-webkit-scrollbar{width:3px}
	.sanagustin-sites ul::-webkit-scrollbar-track{background:rgba(188,188,188,1.00)}
	.sanagustin-sites ul::-webkit-scrollbar-thumb{background-color:#1A1A1A}
	.sanagustin-sites li a:hover{color:#FF0004}
	.code-name { color:rgba(255,70,54,1.00);
	             display:inline;
				 border-bottom:1px solid rgba(255,70,54,1.00);} 
	
	
	@media (max-width: 1024px){
	.sanagustin-sites{margin-top:0}
	
	.sanagustin-sites .all{font-size:12.5px;
	                       letter-spacing:0.045em;
						   }
							
     .sanagustin-area{font-size:12.5px;
	                  letter-spacing:0.055em;}}
	
	.otherpuebloescultorsites ul{max-height:440px;
	                      overflow:auto;
						  font-size:13px;
						  line-height:28px;
						  padding-left:6%;
						  padding-top:4%;
						  padding-right:6%;
						  padding-bottom:6%;
						  background-color:ivory}
			   
	
	.otherpuebloescultorsites .all{font-size:13.3px;
	                        font-variant:all-small-caps;
	                        font-weight:400;
							line-height: 18px;
							padding-left:18px;
							color:rgb(123,123,123);
							letter-spacing:0.045em;
						    width:88%;
							}
	.otherpuebloescultorsites ul a{color:#1A1A1A;
	                               text-decoration:none;
								   font-weight:400;}
	.otherpuebloescultorsites ul::-webkit-scrollbar{width:3px}
	.otherpuebloescultorsites ul::-webkit-scrollbar-track{background:rgba(188,188,188,1.00)}
	.otherpuebloescultorsites ul::-webkit-scrollbar-thumb{background-color:#1A1A1A;}
	.otherpuebloescultorsites li a:hover{color:#FF0004}
	
	
    @media (max-width: 1280px){
   .menu-content{display:none;}}
	

.footer-copy{
	position:absolute;
	display:block;
	font-size:12px;
			 padding-top:px;
			 margin-bottom:1px;
			 padding-left:1.4%;
			 bottom:1px;
			 line-height:0;
			 box-sizing:border-box;
			 font-family:"fira-sans",sans-serif;
			 letter-spacing:0.8px;}
			 
			 .footer-copy .left{float:left;color:#fff; margin-top:;}

@media (max-width: 1222px) {
   .footer-copy .left{
    float: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}}

    @media (max-width: 1023px){
	.sanagustin-sites ul{display:}
	.otherpuebloescultorsites ul{display:none}
    #mega .menu .col{width:100%;
                     min-height:0;
					 display:none;
					 }
    .col-close-2,.col-line-4{display:none}
	.t-col{float:left;
	       width:100%}
	.t-col:after{content:"";
	             display:block;
	             clear:both;
				 width:100%}
	.t-col.t-column-1{margin-bottom:180px}
	.t-column-2{display:none}
	
	.sanagustin-sites .all{padding-top:0;
	                           border-top:none}}
								
	 @media (max-width: 479px){
	 .t-col{float:none;width:100%}
	 .t-col.t-column-1{margin-bottom:0;}}




   .photo-3-2-container{ width:90%;
                         margin:0 auto;
						 display:inline;
						  }
						 
   .photo-3-2{ width:16%;
               max-width:575px;
			   display:inline-block;}
			   
   .photo-3-2-margin{margin-top:3%;
               margin-right:3%;
			   margin-bottom:3%;
			   }
			   
    .magnify-container{ position:relative;
	                    cursor:pointer;
						background-color:white;
						
						box-shadow:0 0 0.5rem rgba(45,45,45,.3);
		                -webkit-box-shadow:0 0 0.5rem rgba(45,45,45,.3);}
						
    .gradient-blurb-read-more-container{ width:100%;
	                                     height:35px;
										  z-index:2;
										  display:block;
										  
										  bottom:0;
										  left:0;}
										 
     .gradient-blurb-read-more-container::before{ content:'';
                                                position:absolute;
												bottom:50%;
												left:0;
												right:0;
												border-bottom: 2px solid dotted;
												max-width:500px;
												margin:0 auto;}
												
	
	.gradient-blurb-read-more{
		
		padding:8px 29px;
		z-index: 1;
		font-size:11px;
		line-height:1.33;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		background-color:#fff;
		border:1px solid #e5e5e5;}
												
												
   
			
    .jump-to-top.from-bottom{ bottom:20px;
	                          top:auto;
							  z-index:-2;}
	 .jump-to-top{ position:fixed;
	               cursor:pointer;
				   right:4%;
				   width:62px;
				   height:62px;
				   line-height:62px;
				   font-size:35px;
				   text-align:center;
				   vertical-align:middle;
				   border:3px solid;
				   transition: all 0.25s;
				   transform:translate3d(0,0,0);
				  }
				   
     .video {margin:0 auto;
	 align-content:center;
	 text-align:center;}
	 
	 .splash>video{position:absolute;left:-100%;right:-100%;margin:auto;min-width:100%;min-height:100%}
	 
	 
	 .contents_embed{ margin:0 auto 1.6em;}
	 .embed_container{ position:relative;
	                   height:0;}
	 .embed_container iframe{ position: absolute;
	                          top:0;
							  left:0;
							  width:100%;
							  height:100%;}
							  
	
	#back-to-wrapper{ z-index:0;
	                   position:fixed;
					   right:5%;
					   bottom:10px;
					   overflow:hidden;}
					   
    #back-top a{ display:block;
	           color: rgba(0,0,0,1.00);
			   text-align:center;
			   width:50px;
			   text-decoration:none;
			   transition:1s;
	}
	
	 #back-top span{ display:block;
	                 margin-bottom:14px;
					 width:50px;
					 height:50px;
					 background:url(../fotografia/scroll-down1.png) 0 0 no-repeat;
					 background-position:50% 50%;
					 cursor:pointer;
					 z-index:100;}
					 
					 
					   
	#back-top-wrapper a{ width:50px;
	                    height:50px;}
	
	.visible-desktop{ display:inherit !important;}
						
						
	.u-transition--fadeIn300 {visibility: visible;
	                          opacity: 1;
							  transition: visibility 0s linear 0s,opacity .3s 0s;}
							  
     .u-fixed{ position: fixed!!important;}
	 .u-foreground{position:relative!important;
	               z-index: 100 !important;}