html, body {
        font:normal 12px verdana;
        margin:0;
        padding:0;
        border:0 none;
        overflow:hidden;
        height:550;
        Width:780;
    }
	#header{
	    background-image:url(../images/top.jpg);
	    background-repeat: no-repeat;	
	    height:160;
        Width:780;
	}
	#footer{
	    color:white;
	    background-image:url(../images/bottom2.jpg);
	    background-repeat: no-repeat;		    
	    height:20;
        Width:780;
	    
    }
	#nav {
	    background-color:#ffffff;
	    background-image:url(../images/menuFondo.jpg);
	    background-repeat: no-repeat;	
        height:370px;	
        Width:100;     	    
	}
 #content {
        margin:5px;
        background-image:url(../images/principal.jpg);
        background-repeat: no-repeat;    
        height:370;
        Width:680;  
	}
	.x-layout-inactive-content{
	    margin:5px;
	    background-image:url(../images/principal.jpg);
	    background-repeat: no-repeat;	
        height:370;
        Width:680;  	    
	}
	
	#content frames{
	    margin:5px;
	    background-image:url(../images/principal.jpg);
        height:370;
        Width:680;  	    

	}
	#nav li {
	    padding:2px;
	    font-size:8pt;
	    display: block;
    }
    .x-layout-panel{
	    background-image:url(../images/principal.jpg);
	    background-position: -3px 6px;
	    background-repeat: no-repeat;	
    	border:0px none;
        height:370;
        Width:680;        
    }
    




.x-layout-container{
    width:100%;
    height:100%;
    overflow:hidden;
	 background-color:#ffffff;
}
.x-layout-container .x-layout-tabs-body{
	border:0 none;
}
.x-layout-collapsed{
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
    background-color:#c3daf9;
    width:20px;
    height:20px;
    overflow:hidden;
	border:1px solid #98c0f4;
	z-index:20;
}
.ext-border-box .x-layout-collapsed{
    width:22px;
    height:22px;
}
.x-layout-collapsed-over{
    cursor:pointer;
	 background-color:#d9e8fb;
}
.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
	position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
}
.x-layout-collapsed-north .x-layout-collapsed-tools, .x-layout-collapsed-south .x-layout-collapsed-tools{
	position:absolute;
    top:0;
    right:0;
    width:20px;
    height:20px;
}
.x-layout-collapsed .x-layout-tools-button{
    margin:0;
}
.x-layout-collapsed .x-layout-tools-button-inner{
    width:16px;
    height:16px;
}
.x-layout-inactive-content{
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
}
.x-layout-active-content{
    visibility:visible;
}
.x-layout-panel{
    position:absolute; 	border:0 none;overflow:hidden;background-color:white;
}
.x-layout-panel-east, .x-layout-panel-west {
    z-index:10;
}
.x-layout-panel-north, .x-layout-panel-south {
    z-index:11;
}
.x-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
    z-index:12;
}
.x-layout-panel-body{
    overflow:hidden;
}
.x-layout-grid-wrapper{

}
.x-layout-split{
    position:absolute;
    height:5px;
    width:5px;
    line-height:0px;
    font-size:1px;
    z-index:3;
    background-color:#c3daf9;
}
.x-layout-panel-hd{
    background-image: url(../ext/resources/images/default/layout/panel-title-light-bg.gif);
    color: black;
    border-bottom:1px solid #98c0f4;
    position:relative;
}
.x-layout-panel-hd-text{
    font:normal 11px tahoma, verdana, helvetica;
    padding: 4px;
    padding-left: 4px;
    display:block;
	 white-space:nowrap;
}
.x-layout-panel-hd-tools{
    position:absolute;
    right:0;
    top:0;
    text-align:right;
    padding-top:2px;
    padding-right:2px;
    width:60px;
}
.x-layout-tools-button{
    z-index:6;
    padding:2px;
    cursor:pointer;
    float:right;
}
.x-layout-tools-button-over{
    padding:1px;
    border:1px solid #98c0f4;
    background-color:white;
}
.x-layout-tools-button-inner{
    height:12px;
    width:12px;
    line-height:1px;
    font-size:1px;
    background-repeat:no-repeat;
    background-position:center;
}
.x-layout-close{
    background-image:url(../ext/resources/images/default/layout/panel-close.gif);
}
.x-layout-stick{
    background-image:url(../ext/resources/images/default/layout/stick.gif);
}
.x-layout-collapse-west,.x-layout-expand-east{
    background-image:url(../ext/resources/images/default/layout/collapse.gif);
}
.x-layout-expand-west,.x-layout-collapse-east{
    background-image:url(../ext/resources/images/default/layout/expand.gif);
}
.x-layout-collapse-north,.x-layout-expand-south{
    background-image:url(../ext/resources/images/default/layout/ns-collapse.gif);
}
.x-layout-expand-north,.x-layout-collapse-south{
    background-image:url(../ext/resources/images/default/layout/ns-expand.gif);
}
.x-layout-split-h{
    background-image:url(../ext/resources/images/default/sizer/e-handle.gif);
    background-position: left;
}
.x-layout-split-v{
    background-image:url(../ext/resources/images/default/sizer/s-handle.gif);
    background-position: top;
}
.x-layout-panel .x-tabs-wrap{
    background:url(../ext/resources/images/default/layout/gradient-bg.gif);
}
.x-layout-panel .x-tabs-body {
    background-color:white;
    overflow:auto;height:100%;
}
.x-layout-component-panel, .x-layout-nested-layout {
	position:relative;
   padding:0;
	overflow:hidden;
	width:200px;
	height:200px;
}
.x-layout-nested-layout .x-layout-panel {
	  border:0 none;
}
.x-layout-nested-layout .x-layout-panel-north {
	  border-bottom: 0 none;
}
.x-layout-nested-layout .x-layout-panel-south {
	  border-top:0 none;
}
.x-layout-nested-layout .x-layout-panel-east {
	  border-left:0 none;
}
.x-layout-nested-layout .x-layout-panel-west {
	  border-right:0 none;
}

