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

body{
    background: #2a3e1e url(../../images/frontend/layout/bgbottom.jpg) left bottom repeat;
}

#background{
    background:#66B8DC url(../../images/frontend/layout/bg.jpg) left bottom repeat-x;
}

/*=================================================================================
------------ MAIN WRAPPERS --------------------------------------------------------
=================================================================================*/

#outer-wrapper{
    width:100%;
    background:url(../../images/frontend/layout/footer.gif) left bottom repeat-x;
    padding-top:15px;
    padding-bottom:120px;
    position:relative;
}
    #outer-wrapper img.shadow{
        position:absolute;
        display:none;
    }

#main-wrapper{
    width:920px;
    margin:0 auto;
    background-color:white;
    position:relative;
}

/*=================================================================================
------------ HEADER AND MENU ------------------------------------------------------
=================================================================================*/

#header{
    background: url(../../images/frontend/layout/header.jpg) left top no-repeat;
    padding-top:164px;
}
ul#menu{
    list-style:none;
    height:28px;
    background:#2A3E1E;
    margin:0;
    padding:0;
    border: 2px solid #071B17;
    border-left:none;
    border-right:none;
}
    ul#menu li{
        float:left;
        position: relative;
        list-style:none;
    }
        ul#menu li a{
            display:block;
            padding: 6px 30px;
            padding-bottom: 4px;
            color:white;
            text-decoration:none;
            font-weight:bold;
            font-size:15px;
            text-align:center;
            border-bottom:2px solid #071B17;
        }
        ul#menu li>a{
            
        }
        ul#menu li a:hover,
        ul#menu li:hover a{
            background:#dacda4;
            color:#41291B;
        }
        ul#menu li.has_submenu:hover a{
/*            border-bottom: 2px solid #dacda4;*/
        }
        ul#menu .active a{
            background:#DDCD69;
            color:#41291B;
            border-left:2px solid #071B17;
            border-right:2px solid #071B17;
        }
        ul#menu li.active:hover a{
            background:#DDCD69;
/*            border-bottom: 2px solid #DDCD69;*/
        }
        ul#menu li a.no-link{
            cursor: auto;
        }
    #menu li:hover .submenu{
        display: block;
    }
    #menu .submenu{
        margin-left: -2px;
        display: none;
        position: absolute;
        z-index: 999;
        top: 30px;
        width: 280px;
        border: 2px solid #41291B;
        border-top: none;
        background: #d8e6b5;
    }
    #menu .active .submenu{
        margin-left: 0px;
    }
        #menu .submenu li{
            display: block;
            float: none;
            border-bottom: 1px dotted grey;
            font-style: italic;
        }
        #menu .submenu li a{
            font-weight: normal;
            text-align: left;
            padding: 8px 12px;
            color: #2A3E1E;
            border: none;
        }
        #menu .submenu li a:hover{
            background: url('../../images/frontend/layout/bggreen.jpg') left -250px repeat-x !important;
        }
        #menu .submenu .active{
            border: none;
        }

    #menu .logout{
         float: right;
    }
    #menu .logout a{
         color: white;
         font-weight: bold;
         font-size: 14px;
    }

    


/*=================================================================================
------------ CONTENTS AND COLUMNS -------------------------------------------------
=================================================================================*/

#content-wrapper{
    padding-top:15px;
    padding-left:40px;
    overflow:hidden;
    height:1%;
}
    #main-col{
        width:570px;
        float:left;
    }
        #main-col .content-container,
        #secondary-col .content-container{
            padding-bottom:30px;
            border-bottom:1px dotted grey;
            margin-bottom:25px;
        }
        #main-col .featured{
            background:url(../../images/frontend/layout/destacado-bottom.jpg) left bottom repeat-x;
            margin-top:10px;
        }
        #main-col .featured div{
            background:url(../../images/frontend/layout/destacado-top.jpg) left top repeat-x;
            padding:20px 15px;
            color:#422100;
        }
        
    #secondary-col{
        width:240px;
        float:left;
        margin-left:30px;
    }
        #secondary-col .content-container{
            
        }
        #secondary-col .nota-secundaria:last-child{
            border:none;
        }
                

/*=================================================================================
------------ FOOTER ---------------------------------------------------------------
=================================================================================*/

#footer{
    position:absolute;
    bottom:10px;
    color:white;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    width:100%;
}