/* * * * * */
* {
 margin: 0px;
 padding: 0px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 } 

html { height: 100%;}
body { height: 100%; background-color:#ffffff; 
       padding: 0px; margin: 0px; 
       /* font-family: Verdana, Arial, Helvetica, sans-serif; */
       font-family: 'Open Sans', sans-serif; font-weight:300;
       font-size: 125%;
       line-height: 150%;	
     }

a { text-decoration: none; }
a:hover { text-decoration: underline; }


sub {font-size:70%; }

hr { border: none; color: #9DC9FC; background-color: #9DC9FC; height: 2px; }

ul, ol { margin-left: 2em; }

p { margin: 1em 0em; }

input    { font-size: 100%; padding: 0.3em; }
textarea { font-size: 101%; padding: 0.3em; font-family: 'Open Sans', sans-serif; font-weight:300; }

/* * * * * */

.g-clearfix:before,
.g-clearfix:after
{
  display: table;
  content: " ";
}

.g-clearfix:after
{
  clear: both;
} 

.g-header { height: 80px; background-image: url(img/bg-top.jpg); padding: 1.2em; }
.g-text1  { font-size: 150%; font-weight: 600; text-align: center; }
.g-text-sub1  { font-size: 80%; font-weight: 300; text-align: center; }
.g-text2  { font-size: 125%; font-weight: 600; text-align: center; margin: 1em 0em; }

.g-left, .g-center, .g-right { float:left; padding: 1em; }
.g-left { width: 20%; }
.g-center { width: 60%; }
.g-right { width: 20%; }

.g-footer { background-color: #F1F6FC; padding: 1em; text-align: center; vertical-align: middle; }

.g-left-text { border-top: 3px solid #eee; border-bottom: 3px solid #eee; }
.g-cit { font-style: italic; margin-bottom: 2em; }
.g-menu-main { background-color: #F1F6FC; padding: 1em; line-height: 200%; }
.g-menu-tools { line-height: 150%; margin-bottom: 1em; margin-left: 0em; }
.g-search {  }
.g-site { margin-bottom: 1em; width: 100%; }
.g-thumb { border-width: 3px; border-color: #D4E6FC; margin: 0.5em 1em 1em 0em; float: left; }  
.g-plus-minus { line-height: 120%; margin-bottom: 0.5em;}
.g-js-selector { width: 100%; text-align: right; font-size: 90%; margin: 0em; }
.g-site-name { font-size: 120%; text-align: center; margin: 1em 0em; }
.g-site-card { margin-bottom: 3em; padding: 0.5em; }
.g-site-tags { margin-bottom: 2em; padding: 0.5em; background-color: #F1F6FC; line-height: 300%; }
.g-tags-card { padding: 1em; line-height: 300%; }
.g-tags-cloud { padding: 1em; line-height: 300%; text-align: center; }
.g-menu-card { padding: 1em; line-height: 200%; background-color: #F1F6FC; text-align: center; width:100%; font-size: 120%; }
.g-menu-bg { background-color: #F1F6FC; }
.g-tab-a { background-color: #F1F6FC; background-image:url(img/corner.gif); background-position:100% 0; background-repeat: no-repeat; padding: 3px; text-align: center;}
.g-tab-b { background-color: #D4E6FC; background-image:url(img/corner.gif); background-position:100% 0; background-repeat: no-repeat; padding: 3px; text-align: center;}

.g-color-g  {color: #cccccc;}
.g-color-r  {color: #f00;}
.g-word-0 {color: #0000ff; font-weight: 600;}
.g-word-1 {color: #6666ff;}
.g-word-2 {color: #ccccff;}
.g-js { border-bottom: 1px dashed; cursor: pointer; }

.g-menu-tools li { list-style: none; }
.g-pages { line-height: 250%; }
.g-pages a { padding: 0.1em 0.5em; margin: 0.1em 0.3em; background-color: #F1F6FC; border-radius: 0.5em; }
.g-pages b { padding: 0.1em 0.5em; margin: 0.1em 0.3em; background-color: #F1F6FC; border-radius: 0.5em; }

/* * * * * */

.v { display: inline; }
.h { display: none; }

.t0 {font-size:100%; padding:0px 1px; border-radius:8px;}
.t1 {font-size:110%; padding:0px 1px; border-radius:8px;}
.t2 {font-size:120%; padding:0px 2px; border-radius:9px;}
.t3 {font-size:130%; padding:0px 2px; border-radius:9px;}
.t4 {font-size:140%; padding:0px 3px; border-radius:10px;}
.t5 {font-size:150%; padding:0px 3px; border-radius:10px;}
.t6 {font-size:160%; padding:0px 4px; border-radius:11px;}
.t7 {font-size:180%; padding:0px 4px; border-radius:11px;}
.t8 {font-size:210%; padding:0px 5px; border-radius:13px;}
.t9 {font-size:240%; padding:0px 5px; border-radius:13px;}
.t10{font-size:270%; padding:0px 6px; border-radius:14px;}
.t11{font-size:300%; padding:0px 6px; border-radius:14px;}
.t12{font-size:330%; padding:0px 7px; border-radius:15px;}
.t13{font-size:360%; padding:0px 7px; border-radius:15px;}
.t0,.t1,.t2,.t3,.t4,.t5,.t6,.t7,.t8,.t9,.t10,.t11,.t12,.t13 { line-height:130%; }

/* * * * * */

@media all and (max-width: 800px){
.g-left, .g-center, .g-right { width: 100%; }
.g-menu-tools li { display: inline-block; }
}

@media all and (max-width: 500px){
.g-text1  { font-size: 120%; }
.g-header, .g-footer { padding: 0.5em; }
}

/* * * * * */