.x-layout-panel-dragover {
	border: 0 none;
}
.x-layout-panel-proxy {
	background-image: url(../ext/resources/images/default/layout/gradient-bg.gif);
	background-color:#c3daf9;
	border:0 none;
	z-index:10001;
	overflow:hidden;
	position:absolute;
	left:0;top:0;
}
.x-layout-slider {
	z-index:15;
	overflow:hidden;
	position:absolute;
}



.x-reader .x-layout-panel-north {
    border:0 none;
}
.x-reader .x-layout-panel-center{
    border:0 none;
}
.x-reader .x-layout-nested-layout .x-layout-panel-center{
    border:0 none;
    border-top:0 none;
}
.x-reader .x-layout-nested-layout .x-layout-panel-south{
    border:0 none;
}

class .loading-indicator{
    font-size:12px;
    height:18px;
}

/*
COMBOS!!
 */
.loading-indicator {
    font-size:8pt;
    background-image:none; 
    background-repeat: no-repeat;
    background-position:top left;
    padding-left:20px;
    height:18px;
    text-align:left;
}

#loading{
    position:absolute;
    left:42%;
    top:45%;
    border:1px solid #000000;
    padding:2px;
    background:#D56A00;
    width:150px;
    text-align:center;
    z-index:20001;
}
#loading .loading-indicator{
    border:1px solid #000000;
    background:white;
    color:#000000;
    font:bold 13px tahoma,arial,helvetica;
    padding:10px;
    margin:0;
}


 
.x-btn-volver {
     background-color: #000000;
     border-right: #000000 1px outset; 
     border-top: #000000 1px outset; 
     font-weight: normal; 
     font-size: 9px; 
     border-left: #000000 1px outset; 
     color: #ffffff; 
     border-bottom: #000000 1px outset; 
     font-family: tahoma, arial, helvetica, sans-serif; 
     height: 16px; 
     width: 84px;
     vertical-align: middle;
     text-align: center;
     cursor: pointer;
     white-space: nowrap;
}