/* Arielko1 Google Maps CSS */

html,body{height:100%;margin:0 auto;padding:0;}

body{
  background-image:url('Bg1BotBT.png');
  background-position:bottom left;
  font-family:Verdana,Helvetica;
  background-attachment:fixed;
  background-repeat:repeat-x;
  background-color:#3729D6;
  font-size:12px;}

#gmapdeco{width:100%;height:444px;top:0;left:0;position:absolute;}
#gmapdeci{height:444px;width:283px;margin:0;
  background-image:url('Bg1TopWT.png');
  background-repeat:no-repeat;}

#gmapmain{width:100%;top:0;left:0;position:relative;}
#gmapmain img{
  margin-left:auto;margin-right:auto;        
  width:100%;height:auto;display:block;}
/*max-width:{$zIx}px;*/
  


#gmapfram{
  left:0;right:0;margin:auto;padding:2px;position:absolute;}
/*top:{$xBt}px;bottom:{$xBb}px;
  max-width:{$zWp};max-height:{$zHp};
  border:{$xBw}px solid {$xBc};border-radius:{$xBr}px;*/

#gmapdisp{width:100%;height:100%;position:relative;}
/*
  max-width:{$zWp};max-height:{$zHp};
  Always set the map height explicitly to define
  the size of the div element that contains the map
  https://blog.duda.co/responsive-google-maps-for-your-website
*/

#gmapmark{font:normal small verdana, arial, helvetica, sans-serif;
  margin:0px;width:200px;height:100px;overflow:auto;font-size:10pt;}
#gmapmark p{margin:0;padding:2px 0 2px 0;}
#gmapmark a{color:#06C;text-decoration:none;background-color:transparent;}
#gmapmark a:hover{color:#F60;background-color:transparent;}
#gmapmark h1{margin:0;color:#369;padding:2px;font-size:13px;font-weight:bold;border-bottom:2px solid #369;}