@charset "UTF-8";
@font-face { font-family: 'Idealist Sans'; font-weight: normal; font-style: normal; src: url('../fonts/Idealist-Sans.eot'); src: local('gobCL'), url('../fonts/Idealist-Sans.woff') format('woff'), url('../fonts/Idealist-Sans.ttf') format('truetype'), url('../fonts/Idealist-Sans.svg#webfont3jnenQ5S') format('svg'); }
a img{
	border:none;
}
body {
	background: #264970;
	font-family: 'Idealist Sans', Verdana, Arial;
	direction: ltr;
	margin: 0px;
	padding: 0px;
}
h1 {
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 148px;
	width: 176px;
	top: 0px;
	left: 560px;
}
h1 a {
	font-size: 13px;
	line-height: 20px;
	color: #FFF;
	background: url(../images/icono_ch.png) no-repeat right 8px;
	text-align: right;
	padding-right: 22px;
	font-weight: normal;
	display: block;
	padding-top: 8px;
	text-decoration: none;
	border-top: 1px solid #486385;
}
h1 a:hover {
	color: #FFF;
	text-decoration: underline;
}
#detalles{
	position:absolute;
	top:324px;
	left:432px;
	height:108px;
	width:318px;
	overflow:hidden;
	background: url(../images/logo.png) no-repeat right bottom;
}
#detalles div{
	background:#a0a6bc;
	height:108px;
	width:318px;
	position:absolute;
	top:0;
	left:0;
	display: none;
}
#detalles h3{
	color:#fff;
	font-size:18px;
	font-weight:normal;
	margin: 15px 5px 5px 15px;
	line-height: 20px;
}
#detalles h3 span{
	display:block;
	font-size:68px;
	color:#264970;
	line-height: 45px;
}
#grilla {
	position: relative;
	height: 432px;
	width: 432px;
}
/* thumbnails */
.view {
   width: 108px;
   height: 108px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff;
}
.view .mask,.view .content {
   width: 108px;
   height: 108px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   color: #bababa;
   text-align: center;
   position: relative;
   font-size: 68px;
   padding: 0px;
   margin: 5px 0 0 0;
   font-weight:normal;
   line-height:68px;
}
.view a.info {
	font-size:12px;
   display: inline-block;
   text-decoration: none;
   margin: 0;
   background: url(../images/icono.png) no-repeat bottom left #fff;
   color: #7a7e8f;
   text-transform: uppercase;
   padding:12px 0 0 23px;
   height:12px;
}
.view a.info:hover {
   background: url(../images/icono.png) no-repeat top left #fff;
   color: #000;
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background: #fff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   background: #fff;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}