/************************************************
    POSITIONS (MODULES LOCATION) 
    and MAIN COMPONENT
    styling 
(THEME GENERIC)
*************************************************/

/************************************************
  HEADER
************************************************/


#header{
    height: auto;
    overflow:auto;
    
}

/* 
<jdoc:include type="component" /> 
*/
.main-component{
    float:left;
    /*border:solid 3px blue;*/
    width:100%;
}


span.dbg-pos-name{
    height:1px;
    display:block;
    /*display:none;*/ /* TEM DE ESTAR AQUI! */
}

/* HeaderTop */
.header-top{
    display:block;
    width:100%;
    margin:0;
    padding:0;

}

/* HeaderLeft */
.header-left{
    float:left;
    width:10%;
    margin:0;
    padding:0;
    min-height: 1px;
}

/* HeaderCenter */
.header-center{
    float:left;
    width:10%;
    min-height: 1px;
    margin:0;
    padding:0;
   /* max-width:400px;*/

    
}

/* HeaderRight */
.header-right{
    float: left;
    width:79%;
    min-height: 1px;
    margin:0;
    padding:0;
   /* max-width:200px ;*/
    text-align: right;
    
}

/* HeaderBottom */
.header-bottom{
    float: left;
    /*position:relative;*/
    width:100%;
    /*min-height:30px;*/
    margin:0;
    padding:0;
    margin-top:150px;
    
}


/************************************************
  MAIN
************************************************/

.main-top{
    float:left;
    /*margin-left:10%;
    margin-right:10%;*/
    width:100%;
    min-height: 1px;
}

.main-bottom{
    /*float:left;*/
    /*margin-left:10%;
    margin-right:10%;*/
    width:100%;
    min-height: 1px;
}


/************************************************
  FOOTER
************************************************/


/* FooterTop */
.footer-top{
    display:block;
    width:100%;
    min-height:1px;
    margin:0;
    padding:0;
    
    /*max-width:600px; */
}

/* FooterLeft */
.footer-left{
    float:left;
    width:30%;
    min-height:60px;
    margin:0;
    padding:0;
    min-width:300px;
    
    /*max-width:600px; */
}

/* FooterCenter */
.footer-center{
    float:left;
    width:39%;
    min-height:60px;
    margin:0;
    padding:0;
   /* max-width:400px;*/
    min-width:300px;
    
}

/* FooterRight */
.footer-right{
    float: left;
    width:30%;
    min-height:60px;
    
    margin:0;
    padding:0;
   /* max-width:200px ;*/
    min-width:300px;
}

/* FooterBottom */
.footer-bottom{
    float: left;
    /*position:relative;*/
    width:100%;
    min-height:30px;
    margin:0;
    padding:0;
    
}