.main{
	width: 835px;
	margin-left: 65px;
}
/* CSS3 STYLE GENERIC */
.view {
	width: 240px;
	height: 190px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #CCC;
	margin-right: 35px;
	margin-bottom: 35px;
}
.view .mask, .view .content {
	width: 240px;
	height: 190px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
	display: inline-block;
	text-decoration: none;
	text-indent: -9999px;
	width: 240px;
	height: 190px;
	background-image: url(../imagesbotones/link.png);
	background-repeat: no-repeat;
	background-position: center center;
	right: 100px;
}

.view2 {
	width: 190px;
	height: 240px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #CCC;
	margin-right: 35px;
	margin-bottom: 35px;
}
.view2 .mask, .view .content {
	width: 190px;
	height: 240px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view2 img {
   display: block;
   position: relative;
}
.view2 a.info {
	display: inline-block;
	text-decoration: none;
	text-indent: -9999px;
	width: 190px;
	height: 240px;
	background-image: url(../imagesbotones/link.png);
	background-repeat: no-repeat;
	background-position: center center;
	right: 100px;
}

@media screen and (max-width: 960px) {
.main{
	width: 560px;
	margin-left: auto;
	margin-right:auto;
	display:block;
}
}

@media screen and (max-width: 590px) {
.main{
	width: 240px;
	margin-left: auto;
	margin-right:auto;
	display:block;
}
.view {
}
}

@media screen and (max-width: 270px) {
.main{
	width: 200px;
	margin-left: auto;
	margin-right:auto;
	display:block;
}
.view {
	width: 200px;
}
.view .mask, .view .content {
	width: 200px;
}
.view img {
	width: 200px;
	height: 190px;
}
.view a.info {
	width: 200px;
}
}