/* GLOBAL STYLES */

/* FONTS - @font-face */
@font-face {
	font-family: 'Conv_ModerneSans';
	src: url('../fonts/ModerneSans.eot');
	src: local('☺'), url('../fonts/ModerneSans.woff') format('woff'), url('../fonts/ModerneSans.ttf') format('truetype'), url('fonts/ModerneSans.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: Century Gothic, 'Questrial', helvetica, sans-serif;
	
}


/* NAVBAR STYLES */
header { /* DOUBLE BOTTOM BORDER COLORS */
	height: 140px;
	position:relative; 
	z-index:10; 
	background:#fff; 
	border-bottom: 2px solid #404040;

}


header:before { /* DOUBLE BOTTOM BORDER COLORS */
	content:""; 
	display:block; 
	position:absolute; 
	z-index:-1; 
	top:2px; 
	left:2px; 
	right:2px; 
	bottom:2px; 
	border-bottom:1px solid #AED036;
}

.navbar {
	height: 135px;
	border: 0;
	margin-bottom: 0;
	text-outline: 30px;
	 

}

.navbar-brand {
	height: 110px;
	padding: 0px;
	margin-top: 10px;
}

.navbar-brand > img {
      max-height: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      visibility: hidden;
    }

.nav-justified > li > a {
	font-family:'Conv_ModerneSans'; 
	text-transform: uppercase;
	color: rgb(60,60,60);
	font-size: .9em;
	margin-top: 90px;

	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;

}

.navbar-toggle {
	margin-top: 50px;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent;
	color: #AED036; 
	

	
}
.navbar-header {
	height: 140px;
}



 /* SECTION STYLES */
h1 {
	padding: 8px 0px 3px 5px;
	margin-top: 50px;
	margin-bottom: 13px;	
	color: #fff;
	background-color: #787878;
	font-size: 1.5em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;	
	text-transform: uppercase;

}

h2 {
	padding: 8px 0px 3px 5px;
	margin-top: 50px;
	margin-bottom: 0px;	
	color: #787878;
	font-size: 1.4em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;	
	text-transform: uppercase;

}
.blog-titles {
	padding: 8px 0px 3px 0px;
	margin-top: 20px;
}

.fakeimg {
	background-color: #aaa;
	width: 100%;
  }
.equipo {
	border: 1px solid black;
} 

.col-half-offset {
    margin-left:4.166666667%
}

.imgpadding {
	padding-left:5px;
	padding-right: 5px;
} 


/* PROYECTOS: TITULOS DENTRO DE IMÁGENES */
div.imgboxbw {
	position: relative;
}


.imgboxbw img{
	transition: all .50s ease;
	margin-top: 25px;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	--ms-filter: grayscale(0);
}

.imgboxbw img:hover{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}	

.imgboxbw{

	text-align: center;
	
}

.imgboxbw a p{
	background: rgba(175,175,175,0.5);
	position: absolute;
	bottom: 0;
	left: 15px;
	padding: 3px 5px 3px 5px;
	margin-bottom: 0px;
	color: #fff;
	text-decoration: none;
	width: 90%;
}
/* ============================================ */

/* PUBLICACIONES: TITULOS DENTRO DE IMÁGENES */
div.imgboxpub {
	position: relative;
}

.imgboxpub img{
	margin-top: 25px;
}

.imgboxpub{

	text-align: center;
	
}

.imgboxpub a p{
	background: rgba(175,175,175,0.5);
	position: absolute;
	bottom: 0;
	left: 15px;
	padding: 3px 5px 3px 5px;
	margin-bottom: 0px;
	color: #fff;
	text-decoration: none;
	width: 90%;
}
/* ============================================ */

p{
	color: #414141;

}

a span p {
	font: 2em;
}

.thumbnail {
	border: 0;

}

.pdflink {
	
	border-radius: 0;
	width: 263px;
	height: 263px;
}



.publicaciones{
	margin-top: 20px;
	font-family: 'Josefin Sans', sans-serif;
}

.publicaciones h6{
	font-size: 1.1em;

}

/* MAP STYLES */
.embed-responsive-16by9 {
	padding-bottom: 25%;
	
}
.mapa {
	margin-top: 25px;
	padding-right: 1px;
	padding-left: 1px;
}

@media screen and (min-width: 1200px){
	.embed-responsive-16by9 {
	padding-bottom: 16%;
	min-height: 306px;

}

}

.doubleborder { /* DOUBLE BOTTOM BORDER COLORS */
	position:relative; 
	z-index:10; 
	background:#fff; 
	border-top: 1px solid #AED036;

}


.doubleborder:before { /* DOUBLE BOTTOM BORDER COLORS */
	content:""; 
	display:block; 
	position:absolute; 
	z-index:-1; 
	top:2px; 
	left:2px; 
	right:2px; 
	bottom:2px; 
	border-top:2px solid #404040;
}


/* FOOTER STYLES */
footer {
	background-image: url("../images/footerBg.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;


}

footer p {
	margin-top: 20px;
	line-height: 1.6;
	font-size: 1em;
	
}

.footrow {
	padding-top: 20px;

}
a:hover{
	text-decoration: none;
}
.aviso-link a p{
	text-transform: capitalize;
	font-weight: bold;
}
.aviso-link a p:hover {
	transition: all .50s ease;
	color: #AED036;
}
/* FORM STYLES */
.form-horizontal .control-label {
    padding-top: 2px;
    margin-bottom: 0;
    text-align: left;
}

.form-control {
	background-color: #AED036;
	color: rgb(40,40,40);

}

.form-group {
	margin-bottom: 5px;
}
/* placeholder text color */ 
input[type="email"]::-webkit-input-placeholder {
color: #839929 !important;
}
 
input[type="email"]:-moz-placeholder { /* Firefox 18- */
color: #839929 !important;  
}
 
input[type="email"]::-moz-placeholder {  /* Firefox 19+ */
color: #839929 !important;  
}
 
input[type="email"]:-ms-input-placeholder {  
color: #839929 !important;  
}

input[type="text"]::-webkit-input-placeholder {
color: #839929 !important;
}
 
input[type="text"]:-moz-placeholder { /* Firefox 18- */
color: #839929 !important;  
}
 
input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
color: #839929 !important;  
}
 
input[type="text"]:-ms-input-placeholder {  
color: #839929 !important;  
}


.btn-primary {
	margin-top: 26px;
	text-transform: uppercase;
	background-color: transparent;
	border: 0;
	color: rgb(40,40,40);
	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
}

.btn-primary:hover {
	color: rgb(25,25,25);
	background-color: rgba(255, 255, 255,.5);
	font-size: 1.1em;

}

/* EXTRA SMALL DEVICES */
@media screen and (max-width: 767px){
		
		.imgboxbw a p {
			font-size: .9em;			
			left: 32%;
			right: 0;
			bottom: 0;
			width: 36%;
		}

		.imgboxpub a p {
			font-size: .9em;			
			left: 32%;
			right: 0;
			bottom: 0;
			width: 36%;
		}
	
		/* section */
		section h1 {
			padding-left: 0px;
			text-align: center;
		}
		section h2 {
			padding-left: 0px;
			text-align: center;
		}
		.img-responsive {
			max-width: 70%;
		
		}
		
		.nav-justified > li > a {
			margin: 0;	
			padding: 15px 0px 15px 10px;
			text-align: left;
		}

		.navbar-brand > img {
      		visibility: visible;
    	}

    	.navbar-default, .navbar-collapse {
			background-image: none;
			background-color: white;
		}
		
		.imgbox img {
			width: 60%;
			height: auto;
		}
		.infografiaxs {
			max-width: 100%;
		}
		.equipoxs {
			width: 120px;
			height: 120px;
			border: 1px solid black;
		
		}
		
		h6{
			text-align: center;
			margin-top: 5px;
			margin-bottom: 15px;

		}
	
		.btn-primary {
			margin-top: 5px;
		}
		
		.btn {
			padding-right: 0px;
			float: right;
		}

		footer p{
			text-align: center;
		}


} 

/* SMALL DEVICES */
@media screen and (min-width: 768px) and (max-width: 991px){
		.navbar-brand {
			margin-top: 17px;
			height: 95px;
		}
		
		.navbar-brand > img {
      		visibility: visible;
    	}

		.nav-justified > li > a {
			font-size: .7em;
			padding: 10px 0px 0px 0px;	 
		}

		h1 {
			margin-top: 35px;
			margin-bottom: 0px;
			font-size: 1.2em;
		}
		
		.imgboxbw a p {
			font-size: .9em;
			width: 88%;

		}

		.imgboxpub a p {
			font-size: .9em;
			width: 88%;

		}
		
		.gallery p {
			margin-top: 15px;
			margin-bottom: 0px;
			line-height: 1.6;
			font-size: .9em;
		}

		.thumbnail {
			margin-bottom: 0px;
			margin-top: 25px;
			padding: 0px;
		}
		
		footer p {
			margin-top: 25px;
			line-height: 1.6;
			font-size: .9em;
	
		}

		label {
			font-size: .9em;
		}

		.btn-primary {
			margin-top: 5px;
		}

		.btn {
			padding-right: 0px;
			float: right;
			font-size: .9em;
		}

} 

/* MEDIUM DEVICES */
@media screen and (min-width: 992px) and (max-width: 1199px){
		.nav-justified > li > a {	
			padding: 10px 0px 0px 0px;
		
		}

		h1 {
			margin-top: 40px;
			margin-bottom: 0px;
		}
		
		.imgboxbw a p {
			font-size: .9em;
			width: 88%;

		}

		.imgboxpub a p {
			font-size: .9em;
			width: 88%;

		}

		.btn-primary {
			margin-top: 5px;
		}
		
		.btn {
			padding-right: 0px;
			float: right;
		}

		.thumbnail {
			margin-bottom: 0px;
			margin-top: 25px;
			padding: 0px;
		}
		
		.gallery p {
			margin-top: 15px;
			margin-bottom: 0px;
			line-height: 1.8;
		}

}

/* LARGE DEVICES */

@media screen and (min-width: 992px) and (max-width: 1024px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1024.jpg");
		background-repeat: no-repeat;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1280.jpg");
		background-repeat: no-repeat;

	}
}

@media screen and (min-width: 1281px) and (max-width: 1360px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1360.jpg");
		background-repeat: no-repeat;
	}
}

@media screen and (min-width: 1361px) and (max-width: 1440px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1440.jpg");
		background-repeat: no-repeat;
	}
}

@media screen and (min-width: 1441px) and (max-width: 1540px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1540.jpg");
		background-repeat: no-repeat;
	}
}

@media screen and (min-width: 1541px) and (max-width: 1600px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1600.jpg");
		background-repeat: no-repeat;
	}
}

@media screen and (min-width: 1601px) and (max-width: 1680px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1680.jpg");
		background-repeat: no-repeat;
		background-size: auto;
	}
}

@media screen and (min-width: 1681px) and (max-width: 1780px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1780.jpg");
		background-repeat: no-repeat;
		background-size: auto;
	}
}

@media screen and (min-width: 1781px) and (max-width: 1860px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1860.jpg");
		background-repeat: no-repeat;
		background-size: auto;
	}
}

@media screen and (min-width: 1861px) and (max-width: 1920px) {
	.navbar-default {
		background-image: url("../images/navbar-bg1920.jpg");
		background-repeat: no-repeat;
		background-size: auto;
	}
}