/* 
    Document   : common
    Created on : 10/Nov/2011, 22:07:43
    Author     : VertexONE
    Description:
*/

/*@charset "utf-8"; */
/* CSS Document */

html, body {
    min-height: 96%; height: 96%; margin: 0 auto -80px;
}
body{
    padding: 0; color: #555;
    font-family: Calibri, Helvetica, Sans-serif; font-size: 1em;
    background: url('images/bgtile2.png') #FFF;
}


.clr { clear: both; overflow:hidden; height: 0; }
a, img, form { padding: 0; margin: 0; border: none; text-decoration: none; }
/*a { color: #FFF; }*/
a {color: rgb(85,85,85); }

table { border-collapse: collapse; padding: 0px; margin: 0px; }
td  { padding: 0px; margin: 0px; border-collapse: collapse;}

div { margin: 0; padding: 0; border: none; display: block; }

.div_espaco_vertical_20px { height: 20px; line-height: 20px; }
.div_espaco_vertical_10px { height: 10px; line-height: 10px; }

/* ------------------------------------------------------------------------------------------------------------------ */

/* AREA - TOP: Banner, Menu, Logotipo ------------------------------------------------------------------------------- */
    #div_maintop_wrapper{
        width: 100%; height: 218px; margin: 0 auto; padding: 0; border: 0;
        background: url('images/banner/bg_banner_sides.jpg') repeat-x; overflow: hidden;
    }
    
    #div_area_top_wrapper{
        width: 1100px; height: 218px; margin: 0 auto; padding: 0; border: none; margin-top: -60px;
        background: url('images/banner/bg_banner_main.jpg') no-repeat; position: relative;
    }
    
    #div_maintop_left, #div_maintop_right, #div_maintop_center {
        height: 60px; margin: 0 auto; padding: 0; border: 0;
    }
    #div_maintop_left{
        width: 55%; float: left; background: url('images/banner/bg_top_left.png') repeat-x;overflow: hidden;
    }
    #div_maintop_right{
        width: 45%; float: right; background: url('images/banner/bg_top_right.png') repeat-x;overflow: hidden;
    }

    #div_maintop_center {
        width: 1100px; text-align: center; color: #FFF;
        background: url('images/banner/bg_top_center.png') no-repeat bottom;
    }

    #div_banner_wrapper {
        width: 1100px; margin: 0 auto; padding: 0; border: none; height: 190px;
    }

    #div_menu_wrapper {
        width: 1112px; height: 50px; margin: 0 auto; padding: 0; text-align: center; color: #FFF;
        line-height: 50px; margin-top: -37px; position: relative;overflow: hidden;
        background: url('images/menu/bg_menu.png') no-repeat center; z-index: 5;
    }
    
    #div_maintop_container{
        width: 610px; height: 40px; line-height: 40px; margin-top: 10px; float: right;
        text-align: left; color: #FFF; font-size: 1em;
    }
    
    .div_maintop_links, .div_maintop_languages { line-height: 40px; }
    .div_maintop_links     { width: 350px;  float: left; padding-top: 5px; }
    .div_maintop_languages { width: 240px;  float: right; text-align: right; }
    .div_maintop_languages img { width: 32px; margin-left: 5px; margin-top: 5px; }
    
    .btn_maintop_links { width: 110px; height: 30px; line-height: 30px; float: left; font-size: 0.8em; font-weight: bold; text-align: center; background: url('images/menu/bg_toplinks.png') no-repeat; margin-right: 5px; }
    .btn_maintop_links:hover { background: url('images/menu/bg_toplinks_hover.png') no-repeat; cursor: pointer; }
    
    .div_maintop_user { height: 30px; line-height: 30px; float: left; font-size: 0.9em; font-weight: normal; text-align: left; margin-right: 5px; margin-left: 5px; font-variant: small-caps; }

    #div_logos_containner {
        width: 1100px;  margin: 0 auto; padding: 0; border: none; height: 180px; margin-top: -30px;
    }
    
    #div_logos_left  { width: 430px; float: left; height: 145px; }
    #div_logos_right { width: 630px; float: right; height: 115px; margin-top: 10px; }
    

/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

/* MAIN TOP MENU ----------------------------------------------------------------------------------------- */
    div#menu_top, div#menu_top ul {
        width: 1090px; margin: 0 auto; padding: 0; border: 0;
        height: 50px; line-height: 50px; list-style: none;
        font-size: 0.9em; font-weight: bold; color: #FFF;
    }
    div#menu_top li, div#menu_top li a, div#menu_top li a:hover  {
        display: block; float: left; height: 46px; line-height: 46px;
        text-align: center; vertical-align: middle;
        width: 130px; color: #FFF;
    }

    div#menu_top li { margin: 2px; }

    div#menu_top li:hover { cursor:  pointer; background: url('images/menu/bg_menu_hover.png') no-repeat; color: #333; }
    div#menu_top li a:hover { color: #333; }
    div#menu_top li.current { background: url('images/menu/bg_menu_hover.png') no-repeat; color: #333; }
    
    /* lava lamp */
    div#menu_top li.back {
        background: url("images/menu/bg_menu_hover.png") no-repeat right;
        height: 40px;
        position: absolute;
        z-index: 80;
    }

    div#menu_top li.back .left {
        background: url("images/menu/bg_menu_hover.png") no-repeat top left;
        height: 40px;
        z-index: -10;
        float: none;
        position: relative;
        visibility: hidden;
    }    
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

/* MAIN AREA ----------------------------------------------------------------------------------------------- */

    #div_mainarea_wrapper {
        width: 1100px; margin: 0 auto; background: transparent; margin-top: 10px;
    }

    #div_mainarea_container {
        width: 1100px; margin: 0 auto; padding-bottom: 10px;

    }
    
    #div_mainarea_left_wrapper{
        width: 330px; margin: 0 auto; padding: 0; float: left;
        background: url('images/mainarea/bg_leftarea_main.png');
    }
    
    #div_mainarea_right_wrapper{
        width: 760px; margin: 0 auto; padding: 0; float: right; border: 0;
    }
    
    .div_leftarea_wrapper_top {
        width: 315px; height: 45px; margin: 0; padding: 0; border: 0px; text-align: center;
        background: url('images/mainarea/bg_leftarea_top.png') no-repeat; line-height: 39px;
        font-size: 1.1em; color: #089DCB; font-weight: bold;
    }

    .div_leftarea_wrapper_middle {
        width: 315px; margin: 0; padding: 0; border: 0px; background: url('images/mainarea/bg_leftarea_middle.png') repeat-y;
    }
    .div_leftarea_wrapper_footer {
        width: 315px; height: 20px; margin: 0; padding: 0; border: 0px;
        background: url('images/mainarea/bg_leftarea_bottom.png') no-repeat;
    }
    
    .div_leftarea_container {
        width: 290px; margin: 0 auto; padding: 0; border: 0;
    }

/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */