body{
		line-height: 1.2!important;
	}

	* {
	  margin: 0;
	  padding: 0;
	  @include box-sizing(border-box);
	}

	.col-lg-12 {
		padding-right: 0px;
	}

	.row{
		margin-left: 0px;
		margin-right: 0px;
	}

	.page-header{
		width:980px;
		display: block;
		margin: 0pc auto;
		padding: 15px;
	}
	.container{
		padding-top:10px;
	}
	.intro-header .container{
		padding-top: 0px;
	}

	#comunicacion_list{
		margin-top: 10px;
		text-align: justify;
	}

	#comunicacion_list small{
		text-align: left;
	}

	.comunicacionBox{
		width: 18%;
		margin: 0px 7px 15px 7px;
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}

	.btn-primary{
		margin-bottom: 3px;
	}

	.comunicacionTitle{
		text-transform: uppercase;
		display: block; /* Fallback for non-webkit */
		margin-bottom: 5px;
		text-align: -webkit-auto;
		word-break: break-word;
	}

	.downloadButton{
		margin-bottom: 5px;
		display: block;
	}

	.comunicacionImage{
		display: inline-block;
		width: 160px;
	}
	.comunicacionImage img{
		width: 100%;
	}
	.comunicacionArea{
		margin-top: 5px;
		display: inline-block;
	}
	hr{
		margin: 5px 0px;
	}

	.zoomIn{
		position: absolute;
	    bottom: 0.3%;
	    width: 40px;
	    height: 40px;
	    margin: auto;
	    left: calc( 50% - 55px );
	    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 40px;
	    font-weight: 100;
	    line-height: 32px;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: 0 0 2px #000;
	    text-align: center;
	    background: #222;
	    background: rgba(0,0,0,.5);
	    -webkit-box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    box-sizing: content-box;
	    border: 3px solid #fff;
	    -webkit-border-radius: 23px;
	    -moz-border-radius: 23px;
	    border-radius: 23px;
	    opacity: .5;
	    cursor: pointer;
		background-image: url(../img/zoomIn.png);
		background-repeat: no-repeat;
		background-size: 70%;
		background-position: center center;
	}

	.zoomIn:hover{
	    color: #fff;
	    opacity: 1;
	    text-decoration: none;
	}

	.zoomOut{
		position: absolute;
	    bottom: 0.3%;
	    width: 40px;
	    height: 40px;
	    margin: auto;
	    left: 50%;
	    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 40px;
	    font-weight: 100;
	    line-height: 32px;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: 0 0 2px #000;
	    text-align: center;
	    background: #222;
	    background: rgba(0,0,0,.5);
	    -webkit-box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    box-sizing: content-box;
	    border: 3px solid #fff;
	    -webkit-border-radius: 23px;
	    -moz-border-radius: 23px;
	    border-radius: 23px;
	    opacity: .5;
	    cursor: pointer;
  		background-image: url(../img/zoomOut.png);
		background-repeat: no-repeat;
		background-size: 70%;
		background-position: center center;
	}

	.zoomOut:hover{
	    color: #fff;
	    opacity: 1;
	    text-decoration: none;
	}

	.resetZoom{
		position: absolute;
	    bottom: 0.3%;
	    width: 40px;
	    height: 40px;
	    margin: auto;
	    left: calc( 50% + 55px );
	    line-height: 32px;
	    text-decoration: none;
	    text-shadow: 0 0 2px #000;
	    background-color: rgba(0,0,0,.5);
	    -webkit-box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    box-sizing: content-box;
	    border: 3px solid #fff;
	    -webkit-border-radius: 23px;
	    -moz-border-radius: 23px;
	    border-radius: 23px;
	    opacity: .5;
	    cursor: pointer;
		background-image: url(../img/resetZoom.png);
		background-repeat: no-repeat;
		background-size: 70%;
		background-position: center center;
	}

	.zoomOut:hover{
	    opacity: 1;
	}

	.btnFiltros{display: none;}

