@import url(footer.css);
 @import url(menu.css);
 @import url(content.css);
 @import url(static.css);
 @import url(top.css);
 @import url(result.css);

 html,body {
   margin: 0 auto;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #363e4b;
   background-color:#bababa;
   padding: 0px;
   text-align: center;
   height:100%;         
 }
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    }
#translator{
    display:none;
}   
#map_canvas{
    //width:95%;
    height:400px;
}
#goog-gt-tt{
    display:none;
    visibility:hidde;
    left:10000px;
}
#map_holder{
    width:96%;
    border: lightgrey solid;
    border-width: 2px;
    padding:2px;
}
.translation-links li a img{
    width:22px;       
    border-width: 0;  
}
.translation-links{ 
    padding-left:0;
    margin-left:0;
    padding-bottom:0;
    margin-bottom:0;
    width:310px;
}
ul.translation-links li{
    display: block;   /* You can also add some margins here to make it look prettier */
    float:left !important; 
    width:24px;        
    zoom:1;
    /*display:inline;  this fix is needed for IE7- */
}
 body {
   text-align: center;
   padding: 0px;
   top: 0px !important;
 }
 form {
   margin: 0px;
   padding: 0px;
   font-size: 1px;
 }
 iframe, div, span, {
   border: 0px;
   margin: 0px;
   padding: 0px;
   font-size: 8pt;
   margin: 0 auto;
   color: #363e4b;
 }
 input, select {
   font: 8pt Verdana, sans-serif;
   border: 1px solid #cccccc;
   background: #ffffff;
   padding-left: 2px;
   color: #363e4b;
   margin: 0px;
 }
 textarea  {
   font: 8pt Verdana, sans-serif;
   border: 1px solid #cccccc;
   background: #ffffff;
   padding-left: 2px;
   color: #363e4b;
 }
 td, table {
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   border:0px;
   border-collapse:collapse;
 }
 .radio {
   font: 8pt Verdana, sans-serif;
   border: 1px solid #cccccc;
   background: #ffffff;
   padding-left: 2px;
   color: #363636;
   width: 16px; height: 16px;
 }
 .checkbox {
   font: 8pt Verdana, sans-serif;
   border: 1px solid #cccccc;
   background: #ffffff;
   padding-left: 2px;
   color: #363636;
   width: 16px; height: 16px;
 }
 .clr {
   clear: both;
   font-size: 1px;
 }
 .info {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-family: tahoma;
  letter-spacing: 1px;
  font-size: 11pt;
  font-weight: normal;
  color: #363e4b;
  text-align: center;
 }
 h1.info a {
  font-family: tahoma;
  letter-spacing: 1px;
  font-size: 10pt;
  font-weight: bold;
  color: #bd0202;
  text-align: left;
  letter-spacing: 1px;
 }
 h1.info a:hover {
  text-decoration: underline;
 }

 h1, h3 {
  margin: 10px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
  font-family: tahoma;
  letter-spacing: 1px;
  font-size: 11pt;
  font-weight: bold;
  color: #363e4b;
  text-align: left;
 }
 h4 {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-family: tahoma;
  letter-spacing: 0px;
  font-size: 10pt;
  font-weight: bold;
  color: #363e4b;
  text-align: left;
 }
 h5 {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-family: tahoma;
  letter-spacing: 0px;
  font-size: 9pt;
  font-weight: normal;
  color: #363e4b;
  text-align: left;
 }
 #sp_main {
   width: 850px;
   /*height:100% !important;*/
   min-height:600px;
   text-align: center;
   background: #ffffff url('../design/contentbg.gif') top left repeat-y;
 }
 #sp_main_top {
   width: 850px;
   height:6px;
   font-size: 1px;
   margin-top: 10px;
   background: url('../design/sp_main_top.gif') top left no-repeat;
 }
 #sp_main_center {
     margin:0 auto;
   width: 850px;
   height:100%;
   background: #d3d3d3 url('../design/mainvertbg.gif') top left repeat-x;
 }
 #sp_main_left  {
   width: 50%;
   background: #d3d3d3 url('../design/mainvertbg.gif') top left repeat-x;
 }
 #sp_main_right  {
   width: 50%;
   background: #d3d3d3 url('../design/mainvertbg.gif') top left repeat-x;
 }
 #sp_main_right  {
   width: 50%;
   background: #d3d3d3 url('../design/mainvertbg.gif') top left repeat-x;
 }

#accept-cookie {
    background-color: rgba(34, 34, 34, 0.8);
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    text-align: left;
    transition: all 0.3s ease-in-out;
    visibility: visible;
    width: 100%;
    z-index: 1000000;
}

#accept-cookie.accept-cookie-open {
    max-height: 500px;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

#accept-cookie.accept-cookie-open #accept-cookie-button {
    bottom: 0;
    top: 0;
    transition: all 0.3s ease-in-out;
}

#accept-cookie-details {
    color: #fff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 20px 135px 20px 10px;
}

#accept-cookie-button  {
    background-color: #f0cc03;
    border-radius: 4px;
    bottom: -34px;
    color: #222222;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    margin: auto;
    padding: 0 20px;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 100%;
    transition: all 0.3s ease-in-out;
}

#accept-cookie-button:hover {
    background-color: #ffdd24;
    text-decoration: none;
}

@media print
 a:after {
 content : " [" attr(href) "] " ; }
@media screen {
body {
display:inline  }
}
@media print {
 body {
 display: none; }
}