<div class="postcolor"> <center>

<link href="http://fonts.googleapis.com/css?family=Sail" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style type="text/css">

.loub {
position: relative;  
width: 450px;
height:  400px;
border: 20px solid #CBB9A0;
padding: 10px;
background-image: url(http://s43.radikal.ru/i101/1501/33/aa12bf93c171.png);
}

.loutabb {float: left;}

.loutabb label {display: block;
width: 50px; text-align: center;
font-family: calibri; 
color: #efefef; margin-right: 5px;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
background: #554a44;
padding: 5px;
border: 0px solid #ccc;
position: relative;
top: 5px;
left: 70px;}

.loutabb [type=radio] {
display: none;  
}

.loucontentt {
position: absolute;
top: 55px;
left: 35px;
width: 330px; 
height: 280px;
background: #fff;
padding: 20px;
border: 15px solid #fff;}

[type=radio]:checked ~ label {color: #103B38; background-color: #ffffff; border-bottom: 0px solid white; z-index: 2;}

[type=radio]:checked ~ label ~ .loucontentt {
z-index: 1;
}</style><div class="loub">
 
<div class="loutabb">
<input type="radio" id="loutabb-1" name="loutabb-group-1" checked="">
<label for="loutabb-1">I.</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 300px; font-family: arial; color: #554a44; font-size: 11px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify; text-transform: lowercase;"> 

<img src="http://s006.radikal.ru/i215/1501/00/b9a1fd3dc5e8.gif" width="300px">

<p>

<center>ВАШ ТЕКСТ ПРИВЕТСТВИЯ В ГОСТЕВОЙ </center>

</p></div>
</div>
</div>


<div class="loutabb">
<input type="radio" id="loutabb-2" name="loutabb-group-1">
<label for="loutabb-2">II.</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 300px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;"> 

<div style="width: 270px; background-color: #554a44; padding: 15px; text-align: center; font-family: calibri; font-size: 14px; text-transform: uppercase; line-height: 100%;  color: #fff;">

<center><size=14><b>ПРИДЕРЖАННЫЕ ВНЕШНОСТИ: </b></center>

 </div>
<p>
</p><ul>
<li>

<center> .... до ...<br>
 ... до ...<br>
</center>
</li>
</ul>

</div>
</div>
</div>
 
</center>  </div>