body {
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    font-size: 65%;
    }  
#dcentral{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	/*align:center;*/
	width:1250px;
	/*height:615px;*/
	height:590px;
	/*border-style: solid;*/
	border-width: 1px;
	overflow:hidden;
        z-index: 0;
	}


#dcentral #dcabecera{
	position: absolute;
	top: 1px;	
	left:1px;
	width: 1247px;
	height: 60px;
	border-radius: 5px;
        
	border-width: 2px;
	box-shadow: 5px 5px 10px 2px #888;
        
	/*Para el Efecto de Degradado*/
	/*===============================*/
	background: -moz-linear-gradient(top,  #45A2CC 0%, #DCE2E2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45A2CC), color-stop(100%,#DCE2E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45A2CC 0%,#DCE2E2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45A2CC 0%,#DCE2E2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45A2CC 0%,#DCE2E2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45A2CC 0%,#DCE2E2 100%); /* W3C */
        
        z-index: 0;
	}

#dcentral #dcabecera #_tabla_cab{
        border:0px;  
	width:1240px;
	height: 60px;
}


#dcentral #dcabecera #img_logo{
	width:60px;
	height: 60px;
}


#dcentral #dcabecera #app_name{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 24px;
	font-weight: bold;
	color:#037BAF;
        text-shadow: 2px 2px 10px 0px #888;
}

#dcentral #dmenuprin{
	position: absolute;
	top: 75px;
	left: 197px;
	width: 1050px;
	height: 40px;
	
	border-style: solid;
	border-color: #57697F;
	border-width: 1px;
	border-radius: 5px;
	vertical-align: middle;
        box-shadow: 1px 1px 10px 1px #888;
        z-index: 0;
	
	
	/* Para el degradado*/
	/*=======================*/
	background: #3D93A5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhOGE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2JjYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
	background: -moz-linear-gradient(top,  #3D93A5 0%, #DCE2E2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3D93A5), color-stop(100%,#DCE2E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3D93A5 0%,#DCE2E2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3D93A5 0%,#DCE2E2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3D93A5 0%,#DCE2E2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3D93A5 0%,#DCE2E2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D93A5', endColorstr='#DCE2E2',GradientType=0 ); /* IE6-8 */
}

#dcentral #dmenuprin ul{    
    list-style-type: none;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 10pt;	
}

#dcentral #dmenuprin li{    
   display: inline;
   text-align: center;
   margin: 0 7px 0 0;
}

#dcentral #dmenuprin li a {
	padding: 2px 50px 2px 50px;
	
	/*background-color: #eeeeee;*/
	border-radius: 5px;
        box-shadow: 2px 2px 10px 0px #888;
	
	border: 1px solid #DCE2E2;
	text-decoration: none;
        
        background-color: #026D81;
	color: #FFFFFF;

} 

#dcentral #dmenuprin li a:hover{
        background-color: #6FB6D6;
        color: #037BAF;
} 


#dcentral #dnommenu2{
	position:absolute;
	top: 75px;	
	left:0px;
	width:177px;
        height: 40px;
        
        /*color: #FFFFFF;*/
        color:#037BAF;
        font-family: 'Helvetica', Arial, sans-serif;
        font-size: 16px;
        font-weight:bold;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        
	border-radius: 5px;
	border-style: solid;
	/*border-color: #57697F;*/
        border-color: #57697F;
	border-width: 1px;      
        box-shadow: 2px 2px 10px 2px #888;
        z-index: 0;
        
        /* Para el Degradado*/

	background: #45A2CC; /* Old browsers */
	background: -moz-linear-gradient(top,  #45A2CC 0%, #DCE2E2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45A2CC), color-stop(100%,#DCE2E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45A2CC 0%,#DCE2E2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45A2CC 0%,#DCE2E2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45A2CC 0%,#DCE2E2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45A2CC 0%,#DCE2E2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45A2CC', endColorstr='#DCE2E2',GradientType=0 ); /* IE6-8 */
        
        
        
        
        
        
}

