/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26/11/2014, 02:19:18 PM
    Author     : jbriceno
*/
#bt_footer{
	display: none !important;
}
.wrapper{
	height: auto !important;
}
.infoDestacados{
	text-align: center;
	position:relative;
}
.infoDestacados h3{
	font-size:70px;
	text-align: center;
	color: #00adf1;
	font-weight: bold;
	line-height: 80px;
	margin-bottom: 5px;
	margin-top: 0;
}
.infoDestacados p{
	text-align: center;
	color: #00adf1;
	font-size: 32px;
	line-height: 32px;
}
.layout {
    position: relative;
	margin: 0 auto 20px;
}

.free-wall {
    /*height: 400px;*/
    margin: auto;
   /* width: 960px*/
}
/**/
.item{
    overflow: hidden;
	color:white;
	display: block;
	position: relative;
}
.item .image{
	width: 100%;
	height: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	/*position: absolute;
	left: 0;
	top:0;*/
	z-index:4;
	display: table;
}
.item .image .tDesta{
	color: white;
	width: 100%;
	/*height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	display: none;
}
.item .image:hover .tDesta{
	display: table-cell;
}
.item.color_0 .image .tDesta{
	/*background: #253240;*/
	background: rgba(37, 50, 64, 0.8);
}
.item.color_1 .image .tDesta{
	/*background: #00adef;*/
	background: rgba(0, 173, 239, 0.8);
}
.item.tipo_0{
	width: 150px;
	height: 180px;
}
.item.tipo_1{
	width: 280px;
	height: 180px;
}
.item.color_0{
	background: #253240;
}
.item.color_1{
	background: #00adef;
}
.item a{
	width: 100%;
	height: 100%;
	display: block;
}
.item a h2,
.item h2{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: white;
	text-decoration: none;
}
.item img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100%;
}
/**/
.size22 img {
    height: 320px;
    width: 273px;
}

.size21 img {
    height: 148px;
    width: 273px;
}

.mascara a{
    display: block;
}

.mascara a img{
    transition: 0.5s ease;
    -moz-transition: 0.5s ease; /* Firefox */
    -webkit-transition: 0.5s ease; /* Chrome - Safari */
    -o-transition: 0.5s ease; /* Opera */
    
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale); 
    filter: gray; 
}

.mascara:hover a img{
    transform : scale(1.1);
    -moz-transform : scale(1.1); /* Firefox */
    -webkit-transform : scale(1.2); /* Chrome - Safari */
    -o-transform : scale(1.2); /* Opera */
    -ms-transform : scale(1.2); /* IE9 */
    
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter: none; 
}

.titulo-destacado {
    font-size: 25px;
    margin-top: 10px;
    position: absolute;
    text-align: center;
    z-index: 5;
    width: 100%;
}

.descripcion-destacado {
    color: #585858;
    font-family: ralewayregular;
    font-size: 20px !important;
    line-height: 1.25 !important;
    overflow: hidden;
    text-align: center;
}

.size21 .filtro {
    background-image: url("../images/azul_filtro.png");
    height: 165.5px;
    left: 275px;
    position: absolute;
    top: 0;
    width: 290px;
    opacity: 0;
}

.size22 .filtro {
    background-image: url("../images/azul_filtro.png");
    height: 330.5px;
    left: 275px;
    position: absolute;
    top: 0;
    width: 290px;
}

.size22{
    background-image: url('../images/background-azul-grande.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 293px 341px;
    padding: 10px;
}

.fondo-rojo{
    background-image: url('../images/background-rojo-peque.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 293px 167px;
    padding: 10px;
}

.fondo-azul{
    background-image: url('../images/background-azul-peque.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 293px 167px;
    padding: 10px;
}

.size21 .mascara{
    height: 150px;
    overflow: hidden;
    width: 273px;
    position: relative;
}

.size22 .mascara{
    height: 320px;
    overflow: hidden;
    width: 273px;
    position: relative;
}

.size22 .padre {
    display: table;
    height:320px;
    width: 273px;
    overflow: hidden;
}

.size21 .padre {
    display: table;
    height:150px;
    width: 273px;
    overflow: hidden;
}

.hijo {
    display: table-cell;
    vertical-align: middle;
}

.titulo-destacado span{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 5px;
    background-image: url('../images/bk-content-txt.png');
}
/**/
@media only screen and (max-width: 799px) {
	.infoDestacados h3{
		font-size: 44px;
		line-height: 54px;
	}
	.infoDestacados p{
		font-size: 24px;
		line-height: 24px;
	}
}