
.imgPTN {
	padding: 10px;
	height: 300px;
	width: 200px;
	background-color: white;
	display: inline;
	float: left;
	margin: 10px;
	border: 1px solid gray; }


.imgPTN:hover {
	border: 1px solid green;
	box-shadow: 3px 3px 5px #555;
}

.text
{	position: relative;
	text-align: center;
	width: 95%;
	height: 20%;
	background-color: #e4ecf7;
	transform: rotate(-60deg);
	font-family: arial;
	font-size: 22px;
	top: -240px;
	border: 1px solid green; }

.textPC
{	position: fixed;
	text-align: center;
	width: 50%;
	height: 20%;
	background-color: #e4ecf7;
	font-family: arial;
	font-size: 22px;
	top: 50px;
	left: 62px;
	padding-top: 5px;
	border-radius: 10px;
	border: 1px solid green; }



#divPTN a { text-decoration: none; }


button{	
	position: relative;
	border: 1.5px solid green;
	border-radius: 10px;
	width: 70%;
	height: 12%;
	top: -170px;
	left: 28px;
	background-color: #e4ecf7;
	display: none;}


button:hover
{	box-shadow: 1px 1px 5px #555;
	background-color: #c8ffc2; }

.img_py
{
	width: 100%;
	height: 100%;
}