.contenido {
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-top:70px;
	color: #000000;	
	padding: 20px; 
	width:90%; 
	text-decoration: none; 
}

.empty {
	width: 250px; 
	height: 250px; 
	margin: 10px; 
	overflow: hidden;
	display:inline-block;
	text-align: center; 
	box-shadow: 1px 0px 5px #d5d5d5; 
	cursor: default; 
	background: #fff;
	border-bottom-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; 
	border-bottom-left-radius: 10px;
}

.view { 
	width: 250px; 
	height: 250px; 
	margin: 10px; 
	overflow: hidden;
	display:inline-block;
	text-align: center; 
	box-shadow: 0px 0px 6px #aaa; 
	cursor: default; 
	background: #fff;
	border-bottom-right-radius: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
}
.view img {
	width: 250px; 
	height: 250px;
}
.view p {
	text-align: center;
	margin:0;
	padding:0;
}
.view .mask, .view .contents {
	width: 250px; 
	height: 100px;
	position: absolute;
	overflow: hidden; 
	margin:0;
	margin-top:-100px;
	padding:0;
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
}

/*************************
		RED
*************************/
.view-red .mask {
	background-color: #B22222;
	margin:0;
	margin-top:-100px;
	padding:0;
	opacity:0;
	transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out; 
}
.view-red p {
	opacity:0; 
	color: #FFF; 
	font-size:14pt; 
	font-family:bank; 
	transition: all 0.1s linear; 
	-webkit-transition: all 0.1s linear; 
}

.view-red:hover .mask {
	opacity:0.9; 
}   
.view-red:hover p {
	opacity: 0.9;
}


/*************************
		BLUE
*************************/
.view-blue .mask {
	background-color: #004F87;
	margin:0;
	margin-top:-100px;
	padding:0;
	opacity:0;
	transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out; 
}
.view-blue p {
	opacity:0; 
	color: #FFF; 
	font-size:14pt; 
	font-family:bank;
	transition: all 0.1s linear; 
	-webkit-transition: all 0.1s linear; 
}

.view-blue:hover .mask {
	opacity:0.9; 
}   
.view-blue:hover p{
	opacity: 0.9;
}

/*********************
	TABLA SIGUIENTE
*********************/
.next p { 
	color:#B22222;
	}
.next a { 
	text-decoration: none; 
	color:#003F87;
}
.next a:hover {
	opacity:0.6;
}

@media (max-width:1000px){
	.contenido {
		text-align:center;
	}
	.view-blue .mask {
		opacity:0.9; 
	}   
	.view-blue p{
		opacity: 0.9;
	}
	.view-red .mask {
		opacity:0.9; 
	}   
	.view-red p{
		opacity: 0.9;
	}
}

@media (max-width: 820px){
	.contenido {
		margin-top:150px;
	}
}