@font-face {
	font-family: 'Barlow SemiCondensed Medium';
	src:url(../fonts/BarlowSemiCondensed-Medium.ttf);
}
@font-face {
	font-family: 'Barlow SemiCondensed Light';
	src:url(../fonts/BarlowSemiCondensed-Light.ttf);
}
main a{
	color:#000 !important;
}
main a:focus,main a:visited{
	outline:none;
	text-decoration:none;
}	
main a:hover{
	text-decoration:none;
}
.titulo{
	height:382px;
}
.listado{
	margin-top:180px;
	margin-bottom:200px;
}
.listado article{
	text-align:center;
	cursor:pointer;
	margin-bottom:80px;
}
.listado article:hover{
	opacity:0.7;
	transition: all 0.3s;
}
.listado article h3{
	font-family: 'Barlow SemiCondensed Medium';
	font-size:25px;
}
.listado article p{
	font-family: 'Barlow SemiCondensed Light';
	font-size:18px;
}
.listado .thumb {
    width: 100%;
}
.paginacion{
	margin-bottom:200px;
	text-align:center;
}
.paginacion img{
	height:120px;
	width:auto;
}
.paginacion a{
	margin-right:50px;
	outline:none;
}
.paginacion a:hover{
	opacity:0.6;
	transition:all 0.3s;
}
.disable{
	cursor:default;
}
.disable img{
	opacity:0.4;
}
.carousel{
	background:#FFF;
}
.modal {
  text-align: center;
}
@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}	
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.carousel-control,.close{
	opacity:1 !important;
}
.carousel-control.left{
	background:none;height:80px;bottom:auto; top:40%; left:0; width:40px;
}
.carousel-control.right{
	background:none; height:80px;top:40%; bottom:auto; right:0px; width:40px; 
}
.close {
	width: 60px;
    height: 60px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
	background: url(../images/cruz.svg) no-repeat !important; 
    background-size: auto 100% !important;
}
.cs-modal-caption{
	font-family:'Barlow SemiCondensed Light';	
	font-size:70px;
	height:120px;
	width:100%;
	padding-bottom:20px;
}
.iconos{
	float:right;
}
.vista360{
	background-size: 120%;
	background-repeat: no-repeat;
	background-position: center center;
}
#VCc .loading-img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
    display: none;
}
#VCc.onLoadingDiv{
	background: #FFFFFF;
}
#VCc.onLoadingDiv > img{
	display: block;
}
.boton360{
	/*position: absolute;*/
	left: 0;
	top: -10px;
	z-index: 9999;
	width: 175px;
    height: 90px;
    border: none;
}
.btn-abrir{
	background: url('../images/360.svg') no-repeat;
	background-size: contain;
}
.btn-cerrar{
	display: none;
}
@media(min-width:1004px){
	.modal-dialog {
		 width:1000px;
  		 height:700px;
	}
}
@media(max-width:500px){
	.cs-modal-caption{
		height:auto;
		text-align:center;	
	}
	.cs-modal-caption img{
		float:initial;
	}	
	.modal-dialog {
		margin: 0px;
	}
}