/*@font-face {
    font-family: 'YanoneKaffeesatz-Regular';
    src: url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.eot') format('embedded-opentype'), url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.otf') format('opentype'), url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.svg') format('svg'), url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.woff') format('woff');
}*/

@font-face {
    font-family: 'YanoneKaffeesatz-Bold';
    src: url('../fonts/YanoneKaffeesatz-Bold/YanoneKaffeesatz-Bold.eot') format('embedded-opentype'), url('../fonts/YanoneKaffeesatz-Bold/YanoneKaffeesatz-Bold.otf') format('opentype'), url('../fonts/YanoneKaffeesatz-Bold/YanoneKaffeesatz-Bold.svg') format('svg'), url('../fonts/YanoneKaffeesatz-Bold/YanoneKaffeesatz-Bold.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Bold/YanoneKaffeesatz-Bold.woff') format('woff');
}

@font-face {
    font-family: 'YanoneKaffeesatz-Light';
    src: url('../fonts/YanoneKaffeesatz-Light/YanoneKaffeesatz-Light.eot') format('embedded-opentype'), url('../fonts/YanoneKaffeesatz-Light/YanoneKaffeesatz-Light.otf') format('opentype'), url('../fonts/YanoneKaffeesatz-Light/YanoneKaffeesatz-Light.svg') format('svg'), url('../fonts/YanoneKaffeesatz-Light/YanoneKaffeesatz-Light.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Light/YanoneKaffeesatz-Light.woff') format('woff');
}

@font-face {
    font-family: 'YanoneKaffeesatz-Regular';
    src: url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.eot') format('embedded-opentype'), url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.otf') format('opentype'), url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.svg') format('svg'), url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Regular/YanoneKaffeesatz-Regular.woff') format('woff');
}

@font-face {
    font-family: 'YanoneKaffeesatz-Thin';
    src: url('../fonts/YanoneKaffeesatz-Thin/YanoneKaffeesatz-Thin.eot') format('embedded-opentype'), url('../fonts/YanoneKaffeesatz-Thin/YanoneKaffeesatz-Thin.otf') format('opentype'), url('../fonts/YanoneKaffeesatz-Thin/YanoneKaffeesatz-Thin.svg') format('svg'), url('../fonts/YanoneKaffeesatz-Thin/YanoneKaffeesatz-Thin.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Thin/YanoneKaffeesatz-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Etelka';
    src: url('../fonts/Etelka.otf') format('opentype');
}
@font-face {
    font-family: 'Rafale';
    src: url('../fonts/Rafale.ttf') format('truetype');
}
@font-face {
    font-family: 'Tsarevich';
    src: url('../fonts/Tsarevich.ttf') format('truetype');
}
@font-face {
    font-family: 'Rockletter';
    src: url('../fonts/Rockletter.ttf') format('truetype');
}
@font-face {
    font-family: 'GOST';
    src: url('../fonts/GOST.ttf') format('truetype');
}
BODY
{
	font-family: YanoneKaffeesatz-Light, Cambria, Georgia, "Times New Roman";
    font-size: medium;
}

DIV#header DIV.title, DIV.item H3, DIV.item H4, DIV.pager A
{
  font: bold 1em "Arial Narrow", "Franklin Gothic Medium", Arial;
}

th 
{
    background-color:#ededed;
    text-align:left;
    padding:3px 0;
}

DIV#header
{
  background-color: #444;
  border-bottom: 2px solid #111;
  color: White;
}

DIV#header DIV.title
{
font-size: 2em;
padding: .6em;
}

DIV#content
{
  border-left: 2px solid gray;
  margin-left: 9em;
  padding: 1em;
}

DIV#categories, DIV#oigv, DIV#omsu
{
  float: left;
  /*width: 15em;*/
  padding: .3em;
}




DIV.item
{
  border-top: 1px dotted gray;
  padding-top: .7em;
  margin-bottom: .7em;
}

DIV.item:first-child
{
    border-top: none;
    padding-top: 0;
}

DIV.item H3
  {
    font-size: 1.3em;
    margin: 0 0 .25em 0;
  }

DIV.item H4
{
font-size: 1.1em;
margin: .4em 0 0 0;
}

DIV.pager
{
  text-align: right;
  border-top: 2px solid silver;
  padding: .5em 0 0 0;
  margin-top: 1em;
}

DIV.pager A
{
font-size: 1.1em;
color: #666;
text-decoration: none;
padding: 0 .4em 0 .4em;
}

DIV.pager A:hover
{
    /*background-color: Silver;*/
}

DIV.pager A.selected
{
    background-color: #353535;
    color: White;
}

DIV#categories A.check, DIV#oigv A.check, DIV#omsu A.check
{
  font: bold  "Arial Narrow","Franklin Gothic Medium",Arial; display: block;
  text-decoration: none; padding: .6em; color: Black;
  border-bottom: 1px solid silver;
  background: url(/img/uncheck.png) no-repeat 0% 50%;
  padding-left: 15%;
}
DIV#categories A.selected, DIV#oigv A.selected, DIV#omsu A.selected { 
    /*background-color: #666;*/ 
    /*color: White;*/ 
    background: url(/img/check.png) no-repeat 0% 50%;
    padding-left: 15%;
}

a:visited { 
	color: #4b2f89; }

a.right-link:visited, a.left-link:visited { 
	color: black; }

A.checkall, A.uncheckall { 
    /*background-color: #666;*/ 
    /*color: White;*/ 
    /*background: url(/img/check.png) no-repeat 0% 50%;*/
    /*background:none;*/
    /*padding-left: 15%;*/
    color: Black;
    padding:0 10px;
    width: 50%;
}

A.checkall:hover { 
    /*background-color: #666;*/ 
    /*color: White;*/ 
    /*background: url(/img/check.png) no-repeat 0% 50%;*/
    /*background:none;*/
    /*padding-left: 15%;*/
    font-weight:bold;
    padding:0 10px;
}

A.uncheckall:hover { 
    /*background-color: #666;*/ 
    /*color: White;*/ 
    /*background: url(/img/check.png) no-repeat 0% 50%;*/
    /*background:none;*/
    /*padding-left: 15%;*/
    font-weight:bold;
    padding:0 10px;
}

DIV#categories A:hover, DIV#oigv A:hover { 
    /*background-color: #CCC;*/ 
}
DIV#categories A.selected:hover, DIV#oigv A.selected:hover { 
    /*background-color: #666;*/ 
}


FORM { 
    margin: 0; 
    padding: 0; 
}
DIV.item FORM { 
    float:right; 
}
DIV.item INPUT {
    color:White; 
    background-color: #333; 
    border: 1px solid black; 
    cursor:pointer;
}
H2 { 
    margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}
TFOOT TD { 
    border-top: 1px dotted gray; 
    font-weight: bold; 
}
.actionButtons A, INPUT.actionButtons {
    font: .8em Arial; 
    color: White; 
    margin: .5em;
    text-decoration: none; 
    padding: .15em 1.5em .2em 1.5em;
    background-color: #353535; 
    border: 1px solid black;
}

DIV#cart { 
    float:right; 
    margin: .8em; 
    color: Silver;
    background-color: #555; 
    padding: .5em .5em .5em 1em; 
}
DIV#cart A { 
    text-decoration: none; 
    padding: .4em 1em .4em 1em; 
    line-height:2.1em;
    margin-left: .5em; 
    background-color: #333; 
    color:White; 
    border: 1px solid black;
}

DIV#categories A.menu_head, DIV#oigv A.menu_head 
{
    font-size:large;
}

table.border td, td.border
{
    border:1px solid gray;
}

.odd_reg td{
    background:#fff;
    font-size:medium;
}

.even_reg td{
    background:#ededed;
    font-size:medium;
}

td.name {
    /*font-weight:bolder;*/
    font-size:medium;
}

td {
    padding: 2px;
}

header .row {
    background: url(../img/logo.jpg) no-repeat scroll right center transparent;
    min-height:200px;
}

header .tablet {
    background:none;
    max-width:100%;
    border:1px;    
}

header .search {
    float:right;
}

#CatSpan, #AuthSpan {
    text-decoration: underline;
    font-size: smaller;
    float:right;
}

#CatSpan:hover, #AuthSpan:hover {
    cursor:pointer;
}

.row  aside{
    margin-top: 3rem;
}

div#Nav {
    /*position:absolute;
    left:705px;*/
    float:right;
    /*margin-right:20px;*/
}

ul#tabs {
   
    list-style:none;
    height:30px;
    display:table;
    width: 100%;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

ul#tabs li{
    /*float:left;*/
    display: table-cell;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 1px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    width:170px;
    /*width:204px;*/
}

ul#tabs li a{
    background-color: #B5111B;
    color: #FFFFFF;
    display: block;
    font-size: 0.9em;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    text-align: center;
    white-space: nowrap;
}

ul#tabs li a:hover, ul#tabs li a.selected {
    background-color: #222222;
}

.MapCategory {

}

.MapDatasets {

}

.invisible {
    display:none;
}

#Resume {
    font-weight:bold;
}

samp {
    display: block;
    padding: 0.5em;
    margin-bottom: 1em;
    font-size: 0.75em;
    background: none repeat scroll 0% 0% #EEE;
    white-space: pre-wrap;
    color: #00008B;
}

ul li ul {
    padding-left:25px;
}

ul+ul {
    padding-top:10px;
}

span.scheckbox {
    background: url(/img/uncheck.png) no-repeat 0% 50%;
    width:16px;
    height:16px;
    display:inline-block;
    cursor:pointer;
    margin-left:10px;
}

span.checked {
    background: url(/img/check.png) no-repeat 0% 50%;
    
}

[for]{
    /*margin-left:17px;*/
    cursor:pointer;
    display:inline;
}

div.checkbox_wrapper {
    display:none;
}

#passport h4 {
    background:url(/img/triangleUp.png) no-repeat 0% 50%;
    padding-left:20px;
    font-size:1em;
    cursor:pointer;
}

#passport h4.pass-inv {
    background:url(/img/triangleDown.png) no-repeat 0% 50%;
    cursor:pointer;
}

.btn.mini {
    font-size: 0.7em;
}

.btn {
    display:block;
    margin-bottom:2px;
}

/*sidemenu*/

#sidemenu {
  /*margin: 0;
  
  padding: 0;
  width: 50px;

  float: left;
  background: #e8e8e8;
  border-right: 1px solid #c9c9c9;
  position:fixed;
  width:95px;*/
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none; 
    height: 52px;
    width:360px;
            transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform: rotate(-90deg) translate(-488px, 0px);
    -webkit-transform: rotate(-90deg) translate(-488px, 0px);
        -moz-transform: rotate(-90deg) translate(-488px, 0px);
            -o-transform: rotate(-90deg) translate(-488px, 0px);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin-left:-55px;
    margin-top:-120px;
}

#sidemenu li { 
    /*display: block; 
    text-align: center; 
    
    font-size: 1.1em; 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    writing-mode: tb-rl; 
    width:100px;*/
    float: left;
    width: 120px;
    height: 35px;
    /*border: 1px solid #000;*/
    /*border-top: 1px solid #fff;*/ 
    text-align: center;
    padding:0;
    border-right: 2px solid white;
    border-top: 2px solid white;
    border-radius:0 10px 0 0;
    color:white;

}