#dcentral #dmenu{
	position:absolute;
        overflow: auto;
	top: 125px;	
	left:0px;
	width:195px;
        height: 480px;
	/*background-color: #FFFFFF;*/
        font-family: 'Helvetica', Arial, sans-serif;
        font-size: 13px;
	border-radius: 5px;
	/*border-style: solid;*/
	border-color: #3D93A5;
	border-width: 1px;        
        
        z-index: 0;
}


	/* Formato nivel 1 del menú*/
#menu{
        /* box-shadow: Desplazamiento X, Desplazamiento Y, Difuminacion, Extensión, Color */ 
	box-shadow: 2px 2px 10px 2px #888;
        border-radius: 5px;
        display: block;
        background-color: #026D81;
	margin: 0;
	padding: 0;
	width: auto;
	list-style: none;
        width: 185px;
	}
        
#menu li{border-bottom:1px solid #FFFFFF;} /*linea division del menu*/
		
#menu li a{  /*Caracteristicas del texto de la pimera opcion e menu*/
            display: block;
            color: #FFFFFF;
            font-weight:bold;
            text-decoration: none;
            font-family: 'Helvetica', Arial, sans-serif;
            font-size: 13px;
            padding: 3px 5px;
            }
#menu li a:hover{ /*Cuando el mouse pasa por encima de la opcion*/
                color: #026D81;
                background-color: #CFE3E7;
                transition: color color 0.2s linear;
		}	 
/*Formato Nivel 2 del Menu*/		

#menu li ul{
            display: block;
            background-color: #73B6C3;
            margin: 0;
            padding: 0;
            /*width: 130px;*/
            display: none;
            list-style: none;
            }
#menu li ul li{border-bottom:1px solid #FFFFFF;}			 

#menu li ul li a{
                color: #FFFFFF;
                font-weight: bold;
                text-decoration: none;
                font-family: 'Helvetica', 'Arial','sans-serif';
                font-size: 13px;
                padding: 3px 5px;
                text-shadow: none;
                }
                
#menu li ul li a:hover{
                        color: #FFFFFF;
                        background-color: #39A5A5;
                        text-shadow: none;
                        transition: color, background-color 0.2s linear;
                      }

/*Formato Nivel 3 del Menu*/
#menu li ul li ul{
                display: block;
                background-color: #A2A7BE;
                margin: 0;
                padding: 0;
                /*width: 130px;*/
                display: none;
                list-style: none;
                }
#menu li ul li ul li{border-bottom:1px solid #FFFFFF;}		

#menu li ul li ul li a{
                    color: #17375D;
                    font-weight: bold;
                    text-decoration: none;
                    font-family: 'Helvetica', Arial, sans-serif;
                    font-size: 13px;
                    padding: 3px 5px;
                    text-shadow: none;
                    }
#menu li ul li ul li a:hover{
                            color:#17375D;
                            background-color: #C2C5D4;
                            text-shadow: none;
                            transition: color, background-color 0.2s linear;
                            }
/*Formato Nivel 4 del Menu*/
#menu li ul li ul li ul{
                        display: block;
                        background-color: #DCE2E2;
                        margin: 0;
                        padding: 0;
                        /*width: 130px;*/
                        display:none;
			list-style: none;			
			}

#menu li ul li ul li ul li{border-bottom:1px solid #FFFFFF;}		

#menu li ul li ul li ul li a{
                            color: #17375D;
                            font-weight: bold;
                            text-decoration: none;
                            font-family: 'Helvetica', Arial, sans-serif;
                            font-size: 13px;
                            padding: 3px 5px;
                            text-shadow: none;
			    }

#menu li ul li ul li ul li a:hover{
                            background-color: #89C5D3;
                            color: #17375D;
                            text-shadow: none;
                            transition: color, background-color 0.2s linear;
                            }

#dcentral #dcuerpo{
	position:absolute;
	top: 120px;
	left: 197px;
	width: 1050px;
	/*height: 448px;*/
	height: 428px;
	/*background-color: #FFFFFF;*/
	border-radius: 5px;
	/*border-style: solid;*/
	/*border-color: #3D93A5;*/
	/*border-width: 1px;*/
	/*box-shadow: 5px 5px 10px 2px #888;*/
        
        z-index: 0;
}

