<style type="text/css">

.ladopinfo {
	width: 58%;
	float: left;
	padding-left:20px;
}
.ptexto{
	padding:10px 0px 20px 0px;
	}
a.plink{
	text-decoration:underline;
	color:inherit;
	}

@media only screen and (max-width : 480px) {
/* Smartphone view: 1 tile */
.box {
	float: left;
	position: relative;
	padding-bottom: 55px;
	width: 100%;
	text-align:center;
}
.pfoto {
	position:relative;
	width: 98%;
	height: 228px;
	text-align:center !important;
}

.pfoto img {
	border: 1px solid #C1C1C1;
	width: 226px;

}
.ladopinfo {
	width: 100%;
	float: left;
	padding-top:15px;
	padding-left:0px;
}

}

@media only screen and (max-width : 650px) and (min-width : 481px) {
.box {
	float: left;
	position: relative;
	padding-bottom: 55px;
	width: 100%;
}

.pfoto img {
	float: left;
	border: 1px solid #C1C1C1;
	width: 35%;
	max-width: 226px;
}

}

@media only screen and (max-width : 1050px) and (min-width : 651px) {
.box {
	float: left;
	position: relative;
	padding-bottom: 55px;
	width: 100%;

}

.pfoto img {
	float: left;
	border: 1px solid #C1C1C1;
	width: 35%;
	max-width: 226px;
}

}

@media only screen and (max-width : 1490px) and (min-width : 1051px) {
.box {
	float: left;
	position: relative;
	padding-bottom: 55px;
	width: 50%;
	height:250px;

}

.pfoto img {
	float: left;
	border: 1px solid #C1C1C1;
	width: 35%;
	max-width: 226px;
}

}

@media only screen and (max-width : 1900px) and (min-width : 1491px) {
.box {
	float: left;
	position: relative;
	padding-bottom: 55px;
	height:250px;
	width: 50%;
}

.pfoto img {
	float: left;
	border: 1px solid #C1C1C1;
	width: 35%;
	max-width: 226px;
}

}

@media only screen and (min-width : 1901px) {
.box {
	float: left;
	position: relative;
	padding-bottom: 55px;
	width: 50%;
	height:250px;
}

.pfoto img {
	float: left;
	border: 1px solid #C1C1C1;
	width: 35%;
	max-width: 226px;
}
}
</style>