/*
        BAL TemplateWeb - Base CSS
        css/base.css
*/
/*#### GENERAL */
body{
        background-color: #e7e7e7;
        font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
        color: #666666;
        font-size: 12px;
        margin: 0px 0px 0px 0px;
}
table{
        font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
.body_container{
        width: 757px;
/*        height: 500px;																	Quito minimo de altura ventana */
        background-color: #ffffff;
}
/*##### TOP */
.top_container{
        background: url(../img/banner-logo.png) no-repeat top left #e7e7e7;
        background-position: 12px 7px;
        vertical-align: top;
        text-align: left;
}
.top_container_login{
        padding-right: 10px;
        padding-top: 2px;
        height: 16px;
        font-size: 11px;
        text-align: right;
        color: #4478b1;
}
.top_container_title{
        padding-left: 10px;
        height: 67px;
        font-size: 28px;
        font-weight: bold;
        color: #4478b1;
}
.top_container_menu{
        padding-top: 5px;
        padding-bottom: 0px;
        text-align: right;
        font-weight: bold;
}
.top_menu_option{
        font-size: 14px;
        text-align: center;
        padding-left: 2px;
}
a.top_menu_option:link, a.top_menu_option:visited, a.top_menu_option:active{
        text-decoration: none;
        color: #006a9d;
        text-align: center;
        border-right: #e7e7e7 1px solid;
        border-left: #e7e7e7 1px solid;
        border-top: #e7e7e7 1px solid;
        padding-right: 3px;
}
a.top_menu_option:hover{
        text-decoration: none;
        color: #ffffff;
        text-align: center;
        background-color: #81bbf2;
        border-right: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
        border-top: #cccccc 1px solid;
        border-bottom: #81bbf2 1px solid; /* Correccion de linea de menu */
        padding-right: 3px;
}
a.top_menu_option_selected:link, a.top_menu_option_selected:visited, a.top_menu_option_selected:active{
        text-decoration: none;
        color: #ffffff;
        text-align: center;
        background-color: #81bbf2;
        border-right: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
        border-top: #cccccc 1px solid;
        border-bottom: #81bbf2 1px solid;
        padding-right: 3px;
        padding-left: 3px;
}
a.top_menu_option_selected:hover{
        text-decoration: none;
        color: #000000;
        text-align: center;
        background-color: #81bbf2;
        border-right: #e7e7e7 1px solid;
        border-left: #e7e7e7 1px solid;
        border-top: #e7e7e7 1px solid;
        border-bottom: #81bbf2 1px solid;
        padding-right: 3px;
        padding-left: 3px;
}
.top_delimiter{
        background-color: #81bbf2;
        height: 5px;
        padding-top: 0px;
}
/*##### MAIN */
.main_container{
        text-align: center;
        vertical-align: top;
        height: 100%;
}
/*##### BOTTOM */
.bottom_container{
        text-align: left;
        vertical-align: bottom;
        height: 20px;
}
.bottom_footer{
        font-size: 18px;
        background-color: #666666;
        color: #ffffff;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
        height: 20px;
}
/*##### BOX - ROUNDED CORNERS */
.box_container{
        margin: 5px;
        text-align: center;
/*        width: 486px;*/
}
.box_container table{
        width: 100%;
        text-align: center;
}
.box_content{
        background-color: #b1cbca;
        color: #333333;
        font-size: 12px;
        text-align: justify;
        height: 100%;
}
.box_title{
        color: #006699;
        font-size: 20px;
        padding-bottom: 3px;
        padding-top: 0px;
}
.box_corner_top_left{
        background: url(../img/box/green/top_left.png) no-repeat;
        width: 10px;
        height: 10px;
}
.box_corner_top_right{
        background: url(../img/box/green/top_right.png) no-repeat;
        width:10px;
        height:10px;
}
.box_border_top{
        background: url(../img/box/green/top.png) repeat-x;
        height:10px;
}
.box_corner_bottom_left{
        background: url(../img/box/green/bottom_left.png) no-repeat;
        width:10px;
        height:10px;
}
.box_corner_bottom_right{
        background: url(../img/box/green/bottom_right.png) no-repeat;
        width:10px;
        height:10px;
}
.box_border_bottom{
        background: url(../img/box/green/bottom.png) repeat-x;
        height:10px;
}
.box_border_left{
        background: url(../img/box/green/left.png) repeat-y;
}
.box_border_right{
        background: url(../img/box/green/right.png) repeat-y;
}