#dcentral #dfooter{
	position: absolute;
	/*top: 575px;*/
	top: 550px;
	left: 197px;
	width: 1050px; /*El mismo del UL que contiene el menú*/
	height: 30px;
	/*background-color: #FFFFFF;*/
	background-color: #6FB6D6;
	border-radius: 5px;
	border-style: solid;
	border-color: #3D93A5;
	border-width: 1px;
	
        box-shadow: 5px 5px 10px 2px #888;
	text-align: center;
	line-height:30px;
        
        z-index: 0;



	/*Para el Efecto de Degradado*/
	/*===============================*/
	background: #45A2CC; /* Old browsers */
	background: -moz-linear-gradient(top,  #45A2CC 0%, #DCE2E2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45A2CC), color-stop(100%,#DCE2E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45A2CC 0%,#DCE2E2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45A2CC 0%,#DCE2E2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45A2CC 0%,#DCE2E2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45A2CC 0%,#DCE2E2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45A2CC', endColorstr='#DCE2E2',GradientType=0 ); /* IE6-8 */
	
	
	
}
    
#dcentral #dfooter #app_foot{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #037BAF;
	font-weight: bold;	
	   
}

/*#dcentral #dload {*/
#dload {
        position: absolute;
    	width: 50px; 
	     height: 50px;
        /*Lo deja con la esquina superior izquierda al centro*/
        top: 50%;  
        left:50%;
        /*ajusta la posicion restando 1/2 cuadro del DIV (ya que es de 100px)*/
        margin-top: -25px;
        margin-left: -25px;
        
        /*Por defecto está oculto*/
        /*display:none;*/
        
        /*Estará siempre superior a los otros DIV*/
        z-index: 9999;
        
        /*background-color: #6FB6D6;*/
		border-radius: 5px;
		/*border-style: solid;*/
		border-color: #3D93A5;
		border-width: 1px;        
}

#dmessage{
    text-align:center;
    vertical-align: middle;
    font-weight: bold;
    color:cadetblue;
    font-size:12px;
    font-family:helvetica,tahoma,verdana,sans-serif;
}	

.textocentro{
    text-align: center;
}

.textoderecha{
    text-align: right;
}

.boxtrouble{ /*Para Mensaje de Error en Formularios*/
         vertical-align:middle;
         font-weight:bold;
         font-size:10px;
 }   

#titulonomuser{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	color:#037BAF;
        
}

#avisoven{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color:green;
        
}

#nomuser{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color:#037BAF;
}
 
.imgico{
 width: 18px;
 height: 18px;
 cursor: pointer;
}

.titulocampo{
	background-color: #C2C5D4;
        text-align: center;
        color: #17375D;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
	border-radius: 5px;
	border-style: solid;
	border-color: #9C9586;
	border-width: 1px;

    
}

.titulogrupocampos{
    background-color:#45A2CC;
    /*color:#037BAF;*/
    color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-radius: 5px;
    border-style: solid;
    border-color: #3D93A5; 
    border-width: 1px;
}

.treesinestilo{
        /*background-color: #FFFFFF;*/
	border-color: #FFFFFF;
	border-width: 0px;
}

.treeconestilo{
    background-color:  #DCE2E2;
    /*border-color: #3D93A5;*/
    border-color: #4B6887;
    border-width: 1px;
}

/*.no-close .ui-dialog-titlebar-close {display: none } */

.camposimple{
    color:#1f1f1f;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;    
}

/*Modifica características del JQUERY UI*/
.ui-button-text{
font-family:Segoe UI,Arial,sans-serif;
}
.ui-widget{
    /*font-size: 0.9em;*/
    font-family: Segoe UI,Arial,sans-serif;
}

input[type=text]::-ms-clear {
    display: none;
}

.sombra{
	box-shadow:3px 3px 10px 1px #888;
}
.no-close {
	display: none !important;
}