@media (max-width: 768px) and (max-height: 1024px) {

	.container {
		width: auto;
		margin: 0px;
	}

	.intro-header .container{
		padding: 0px;
	}

	.intro-header .container p{
		margin: 0px;
	}
	.boxHeader{
		padding: 0px;
	}

	.row{
		margin: 0px;
	}

	.btnFiltros{
		display: block;
		padding: 10px 15px;
		background-color: #ccc;
		color: #fff;
		font-size: 17px;
		text-decoration: none;
		background-image: url(../img/filtroClose.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		background-size: 15px;
	}
	.btnFiltros.open{
		background-image: url(../img/filtroOpen.png);
		-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 2px 6px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 2px 6px 0px rgba(50, 50, 50, 0.75);
	}
	.btnFiltros:hover{
		color: #ddd;
		text-decoration: none;
	}
	.btnFiltros:focus{
		color: #fff;
		text-decoration: none;
	}
	.btnFiltros:visited{
		text-decoration: none;
	}

	.comunicacionBox {
		width:45%;
		padding: 30px 5px 0px 5px;
		border-top:0px;
		margin: 0px auto;
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	#comunicacion_list{
		text-align: center;
	}
	#comunicacion_list small{
		text-align: left;
		display: block;
	}
	.comunicacionTitle{
		text-transform: uppercase;
		display: block; /* Fallback for non-webkit */
		display: -webkit-box;
		height: 63px; /* Fallback for non-webkit */
		margin: 0 auto;
		line-height: 1.2;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 5px;
		text-align: -webkit-auto;
	}
	.col-sm-4,.col-sm-2,.col-sm-6,.col-md-2,.col-md-6,.col-md-4,.col-md-8{
		margin-top: 10px;
	}

	.downloadButton{
		display: none;
	}

	.zoomIn {
	    left: calc( 50% - 70px );
	    bottom: 1%;
	}
	.zoomOut {
	    left: calc( 50% - 20px );
	    bottom: 1%;
	}
	.resetZoom {
	    left: calc( 50% + 30px );
	    bottom: 1%;
	}
	.glyphicon{margin-bottom: 10px;}
	.form-group{
		margin-bottom: 0px;
	}
	.btn-primary{
		width: 100%;
		margin: 10px 0px;
	}

	.page-header{
		font-size: 25px;
		text-align: center;
		margin: 0px;
		padding: 10px 0px;
		width: 100%;
	}
	.page-header small{
		display: block;
	}

	#comunicacionForm{
		display: none;
	}

}


@media (max-width: 1024px) and (max-height: 768px) {

	.container {
		width: auto;
		margin: 0px;
	}

	.intro-header .container{
		padding: 0px;
	}

	.intro-header .container p{
		margin: 0px;
	}
	.boxHeader{
		padding: 0px;
		background-color: #2F567D;
	}

	.row{
		margin: 0px;
	}

	.btnFiltros{
		display: block;
		padding: 10px 15px;
		background-color: #ccc;
		color: #fff;
		font-size: 17px;
		text-decoration: none;
		background-image: url(../img/filtroClose.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		background-size: 15px;
	}
	.btnFiltros.open{
		background-image: url(../img/filtroOpen.png);
		-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 2px 6px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 2px 6px 0px rgba(50, 50, 50, 0.75);
	}
	.btnFiltros:hover{
		color: #ddd;
		text-decoration: none;
	}
	.btnFiltros:focus{
		color: #fff;
		text-decoration: none;
	}
	.btnFiltros:visited{
		text-decoration: none;
	}

	.comunicacionBox {
		width:30%;
		padding: 30px 10px 0px 10px;
		border-top:0px;
		margin: 0px auto;
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	#comunicacion_list{
		text-align: center;
	}
	#comunicacion_list small{
		text-align: left;
		display: block;
	}
	.comunicacionTitle{
		text-transform: uppercase;
		display: block; /* Fallback for non-webkit */
		display: -webkit-box;
		height: 63px; /* Fallback for non-webkit */
		margin: 0 auto;
		line-height: 1.2;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 5px;
		text-align: -webkit-auto;
	}
	.col-sm-4,.col-sm-2,.col-sm-6,.col-md-2,.col-md-6,.col-md-4,.col-md-8{
		margin-top: 10px;
	}

	.downloadButton{
		display: none;
	}

	.zoomIn {
	    left: calc( 50% - 70px );
	    bottom: 1%;
	}
	.zoomOut {
	    left: calc( 50% - 20px );
	    bottom: 1%;
	}
	.resetZoom {
	    left: calc( 50% + 30px );
	    bottom: 1%;
	}
	.glyphicon{margin-bottom: 10px;}
	.form-group{
		margin-bottom: 0px;
	}
	.btn-primary{
		width: 100%;
		margin: 10px 0px;
	}

	.page-header{
		font-size: 25px;
		text-align: center;
		margin: 0px;
		padding: 10px 0px;
		width: 100%;
	}
	.page-header small{
		display: block;
	}

	#comunicacionForm{
		display: none;
	}

}


