<style>
.youcancountoneme {
background: #fefefe;
border: 1px solid #efefef;
padding: 10px;
width: 300px;
text-align: justify;
font-family: arial;
font-size: 11px;
line-height: 11px;
}
.likeonetwothree {
background: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1426434523_08.jpg);
padding: 70px 5px 5px;
font-family: impact;
font-size: 20px;
line-height: 20px;
border-bottom:3px solid #C0D4D5;
color: #efefef; font-weight: bold;
text-shadow:1px 1px 0px #BB9A95, 0px -1px 0px #BB9A95, -1px 0px 0px #BB9A95, -1px -1px 0px #BB9A95, 0px 1px 0px #BB9A95, 1px 0px 0px #BB9A95, -1px 1px 0px #BB9A95, 1px -1px 0px #BB9A95, -1px 1px 0px #BB9A95, 1px -1px 0px #BB9A95;
text-align: right;
margin-bottom: 10px;
}
.icancountonyou {
width: 400px;
padding: 5px;
background: #fefefe;
border: 1px solid #efefef;
}
.likefourthreetwo {
padding: 5px;
background: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1426428583_26.jpg);
border: 1px solid #efefef;
}
.youllbethere {
background: #fefefe;
border: 1px solid #efefef;
padding: 10px;
}
.youllbethere img {width: 50px; height: 50px;}
.youllbethere td {text-align: center;font-family: arial; font-size: 10px; line-height: 10px;color: #999;}
.youllbethere table {width: 100%;}
.causethatswhat {
background: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1425486713_22.jpg);
padding: 10px 5px 5px;
font-family: impact;
font-size: 30px;
text-align: right;
color: #fefefe;
text-shadow: 1px 1px 0px #3d3d3d;
}
.causethatswhat:first-letter {color: #c0d4d5}
#friendsaresupposedtodo {
background: #fefefe;
border: 1px solid #efefef;
text-shadow: none;
font-family: arial;
font-size: 10px;
line-height: 10px;
}
#friendsaresupposedtodo input[type=checkbox] {
position: absolute;
top: -9999px;
left: -9999px;
display: none;
}
#friendsaresupposedtodo label {
cursor: crosshair;
}
.ohyeah {
background: #C0D4D5;
color: #fefefe;
font-family: impact;
text-align: left;
padding: 15px 0px 5px 10px;
font-size: 20px;
line-height: 20px;
border-top: 5px solid #fefefe;
}
.ifyoufindyourselflost {
background: #fefefe;
font-family: arial;
font-size: 11px;
line-height: 11px;
height: 0px;
width: 100%;
overflow: auto;
display: inline-block;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
#friendsaresupposedtodo input[type=checkbox]:checked + .ifyoufindyourselflost {
height: 100px;
}
.inthemiddleofthesea {
padding: 3px;
text-align: right;
color: #fefefe;
background: #BB9A95;
margin: 5px;
}
.illsailtheworld {
font-family: arial;
font-size: 11px;
line-height: 12px;
text-align: justify;
color: #999;
}
.illsailtheworld b {color: #C0D4D5;}
.illsailtheworld img {width: 100%;}
.tofindyou {
background: #C0D4D5;
font-family: impact;
color: #fefefe;
font-size: 12px;
text-align: right;
padding: 15px 10px 3px;
line-height: 12px;
}
</STYLE>
<center><div class="icancountonyou"><div class="likefourthreetwo"><div class="youllbethere"><div class="likeonetwothree">CSERE</div><table>
<tr>
<td><a href=""><img src="http://placehold.it/50x50/"></a><br>face name</td>
<td><a href=""><img src="http://placehold.it/50x50/"></a><br>face name</td>
<td><a href=""><img src="http://placehold.it/50x50/"></a><br>face name</td>
</tr>
<tr>
<td><a href=""><img src="http://placehold.it/50x50/"></a><br>face name</td>
<td><a href=""><img src="http://placehold.it/50x50/"></a><br>face name</td>
<td><a href=""><img src="http://placehold.it/50x50/"></a><br>face name</td>
</tr>
<tr>
<td><a href=""><img src="http://placehold.it/50x50/"></a><br>face name</td>
<td><a href=""><img src="http://placehold.it/50x50/"></a><br>face name</td>
<td><a href=""><img src="http://placehold.it/50x50/"></a><br>face name</td>
</tr>
</table></div></div></div></center>