body       { font-family: verdana, sans-serif; font-size: 12px;}
#head      {background-color: #0cb0f6; text-align: center;}
#logo      {text-align: left; }
#slogan    {text-align: left; width: 300;}
table.head {height: 100; width: 420; /*border: 1mm solid red;*/}
table.full {height: 100; width: 100%; padding-top: 1; padding-right: 10; padding-bottom: 1; padding-left: 10; color: #f1cf36; font-weight: bold}
tr.slogan  {font-size: 18px; font-family: verdana, sans-serif;}
#slogan1   {text-align: left;   }
#slogan2   {text-align: center; }
#slogan3   {text-align: right;  }

h2         {color: #0cb0f6}
a          {color: #0cb0f6;}

div.summary  {padding: 20; border: 1px solid gray; border-radius: 5px; text-align: center}

.main        {border: 1px}
.column      {float: left; width: 33.33%}
.card        {padding: 20px; margin-top:10px}
.text        {padding: 5px;}
.textTable   {font-size: 12px;}
.main:after  { content: ""; display: table; clear:both;}
@media screen and (max-width: 600px) { .column { width: 100% } }

.foto        {float: left; width 600}