[html]<div class="fever"><div class="fools">
<!———————————————————— НАЧАЛО ПЕРВОЙ ВКЛАДКИ —————————————————>
<div class="fool"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">комплекты оформления №1</label><div class="content">
<center>
<style>
.fonac{ margin-left: -34px;
    font-family: verdana;
    width: 790px;
    height: 968px;
    font-size: 11px;
    padding-top: 20px;
}
.fonac1{ margin-left: 41px;
    font-family: verdana;
    width: 280px;
    height: 318px;
    background-color: #e4e4e4;
    font-size: 11px;
}

.fonac2 {object-fit: cover;
    opacity: 0.8;
    background-image: url(https://upforme.ru/uploads/001c/35/8d/56/897298.png);
    width: 280px;
    height: 150px;}

  .fonac3 {min-height: 180px;
    position: absolute;
    margin-top: -85px;
    margin-left: 10px;
    font-family: verdana;
width: 199px;
    height: 227px;
    background-color: #f4f4f4;
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 27px;}

.avafon{border-radius: 5px;
    width: 100px;
    height: 100px;
    outline: 2px solid #70abac;
}

.avafon1{        margin-top: 11px;
    margin-left: 50px;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

.avafon2{border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 14px;
    margin-left: 80px;
    background-color: #f4f4f4;
}

.fonacname{ text-align: center;
    margin-top: -53px;
    font-family: arial black;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
    color: #b9978b;
}

.fonacname2{ text-align: center;
    margin-top: 13px;
    font-family: verdana;
    font-size: 8px;
    text-transform: lowercase;
    color: #b9978b;
    letter-spacing: 2px;
}

.plaha93 {
    width: 200px;
    height: 33px;
    margin: 6px 1px -1px -1px !important;
    display: block;
    opacity: 0.8;
    border-radius: 10px 10px 10px 10px;
}

.fonac1hh{ margin-left: 41px;
    font-family: verdana;
    width: 280px;
    height: 318px;
    background-color: #e4e4e4;
    font-size: 11px;
}

.fonac2hh{object-fit: cover;
    opacity: 0.8;
    background-image: url(https://upforme.ru/uploads/001c/35/8d/56/878878.png);
    width: 280px;
    height: 150px;}

  .fonac3hh {min-height: 180px;
    position: absolute;
    margin-top: -85px;
    margin-left: 10px;
    font-family: verdana;
    width: 199px;
    height: 227px;
    background-color: #f4f4f4;
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 27px;}

.avafonhh{border-radius: 5px;
    width: 100px;
    height: 100px;
    outline: 2px solid #70abac;
}

.avafon1hh{        margin-top: 11px;
    margin-left: 50px;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

.avafon2hh{border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 14px;
    margin-left: 80px;
    background-color: #f4f4f4;
}

.fonacnamehh{ text-align: center;
    margin-top: -53px;
    font-family: arial black;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
    color: #b9978b;
}

.fonacname2hh{ text-align: center;
    margin-top: 13px;
    font-family: verdana;
    font-size: 8px;
    text-transform: lowercase;
    color: #b9978b;
    letter-spacing: 2px;
}





.bfonac1{ margin-left: 41px;
    font-family: verdana;
    width: 280px;
    height: 318px;
    background-color: #e4e4e4;
    font-size: 11px;
}

.bfonac2 {object-fit: cover;
    opacity: 0.8;
    background-image: url(https://upforme.ru/uploads/001c/35/8d/56/181887.png);
    width: 280px;
    height: 150px;}

  .bfonac3 {min-height: 180px;
    position: absolute;
    margin-top: -85px;
    margin-left: 10px;
    font-family: verdana;
    width: 199px;
    height: 227px;
    background-color: #f4f4f4;
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 27px;}

.bavafon{border-radius: 5px;
    width: 100px;
    height: 100px;
    outline: 2px solid #70abac;
}

.bavafon1{        margin-top: 11px;
    margin-left: 50px;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

.bavafon2{border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 14px;
    margin-left: 80px;
    background-color: #f4f4f4;
}

.bfonacname{ text-align: center;
    margin-top: -53px;
    font-family: arial black;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
    color: #b9978b;
}

.bfonacname2{ text-align: center;
    margin-top: 13px;
    font-family: verdana;
    font-size: 8px;
    text-transform: lowercase;
    color: #b9978b;
    letter-spacing: 2px;
}



.cfonac1{ margin-left: 41px;
    font-family: verdana;
    width: 280px;
    height: 318px;
    background-color: #e4e4e4;
    font-size: 11px;
}

.cfonac2 {object-fit: cover;
    opacity: 0.8;
    background-image: url(https://upforme.ru/uploads/001c/35/8d/56/116236.png);
    width: 280px;
    height: 150px;}

  .cfonac3 {min-height: 180px;
    position: absolute;
    margin-top: -85px;
    margin-left: 10px;
    font-family: verdana;
    width: 199px;
    height: 227px;
    background-color: #f4f4f4;
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 27px;}

.cavafon{border-radius: 5px;
    width: 100px;
    height: 100px;
    outline: 2px solid #70abac;
}

.cavafon1{        margin-top: 11px;
    margin-left: 50px;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

.cavafon2{border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 14px;
    margin-left: 80px;
    background-color: #f4f4f4;
}

.cfonacname{ text-align: center;
    margin-top: -53px;
    font-family: arial black;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
    color: #b9978b;
}

.cfonacname2{ text-align: center;
    margin-top: 13px;
    font-family: verdana;
    font-size: 8px;
    text-transform: lowercase;
    color: #b9978b;
    letter-spacing: 2px;
}


.gfonac1{ margin-left: 41px;
    font-family: verdana;
    width: 280px;
    height: 318px;
    background-color: #e4e4e4;
    font-size: 11px;
}

.gfonac2 {object-fit: cover;
    opacity: 0.8;
    background-image: url(https://upforme.ru/uploads/001c/35/8d/56/748497.png);
    width: 280px;
    height: 150px;}

  .gfonac3 {min-height: 180px;
    position: absolute;
    margin-top: -85px;
    margin-left: 10px;
    font-family: verdana;
    width: 199px;
    height: 227px;
    background-color: #f4f4f4;
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 27px;}

.gavafon{border-radius: 5px;
    width: 100px;
    height: 100px;
    outline: 2px solid #70abac;
}

.gavafon1{        margin-top: 11px;
    margin-left: 50px;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

.gavafon2{border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 14px;
    margin-left: 80px;
    background-color: #f4f4f4;
}

.gfonacname{ text-align: center;
    margin-top: -53px;
    font-family: arial black;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
    color: #b9978b;
}

.gfonacname2{ text-align: center;
    margin-top: 13px;
    font-family: verdana;
    font-size: 8px;
    text-transform: lowercase;
    color: #b9978b;
    letter-spacing: 2px;
}

.rfonac1{ margin-left: 41px;
    font-family: verdana;
    width: 280px;
    height: 318px;
    background-color: #e4e4e4;
    font-size: 11px;
}

.rfonac2 {object-fit: cover;
    opacity: 0.8;
    background-image: url(https://upforme.ru/uploads/001c/35/8d/56/587445.png);
    width: 280px;
    height: 150px;}

  .rfonac3 {min-height: 180px;
    position: absolute;
    margin-top: -85px;
    margin-left: 10px;
    font-family: verdana;
    width: 199px;
    height: 227px;
    background-color: #f4f4f4;
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 27px;}

.ravafon{border-radius: 5px;
    width: 100px;
    height: 100px;
    outline: 2px solid #70abac;
}

.ravafon1{        margin-top: 11px;
    margin-left: 50px;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

.ravafon2{border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 14px;
    margin-left: 80px;
    background-color: #f4f4f4;
}

.rfonacname{ text-align: center;
    margin-top: -53px;
    font-family: arial black;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
    color: #b9978b;
}

.rfonacname2{ text-align: center;
    margin-top: 13px;
    font-family: verdana;
    font-size: 8px;
    text-transform: lowercase;
    color: #b9978b;
    letter-spacing: 2px;




.redmi1{ margin-left: 41px;
    font-family: verdana;
    width: 280px;
    height: 318px;
    background-color: #e4e4e4;
    font-size: 11px;
}

.redmi2 {object-fit: cover;
    opacity: 0.8;
    background-image: url(https://upforme.ru/uploads/001c/35/8d/33/162243.png);
    width: 280px;
    height: 150px;}

  .redmi3 {min-height: 180px;
    position: absolute;
    margin-top: -85px;
    margin-left: 10px;
    font-family: verdana;
    width: 199px;
    height: 227px;
    background-color: #f4f4f4;
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 27px;}

.redmi{border-radius: 5px;
    width: 100px;
    height: 100px;
    outline: 2px solid #70abac;
}

.redmi1{        margin-top: 11px;
    margin-left: 50px;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

.redmi2{border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 14px;
    margin-left: 80px;
    background-color: #f4f4f4;
}

.redmi{ text-align: center;
    margin-top: -53px;
    font-family: arial black;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
    color: #b9978b;
}

.redmi2{ text-align: center;
    margin-top: 13px;
    font-family: verdana;
    font-size: 8px;
    text-transform: lowercase;
    color: #b9978b;
    letter-spacing: 2px;






.lfonac1{ margin-left: 41px;
    font-family: verdana;
    width: 280px;
    height: 318px;
    background-color: #e4e4e4;
    font-size: 11px;
}

.lfonac2 {object-fit: cover;
    opacity: 0.8;
    background-image: url(https://upforme.ru/uploads/001c/35/8d/56/494445.png);
    width: 280px;
    height: 150px;}

  .lfonac3 {min-height: 180px;
    position: absolute;
    margin-top: -85px;
    margin-left: 10px;
    font-family: verdana;
    width: 199px;
    height: 227px;
    background-color: #f4f4f4;
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 27px;}

.lavafon{border-radius: 5px;
    width: 100px;
    height: 100px;
    outline: 2px solid #70abac;
}

.lavafon1{        margin-top: 11px;
    margin-left: 50px;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

.lavafon2{border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 14px;
    margin-left: 80px;
    background-color: #f4f4f4;
}

.lfonacname{ text-align: center;
    margin-top: -53px;
    font-family: arial black;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
    color: #b9978b;
}

.lfonacname2{ text-align: center;
    margin-top: 13px;
    font-family: verdana;
    font-size: 8px;
    text-transform: lowercase;
    color: #b9978b;
    letter-spacing: 2px;
}
.plaha93 plahat144{text-transform: lowercase;
    font-family: Oswald Regular !important;
    color: white;
    text-shadow: 1px 1px #3a3a3aad;
    letter-spacing: 1.5px;
    font-size: 12px;
    position: relative;
    display: block;
    text-align: center;
}
.plaha93 plahat244{font-family: Oswald Regular;
    color: #ffffff;
    text-shadow: 1px 1px #3a3a3aad;
    letter-spacing: 2px;
    font-size: 9px;
    height: 11px;
    width: 199px;
    position: relative;
    display: block;
    text-transform: lowercase;
    text-align: center;
}



.lfonac12121{ margin-left: 41px;
    font-family: verdana;
    width: 280px;
    height: 318px;
    background-color: #e4e4e4;
    font-size: 11px;
}

.lfonac22121 {object-fit: cover;
    opacity: 0.8;
    background-image: url(https://upforme.ru/uploads/001c/35/8d/56/655847.png);
    width: 280px;
    height: 150px;}

  .lfonac32121 {min-height: 180px;
    position: absolute;
    margin-top: -85px;
    margin-left: 10px;
    font-family: verdana;
width: 199px;
    height: 227px;
    background-color: #f4f4f4;
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 27px;}

.lavafon2121{border-radius: 5px;
    width: 100px;
    height: 100px;
    outline: 2px solid #70abac;
}

.lavafon12121{        margin-top: 11px;
    margin-left: 50px;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

.lavafon22121{border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 14px;
    margin-left: 80px;
    background-color: #f4f4f4;
}

.lfonacname2121{ text-align: center;
    margin-top: -53px;
    font-family: arial black;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
    color: #b9978b;
}

.lfonacname22121{ text-align: center;
    margin-top: 13px;
    font-family: verdana;
    font-size: 8px;
    text-transform: lowercase;
    color: #b9978b;
    letter-spacing: 2px;
}

</style>

<div class="fonac">

<table >
<tbody>
    <tr>
    <td><div class="fonac1"><div class="fonac2"></div>
<div class="fonac3">

<div class="fonacname"> Nature 1 </div>

<div class="avafon2"><img src= "https://upforme.ru/uploads/001c/3d/e8/2/765662.png"></div>

<div class="avafon1"><img src= "https://upforme.ru/uploads/001c/35/8d/56/25217.jpg" class="avafon"></div>

<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/35/8d/56/163475.gif);">  <plahat144><font face="Century Gothic"><b><small>Немного огня серединa пути</small></b></font></plahat144>  <plahat244><font face="Sweet-Mavka"><big>В блеске обмана…</big></center> </font></plahat244></div>   


</div></div></td>
<td><div class="fonac1hh"><div class="fonac2hh"></div>
<div class="fonac3hh">

<div class="fonacname"> Nature 2</div>

<div class="avafon2hh"><img src= "https://upforme.ru/uploads/001c/3d/e8/2/171365.png"></div>

<div class="avafon1hh"><img src= "https://upforme.ru/uploads/001c/35/8d/56/337548.jpg" class="avafon"></div>

<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/35/8d/56/761262.gif);">  <plahat144><font face="Century Gothic"><b><small>Зачем мне солнце Монако?</small></b></font></plahat144>  <plahat244><font face="Sweet-Mavka"><big>Когда твой взгляд светит ярко</big></center> </font></plahat244></div>   

</div></div></td>

    <td>

<div class="cfonac1"><div class="cfonac2"></div>
<div class="cfonac3">

<div class="cfonacname"> Nature 3</div>

<div class="cavafon2"><img src= "https://upforme.ru/uploads/001c/35/8d/56/965982.png"></div>

<div class="cavafon1"><img src= "https://upforme.ru/uploads/001c/35/8d/56/593833.jpg" class="cavafon"></div>

<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/35/8d/56/125562.gif);">  <plahat144><font face="Century Gothic"><b><small>Я глаза закрываю</small></b></font></plahat144>  <plahat244><font face="Sweet-Mavka"><big>Сквозь туман уплывая</big></center> </font></plahat244></div>   

</div></div></td></tr>
    <tr>
    <td><div class="bfonac1"><div class="bfonac2"></div>
<div class="bfonac3">

<div class="bfonacname"> Nature 4</div>

<div class="bavafon2"><img src= "https://upforme.ru/uploads/001c/35/8d/56/854984.png"></div>

<div class="bavafon1"><img src= "https://upforme.ru/uploads/001c/35/8d/56/553421.jpg" class="bavafon"></div>

<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/35/8d/56/991727.gif);">  <plahat144><font face="Century Gothic"><b><small>Может, знает лес </small></b></font></plahat144>  <plahat244><font face="Sweet-Mavka"><big>сколько тайны у небес?</big></center> </font></plahat244></div>

</div></div></td>
   
    <td><div class="gfonac1"><div class="gfonac2"></div>
<div class="gfonac3">

<div class="gfonacname">Nature 5</div>

<div class="gavafon2"><img src= "https://upforme.ru/uploads/001c/35/8d/56/277980.png"></div>

<div class="gavafon1"><img src= "https://upforme.ru/uploads/001c/35/8d/56/17885.jpg" class="gavafon"></div>

<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/35/8d/56/332079.gif);">  <plahat144><font face="Century Gothic"><b><small>Моё море, прошу тебя</small></b></font></plahat144>  <plahat244><font face="Sweet-Mavka"><big>не выплюни меня на берег</big></center> </font></plahat244></div>

</div></div></td>
    <td><div class="rfonac1"><div class="rfonac2"></div>
<div class="rfonac3">

<div class="rfonacname">Nature 6</div>

<div class="ravafon2"><img src= "https://upforme.ru/uploads/001c/3d/e8/2/365452.png"></div>

<div class="ravafon1"><img src= "https://upforme.ru/uploads/001c/35/8d/56/979764.jpg" class="ravafon"></div>

<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/35/8d/56/776335.gif);">  <plahat144><font face="Century Gothic"><b><small>Сверкает молния в ночи</small></b></font></plahat144>  <plahat244><font face="Sweet-Mavka"><big>А на холме стоит безумец и кричит</big></center> </font></plahat244></div>

</div></div></td></tr>
    <tr><td></td>
    <td><div class="lfonac1"><div class="lfonac2"></div>
<div class="lfonac3">

<div class="lfonacname">Nature 7 </div>

<div class="lavafon2"><img src= "https://upforme.ru/uploads/001c/35/8d/56/512558.png"></div>

<div class="lavafon1"><img src= "https://upforme.ru/uploads/001c/35/8d/56/779126.jpg" class="lavafon"></div>

<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/35/8d/56/667962.gif);">  <plahat144><font face="Century Gothic"><b><small>Детка, ты просто космос</small></b></font></plahat144>  <plahat244><font face="Sweet-Mavka"><big>тебя я вижу по коже морось</big></center> </font></plahat244></div>



</div></div></td>   

 

</div></div>



<style>
.fools {position: relative; width: 900px;height: 1055px;}
.fever { margin:0 auto; background-image:url('https://forumstatic.ru/files/001c/0b/16/62611.png'); background-repeat: no-repeat; background-position: top center; padding:9px; width:auto; border:1px solid #f2f2f2; -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);}
.fool {float: left;}
[type=radio]:checked ~ label {color: #c3c3c3; background-color:red rgb(159, 2, 2);z-index: 2;}
label:hover { background: black; color:white; }
[type=radio]:checked ~ label ~ .content {z-index: 1;}
.fool [type=radio] {display: none; }
.content {position: absolute;
    background: #f2f2f2;
    color: #a19b95;
    border: 1px solid #f2f2f2;
    top: 30px;
    left: -5px;
    width: 876px;
    height: 1000px;
    overflow: auto;
    line-height: 100%;
    text-align: justify;
    text-shadow: 1px 1px #97938c;}
.content a:hover, .content a:link, .content a, .content a:focus, .content a:active {color: #200f0d; text-shadow: 1px 1px #a19b93;  font-weight: bold; line-height: 14px;}
.con2 {background: #9f9b92;color: #a7a297; width: 500px;height: 200px; overflow:auto; line-height:100%; text-align: justify; font-size: 14px; padding: 5px;}
.content h2 {color: #200f0d; text-align: center; font-family: times; position: relative; font-size: 20px; padding: 8px; margin: 0px 0 0 0;  font-weight: bold;}
.content h3 {color: #200f0d; text-align: center; font-family: times; position: relative; font-size: 17px; padding: 0px; margin: 0 0 5px 0; }
.content h4 {color: #e7e7e7; text-align: center; font-family: times; position: relative; font-size: 14px; padding: 3px; background: #200f0d;}
.fool3 { color:#000; padding: 7px; line-height: 1.5em; font-size: 11px; font-family: georgia; letter-spacing: 1px; }
.foolproof { padding-top:10px; }
::-webkit-scrollbar {width: 2px; height: 3px; }
::-webkit-scrollbar-track { background: #141414 top center; }
::-webkit-scrollbar-thumb { background: #000 top center; border: 1px solid #200f0d;  }
.fool label { display: block; width: 220px;text-align: center; font-family: times; color: #a19b93; margin-right: 5px; font-size: 10px; letter-spacing: 1px;text-transform: uppercase; background: #f2f2f2; padding: 5px; border: 1px solid #f2f2f2; position: relative; top: -2px; left: 328px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.reicka {
  height: 670px;
  overflow-y: auto;
  padding-right: 10px;
} .reicka44 {
  height: 610px;
  overflow-y: auto;
  padding-right: 10px;
}

.mrrr{
width: 200px ;height: 75px;;
}

</style>[/html]  [hideprofile]