#sidemenu li a { 
  /*display: block;
  padding: 6px 2px;
  color: #555;
  text-decoration: none;
  border-bottom: 1px solid #d1d1d1;*/
  display: block;
    /*padding: 10px;*/
    font-family: Arial, sans-serif;
    /*font-size: 20px;*/
    line-height: 30px;
    /*font-weight: bold;*/
    text-decoration: none;
    color: white;
    background-color: #B5111B;
    margin-top:-5px;
    border-radius:0 10px 0 0;

}
#sidemenu li a:hover {
  background: black;
}

#sidemenu li a strong { 
  display: block;
  margin-top: 5px;
}

#sidemenu li a.open {
  /*width: 107%;*/
  background: black;
}

#sidemenu li a[href="#omsu"] {
    border-radius:10px 10px 0 0;
}

.wrapper {
    padding-bottom:30px;
}

.DateNews {
    color:#B5111B;
    font-weight:bold;
    margin-right:10px;
}

.TitleNews {
    font-weight:bold;
}

.BodyNews p{
    text-indent:10px;
    text-align:justify;
}

.news {
    margin: 10px 0;
}

/* Bootstrap адаптация*/

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
{
    background-color:#353535;
    
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
    padding:0;
    margin:0;
}

.paging_full_numbers a.paginate_button {
    background-color: #bdf; /*или  #bdd*/
}

.pagination > li > a
{
    color:#353535;
}

.pagination > li > a,
 .pagination > li > span
{
    margin-left:0;
}

/*table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover
{
    background-color:gray;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd
{
    background-color:gray;
}*/


td.details-control {
    background: url('../resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../resources/details_close.png') no-repeat center center;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting
{
    background-color:#EDEDED;
}

.toolbar {
    float: left;
}


ul.ColVis_collection
{
    width:auto;
}

/*button.ColVis_Button
{
    margin-right:50%;
}*/

.dataset-title
{
    font-size:20px;
	margin: 2.7em 0 0 0;
}

#container2, #containerVO {
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}

.strategy_header {
    text-align:center;
    color: white;
    background-color:#B5111B;
}


/*-------------------- новый дизайн --------------------*/
.header_new, .footer_new {
    background-color:#5db3ca;
}

#nav-wrapper {
    background-color:#5db3ca;
}

#nav-wrapper .top-bar {
    margin-bottom:0.5%;
    margin-top:0.5%;
}

.button {
    background-color:#5db3ca;
}

#navigation {
    background-color:#e9e8e3;
    padding:0;
}

.search {
    /*height: 50%;*/
    width: 100%;
    background-color: #FFF;
    padding-top: 0;
    padding-bottom:0;
    border-radius: 62.5rem;
	margin-left: 25px;
}

.search input[type="submit"] {
    /*height: 2rem;*/
    width: 45px;
    /*height:32px;*/
    top: 0px;
    border: medium none;
    background: url("../img/search.png") no-repeat scroll 0px transparent;
    background-size:cover;
}

.label-primary {
    font-size:2rem;
    line-height:2.5rem;
}

.search input[type="text"] {
    background: none repeat scroll 0% 0% transparent;
    /*height: 2rem;*/
    /*width: 11.125rem;*/
    width: 94%;
    top: 0px;
    float: left;
    border: medium none;
    padding: 0px 0px 0px 3%;
    font-size: 1rem;
    line-height: 2.5rem;
    color: #777;
    box-shadow:none;
}

.has-form {
    /*padding-bottom: 2%;
    padding-top:2%;*/
    width:100%;
}

.top-bar-section .has-form {
    padding:0;
}

li.has-form .columns {
  padding:0.3rem 0 0 2%;
}

.nav_news {
    position:absolute;
    width:100%; 
    margin-top: 0%;
    margin-left: -7%;  
    z-index:10;
    font-size:larger;
    /*background-image:url(/img/point.png);
    background-repeat:no-repeat;
    background-position-x: 30%;
    background-position-y: 50%;*/
}

