#mostrar_entradas,#comerciales_contenidos{
	display: none;
}
#preloader{
	position:relative;
	width: 100%;
	height: 700px;
}
.cargador_gif{
	position: absolute;
	width: 108;
	height: 108;
	top: 50%;
	left: 50%;
	margin-left: -54px;
	margin-top: -54px;
}
.precarga{
	position: absolute;
	width: 20px;
	height: 20px;
	text-align: center;
	top: 50%;
	left: 49%;
	margin-left: -10px;
	margin-top: -10px;
}
.barra_p{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 60%;
	left: 50%;
	margin-left: -250px;
	background: #01ACF4;
}
/**comerciales**********************************************/
		#comerciales_contenidos{
		position:relative;
		margin:0px 0px 0px 0px;
		width:100%;
		height:1000px; 	
		overflow:auto;
		display:none;
		}
		#comerciales_contenidos ul{
		list-style:none;
		padding:0px;
		margin:0px;
		border:0px;
		}
		#comerciales_contenidos li{
		position:relative;
		
		width:25%;
		/*-webkit-transition: all 0.5s ease-in-out;
		  -moz-transition: all 0.5s ease-in-out;
		  -o-transition: all 0.5s ease-in-out;
		  transition: all 0.5s ease-in-out;*/
		}
		#comerciales_contenidos ul li a{
		position:relative;
		text-decoration:none;
		display:block;
		cursor:pointer;
		overflow:hidden;
		}
		#comerciales_contenidos ul li a .fondo_btn{
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		z-index:10;
		opacity:0;
		-webkit-transition: all 0.5s ease-in-out;
		  -moz-transition: all 0.5s ease-in-out;
		  -o-transition: all 0.5s ease-in-out;
		  transition: all 0.5s ease-in-out;	
		}
		#comerciales_contenidos ul li a .negro{
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0);
		z-index:8;
		opacity:1;
		-webkit-transition: all 0.5s ease-in-out;
		  -moz-transition: all 0.5s ease-in-out;
		  -o-transition: all 0.5s ease-in-out;
		  transition: all 0.5s ease-in-out;
		}
		#comerciales_contenidos ul li a .fondo_btn p{
		white-space: nowrap;
		position:relative;
		text-align:center;
		width:80%;
		margin:0 auto;
		top:30%;

		font-family:'ProximaNova-Light';

		color:#f2f2f2;
		text-transform:none;
		font-size:21px;
		letter-spacing:0px;
		}
		#comerciales_contenidos ul li a img{
		width:100%;
		max-width:100%;
		display:block;

		}
		#comerciales_contenidos ul li a:hover .fondo_btn{
		opacity:1;
		-webkit-transition: all 0.2s ease-in-out;
		  -moz-transition: all 0.2s ease-in-out;
		  -o-transition: all 0.2s ease-in-out;
		  transition: all 0.2s ease-in-out;	
		}
		#comerciales_contenidos ul li a:hover .negro{
		opacity:0;
		-webkit-transition: all 0.2s ease-in-out;
		  -moz-transition: all 0.2s ease-in-out;
		  -o-transition: all 0.2s ease-in-out;
		  transition: all 0.2s ease-in-out;	
		}
		#comerciales_contenidos ul li a:hover img{

		}
/*Fife galeria---------------------------------*/
#life_galeria #vimeo{
position:absolute;
background:none;
z-index:2;	
width:100%;
height:100%;
}
#life_galeria{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
z-index:999999;	
}
#galeria{
position:absolute;
display:block;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
padding:0;
margin:0;
overflow:hidden;
}
.galeria_base{
position:absolute;
width:85%;height:85%;
max-width:1300px;max-height:800px;
top:50%;left:50%;
padding:0px;
}
.galeria_img{
 position:absolute;
 top:0;left:0;
 /*width:95%;height:95%;
 max-width:1000px;max-height:560px;*/
 z-index:1;
 opacity:0;
}
.galeria_marco{
display: none;
position:absolute;
background:#FFF;
top:50%;left:50%;width:100%;height:100%;padding:0;margin:0;
overflow: visible !important;
}
#galeria img{
max-width:100%;
max-height:100%;
cursor:pointer;
}
.centrar_p{
	position: absolute;
	top:50%;
	left: 50%;
	width: 550px;
	height: 70px;
	margin: -55px 0px 0px -275px;
}
.salir{
position:absolute;
width:34px;height:34px;
background-position:71px 0;
z-index:20;
cursor:pointer;
background:url(../img/exit.png);
top: 10;
left: 100%;
margin-left: 35px;
margin-top: 0px;
}
.press{
position: absolute;
width:34px;height:34px;
background-position:71px 0;
z-index:20;
cursor:pointer;
background:url(../img/press.png);
top: 50%;
left: 0%;
margin-left: -70px;
margin-top: -18px;
}
.nex{
position:absolute;
width:34px;height:34px;
background-position:71px 0;
z-index:20;
cursor:pointer;
background:url(../img/nex.png);
top: 50%;
left: 100%;
margin-left: 35px;
margin-top: -18px;
}

/**/
/*----------------------*/


@media screen and (max-width: 1400px) { 
	#comerciales_contenidos li{
			position:relative;
			
			width:33.33%;
	}


}