@charset "UTF-8";
iframe {min-height:60px}

.rubber {
    flex-grow:1;
}

.icq {
    display:none;
    position:fixed;
    top:1.5em;
    left:7px;
}
.icq:before{
    background:red;
    color:white;
    padding:0.2em 0.4em 0.3em;
    border-radius:1em;
}

/*  фонты */
footer,
.topnav,
.tophead .nav,
.pager,
.cbar {
   font:normal 1rem verdana, tahoma, arial;
}


.topnav .top_date,
.tophead h1 {
       font:italic 1em georgia,times;
}

/* стили навигации наверху страницы  */
.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-size:.7rem;
    color:#333;
    padding:0 .5em;
    cursor: pointer;
}

.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 .65rem georgia,times;
    letter-spacing: 1px;
    margin-top: .15em;
}
.topnav a[href^=\/codebook] {
    color: #d50000;
    font: bold italic .65rem georgia,times;
    letter-spacing: 1px;
    margin-top: .15em;
}
.topnav a[href^=\/parts] {
    font: bold 0.6rem monospace;
    color: darkorange;
    letter-spacing: 1px;
    margin-top: .15em;
}

.topnav .top_date {
    position:absolute;
    right:0;
    text-align:right;
}

.ny .topnav .top_date {
    background-image:url(/images/events/ny.gif);
    background-position:99.9% 2.5em;
    background-size:100px;
    padding-bottom:100px;
}

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

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

.ny a.logo{
    background-position: center top;
    background-size: 178px auto, 278px auto;
    background-image: url(/images/logo/sparkle.png), url(/images/logo/caxapa.png);
    background-repeat: repeat, no-repeat;
    transition: background-size 3s ease-in;
}

.ny a.logo:hover {
    background-size: 200px auto, 280px auto;
    transition: background-size 1s ease-in;
}


.tophead .nav{
    padding-top:4px;
    line-height:0;
    zwidth: 12em;
    overflow: visible;
}

.tophead .nav a{
    text-decoration:none;
    color:#777;
    padding:0 1px;
    font-size:x-small;
    display:inline-block;
    margin: 0 1px .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:.1em;
}

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

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

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

.tophead h1 {
    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: baseline;
    justify-content: left;
    gap:.25em .35em;
    color:#444;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #999;
    padding:.25em 0.5em 0.15em;
    background: #c7c7c7;
    overflow:hidden;
    font-size: 0.7rem;
    font-family: tahoma,verdana,arial;
}

.cbar:empty {
    min-height: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    width: 98%;
    margin: .25em auto;
}

.cbar > * {
    font:inherit;
    color:inherit;
}

.cbar a {
    cursor:pointer;
}

.cbar a.edit {
    letter-spacing:0;
}

.cbar a[href] {
    font-weight:bold;

}

.cbar a.tag {
    font-weight:normal;
}

.cbar a.tag:empty {
    border-radius: 1em;
}


.cbar div {
    margin-left: auto;
}

.cbar select{
    font-size:.9em;
    font-weight:normal;
    color:#333;
}

.cbar select option {
    width:14em;
}

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

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


/***** pager *****/
.pager {
    display:flex;
    flex-wrap:nowrap;
    opacity:0.9;
    font-size:.6em;
    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;
    color:#444;
}

.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{
    padding: .3em 0 0 57px;
}


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

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

@media screen and (max-width:1000px) and (orientation: portrait){
    .topnav .top_date,
    .topnav a[href*=law],
    .topnav a[href*=vote],
    .tophead iframe { display:none; }
    .tophead h1 {margin-bottom:5px;}
}

@media screen and (max-width:900px){
    .topnav .top_date,
    .topnav a[href*=law],
    .topnav a[href*=vote],
    .topnav a[href*=upload]{ display:none; } */
}

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