.line_nav_news {
    position: absolute;
    /*top: 4%;
    left: 6.5%;*/
    /*width: 70%;
    height: 70%;*/
    width:100%;
    margin-left:-53%;
    margin-top:30%;
    padding: 0;
    z-index: 1;
    background: url(/img/news_path.png) center content-box no-repeat;
    background-size: contain;
}

.icon_news {
    padding-left:4rem;
}

.datasets {
    position:absolute;
    width:100%;
    margin-top: 0%;
    margin-left:-45%;
    z-index:10;
    font-size:larger;
    /*background-image:url(/img/point.png);
    background-repeat:no-repeat;
    background-position-x: 20%;
    background-position-y: 50%;*/
}

.line_datasets {
    position:absolute;
    width:110%;
    margin-top: 57%;
    margin-left:-60%;
    z-index:1;
    background: url(/img/datasets_path.png) center content-box no-repeat;
    background-size: contain;
}

.maps {
    position:absolute;
    width:100%;
    margin-top: 0%;
    margin-left:-15%;
    z-index:10;
    font-size:1.18rem;
    /*background-image:url(/img/point.png);
    background-repeat:no-repeat;
    background-position-x: 30%;
    background-position-y: 50%;*/
}

.line_maps {
    position:absolute;
    width:120%;
    margin-top: 85%;
    margin-left:-44%;
    z-index:1;
    background: url(/img/maps_path.png) center content-box no-repeat;
    background-size: contain;
}

.developers {
    position:absolute;
    width:100%;
    margin-top: 4%;
    margin-left: 20%;
    z-index:10;
    font-size:larger;
    /*background-image:url(/img/point.png);
    background-repeat:no-repeat;
    background-position-x: 90%;
    background-position-y: 50%;*/
    /*padding-right: 3.6rem;*/
}

.line_developers {
    position:absolute;
    width:100%;
    margin-top: -1%;
    margin-left: 78%;
    z-index:1;
    background: url(/img/developers_path.png) center content-box no-repeat;
    background-size: contain;
}

.strategies {
    position:absolute;
    top: 4.3em;
    left:-2.5rem;
    z-index:10;
    font-size:larger;
    background-image:url(/img/point.png);
    background-repeat:no-repeat;
    background-position-x: 90%;
    background-position-y: 50%;
    padding-right: 3.5rem;
}

.line_strategies {
    position:absolute;
    margin-top: 5.1rem;
    margin-left:-5.1rem;
    min-width:260px;
    z-index:1;
}

.infographics {
    position:absolute;
    top: 0%;
    left: 0%;
    z-index:10;
    font-size:larger;
    /*background-image:url(/img/point.png);
    background-repeat:no-repeat;
    background-position-x: 90%;
    background-position-y: 50%;
    padding-right: 3.5rem;*/
}

.line_infographics {
    position:absolute;
    margin-top: 0%;
    margin-left: 0%;
    /*min-width:260px;*/
    z-index:1;
}

.apps {
    position:absolute;
    width:100%;
    margin-top: 0%;
    margin-left: 57%;
    z-index:10;
    font-size:larger;
   
}

.line_apps {
    position:absolute;
    width:100%;
    margin-top: 22%;
    margin-left: 91%;
    z-index:1;
    background: url(/img/apps_path.png) center content-box no-repeat;
    background-size: contain;
}

.nav_news .left-link.active {
    background:url(/img/news_nav.png) no-repeat;
    background-size: contain;
    background-position:left;
    /*height:59px;*/
}

.datasets .left-link.active {
    background:url(/img/datasets_nav.png) no-repeat;
    background-size: contain;
    background-position:left;
    /*height:59px;*/
}

.maps .left-link.active {
    background:url(/img/maps_nav.png) no-repeat;
    background-size: contain;
    background-position:left;
    /*height:59px;*/
}


.developers .right-link.active {
    background:url(/img/developers_nav.png) no-repeat;
    background-size: contain;
    background-position:right;
    /*height:59px;*/
}


