body{
 line-height:135%;
 word-wrap:break-word;
 background-image:url(/bg.png);
 background-repeat:repeat;
 background-attachment:fixed;
}
a{
 color:#000000;
 text-decoration:none;
}
a:hover{
 color:#df0101;
 text-decoration:none;
}
a:active{
 color:#ff0000;
}
h1{
 font-size:20px;
 text-align:center;
 margin-top:20px;
 margin-bottom:20px;
}
img{
 width:100%;
 max-width:800px;
}
ul{
 padding:0;
}
li{
 margin:0 auto;
}
menu{
 padding:0px;
 margin:0px;
}
menu a#pull{
 display:none;
}
.psind{
 display:none;
}
.sedrami{
 border:1px solid #000;
 border-color:#555555;
 background:#5F1933;
 position:relative;
 width:100%;
 max-width:60%;
 height:48px;
 margin-left:auto;
 margin-right:auto;
 display:table;
}
.tradso{
 padding-left:12px;
 font-size:130%;
 color:#ffffff;
 display:table-cell;
 vertical-align:middle;
 width:80%;
}
.tradso a{
 color:#ffffff;
}
.title{
 font-size:200%;
}
.sotri{
 width:100%;
 max-width:60%;
 margin:0 auto;
 height:auto !important;
}
.gecati{
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 font-size:70%;
 margin-top:20px;
 padding-bottom:3px;
}
.rcosegm{
 margin:0px 5px;
 padding:0px 5px;
 text-align:center;
}
.sitreca{
 margin:10px;
}
.dochart{
 display:inline-block;
 vertical-align:top;
 margin:5px;
 text-align:center;
 max-width:240px;
 width:100%;
 height:300px;
 border:1px solid #a8a9ad;
 background-color:#fff;
}
.recsi{
 height:260px;
}
.rosatel{
 white-space:nowrap;
 overflow:hidden;
 padding:5px;
 text-overflow:ellipsis;
}
.toscagi{
 margin:20px 0;
}
.lagicon{
 display:inline-block;
 background-color:#7CB9E8;
 padding:0 2px;
 margin:2px;
}
.lasim{
 margin:15px 0;
}
.htocdis{
 background-color:#C0C0C0;
 padding:0 2px;
 margin:2px;
}
.msicor{
 text-align:center;
 font-size:80%;
}
@media screen and (max-width:768px){
h1{
 margin-top:0px;
}
menu ul{
 display:none;
 height:auto;
}
menu a#pull{
 display:block;
}
.psind{
 display:block;
 position:absolute;
 cursor:pointer;
 margin:0 auto;
 top:14px;
 right:12px;
}
.hocel{
 width:21px;
 height:2px;
 margin:4px;
 background-color:#fff; 
}
.sedrami{
 max-width:90%;
}
.sotri{
 max-width:90%;
}
.dochart{
 margin:0 0 5px 0;
 max-width:100%;
}
.toscagi{
 margin:20px 0 15px 0;
}
.milcost{
 display:flex;
 flex-flow:wrap;
 margin:0 auto;
}
.gonaser, .netadic, .domih, .hensaci{
 width:100%;
}
.gonaser{order:2;}
.netadic{order:3;}
.domih{order:4;}
.hensaci{order:1;}
}