/* Sub Menu */
#pagearea {background-color:#fafafa;}
#submenuarea {position:absolute;top:50px;left:0px;right:0;height:40px;z-index:3;white-space:nowrap;padding:3px 12px 0 12px;box-sizing:border-box;/*box-shadow:rgba(0,0,0,0.1) 0 1px 3px*/;border-bottom:1px solid #ccc;}
#submenuarea .vcpmenu {display:inline-block;}

#vcpmenu {display:inline-block;height:30px;vertical-align:top}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*
#searcharea input {position:relative;top:0px;width:270px}
#searcharea A {display:inline-block;}
#searcharea #searchinputwrapper {opacity:0;margin-top:-50px;border:0;padding:0;background:transparent !important;box-shadow:none;position:absolute;top:0;left:0;display:inline-block;max-width:100%;min-width:0 !important;transition:max-width 200ms,opacity 200ms,margin-top 0 200ms}
#searcharea.visible #searchinputwrapper {opacity:1;max-width:270px;margin-top:0px;transition:max-width 300ms,opacity 100ms;overflow:visible;}
#searcharea:after {display:none}
#searcharea.visible .mitem {opacity:0}
*/

/*

#searcharea button {z-index:2;margin:0;margin-top:-3px}
#searcharea.collapsed input {width:0px;margin-left:-32px;opacity:0;filter:alpha(opacity=0)}
#searcharea.expanded button {visibility:hidden;opacity:0}
#searcharea.collapsed button {visibility:visible;opacity:1}
*/
/* Page Title area*/
#pagetitlearea {position:absolute;top:0px;left:52px;height:50px;line-height:50px;z-index:100000006;padding-right:382px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#pagetitlearea.withkicker #pagetitle {}
#pagetitlearea #pageicon {display:none;}
#pagetitlearea #pageicon IMG {width:64px;height:64px;}
#pagetitlearea #pagetitle {font-family:OpenSansLight;font-size:25px;line-height:46px;text-shadow:black 0 -1px 2px;display:inline-block;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1000px) {#pagetitlearea #pagetitle {font-size:18px;line-height:48px}} /*  Achica el título de página cuando la página es menor a 1000px de ancho */
@media(max-width:400px) {#pagetitlearea #pagetitle {display:none}} /*  Oculta el título de página cuando la página es menor a 400px de ancho */
#pagetitlearea #pagekicker {font-family:OpenSansLight;font-size:25px;line-height:46px;display:inline-block;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0.25em}
#pagetitlearea #pagekicker:after {content:": ";}
#pagetitlearea #pagekicker:empty:after {content:"";}


/* Path area */
#patharea {position:absolute;top:0px;left:0;padding-left:10px;z-index:1;height:36px;right:0;vertical-align:middle;border-bottom:1px solid #d6d6d6 !important}
#path {position:relative;left:4px;padding-left:0px;top:-1px;right:0;line-height:26px;height:100%;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle}
#path span.mitem {max-width:250px;vertical-align:middle;margin-top:3px;margin-right:0px}
#path span.gap{height:30px;margin-top:2px;}

.listview.withpatharea .listview_body>ul {top:36px} /* El body del listview tiene que dejar espacio para el patharea */
.listview.withpatharea .listview_header {top:36px} /* El header del listview tiene que dejar espacio para el patharea */
.listview.withpatharea.details .listview_body>ul, .listview.withpatharea.extended .listview_body>ul {top:64px;} /* El body del listview tiene que dejar espacio para el patharea y para el header */

/* Main Area */
#pagearea {top:0}
#mainarea {position:absolute;top:0px;bottom:0;left:0;/*border-right:1px solid #e0e0e0;border-right:1px solid rgba(0,0,0,0.08)*/;z-index:1;}
#mainarea {top:50px;}
#mainarea.submenu {top:90px;}
.vcpbglight #mainarea.submenu {}
#main {left:12px;right:12px;bottom:12px;top:40px;}


/* Listview summary */
#countmessage {}

/* Ubicación del paginador en los listados */
#pager {position:absolute;bottom:6px;right:20px;z-index:100;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-align:right;}


#pagemsg.info {background-color:#333;}