@media (max-width: 600px) {

	.intro-header .container{
		padding: 0px;
	}

	.intro-header .container p{
		margin: 0px;
	}
	.boxHeader{
		padding: 0px;
	}

	.row{
		margin: 0px;
	}

	.btnFiltros{
		display: block;
		padding: 10px 15px;
		background-color: #ccc;
		color: #fff;
		font-size: 17px;
		text-decoration: none;
		background-image: url(../img/filtroClose.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		background-size: 15px;
	}
	.btnFiltros.open{
		background-image: url(../img/filtroOpen.png);
		-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 2px 6px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 2px 6px 0px rgba(50, 50, 50, 0.75);
	}
	.btnFiltros:hover{
		color: #ddd;
		text-decoration: none;
	}
	.btnFiltros:focus{
		color: #fff;
		text-decoration: none;
	}
	.btnFiltros:visited{
		text-decoration: none;
	}

	.comunicacionBox {
		width:94%;
		padding: 30px 5px 0px 5px;
		border-top:1px solid #eee;
		margin: 0px auto;
		float: none;
	}
	.comunicacionBox:first-child {
		border-top:0px;
	}

	.comunicacionTitle{
		text-transform: uppercase;
		display: block; /* Fallback for non-webkit */
		height: auto; /* Fallback for non-webkit */
		margin: 0 auto;
		line-height: 1.2;
		-webkit-line-clamp: none;
		overflow: hidden;
		text-overflow: none;
		margin-bottom: 5px;
	}
	.col-sm-4,.col-sm-2,.col-sm-6,.col-md-2,.col-md-6,.col-md-4,.col-md-8{
		margin-top: 10px;
	}
	#comunicacion_list small{
		text-align: left;
		display: block;
	}
	.downloadButton{
		display: none;
	}

	.zoomIn {
	    left: calc( 50% - 70px );
	    bottom: 1%;
	}
	.zoomOut {
	    left: calc( 50% - 20px );
	    bottom: 1%;
	}
	.resetZoom {
	    left: calc( 50% + 30px );
	    bottom: 1%;
	}
	.glyphicon{margin-bottom: 10px;}
	.form-group{
		margin-bottom: 0px;
	}
	.btn-primary{
		width: 100%;
		margin: 10px 0px;
	}

	.page-header{
		font-size: 25px;
		text-align: center;
		margin: 0px;
		padding: 10px 0px;
	}
	.page-header small{
		display: block;
	}

	#comunicacionForm{
		display: none;
	}

}

.iconRefresh{
	width:35px;
	height:35px;
	background-image: url(../img/refresh.png);
	display: inline-block;
	background-size: 100%;
	margin-top: 4px;
}


#colaboradores {
	width:100%;
	margin:20px auto;
	text-align:center;
}

#colaboradores p {
	opacity: 0.6;
	font-size:16px;
	padding-bottom: 20px;
}

#colaboradores div {
	display:inline-block;
}

#colaboradores div img {
	max-width:200px;
}

.button-primary {
	cursor: pointer;
	display: block;
	font-size:0.8em;
	text-align:center;
	width: 100%;
	background-color: #7249a7;
	color: white;
	padding: 5px;
	transition: all 0.3s ease;
	border-radius: 4px;
	margin: 5px auto;
}

.button-primary:hover {
	color: white;
	text-decoration: none;
	background-color: #f7210a;
}






 /* The Modal (background) */
 .modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
  
/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}
  
/* The Close Button */
.modal-close {
	color: #666;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
  
.modal-close:hover,
.modal-close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}