@charset "iso-8859-1";
/* CSS Document */


footer a {
    color: #606060;
}

.all-content-wrapper	
{
	height: 854px;
	position:relative;
}
.content-left 
{
	background-image:url(../images/mapa-fondo.png);
	background-position:left;
	background-repeat:no-repeat;
	width: 400px;
	background-color:#efefef;
}
.scheme-light .content-left h1
{
	color:#4b4b4b;
	font-size: 37px;
    letter-spacing: 2px;
}
.categorias
{
	margin-left:10px;
	margin-right:10px;	
}
.content-self
{
	background:none !important;
}
.content-left .content-left-i .content-self
{
	padding:0px;
	overflow:hidden;
}
.content-left.align-bottom .content-left-i .content-self
{
	bottom:none;
	top:0;
}
.desc
{
	font-family: 'FuturaStd-Medium','Open Sans','Helvetica Neue',Arial,sans-serif;
	background-color: rgba(255, 255, 255, 0.6);	
	padding-top:20px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	height:100%;
}
.h1-container
{
	text-align:center;	
}
.h1-container h1
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	display:inline-block;
	color:#4b4b4b;
	cursor:pointer;
}
.cat
{
	padding-bottom:20px;
	height:120px;
	text-align:center;
}
button
{
	background: none;
	border: 0;
	color: inherit;
	/* cursor: default; */
	font: inherit;
	line-height: normal;
	overflow: visible;
	padding: 0;
	-webkit-appearance: button; /* for input */
	-webkit-user-select: none; /* for button */
	-moz-user-select: none;
	-ms-user-select: none;
	margin-left:auto;
	margin-right:auto;
}
.cat-icon
{
	text-align:center;	
}
.cat-icon img
{
	width:50px;	
}
.cat-name
{
	text-align:center;
	font-size:15px;
	font-family: 'FuturaStd-Medium','Open Sans','Helvetica Neue',Arial,sans-serif;
	letter-spacing:1px;
	padding-top:7px;
	padding-bottom:5px;
}
button.marcado .cat-name
{
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#4b4b4b;
}
.content-thumbs
{
	width: 450px;
}
.content-left-show-btn
{
	
}
.post-controls a span
{
	font-weight:normal;
	font-family: 'FuturaStd-Medium','Open Sans','Helvetica Neue',Arial,sans-serif;
	text-transform: lowercase;
	font-size: 15px;
	letter-spacing: 1px;
}
.thumbnail-slider .slide .slide-make-viewed
{
	font-family: 'FuturaStd-Medium','Open Sans','Helvetica Neue',Arial,sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 22px;
	top:50%;
}
.items-with-description .slide .slide-quick-info-visible-box
{
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	bottom: 0px;
	position: absolute;
	z-index: 9999;
	left: 0px;
	right: 0px;
	padding: 140px 90px 50px 90px;
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background-repeat: repeat-x;
	text-align:left;
	top:auto;
	width:100%;
}

.items-with-description .slide .slide-quick-info-visible-box .slide-quick-title a
{
	font-family: 'FuturaStd-Heavy','Open Sans','Helvetica Neue',Arial,sans-serif;
	letter-spacing:2px;
	font-weight:normal;
	 border-bottom: 2px solid rgba(255,255,255,0.2);
	padding-bottom: 6px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
	color: #fff;
	text-transform:none;
	cursor:default;
}
.items-with-description .slide .slide-quick-info-hidden-box .slide-quick-title-w .slide-quick-title 
{
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    margin: 0;
    color: #fff;
    font-family: 'FuturaStd-Heavy','Open Sans','Helvetica Neue',Arial,sans-serif;
    letter-spacing: 2px;
    font-weight: normal;
    border-bottom: 2px solid rgba(255,255,255,0.2);
    padding-bottom: 6px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    color: #fff;
    text-transform: none;
    cursor: default;
}
.scheme-light .content-right h2
{
	border-bottom:none;	
}
.scheme-light .content-right .content-right-i h2
{
	display:block;	
}
.items-with-description .slide .slide-quick-info-hidden-box .slide-quick-description
{
	margin-top: 20px;
    width: 76%;
    text-align: justify;
	padding-top:15px;
	padding-bottom:15px;
	cursor:default;
}
.items-with-description .slide .slide-quick-info-hidden-box .slide-quick-description,
.items-with-description .slide .slide-quick-info-hidden-box .slide-quick-description p
{
	font-family: 'FuturaStd-Medium','Open Sans','Helvetica Neue',Arial,sans-serif;
	color:#ffffff;
}
.items-with-description .slide .slide-quick-info-hidden-box .slide-quick-description a
{
	color:#ffffff;
	text-decoration:underline;
}
span.slide-button-label
{
	font-family: 'FuturaStd-Medium','Open Sans','Helvetica Neue',Arial,sans-serif;
	font-size:18px;
	letter-spacing:1px;
	text-transform:none;
	color: #111;
}
.masonry-items.items-with-description .masonry-item.width-item-size-xxl .slide-quick-title-w .slide-quick-title
{
	padding-bottom:6px;	
}
.items-with-description .slide .slide-quick-info-hidden-box .slide-quick-sub-title span
{
	letter-spacing:1px;
	font-family: 'FuturaStd-Medium','Open Sans','Helvetica Neue',Arial,sans-serif;
	font-size:13px;
}
.items-with-description .slide .slide-quick-info-visible-box .slide-quick-title:hover a
{
	border-bottom: 2px solid rgba(255,255,255,0.2);
}
.masonry-next.horizontal, 
.masonry-prev.horizontal {
	top: 0px;
	bottom: 0px;
	width: 57px;
	height:auto;
}
.masonry-next.horizontal
{
	right:0px;	
}
.masonry-prev.horizontal
{
	left:0px;	
}

