//body{font-family:Teko,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:16pt}

body {
    background:#ffffff;
}

.row {
    margin-bottom:20px;
}
.navbar {
    margin-bottom:0;    
}

.topic-active {
    font-weight:bold;
    color: #ee1c2e;
}

.subheadline {
    background:#efefef;
    padding:3px;
    width:100%;
}

#nav-section {
    display:none;
}

@media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 699px){ 
    body {
        padding:20px;
    }
}

@media only screen and (min-width: 700px) {
    #nav-section {
      /*position: fixed;*/
      display:block;
      background: #ffffff;
      padding: 10px;
      border:1px solid #efefef;
      /*box-shadow: 10px 10px 5px grey;*/
      margin-right:10px;        
    }  
}


a img {
-webkit-animation: fadein 1s; // Safari, Chrome and Opera > 12.1 
   -moz-animation: fadein 1s; // Firefox < 16 
    -ms-animation: fadein 1s; // Internet Explorer 
     -o-animation: fadein 1s; // Opera < 12.1 
        animation: fadein 1s;
}

/*
click to continue fade in
*/

#click-to-continue
{
  color: #ee1c2e;
    
-webkit-animation: fadein 5s; // Safari, Chrome and Opera > 12.1 
   -moz-animation: fadein 5s; // Firefox < 16 
    -ms-animation: fadein 5s; // Internet Explorer 
     -o-animation: fadein 5s; // Opera < 12.1 
        animation: fadein 5s;
        
                  
  position: absolute; /* Stay in place */
  z-index: 999; /* Sit on top */
  //padding-top: 100px; /* Location of the box */
  right: 20px;
  top: 140px;
  
  //overflow: auto; /* Enable scroll if needed */  
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */        
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.sel-img {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}


.sel-img:hover {
  opacity: 0.7;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 20px; /* Location of the box */
  left: 300px;
  top: 250px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#footer {
    //margin-top:20px;    
}

.page-container {
    padding-bottom:20px;
}


/*
.new-marker {
    //background: url("/img/ico-new-2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: url("/img/ico-new-2.png") no-repeat;

    position: absolute;
    right:0;
    z-index: 99;
}
*/
.banners-numbers {
    font-size:24px;
    font-weight:bold;
    z-index:99;
    position:absolute;
    left:10px;
    top:10px;
}