/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html, body
{
    margin: 0 !important;
    padding: 0 !important;
    height: 100%; /* needed for container min-height */
    /*font-family: Arial !important;*/
    font-size: small !important;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    font-weight: normal;
    color: black;
    background: #FFFFFF;
}
/*
p
{
    font-size: medium;
    font-style: normal;
    color: black;
}

a
{
    text-decoration: none;
    cursor: pointer; 
    font-size: medium;
}

    a:link
    {
        color: inherit;
    }

    a:active
    {
        color: inherit;
    }

    a:visited
    {
        color: inherit;
    }



    a img
    {
        border: 0;
    }*/

div#container, .container
{    
    position: relative; /* needed for footer positioning */
    margin: 10px 10px !important; /* center, not in IE5 */
    height: auto !important; /* real browsers */
    height: 94% !important; /* IE6: treaded as min-height */
    min-height: 94%; /* real browsers */
    /*box-sizing: content-box;*/
    border-top-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

div#header
{
}

div#content
{
    /*padding: 1em 1em 1em;*/ /* bottom padding for footer */
    padding-bottom: 4em;
    margin: 1em;
    /*margin-right: 1em;*/
    /*margin-bottom: 2.5em;*/
}

    div#content p
    {
        text-align: justify;
        padding: 0 1em;
    }

div#footer
{
    /*position: absolute;*/
    width: 100%;
    /*bottom: 0;*/ /* stick to bottom */
}

body
{
    overflow-x: hidden;
    overflow-y: hidden;
}

/* bootstrap with fix*/

@media (min-width: 1200px){
  .container{
    max-width:100% !important;
  }  
}

@media (min-width: 992px){
  .container{
    max-width:100% !important;
  }
}

@media (min-width: 768px){
  .container{
    max-width:100% !important;
  }  
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}