iframe {min-height:60px}
.icq {
    display:none;
    position:fixed;
    top:1.2em;
    left:3px;
}

.icq:before{
    background:red;
    color:white;
    padding:0.3em 0.5em 0.4em;
    border-radius:1em;
    content:' ';
}

a[href].red_alert:after{
    content:'';
    position:absolute;
    width:10px;
    height:10px;
    background:orangered;
    border-radius:1em;
}

/* стили навигации наверху страницы  */
.topnav{
    position:relative;
    display:flex;
    flex-flow:row wrap;
    align-items:flex-start;
    white-space:nowrap;
	margin:5px 10px 5px 5px;
    color:#ccc;
    font-size:1em;
    overflow: visible;
    min-height: 2em;
}

.topnav.nouser:before{
    display:block;
    content:"16+";
    font:bold 1.5em arial;
    background:#f65;
    color:white;
    padding:0 .15em;
    margin-right:.15em;
    float:left;
}

.topnav a{
    display:inline-block;
    text-decoration:none;
    font:normal .72em verdana, tahoma, arial;
    color:#333;
    padding:0 .5em;
}

.topnav a:before {
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    margin-right:.2em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:.2em
}

.topnav a:not(:first-of-type):not(:last-of-type){
    border-left:dotted 2px #333;
}

.topnav a[href*=upload] {
    color: #003060;
    font: bold .65em georgia,times;
    letter-spacing: 1px;
    margin-top: .15em;
}
.topnav a[href*=codebook] {
    color: #d50000;
    font: bold italic .65em georgia,times;
    letter-spacing: 1px;
    margin-top: .15em;
}
.topnav a[href*=parts] {
    font:bold 0.7em courier;
    color:#90F;
    letter-spacing: 1px;
    margin-top: .15em;
}

.topnav .top_date {
    font:italic 1em georgia,times;
    text-align:right;
    padding:0;
    float:right;
    margin-left: auto;
    position: relative;
}

.rubber {
    flex-grow:1;
}


/* стили шапки с логотипом  */
.tophead {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 10px;
    overflow: visible;
}

a.logo{
    display:block;
    text-align: center;
    width: 300px;
    min-width:300px;
    height: 79px;
    background-image:url(/images/logo/caxapa.png);
    background-position:center top;
    background-size: 278px auto;
}

.ny a.logo{
    background-image:url(/images/logo/sparkle.png);
}

.tophead .nav{
    padding-top:4px;
    line-height:0;
}

.tophead .nav a{
    text-decoration:none;
    color:#777;
    padding:0 .2em;
    font:normal x-small verdana, arial;
    display:inline-block;
    margin: 0 .1em .1em;
    line-height: 1.2em;
}

.tophead .nav a.look {
    color: white;
    background:#00AC82;
}

.tophead .nav.left{ text-align:right;}

.tophead .nav.left a:after{
    content: '•';
    padding-left:.2em;
}

.tophead .nav.right{ text-align:left}

.tophead .nav.right a:before{
    content: '•';
    padding-right:.2em;
}

.tophead .center{
    text-align: center;
    overflow: visible;
    font-style: italic;
    max-height:220px;
}

.tophead .ad.left{ margin-right:1em;}
.tophead .ad.right{ margin-left:1em;}
.tophead .ad.left,.tophead .ad.right {max-width:150px; max-height:150px}

.tophead h1 {
    font-style: italic;
    font-family: georgia,times;
    font-weight: 400;
    font-size:1.2em;
}
.tophead h1 a {
    color:inherit;
    font: inherit;
    text-decoration: none;
}

.tophead h1 sup{
    color:#888;
    font-weight:normal;
}

.tophead .mid_top{
    display: flex;
    flex-flow: row nowrap;
    justify-content:center;
    align-items:flex-start;
    overflow: visible;
}
.tophead .mid_top .nav{
    white-space:pre;
}

/***** toolbar *****/
.cbar{
    clear:both;
    display: -webkit-flex;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    min-height:1.5em;
    color:#444;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #999;
    padding:.15em 0;
    background: #c7c7c7;
    font: 600 .7em sans-serif,verdana;
    overflow:hidden;
}

.cbar * {
    font:inherit;
    white-space:nowrap;
    color:inherit;
}

.cbar a[data-command]{
	margin:.2em .2em 0 0;
    padding:0;
}

.cbar a[href] {
    cursor:pointer;
}

.cbar a, .cbar div {
    display: inline-block;
    padding:0.15em 0.7em 0;
}

.cbar select{
    border:inset 2px #fff;
    border-width:1px 0 0 1px;
    font-size:.9em;
    font-weight:normal;
    background:#fff;
    color:#333;
    height: 1.5em;
    line-height: 1.5em;
}
.cbar select option {
    width:16em;
}

.cbar select option.delete {
    background: #DC143C;
    color: #F5F5F5;
}

.cbar select option.move {
    background: #000080;
    color: #F5F5F5;
}

.cbar .rubber {
    flex-grow:1;
    text-decoration:none;
    text-align:center;
    padding:0;
}

.cbar .rubber:empty:before {
  content:' ';
}


/***** pager *****/
.pager {
    display:flex;
    flex-wrap:nowrap;
    opacity:0.9;
    font:normal .6em tahoma;
    color:#666;
    padding-left:.7em;
    align-items: center;
}

.pager a{
    padding:0 4px;
    margin:1px 2px;
    display:inline-block;
    text-decoration:underline;
    font:inherit;
    text-shadow:none;

}

.pager a.sel{
    color:#fff;
    background:red;
    border-radius:.2em;
    text-shadow:none;
	text-decoration:none;
}
.pager a.icon{
    margin:0 .2em;
    padding:0;
}

.pager.bottom{
    margin:.3em 0;
}


.head.border {
    background-color: #39f;
    margin-bottom: .5em;
    height:0.5em;
}

/*******************************/

@media screen and (max-width:1000px){
    .tophead .ad.left,
    .tophead .ad.right,
    .topnav .top_date,
    .tophead iframe,
     div.newsfeed { display:none; }
    .tophead h1 {margin-bottom:5px;}
}

@media screen and (max-width:700px){
    .topnav:before,
    .topnav a[href*=rule],
    .topnav a[href*=vote],
    .topnav a[href*=upload],
    .topnav a[href*=parts],
    .topnav a[href*=codebook],
    .topnav a[href*=search],
    .mid_top .nav{ display:none; }
    .cbar{font-size:.9em}
}