/*=== BOF ===*/


/* default */

  .geb1 { border:1px solid red; }
  .geb2 { border:1px solid green; }
  .geb3 { border:1px solid blue; }
  .geb4 { border:1px solid yellow; }

  .geRow::after {
    content: "";
    clear: both;
    display: table;
  }

  .stdEnvelop { width:100%; margin:auto; }


  .h1 { font-size:28px; font-weight:bold; text-align:center; }
  .h2 { font-size:20px; }
  .h3 { font-size:16px; }
  .h4 { font-size:14px; }
  .h5 { font-size:12px; }
  .h6 { font-size:10px; }


  .geMenuBack       { }
  .geMenuBack:hover { color:#000!important; background-color:#dddddd!important; }

  .geMenuH       { padding:4px 8px; height:36px; }
  .geMenuH:hover { color:#000!important; background-color:#dddddd!important; }


  .mainPage_headingArea { padding-bottom:20px; }
  .mainPage_title       { text-align:center;   }
   /* «padding:0 18%;» for ad z1 portrait only (18% for class h5, 10% for class h4) */
  .mainPage_subtitle    { text-align:center; font-weight:normal; padding:0 18%; }

  .stdPage_headingArea { padding-bottom:20px; }
  .stdPage_topoListElem { } 

  .placePage_wholeObj    { border:2px solid #bbbbbb; margin:3px; padding:3px; background:#dddddd; }
  .placePage_wholeSubobj { border:2px solid #bbbbbb; margin:3px; padding:3px; background:#dddddd;
                           /*max-width:170px; float:left; line-height:1.0;*/
                         }

  .placePage_objName         { font-size:16px; font-weight:bold; }  /* span */
  .placePage_subobjName      { font-size:12px; font-weight:bold; }  /* span */
  .placePage_objNameAhref    { }
  .placePage_subobjNameAhref { color:#aaaaaa; }

  .placePage_objNameArea    { padding:2px; }
  .placePage_subobjNameArea { padding:2px; margin-top:-5px; }
  .placePage_objMainImagesArea    { margin:2px; }
  .placePage_subobjMainImagesArea { margin:2px; }

  .placePage_subobjsCountArea { font-size:24px; font-weight:bold; color:#999999; }
  .placePage_subobjsExpand    { font-size:11px; font-weight:normal; color:#aaaaaa; padding-left:7px; }

/*
  .objPage_wholeObj        { border:2px solid #bbbbbb; margin:3px; padding:3px; background:#dddddd; }
  .objPage_wholeSubobj     { border:2px solid #cccccc; margin:3px; padding:3px; background:#e2e2e2; }
*/
  .objPage_wholeObj        { border:3px solid #bbbbbb; margin:3px; padding:3px; background:#dddddd; }
  .objPage_wholeSubobj     { border:1px solid #bbbbbb; margin:3px; padding:3px; background:#dddddd; }

  .objPage_headingArea        { text-align:center; padding-bottom:20px; }
  .objPage_headingArea_city   { font-size:22px; }
  .objPage_headingArea_path   { font-size:16px; }
  .objPage_headingArea_curobj { line-height:1.2; padding:3px; }

  .objPage_objName         { font-size:18px; font-weight:bold; }  /* span */
  .objPage_subobjName      { font-size:14px; font-weight:bold; }  /* span */
  .objPage_objNameAhref    { }
  .objPage_subobjNameAhref { color:#999999; }

  .objPage_objNameArea    { padding:5px; }
  .objPage_subobjNameArea { padding:2px 5px 2px 5px; }
  .objPage_objMainImagesArea    { margin:5px 5px 5px 5px; float:right; }
  .objPage_subobjMainImagesArea { margin:5px 5px 5px 5px; float:right; }

  .objPage_objRightofnameArea { text-align:right; font-size:9px; color:#aaaaaa; padding-right:5px; }
/*.objPage_objRightofnameArea:before {} - see below */

  .objPage_objTextsArea { position_:relative; display_:inline-block; height_:100%; }

    .objPage_objAbovetextArea {}

    .objPage_objTextArea { font-size:13px; padding:0px 5px 0px 5px; }

    .objPage_objUndertextArea { text-align:right; color:#aaaaaa; padding-right:5px;
                                position_:absolute; bottom_:0; }
      .objPage_objUndertextArea_cats {}
        .objPage_objUndertextArea_onecat { display:inline-block; font-size:11px; padding-left:10px; }

  .objPage_objTapeArea { padding:0px 5px 0px 5px; }


  .catlistPage_countElem       { margin-left:20px; text-align:right; font-size:18px; font-weight:bold;
                                 color:#aaaaaa; }

  .catPage_undertitleArea      { text-align:center; margin:-14px 5px 18px 5px; font-size:12px; }

  .catPage_undertilesArea      { text-align:center; margin:18px 5px 0px 5px; font-size:12px; }

  .catPage_headingArea         { margin:0 5px 0 5px; font-style_:italic; }
  .catPage_headingArea_country { margin-right:20px; font-size:12px; float:left; }
  .catPage_headingArea_city    { margin-right:20px; font-size:12px; float:left; font-weight:bold; }
  .catPage_headingArea_path    { margin-right:20px; font-size:12px; }


  .stdTilesArea { text-align:center; }

  .stdTile { float_:left; margin:2px; border:3px solid #bbbbbb; background:#dddddd; width:186px;
             height_:267px; height:254px; position:relative; display:inline-block; }

  .stdTile_folderIcon {
    background-image: url(../graph/folder_icon_2.png);
    background-position: 99% 99%;
    background-size: 12%;
    background-repeat: no-repeat;
   }

  .stdTile_subfolderIcon {
    background-image: url(../graph/folder_icon_2.png);
    background-position: 99% 99%;
    background-size: 8%;
    background-repeat: no-repeat;
   }

  .stdTile_minorName { font-size:0.8em; font-weight:normal; display:inline; }

  .stdTile_imageArea           { display:table; height:180px; width:180px; }
    .stdTile_imageSubarea        { text-align:center; vertical-align:middle;  display: table-cell; }
      .stdTile_imgTag              { max-width:180px; max-height:180px; }

  .stdTile_headingArea         { margin:1px 3px 1px 3px; white-space:nowrap;  text-align:center;
                                 overflow-x_: auto; overflow-y_: hidden; overflow:hidden;
                                 position:absolute; bottom:0; width:177px;
                               }
    .stdTile_headingArea_country { font-size:13px; }
    .stdTile_headingArea_city    { font-size:15px; font-weight:bold; }
    .stdTile_headingArea_path    { font-size:13px; }
    .stdTile_headingArea_curobj  { font-size:13px; }
    .stdTile_headingArea_count   { margin-top_:2px; font-size:16px; font-weight:bold; color:#aaaaaa; }

    .stdTile_headingArea_city_EXT_catlistPage  { line-height:1.2; float_:left; margin-bottom:2px;}
    .stdTile_headingArea_count_EXT_catlistPage {}

  .stdTile_subobjsCountArea { text-align:center; font-size:18px; font-weight:bold; color:#999999; }
    .stdTile_subobjsExpand    { font-size:11px; font-weight:normal;color:#aaaaaa; padding:0 0 0 7px; }



  .clip_beveledCorner {
     -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
             clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
   }








/*
::-webkit-scrollbar{
    width:12px;
}
*/

/* small */
@media only screen and (min-width: 1px) {
  .objPage_objRightofnameArea { display:none; }
/*.objPage_objRightofnameArea:before { content:'@@'; }*/

  .stdTile { height:158px; width:106px; }
    .stdTile_imageArea { height:100px; width:100px; }
      .stdTile_imgTag { max-height:100px; max-width:100px;  }

    .stdTile_headingArea { width:97px; }
      .stdTile_headingArea_country { font-size:11px; }
      .stdTile_headingArea_city    { font-size:13px; }
      .stdTile_headingArea_path    { font-size:11px; }
      .stdTile_headingArea_curobj  { font-size:11px; }
        .stdTile_subobjsCountArea { display:none; }
}
 
@media only screen and (min-width: 300px) {
}
 
/* mob */
@media only screen and (min-width: 480px) {
  .objPage_objRightofnameArea { display:block; }
/*.objPage_objRightofnameArea:before { content:''; }*/
}
 
/* tablets portrait */
@media only screen and (min-width: 768px) {
  .stdTile { height:254px; width:186px; }
    .stdTile_imageArea { height:180px; width:180px; }
      .stdTile_imgTag { max-height:180px; max-width:180px;  }

    .stdTile_headingArea { width:177px; }
      .stdTile_headingArea_country { font-size:13px; }
      .stdTile_headingArea_city    { font-size:15px; }
      .stdTile_headingArea_path    { font-size:13px; }
      .stdTile_headingArea_curobj  { font-size:13px; }
        .stdTile_subobjsCountArea { display:block; }
}
 
/* tablets landscape, netbooks, notebooks, desktop */
@media only screen and (min-width: 992px) {
}
 
/* large desktop, TV */
/*
(commented, means as desktop)
@media only screen and (min-width: 1382px) {
}
*/




@media (min-width:1300px) {
  .stdEnvelop { width:1300px; margin:auto; border:1px solid gray; }
}


/*=== EOF ===*/