.scheme-dark.masonry-next:hover, 
.scheme-dark.masonry-prev:hover {
	background-color: rgba(0,0,0,0.9);
}
.scheme-dark.masonry-next, 
.scheme-dark.masonry-prev {
	background-color: rgba(0,0,0,0.6);
}
.os-lb-close-btn
{
	font-family: 'FuturaStd-Medium','Open Sans','Helvetica Neue',Arial,sans-serif;
	font-size: 14px;
    padding: 5px 15px;
}
.os-lb-close-btn span
{
	text-transform: none;
    letter-spacing: 1px;
	font-size:14px;
}
.os-lb-close-btn i {
    font-size: 14px;
    line-height: 14px;
}

@media (max-width: 1800px) and (min-width: 1401px){
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-thumbs, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-thumbs{
		-webkit-transform: translateX(400px);
		-moz-transform: translateX(400px);
		-ms-transform: translateX(400px);
		-o-transform: translateX(400px);
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-right, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-right{
	    left: 850px;
	}
}

@media (max-width: 1400px) and (min-width: 1025px){
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-right, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-right{
	    left: 850px;
	}
}

@media (max-width: 1100px) and (min-width: 1025px){
	.content-left{
		width: 300px;
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-thumbs, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-thumbs{
	    -webkit-transform: translateX(300px);
    	-moz-transform: translateX(300px);
    	-ms-transform: translateX(300px);
    	-o-transform: translateX(300px);
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-right, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-right{
		left: 750px;
	}
}

@media (max-width: 1024px) and (min-width: 769px){
	.content-left{
		width: 200px;
	}
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-thumbs, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-thumbs{
	    -webkit-transform: translateX(200px);
    	-moz-transform: translateX(200px);
    	-ms-transform: translateX(200px);
    	-o-transform: translateX(200px);
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-right, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-right{
		left: 650px;
	}
}


/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.items-with-description .slide .slide-quick-info-hidden-box .slide-quick-description{
		width:98%;
	}
	.items-with-description .slide .slide-quick-info-hidden-box .slide-quick-description p {
 	   font-size: 12px;
    	line-height: 15px;
	}
	
	
		
}
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.masonry-items.items-with-description .masonry-item.width-item-size-sm .slide-zoom-button {
		display: block;
	}
	
	.masonry-items.items-with-description .masonry-item.width-item-size-sm .slide-info-button {
		display: none;
	}

}



@media (max-width: 800px) and (min-width: 768px){
	section.pag-proyectos {
    	margin-top: 150px;
	}
}

@media (max-width: 768px) and (min-width: 601px){
	
	
	.content-left{
		width: 150px;
	    background-position: center;
	}
	
	#reset-filters{
	    font-size: 32px !important;
	}
	
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-thumbs, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-thumbs{
	    -webkit-transform: translateX(150px);
    	-moz-transform: translateX(150px);
    	-ms-transform: translateX(150px);
    	-o-transform: translateX(150px);
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-thumbs, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-thumbs{
		width:350px;
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-right, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-right{
		left: 500px;
	}

}

@media (max-width: 600px) and (min-width: 481px){
	
	.content-left{
		width: 150px;
	    background-position: center;
	}
	
	.mobile-content-left-visible .content-left{
		/*width: 150px;*/
	    background-position: center;
	}
	
	#reset-filters{
	    font-size: 24px !important;
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-thumbs, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-thumbs{
	    -webkit-transform: translateX(150px);
    	-moz-transform: translateX(150px);
    	-ms-transform: translateX(150px);
    	-o-transform: translateX(150px);
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-thumbs, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-thumbs{
		width:350px;
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-right, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-right{
		/*left: 500px;*/
	}
}

@media (max-width: 600px){
	.mobile-content-left-visible .content-left{
		/*width: 125px !important;*/
	}
	
	#reset-filters{
	    font-size: 22px !important;
	}
	
	.content-thumbs {
    	/*display: block;*/
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-thumbs, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-thumbs{
	    -webkit-transform: translateX(125px);
    	-moz-transform: translateX(125px);
    	-ms-transform: translateX(125px);
    	-o-transform: translateX(125px);
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-thumbs, body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-thumbs{
		width:350px;
	}
	
	 .mobile-content-middle-visible .content-right, 
	 .mobile-content-middle-visible .content-middle,  
	 .mobile-content-left-visible .content-right,
	 .mobile-content-left-visible .content-middle, 
	 .mobile-content-right-visible .content-right, 
	 .mobile-content-right-visible .content-middle{
		/*-webkit-transform: translateX(-15%);
		-moz-transform: translateX(-15%);
    	-ms-transform: translateX(-15%);
    	-o-transform: translateX(-15%);*/
	}
	
	body.menu-on-the-left-hidden.content-left-visible.content-thumbs-visible .content-right, 
	body.menu-on-the-left-removed.content-left-visible.content-thumbs-visible .content-right{
	    /*left: 100px;*/
    	
	}
	
	
	.mobile-navigation-controls{
		top: 100px;
	}
	
	.mobile-navigation-controls button.mn-content-right {
    	right: 20px;
	}
	
	.mobile-content-left-visible .mobile-navigation-controls button.mn-content-left,
	.mobile-content-right-visible .mobile-navigation-controls button.mn-content-right {
		transform: translateY(-150px);
		-webkit-transform:  translateY(-150px);
		-moz-transform:  translateY(-150px);
		-ms-transform:  translateY(-150px);
		-o-transform:  translateY(-150px);
	}
	
}

@media only screen and (max-width: 767px) {
	/*en responsive ocultamos el bot�n de informaci�n,
	ya que si el texto es muy extenso no cabe*/
	a.slide-button.slide-info-button{
		display:none !important;
	}
	.masonry-items.items-with-description .masonry-item.width-item-size-xs .slide-zoom-button{
		display:block !important;
	}
	
	h1#reset-filters{
		font-size: 25px !important;
	    padding-top: 20px;
	}
	
}


@media (min-width: 481px) and (max-width: 767px){
	
	section.pag-proyectos, .all-content-wrapper	
	{
		height: 1154px;
	}
	
	section.pag-proyectos {
    	margin-top: 90px;
	}
}

@media (max-width: 480px){
	.all-content-wrapper {
    	height: 845px;
		
	}
	
	.content-left{
		 background-position: top center;
	}
	
	
	.mobile-content-left-visible .content-left {
		width: auto !important;
		float: none;
	}
	
	.cat {
		float: left;
		width: 50%;
	}
		
	
	.content-thumbs {
		display: none;
	}
	
	.mobile-content-middle-visible .content-right, .mobile-content-middle-visible .content-middle, .mobile-content-left-visible .content-right, .mobile-content-left-visible .content-middle, .mobile-content-right-visible .content-right, .mobile-content-right-visible .content-middle{
		/*-webkit-transform: translate(-31%,665px);
		-moz-transform: translate(-31%,665px);
		-ms-transform: translate(-31%,665px);
		-o-transform: translate(-31%,665px);
		z-index: 9999;
		width: 100%;*/
	}
	.mobile-navigation-controls{
		top: 60px;
	}
	
	.mobile-content-left-visible .mobile-navigation-controls button.mn-content-left,
	.mobile-content-right-visible .mobile-navigation-controls button.mn-content-right {
		transform: translateY(-110px);
		-webkit-transform:  translateY(-110px);
		-moz-transform:  translateY(-110px);
		-ms-transform:  translateY(-110px);
		-o-transform:  translateY(-110px);
	}
	
	.items-with-description .slide .slide-quick-info-hidden-box .slide-quick-description{
		width: 98%;
	}
	
	
	/*en responsive ocultamos el bot�n de informaci�n,
	ya que si el texto es muy extenso no cabe*/
	a.slide-button.slide-info-button{
		display:none !important;
	}
	
}