.apps .right-link.active {
    background:url(/img/apps_nav.png) no-repeat;
    background-size: contain;
    background-position:right;
    /*height:59px;*/
}

.left-link {
    display:block;
    padding-left:25%;
    width:100%;
    background-image:url(/img/point.png);
    background-repeat:no-repeat;
    background-position:0 25%;
    background-position-x:0;
    background-position-y:25%;
    z-index:10;
    height:59px;
    /*line-height:59px;*/
    color:black;
}

/*.right-link.active {
    background-image:url(/img/vologda-active.png);
    background-repeat:no-repeat;
    background-position:100% 0;
}*/
.right-link {
    display:block;
    padding-right:25%;
    width:100%;
    background-image:url(/img/point.png);
    background-repeat:no-repeat;
    background-position:100% 25%;
    background-position-x: 100%;
    background-position-y:25%;
    z-index:10;
    height:59px;
    /*line-height:59px;*/
    color:black;
}

.developers.active, .strategies.active {
    background-position-x:100%;
}

/*.glyphicon-link{
    padding-left:4rem;
}*/

#about {
    position:absolute;
    top:44%;
    left:55%;
    z-index:100;
    /*min-width:468px;*/
    background: url(/img/banner.png) center content-box no-repeat;
    background-size:contain;
    z-index:17;
    text-align:center;

}

#about .text {
    margin: 40% 8% 0 8%;
}

#about .text p {
    line-height:1.4;
}

#logo {
    /*min-width:367px;*/
    position:absolute;
    left: 7.5%;
    top: 9.5%;
    background: url(/img/portal_logo.png) center content-box no-repeat;
    background-size:contain;
    z-index:20;
}

#border_logo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 15;
    background: url(/img/border_logo.png) center content-box no-repeat;
    background-size: contain;
}

#div-center {
    /*min-height:200px;
    max-height:450px;
    height:400px;*/
    /*width:60vw;*/
}

.navigation-panel {
    position:absolute;

}

/*svg {
    height:100%;
    width:100%;
}*/

[class*="block-grid-"] > li.navgrid {
    padding:0;
}

li.navgrid > div {
    padding:0;
}

#div-center .medium-3,#div-center .medium-6 {
    padding:0;
}

#left-icon-panel/*, #right-icon-panel*/ {
    margin-bottom:10%;
    margin-top:10%;
}

#right-icon-panel {
    margin-bottom:10%;
    margin-top:2%;
}

#right-icon-panel .small-block-grid-1 {
    /*margin-top:-30%;*/
}

#point-on-circle {
    background: url(/img/point.png) center content-box no-repeat;
    background-size: contain;
    z-index:1000;
    width:37px;
    height:36px;
    margin-left:0%;
    margin-top:55%;
    position:absolute;
}

#point-on-circle.p_news {
    margin-left:0%;
    margin-top:55%;
}

#point-on-circle.p_datasets {
    margin-left:6%;
    margin-top:74%;
}

#point-on-circle.p_maps {
    margin-left: 22%;
    margin-top: 91%;
}

#point-on-circle.p_apps {
    margin-left: 84%;
    margin-top: 27%;
}

#point-on-circle.p_developers {
    margin-left: 72%;
    margin-top: 16%;
}

.small-block-grid-2 > li.category {
    /*font-size:25px;*/
    color:white;
    padding: 5% 1% 1% 1%;
}

.small-block-grid-4 > li.category {
    /*font-size:25px;*/
    color:white;
    padding: 2.5% 0.5% 0 0.5%;
}

/*------- */

#i_title {
    font-size: xx-large;
    text-align: center;
}

#chartsmaps thead .sorting,#chartsmaps thead .sorting_asc, #chartsmaps thead .sorting_desc{
    background-color:#5db3ca;
}

#chartsmaps thead th{
    background-color:#5db3ca;
}

