.pane ,
.ui-layout-pane{background-color:#FFF;border:1px solid #777;padding:0;overflow:auto;}
.pane-north ,
.pane-south ,
.pane-west ,
.pane-east{overflow:hidden;}
.pane-north{border-bottom:none;z-index:3000;background:url(images/bg_hover.png) repeat-x;}
.pane-north .content ,
.pane-south .content{text-align:center;}
.pane-center{padding:5px;background:#F0F4FF url(../images/logo_colegio.png) no-repeat left bottom;}
.header{background:#80ade5 url(../images/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;border-bottom:1px solid #777;font-weight:bold;text-align:center;padding:2px 0 4px;position:relative;overflow:hidden;}
.subhead ,
.footer{background:#d6d6d6 url(../images/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;padding:3px 10px;font-size:0.85em;position:relative;overflow:hidden;white-space:nowrap;}
.subhead{border-bottom:1px solid #777;}
.footer{border-top:1px solid #777;}
#mainContent .footer{border-top:1px solid #BBB;}
.content{padding:1px;position:relative;overflow:auto;}
#mainContent .ui-layout-pane{padding:10px;}
#mainContent .ui-layout-north ,
#mainContent .ui-layout-south{text-align:center;}
#mainContent .ui-layout-center{padding:0 !important;}
#mainContent .ui-layout-content{padding:10px;}
#mainContent .ui-layout-center h3{font-size:1em;padding:5px;margin:0;}
.resizer-south-dragging ,
.resizer-south:hover{background:url(../images/resizable-s.gif) repeat-x center;}
.resizer-west-dragging ,
.resizer-west-open:hover{background:url(../images/resizable-w.gif) repeat-y center;}
.resizer-east-dragging ,
.resizer-east-open:hover{background:url(../images/resizable-e.gif) repeat-y center;}
.resizer-west-open ,
.resizer-east-open{background-color:#999;opacity:0.1;filter:alpha(opacity=10);}
.resizer-west-open:hover ,
.resizer-east-open:hover{opacity:1;filter:alpha(opacity=100);}
.resizer-dragging{}
.resizer-dragging-limit{background:#FF3300 !important;}
* html .resizer-south{background:url(../images/resizable-s.gif) repeat-x center !important;}
* html .resizer-west-open{background:url(../images/resizable-w.gif) repeat-y center !important;}
* html .resizer-east-open{background:url(../images/resizable-e.gif) repeat-y center !important;}
* html .resizer-south ,
* html .resizer-west-open ,
* html .resizer-east-open{opacity:0.1 !important;filter:alpha(opacity=10) !important;}
.toggler-north-open ,
.toggler-south-closed{background:url(../images/toggle-up.gif) no-repeat center bottom;}
.toggler-north-closed ,
.toggler-south-open{background:url(../images/toggle-dn.gif) no-repeat center top;}
.resizer-west-closed ,
.resizer-east-closed{background:#D1E6FC url(../images/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;border-top:1px solid #777;border-bottom:1px solid #777;}
.resizer-west-closed:hover ,
.resizer-east-closed:hover{background:#D1E6FC;}
ul.toolbar{position:relative;overflow:hidden;height:auto;margin:0;padding:2px;width:100%;list-style:none;text-align:left;background:#D6D6D6 url(../images/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;border-top:1px solid #BBB;}
ul.toolbar li{font-size:0.9em;margin:0;padding:2px 7px;float:left;color:#000;border:1px solid transparent;border-right-color:#BBB;cursor:pointer;}
ul.toolbar li:hover{color:#005;background:#EEE url(../images/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x;border-top-color:#BBB;border-bottom-color:#BBB;}
ul.toolbar li.first:hover{border-left-color:#BBB;}
ul.toolbar li span{width:15px;height:15px;margin-left:-3px;margin-right:0.75ex;vertical-align:middle;opacity:0.6;filter:alpha(opacity=60);display:block;display:inline-block;}
ul.toolbar li:hover span{opacity:1;filter:alpha(opacity=100);}
li.button-toggle-north span ,
li.button-open-south span{background:url(../images/go-up-on.gif) no-repeat center;}
li.button-close-south span{background:url(../images/go-dn-on.gif) no-repeat center;}
li.button-pin-up span{background:url(../images/pin-up-on.gif) no-repeat center;}
li.button-pin-down span{background:url(../images/pin-dn-on.gif) no-repeat center;}
span.button-pin ,
span.button-close{position:absolute;top:0;width:20px;height:20px;z-index:2;display:block;cursor:pointer;}
span.button-close-west{left:0;}
span.button-close-east{right:0;}
span.button-pin-west{right:1px;}
span.button-pin-east{left:1px;}
span.button-pin-up{background:url(../images/pin-up-off.gif) no-repeat center;}
span.button-pin-up:hover{background:url(../images/pin-up-on.gif) no-repeat center;}
span.button-pin-down{background:url(../images/pin-dn-off.gif) no-repeat center;}
span.button-pin-down:hover{background:url(../images/pin-dn-on.gif) no-repeat center;}
span.button-close-west{background:url(../images/go-lt-off.gif) no-repeat center;}
span.button-close-west:hover{background:url(../images/go-lt-on.gif) no-repeat center;}
span.button-close-east{background:url(../images/go-rt-off.gif) no-repeat center;}
span.button-close-east:hover{background:url(../images/go-rt-on.gif) no-repeat center;}
.toggler-west-closed{background:url(../images/go-rt-off.gif) no-repeat center;}
.toggler-west-closed:hover{background:url(../images/go-rt-on.gif) no-repeat center;}
.toggler-east-closed{background:url(../images/go-lt-off.gif) no-repeat center;}
.toggler-east-closed:hover{background:url(../images/go-lt-on.gif) no-repeat center;}
#mainContent .ui-layout-resizer-closed:hover{background:#FFEDCA !important;}
#mainContent .ui-layout-resizer-open:hover ,
#mainContent .ui-layout-resizer-dragging{background:#C4E1A4 !important;}
#mainContent .ui-layout-resizer-dragging-limit{background:#FF3300 !important;}
#mainContent .ui-layout-resizer-north ,
#mainContent .ui-layout-resizer-south{border-left:1px solid #BBB !important;border-right:1px solid #BBB !important;}
#mainContent .ui-layout-resizer-north-closed{border-top:1px solid #BBB !important;}
#mainContent .ui-layout-resizer-south-closed{border-bottom:1px solid #BBB !important;}
#mainContent .ui-layout-resizer-west-closed{border-left:1px solid #BBB !important;}
#mainContent .ui-layout-resizer-east-closed{border-right:1px solid #BBB !important;}
#mainContent .ui-layout-resizer:hover .ui-layout-toggler{opacity:0.4;filter:alpha(opacity=40);}
#mainContent .ui-layout-resizer:hover .ui-layout-toggler:hover{opacity:1;filter:alpha(opacity=100);background:#FD9 !important;border-color:#CB7 !important;}
#mainContent .ui-layout-resizer-sliding{opacity:0.3;filter:alpha(opacity=30);}
#mainContent .ui-layout-resizer-sliding:hover{opacity:1;filter:alpha(opacity=100);}
#mainContent .ui-layout-resizer-sliding .ui-layout-toggler{display:none !important;}
#mainContent .ui-layout-resizer-sliding:hover .ui-layout-toggler{display:block !important;}