/* index styles */

html
{
width:100%;
height:100%;
color:#FFFFFF;
background:#336699;
font-family:arial;
}

body
{
margin:0px;
width:100%;
height:100%;
overflow:hidden;
}

table.logo
{
left:1px;
position:absolute;
width:calc(100% - 2px);
border-collapse:collapse;
background-color:#4477AA;
}

td.logo
{
vertical-align:top;
}

p.logo
{
color:#16225F;
font-size:18px;
font-weight:700;
margin: 6px 0 0 0;
}

img.company
{
cursor:pointer;
max-width:800px;
width:calc(100% - 272px);
}

div.menu
{
margin-left:1px;
margin-top:135px;
width:calc(100% - 2px);
background-color:#225588;
}
span.menu
{
height:26px;
display:block;
padding:9px 0 0 0;
}

span.button
{
padding:6px;
margin: 0 6px;
cursor:pointer;
font-weight:700;
border-radius:12px;
color:#FFFFFF;
background-color:#336699;
}

span.button:hover
{
color:#225588;
background-color:#F0F0F0;
}

div.body
{
top:170px;
right:1px;
bottom:81px;
left:1px;
overflow:auto;
position:absolute;
background-color: #336699;
}

td.footer
{
padding:0;
vertical-align:bottom;
}

img.logo
{
height:132px;
}

img.footer
{
height:80px;
}

p.footer
{
text-align:center;
margin: 12px auto 13px auto;
}

img.article
{
width:calc(33% - 6px);
}

h1
{
font-size: 24px;
text-align:center;
}

h2
{
font-size: 16px;
text-align:center;
}

p
{
font-size: 16px;
}

p.main
{
color:#FFFFFF;
font-size:18px;
text-align:justify;
background-color:#336699;
padding:3px 24px 3px 24px;
}

li.main
{
color:#FFFFFF;
font-size:18px;
text-align:justify;
list-style-type:disc;
background-color:#336699;
}

p.basic
{
color:#FFFFFF;
font-size:18px;
text-align:justify;
background-color:#336699;
padding:3px 24px 3px 24px;
}

li.basic
{
color:#FFFFFF;
font-size:18px;
padding:3px 0px;
text-align:justify;
list-style-type:disc;
background-color:#336699;
}

/* eof */