html, body {
	        width: 100%;
	        height: 100%;
	        font-family: "Helvetica Neue", Helvetica, sans-serif;
	        color: #444;
	        -webkit-font-smoothing: antialiased;
	        background: #FFFFFF;
            left: 0;
            height:0;
            margin-top: 0;
        }

        .bodygeneral
        {
            margin:0; 
            background: #FFFFFF;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }
 
        .radMenu{
                        width:280px;
                    }


        .borderCssClass div {
                    border: 0px solid #303e4f;
                }

        .PrimeraFila {
            background-color: #303e4f;
            vertical-align:central;
            height:40px;
            border-color:#303e4f

        }

        .PrimeraFilaColum {
            background-color: #303e4f;
            vertical-align:central;
            height:40px

        }

        .ControlesPrimeraFila  {
            background-color: #303e4f;
            color:#e3e8ef;

        }

        .BarraLateral {
            background-color: #e3e8ef;
            width:250px;
        }

        .TablaLateral {
            background-color: #e3e8ef;
            width:250px;
        }

        .MenuBarraLateral  {
            background-color: #e3e8ef;
            border-style:solid;
            border-color:blue;
            color:black;
            text-decoration-color:black;
        }

        .MenuBarraLateral-I  {
            background-color: #e3e8ef;
            border-style:solid;

        }

         .col, .header, .footer  div {
             background-color: #303e4f;
             vertical-align:central
         }
         .col1 {
            background-color: #e3e8ef;
                       
        }

        .tdnewmaster
        {
            border-style: none;
            /*background-image: url('../Imagenes/td.png');
            background-repeat: repeat;*/
            background-color:white;

 
        }


        .tablamaestra {
            width:100%;
            height:100% ;
            padding: 0px;
            margin:0;
            border:0;
            border-collapse:collapse; border: none; 
        }

.tdsuperior {
    border: inset 0pt;
    height: 80px;
    border-width: 0px;
    border-color: #003287;
    background-color: #003287;
}


        .tdizquierda
        {
            height:900px;
            padding:0;
            border: inset 0pt;
            width:20%;
            background-color: #e3e8ef;
            overflow: hidden;
        }

        .tdLogo
        {
            width:50%;
        }

        .tdimagen
        {
            width: 100%;
        }

.imgManager {
    width: 900px;
    height: 200px;
    background-color: rgba(0, 50, 135, 1)
}

        .tdderecha
        {
            height:1000px;
            padding:0;
            border: inset 0pt;
            width: 100%;
        }

        .tdizquierdamaster
        {
            height:auto;
            padding:0;
            border: inset 0pt;
            width:20%;
            background-color: #e3e8ef;
        }


        .tdderechamaster
        {
            height:auto;
            padding:0;
            border: inset 0pt;
            width: 100%;
        }

        .textousuario
        {
            width: 250px;
        }

        .textoclave
        {
            width: 250px;
        }

        .tdnewmasterBlanca
        {
         /*background-color: #303e4f;*/
         background-color:white;
        }
        .menuRibbon {
	        /*background: #002D70;
            background-color: #002D70;*/
            background: #808080;
            background-color: #808080;
        }

        .tablamanager {
          border-top-left-radius: 50px 25px;
          border-top-right-radius: 50px 25px;
 
        }

 

        .DropDownListEnGrilla
        {
            height: 18px;
            font-size: 10px;
            font-family: "Helvetica Neue", Helvetica, sans-serif;
        }

        .cmdEditarGrilla
        {
            font-size: 11px;
            font-weight: bold;
            border-style: none;
            background-image: url(../Images/Edit.gif);
            background-color: transparent;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            cursor: pointer;
        }
 

        .pie 
        {
            font-family: "Helvetica Neue", Helvetica, sans-serif;
            color: #444;
            font-size: 9px;
        }

        .fondoAplicacion
        {
	        background-color:grey;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }

        .popup_block {
	        background-color:#ffffff;
	        background: #ffffff;
            border-width:5px;
            border-color:#A0A0A0;
            border-style:solid;
            background:	padding: 20px;
            border: 20px solid	float: left:;
            font-size: 12px;
	        font-family: Geneva, Arial, Helvetica, sans-serif;
	        font-weight: normal;
	        color: #FFFFFF;
	        z-index: 999999;
	        /*--CSS3 Box Shadows--*/
	        -webkit-box-shadow: 0px 0px 20px;
	        -moz-box-shadow: 0px 0px 20px;
	        box-shadow: 0px 0px 20px;
	        /*--CSS3 Rounded Corners--*/
	        -webkit-border-radius: 10px;
	        -moz-border-radius: 10px;
	        border-radius: 10px;
        }

        .validation 
        {
             background-color:#FFB2B2; 
             background:#FFB2B2; 
             border:0; 
             border-width:0; 
             border-style:none; 
        }
 
        .label{
            font-weight:bold; 
            font-family: Arial, sans-serif ;
            font-size:small;
            color:#303e4f
        }

        .contentMaster {
	        margin: 0px;
            background: #ffffff;
            background-color: #ffffff;
            width: 980px;
            text-align: center;
            border-left:1px solid #ccc;
            border-top: 1px solid #ccc;
            border-right: 1px solid #ccc;
        } 

        .content
        {
            margin:0px;
            background: #fff;
            background-color: #fff;
            width: 980px;
            border-left:1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }


        .division
        {
            height: 1px;
            background: #A9B9CE;
            background-color: #A9B9CE;
            border: 0px;
        }
        input {
	        font-family: "Helvetica Neue", Helvetica, sans-serif;
	        font-size: 12px;
	        outline: none;
        }

  

        input[type=text],
        input[type=password] 
        {
            height: 16px;
	        color: #4C4C4C;
	        padding-left: 2px;
	        margin: 2px;
	        margin-top: 2px;
	        margin-left: 2px;
	        border: 1px solid #c7d0d2;
	        border-radius: 2px;
	        box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	        -webkit-transition: all .4s ease;
	        -moz-transition: all .4s ease;
	        transition: all .4s ease;
        }


        input[type=text]:hover,
        input[type=password]:hover
        {
	        border: 1px solid #b6bfc0;
            box-shadow:(190, 190, 190, .7), 0 0 0 5px #f5f7f8:;
        }

        input[type=text]:focus,
        input[type=password]:focus
        {
	        border: 1px solid #a8c9e4;
            box-shadow: inset 0 .5px 3px rgba(190, 190, .190, .90, . 4), 0 px: rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
        }

        label {
           font-family: "Helvetica Neue", Helvetica, sans-serif;
	        font-size: 12px;
	        outline: none;		
        }


        .texto
        {
            font-family: "Helvetica Neue", Helvetica, sans-serif;
	        font-size: 12px;
	        outline: none;		
	        color: #303e4f;
        }

        .textoResaltado {
	        font-family: "Helvetica Neue", Helvetica, sans-serif;
	        font-size: 12px;
	        outline: none;		
	        color: black;
	        font-weight: bold;
        }

        .textoInicio {
	        font-family: "Helvetica Neue", Helvetica, sans-serif;
	        font-size: 14px;
	        outline: none;		
	        color: #303E4F;
            font-style: italic;
        }

        .textoInicioResaltado {
	        font-family: "Helvetica Neue", Helvetica, sans-serif;
	        font-size: 14px;
	        outline: none;		
	        color: #303E4F;
	        font-weight: bolder;
        }
 
 
        textarea
        {
            color: #4C4C4C;
	        padding-left: 2px;
	        margin: 2px;
	        margin-top: 2px;
	        margin-left: 2px;
	        border: 1px solid #c7d0d2;
	        border-radius: 2px;
	        box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	        -webkit-transition: all .4s ease;
	        -moz-transition: all .4s ease;
	        transition: all .4s ease;
	        font-family: "Helvetica Neue", Helvetica, sans-serif;
	        font-size: 12px;
        }

        .textbox { 
        border: 1px solid #848484; 
            -webkit-border-radius: 30px; 
            -moz-border-radius: 30px; 
            border-radius: 50px; 
            outline:0; 
            height:25px; 
            width: 275px; 
            padding-left:10px; 
            padding-right:10px; 
        } 

        .textbox:hover { 
            background-color: #e3e8ef; 
        } 
        .textbox:focus { 
            background-color: #e3e8ef; 
        } 
        .textbox:active { 
            background-color: #e3e8ef; 
        }

        /* aca esta*/



        .top-ribbon
        {
            margin-top: 0px;
            width: 970px;
            height: 15px;
            background: #002D6E;
            background-color: #002D6E;
            text-align: right;
            padding-right: 10px;
            color: #FFFFFF;
        }

        .top-menu ul
        {
            margin: 0;
            padding: 0;
            list-style: none;
            background-color: #CCCCCC;
        }

 

        .top-menu:before,
        .top-menu:after
        {
            content: "";
            display: table;
        }

        .top-menu:after
        {
            clear: both;
        }

        .top-menu
        {
            list-style: none;
        }

        .top-menu li
        {
            border-left: 2px solid #ccc;
            float: right; /*border-right: 1px solid #222;
            box-shadow:1px 0 0 #444;*/
            position: relative;
 
        }



        .top-menu a
        {
            float: right;
	        padding: 5px 90px;
	        color: #fff;
	        /*text-transform: uppercase;*/
	        font-family: "Helvetica Neue", Helvetica, sans-serif;
	        font-size: 10px;
	        font-weight: bold;
	        color:#ccc;
	        text-decoration: none;
	        text-shadow: 0 1px 0 #002D6E;
        }

        .top-menu ul
        {
    
            /*margin: 20px 0 0 0;*/
	        _margin: 0; /*IE6 only*/
	        opacity: 2;
	        visibility: hidden;
	        position: absolute;
	        top: 13px;
	        left: 0;
	        z-index: 1;    
	        background: #0033CC;	
	        background: linear-gradient(#CCCCCC, #111);
	        box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
	        border-radius: 3px;
	        transition: all .2s ease-in-out;  
        }

        .top-menu li:hover > ul
        {
            opacity: 1;
	        visibility: visible;
	        margin: 0;
	
        }

        .top-menu ul ul
        {
            top: 0;
	        left: 400px;
	        margin: 0 0 0 20px;
	        _margin: 0; /*IE6 only*/
	        box-shadow: -1px 0 0 rgba(255,255,255,.3);	
	
        }

        .top-menu ul li
        {
            float: none;
	        display: block;
	        border: 0;
	        _line-height: 0; /*IE6 only*/
	        box-shadow: 0 1px 0 #111, 0 2px 0 #666;
        }

        .top-menu ul li:last-child
        {
            box-shadow: none; 
        }

        .top-menu ul a
        {
            padding: 7px;
	        width: 100px;
	        _height: 10px; /*IE6 only*/
	        display: block;
	        white-space: nowrap;
	        float: none;
	        text-transform: none;
	        text-align:left;
        }

        .top-menu ul a:hover
        {
            background-color: #0033CC; /*filter:alpha(opacity=90);*/ /*background-image: linear-gradient(#04acec, #0186ba);*/
            color: #ccc;
        }

        .tablaPlana
        {
 
            font-family: "Helvetica Neue", Helvetica, sans-serif;
	        font-size: 12px;
	        outline: none;
            color: #777;
        }

        .tablaPlana td
        {
            border: none 0px #fff;
        }



        .select
        {
           background: url(../images/icon-arrow-dwn.png) no-repeat right #ddd;
           height: 20px;
           overflow: hidden;
           border-radius: 5px;
            border: #aaa 1px solid;
	        color:   lightgrey;
	        font-family: helvetica,arial,sans-serif;
	        font-size: 12px;
	        line-height: 20px;
	        margin: 0px;
	        text-shadow: rgba(255,255,255,.6) 0 1px 0;
	        -webkit-appearance: none;
	        -webkit-box-shadow:
	        rgba(0,0,0,.1) 0 0 2px,
	        rgba(0,0,0,.1) 0 0 8px,
	        inset 0 1px 0 rgba(255,255,255,.5),
	        inset 0 -5px 15px rgba(0,0,0,.1),
	        inset 0 -2px 10px rgba(255,255,255,1);
        }

        .select select{
           background: transparent;
           -webkit-appearance: none;
           font-size: 12px;
           padding-top: 2px;
           border: 0px none #ccc;
           margin: 0;
        }

        /* css for timepicker */
		        .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
		        .ui-timepicker-div dl { text-align: left; }
		        .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
		        .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
		        .ui-timepicker-div td { font-size: 90%; }
		        .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }


        .mGrid { 
            width: 100%; 
            background-color: #fff; 
            margin: 5px 0 10px 0; 
            border: solid 1px #525252; 
            border-collapse:collapse; 
            font-size: 11px;
            font-family: "Helvetica Neue", Helvetica, sans-serif;
        }
        .mGrid td { 
            padding: 2px; 
            border: solid 1px #c1c1c1; 
            color: #717171; 
        }
        .mGrid th
        {
            padding: 4px 2px;
            color: #FFFFFF;
            background: #0033CC no-repeat top;
            border-left: solid 1px #525252;
            font-size: 11px;
        }
        .mGrid .alt { background: #fcfcfc url(../imagenes/grd_alt.png) repeat-x top; }
        .mGrid .pgr { background: #424242 url(../imagenes/grd_pgr.png) repeat-x top; }
        .mGrid .pgr table { margin: 5px 0; }
        .mGrid .pgr td { 
            border-width: 0; 
            padding: 0 6px; 
            border-left: solid 1px #666; 
            font-weight: bold; 
            color: #fff; 
            line-height: 12px; 
         }   
        .mGrid .pgr a { color: #666; text-decoration: none; }
        .mGrid .pgr a:hover { color: #000; text-decoration: none; }



        .mGridDos { 
            width: 100%; 
            background-color: #fff; 
            margin: 5px 0 10px 0; 
            border: solid 1px #525252; 
            border-collapse:collapse; 
            font-size: 12px;
            font-family: "Helvetica Neue", Helvetica, sans-serif;
        }
        .mGridDos td { 
            padding: 2px; 
            border: solid 1px #c1c1c1; 
            color: #717171; 
        }
        .mGridDos th { 
            padding: 4px 2px; 
            color: #fff; 
            background: #424242 url(http://recursos/imagenes/grd_head.png) repeat-x top; 
            border-left: solid 1px #525252; 
            font-size: 12px; 
        }
        .mGridDos .alt { background: #fcfcfc url(http://recursos/imagenes/grd_alt.png) repeat-x top; }
        .mGridDos .pgr { background: #424242 url(http://recursos/imagenes/grd_pgr.png) repeat-x top; }
        .mGridDos .pgr table { margin: 5px 0; }
        .mGridDos .pgr td { 
            border-width: 0; 
            padding: 0 6px; 
            border-left: solid 1px #666; 
            font-weight: bold; 
            color: #fff; 
            line-height: 12px; 
         }   
        .mGridDos .pgr a { color: #666; text-decoration: none; }
        .mGridDos .pgr a:hover { color: #000; text-decoration: none; }


        .mGridSeleccionado{
            background:none;
        }


.msgbox {
	background: url('http://recursos/imagenes/ie.png') repeat-x left bottom #e5e5e5;
	position: fixed;
	border: 1px solid rgba(33, 33, 33, 0.6);
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    font-family: microsoft tai le,Lucida Sans Unicode;
}



.msgbox th div img{
	height:5px;
	margin: 0;
	padding: 0px 1 0px 2px;
}

.msgbox th span p{
   text-align: center; 
   width: 100%;
}

.msgbox th
{
    height: 65px;
    background: url('../imagenes/header_bg.jpg') repeat-x left bottom #f5f5f5;
    /*padding: 18px 25px 15px;*/
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    color:#666;
    font-size: 16px;
    font-family: kozuka gothic pro b,microsoft tai le,Lucida Sans Unicode;
    text-align: center;
}

.msgbox p
{
    padding-left: 20px;
    padding-right: 20px;
    font-size:16px;
    line-height:1.4;
    padding-top: 25px;
}

.msgbox .btnAceptarMsgbox
{
    margin-bottom: 20px;
    padding: 0 35px 0 40px;
    text-decoration:none;
    border:none;
	width:auto;
	height: 30px;
	font-size: 16px;
	font-weight:normal;
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#71ADCD), to(#74B2D2));
	background-image: -moz-linear-gradient(top left 90deg, #71ADCD 0%, #74B2D2 100%);
	background-image: linear-gradient(top left 90deg, #71ADCD 0%, #74B2D2 100%);
	border-radius: 4px;
	border: 1px solid #74B2D2;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
	cursor: pointer;
	background:  #71ADCD;
}

.msgbox .btnCancelarMsgbox
{
    margin-bottom: 20px;
    padding: 0 35px 0 40px;
    text-decoration:none;
    border:none;
	width:auto;
	height: 30px;
	font-size: 16px;
	font-weight:normal;
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#71ADCD), to(#74B2D2));
	background-image: -moz-linear-gradient(top left 90deg, #71ADCD 0%, #74B2D2 100%);
	background-image: linear-gradient(top left 90deg, #71ADCD 0%, #74B2D2 100%);
	border-radius: 4px;
	border: 1px solid #74B2D2;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
	cursor: pointer;
	background:  #71ADCD;
}
 
        .btnBuscar
        {
            font-size: 11px;
            font-weight: bold;
            color: #464646;
            border-style: none;
            background-image: url('../imagenes/Buscar.png');
            width: 30px;
            height: 28px;
            cursor: pointer;
        }

 


        .DropDownListEnGrilla
        {
            height: 18px;
            font-size: 10px;
            font-family: "Helvetica Neue", Helvetica, sans-serif;
        }


        .TextBoxListEnGrilla
        {
            height: 18px;
            font-size: 10px;
            font-family: "Helvetica Neue", Helvetica, sans-serif;
        }

        .tabla th{
	        font-size:12px;
            font-weight:bold;
            color: #464646;
        }


        .tablaResaltada span
        {
            font-size: 10px;
	        font-weight: bold;
	        border: 1px solid #000E60;
	        color:#000E60;
	        padding: 5px 5px 5px 5px;
	        background-color: #FFC6C6;
        }

        #modalPopup
                {
                    display: none;
                    /*border: solid 1px Black;
                    background-color: Gray;
                    background-image: url(images/progress-indicator.gif);
                    color: White;
                    vertical-align: middle;
                    height: 100px;*/
                    background-color: #fff;
			        background-image: url(../imagenes/progress-indicator.gif);
			        background-position: center center;
			        background-repeat: no-repeat;
			        border: 0px;
			        height: 50px;
			        width: 270px;
			        font-family: Geneva, Arial, Helvetica, sans-serif;
			        font-size: 10px;
			        font-weight: normal;
			        color:Gray;

                }
        
        
        .curved-box 
            { 
                    margin: 10px; 
                    width: 298px; 
                    background-color: #c3d0d4; 
            } 

        .curved-box h2 
            { 
                background: #c3d0d4 url(curva-top.png) no-repeat left top; 
                color: #f4fbfd; 
                padding: 10px 15px 5px 15px; 
             } 

            .monitor
            {
                width: 781px;
                height: 463px;
                padding: 30px 33px 85px 34px;
                background-image: url('images/monitor.jpg');
                background-repeat: no-repeat;
                margin: 15px 0 0 15px;
            }
     
          .curved-box p 
            { 
               background: #c3d0d4 url(curva_bottom.png) no-repeat left bottom; 
               margin: 0px; 
               padding: 5px 15px 10px 15px; 
               text-align: left; 
           } 

          /** Customize the demo canvas */
        .qsf-demo-canvas {
             width: 280px;
        }
 
 
        /** Customize the panelbar*/
        .qsf-demo-canvas .RadPanelBar,
        .qsf-demo-canvas .RadPanelBar .rpSlide,
        .qsf-demo-canvas .RadPanelBar .rpGroup,
        .qsf-demo-canvas .RadPanelBar .rpItem,
        .qsf-demo-canvas .RadPanelBar .rpTemplate {
             overflow: visible !important;
        }
        .qsf-demo-canvas .RadPanelBar .rpLevel1 .rpItem {
             padding: 0;
        }
 
 
        /** Customize the menu */
        .qsf-demo-canvas .RadMenu ul.rmRootGroup {
             border: 0;
             *zoom: 1;
        }
        .qsf-demo-canvas .RadMenu .rmLink {
             float: none;
        }

        .RadPanelBar .rpImage {
             height: 19px;
        }
        .RadPanelBar .rpLevel1 .rpImage {
             height: 16px;
        }


        .groove{
                border-style:ridge ; 
            }

            div#rounded-box1 {background:transparent;margin:2em auto;padding:0;width:400px;}  
            .rb4 {background:#d0cbcb;margin:0 auto;padding:0;width:398px;height:3px;}  
            .rb3 {background:#d0cbcb;margin:0 auto;padding:0;width:396px;height:2px;}  
            .rb2 {background:#d0cbcb;margin:0 auto;padding:0;width:392px;height:1px;}  
            .rb1 {background:#d0cbcb;margin:0 auto;padding:0;width:388px;height:1px;}  
            .rb-content {margin:0 auto;padding:0;width:400px;}  
            .rb-content p {color:#fff;margin:0 10px;padding:0;}


        .DIV {
            border: 1px solid #F2F2F2;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            padding: 7px;
            border-radius: 0px;
 
        }

        .DIVBienes {
            border: 1px solid #303e4f;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            padding: 7px;
            border-radius: 15px;
            width:450px; 
            height:300px; 
            background-color:  white;
 
        }


        .exampleWrapper {
             position: relative;
        }
 
        .buttonContainer {
             float:left;
             padding: 0 15px;
        }
        .button {
             background-repeat: no-repeat;
             background-position: center;
             padding: 0 5px;
        }
 
             .button.buttonNext {
                  background-image: url(Img/Right.png);
             }
 
             .button.buttonPrev {
                  background-image: url(Img/Left.png);
             }
 
             .button.rbDisabled {
                  background-image: none;
             }
 
        html .RadButton {
             outline: none !important;
        }
 
        .multipage {
             float: left;
        }
 
        .textContainer {
             vertical-align: top;
        }
 
     .textContainer p {
          width: 340px;
          margin-left: 20px;
          color: #000000;
          font-size: 13px;
          font: Segoe UI;
     }
 
     .textContainer span {
          color: #717276;
          font-size: 25px;
          font-weight: lighter;
          position: relative;
          top: -10px;
          left: 18px;
     }

     .tablaMantenedor
     {
            width:700px;
            height:50px;
     }

     .grillaInformes
     {
            width:900px;
     }

     .grillaProcesos
     {
            Width:700px;
     }

     .grillaProcesosDobles
     {
            width:400px;
            Height:300px;

     } 

    .modal
    {
        position: fixed;
        z-index: 999;
        height: 100%;
        width: 100%;
        top: 0;
        background-color: Black;
        filter: alpha(opacity=60);
        opacity: 0.6;
        -moz-opacity: 0.8;
    }

  .divbuscando
  {
      z-index:999999999;
      width:0px; 
      height:0px
  }