table.dataTable.cell-border tbody td.img-cell {
    border-right:none;
    width:5%;
}

select {
    font-family:YanoneKaffeesatz-Light;
}

.button {
    font-family:'YanoneKaffeesatz-Light';
    /*margin:0;
    padding:0;*/
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
   opacity:1;
}

.button-switch {
    float:right;
}

.tabs dd, .tabs .tab-title {
    width:33%;
}

.tabs {
    padding-left:0;
}

table.dataTable.cell-border tbody td.name-cell {
    width:50%;
}

table.dataTable.cell-border tbody td.date-cell {
    width:15%;
}

table.dataTable.cell-border tbody td.category-cell {
    width:30%;
}

.requestCreation {
  display: none;
  background-color: #fff;
  border: 5px solid #888;
  border-radius: 9px 9px 9px 9px;
  margin-left: 19%;
  top: 5%;
  position: fixed;
  z-index: 1001;
  width: 438px;
}

.requestCreation .requestHead {
  background-color: #ededed;
  border-bottom: 1px solid #d0d0d0;
  font: bold 11px Verdana,Arial,sans-serif;
  height: 26px;
  padding: .4em 1.9em;
}
.requestCreation div {
  padding: .3em;
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  vertical-align: middle;
}

li.category a {
    color:white;
	line-height: 0.4;
}


input#text {
    line-height:1.5;
    width:91%;
}

input#search_submit {
    padding:0;
    margin:0;
}

/* top of site */
[role=main] {
    margin-top: 75px;
	min-height: 35em;
}

/* left menu */
ul.nav{
    list-style-type:none;
}

ul.nav a:hover {
    font-size:20px;
}

ul.nav a:visited {
    color: #5db3ca;
}

ul.nav a#here {
    color:#999;
}


ul#title-area {
    padding-left:0;
}

.termslink a {
    color:white;
    font-size:16px;
}

.valign-middle {
    display: table;
}

.valign-middle .columns {
    display: table-cell;
    vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
    float: none;
}


/* medium and down images */
@media only screen and (max-width: 64.063em) {
	
	.valign-middle img {
    width: 100%;
	max-width: 100%;
}
}

@media only screen and (max-width:40.063em) {

.valign-middle .small-12.columns {
    display: block;
    vertical-align: top;
}	
}

.padding-left-2 {
    padding-left:1.5em;
}

.no-background {
    background: none;
    color: #999;
    border:solid thin #999;
}

.padding-top-bottom-1 {
    padding-bottom: 1em;
    padding-top: 1em;
}
.font-Times * {
    font-family:'Times New Roman', Times, serif;
}

.padding-low {
    padding-top: 8px;
    padding-bottom:8px;
}

.no-padding {
    padding:0;
}

.no-margin {
    margin:0;
}

			
/*  popup  */

.popup_overlay{
	display: none;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.popup{
	display: none;
	background: #fff;
	width: 465px;
	max-height: 525px;
	position: fixed;
	top: 40%;
	left: 50%;
	margin-left: -250px;
	margin-top: -240px;
    text-align: center;
	border-radius: 5px;
}
.closer{   
    display: block;
    cursor: pointer;
    position: absolute;
    left: 425px;
    top: 10px;
    background: #666;
	color:#fff;
	min-width: 30px;
	min-height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 15px;
}
label{
	display: block;
	font-size: 12pt; 
}
aside{
	display: block;
	float: right; 
}
button {
    border-radius: 2%;
	padding: 0.5em;
    }
.popup input{
	display: block;
    width: 75%;
	margin: 0 auto;
}	
textarea{
	display: block;
    width: 75%;
	margin: 0 auto;
}	
.popup [type="submit"] {
    border-radius: 2%;
    background: #666;
	color:#fff;
    width: 25%;
	margin: 1.5em auto;
}

#copyandterms{ padding: 15px;}	


